@charset "UTF-8";
@import "base.css";

/*--header↓--*/

#header ul li a{
	border-bottom:none;
}

/*--header↑--*/

#visial{
	clear:both;
	width:900px;
	padding:0 0 3px;
}

/*--outline↓--*/

.wrapper #outline{
	width:622px;
	float:left;
	padding:10px 0 0;
	text-align:center;
}

.wrapper #outline #outline_text{
/*--	height:72px;
	overflow:auto;--*/
	text-align:left;
	padding:0 10px;
}

.wrapper #outline p{
	text-indent:1em;
}

.wrapper #outline p strong{
	font-weight:normal;
}

/*--outline↑--*/

/*--Whats'new -- news↓--*/

.wrapper #news{
	width:214px;
	float:right;
	border:solid 3px #E5E5E5;
	background:#2F2F2F;
}

.wrapper #news dl{
	padding:0 13px 7px;
	color:#ffffff;
}

.wrapper #news dl dd{
	padding-left:12px;
}

.wrapper #news dl dd a{
	color:#ffffff;
	text-decoration:underline;
}

.wrapper #news dl dd a:hover{
	color:#ffffff;
	text-decoration:none;
}

/*--Whats'new -- news↑--*/

/*--3カラム↓-- 090630変更2カラム */

.wrapper #flow,
.wrapper #price{
	width:414px;
	padding-bottom:10px;
	border:solid 3px #E5E5E5;
	background:#CEE0ED url(../images/3column_bg.gif) repeat-x left top;
}

/*--高さ調整--*/
.wrapper #flow,
.wrapper #price{
	min-height:291px;
	/*IE6*/
	height:auto !important;
	height:291px;
}

/*--流れ -- flow↓--*/

.wrapper #flow{
	float:left;
}

.wrapper #flow p{
	margin:0 15px 3px;
	padding:7px 7px 7px 35px;
	border:solid 3px #E5E5E5;
}

.wrapper #flow p.num1{
	background:#ffffff url(../images/flow_num1.gif) no-repeat left top;
}

.wrapper #flow p.num2{
	background:#ffffff url(../images/flow_num2.gif) no-repeat left top;
}

.wrapper #flow p.num3{
	background:#ffffff url(../images/flow_num3.gif) no-repeat left top;
}

.wrapper #flow p.num4{
	background:#ffffff url(../images/flow_num4.gif) no-repeat left top;
}

.wrapper #flow p span.client{
	color:#089D21;
}

.wrapper #flow p span.studio{
	color:#2287C9;
}

/*--流れ -- flow↑--*/

/*--料金表 -- price↓--*/

.wrapper #price{
	float:right;
}

.wrapper #price .price_contents{
	margin:0 15px 3px;
	padding:7px;
	border:solid 3px #E5E5E5;
	background:#ffffff;
}

.wrapper #price table{
	width:384px;
	margin:0 15px 3px;
	padding:7px 7px 0;
	border:solid 3px #E5E5E5;
	background:#ffffff;
}

.wrapper #price table th,
.wrapper #price table td{
	padding-bottom:3px;
	font-weight:normal;
	text-align:left;
	vertical-align:middle;
}

.wrapper #price table td{
	padding-left:3px;
}

.wrapper #price table td.text-right{
	text-align:right;
}

.wrapper #price table td.text-right span{
	font-size:130%;
	font-weight:bold;
	color:#EF5400;
}

/*--料金表 -- price↑--*/

/*--事例 -- case↓--*/

.wrapper #case{
	clear:both;
	width:822px;
	float:left;
	margin:0 auto;
	padding:0 17px 10px;
	border:solid 3px #E5E5E5;
	background:#2F2F2F;
}

.wrapper #case #case_contents{
	width:822px;
	margin:0 auto;
}

.wrapper #case #case_contents #case_bg{
	width:822px;
	float:left;
	margin:0 0 10px;
	padding:0 0 3px;
	background:url(../images/case_bg.gif) no-repeat left bottom;
}

.wrapper #case #case_contents #case_bg2{
	width:822px;
	float:left;
	margin:0 0 10px;
	padding:0 0 3px;
	background:url(../images/case_bg2.gif) no-repeat left bottom;
}

.wrapper #case #case_contents .case_list{
	width:194px;
	float:left;
	margin:0 114px 0 0;
	padding:0;
	border:solid 2px #000000;
	border-bottom:none;
	background:#000000;
}

.wrapper #case #case_contents .margin_none{
	margin:0;
}

.wrapper #case #case_contents .case_list p{
	margin-bottom:5px;
	text-align:center;
}

.wrapper #case #case_contents .case_list p.case_text{
	width:178px;
	margin:0;
	padding:5px 8px;
	text-align:left;
	text-indent:1em;
	font-size:96%;
	background:#DFDFDF;
}

.wrapper #case #case_contents .case_list p.case_btn{
	width:178px;
	margin:0;
	padding:0 8px 5px;
	background:#DFDFDF;
}

.wrapper #case #case_contents .case_list p.case_btn a{
	display:block;
	width:37px;
	height:15px;
	margin:0 0 0 140px;
	text-indent:-10000px;
	font-size:0;
	background:url(../images/bot_shousai.gif) no-repeat left top;
}
.case_btn:hover{
	background:url(../images/bot_shousai.gif) no-repeat left bottom;
}

/*--事例 -- case↑--*/

/*--詳しく見る -- detail_btn↓--*/

.wrapper .detail_btn{
	width:180px;
	height:25px;
	margin:25px auto 0;
	background:url(../images/btn_detail.png) no-repeat left top;
}

.wrapper .detail_btn a{
	display:block;
	width:180px;
	height:25px;
	text-indent:-10000px;
}

.wrapper .detail_btn a:hover{
	background:url(../images/btn_detail.png) no-repeat left bottom;
}

/*--090625　導入事例詳しく見るボタン変更
.wrapper #case .detail_btn{
	background:url(../images/btn_detail2.gif) no-repeat left top;
}

.wrapper #case .detail_btn a:hover{
	background:url(../images/btn_detail2.gif) no-repeat left bottom;
}
--*/

/*--詳しく見る -- detail_btn↑--*/

/*--3カラム↑--*/