/* =================================================================
 メイン
================================================================= */

/* Main Visual */
#contents .mv_area{
	width:1000px;
	height:550px;
	position:relative;
	background: url(../image/index/mv_bg.png) right no-repeat;
	margin:0 auto;
}
.mv_area ul.fade{
	position:absolute;
	list-style:none;
	top:250px;
	left:30px;
}
ul.fade li{
	padding:0;
	margin:0;
}

/* Solutions of KGC */
#contents .solutions_bg{
	background: url(../image/common/bg2.png) repeat;
	border-top:#F7F0E8 1px solid;
	border-bottom:#F7F0E8 1px solid;
	padding:100px 0;
}
.solutions_bg .solutions_area{
	width:980px;
	margin:0 auto;
}
.solutions_bg .solutions_area h2{
	margin-bottom:35px;
}
.solutions_area ul{
	list-style:none;
	padding:0;
	margin-top:30px;
}
.solutions_area li{
	float:left;
	width:207px;
	height:480px;
	font-size:15px;
	line-height:140%;
	background:#FFF;
	border-top:#34B154 4px solid;
	border-right:#E0DACF 1px solid;
	border-bottom:#E0DACF 1px solid;
	border-left:#E0DACF 1px solid;
	padding:18px 13px;
	margin-right:13px;
}
.solutions_area li.last{
	margin-right:0;
}
.solutions_area li .sok_box{
	position:relative;
}
.sok_box h3{
	border-bottom:#333 1px dashed;
	padding-bottom:13px;
	margin-bottom:18px;
}
.sok_box .sok_pic{
	margin:15px 0;
}
.solutions_area p.target{
	font-size:13px;
}
html > body .sok_box p.linkarea a{
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	left:0;
	top:0;
	text-indent:-9999px;
}

/* Information */
#contents .info_area{
	width:980px;
	padding:100px 0;
	margin:0 auto;
}
.info_area ul{
	list-style:none;
	padding:0;
}
.info_area li{
	border-bottom:#888 1px dashed;
	padding:25px 0;
	margin:0;
}
.info_area li a{
	color:#333;
	text-decoration: underline;
}
.info_area li a:hover{
	color:#999;
	text-decoration: underline;
}
.info_area li span.cate{
	float:left;
	font-size:13px;
	width:130px;
	display:block;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	background:#34B154;
	padding:2px 0 1px 0;
	margin-right:35px;
}
.info_area li span.date{
	float:left;
	width:90px;
	font-size:16px;
	color:#765A4C;
	font-weight:bold;
	margin-right:20px;
}
.info_area li span.article{
	float:left;
	width:705px;
	font-size:15px;
	line-height:180%;
}

/* BLOG*/
#feed li{
	float:left;
}
#feed li span.cate{
	float:left;
	font-size:13px;
	width:130px;
	display:block;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	background:#34B154;
	padding:2px 0 1px 0;
	margin-right:35px;
}
#feed li span.date{
	float:left;
	width:90px;
	font-size:16px;
	color:#765A4C;
	font-weight:bold;
	margin-right:20px;
}