@charset "utf-8";

/* @group base */

body{
	text-align: center;
	font-size: 14px;
	line-height: 1.8;
	font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
	color: #333333;
}

.container{
	width: 980px;
	margin: 0 auto;
	text-align: left;
}

.title02{
	width: 980px;
	background: url("../img/title02.gif") no-repeat;
	margin: 20px 0 0 0;
	padding: 2px 0 10px 40px;
	font-size: 22px;	
}

a{
	color: #006BC5;
}

/* @end */

/* @group header */


#header{
	background: url("../img/header/main_background.gif");
	padding: 10px 0 0 0;
}

#header_box{
	width: 980px;
	margin: 0 auto;
}

#logo{
	width: 330px;
	float: left;
	margin: 10px 0 0 0;
	text-align: left;
}

#contact_area{
	width: 240px;
	float: right;
}

#subnav{
	width: 460px;
	float: right;
}

#subnav h1{
	color: #333333;
	padding: 10px 0 0 0;
}

#subnav ul{
	width: 310px;
}

#subnav ul li{
	float: left;
	margin: 5px 10px 0 0;
}

#nav{
	width: 980px;
	text-align: center;
	margin: 20px 0;
}

#nav li{
	display: inline;
	margin: 0 18px;
}

#index_slide{
	background: url("../img/header/main_backline.png") repeat-x bottom center;
	position: relative;
	height: 235px;
}

#index_slide_inner{
	position: absolute;
	top: 80px;
	width: 100%;
	height: 120px;
	z-index: 1;
	background: url("../img/header/main_illust.png") repeat-x;
}

#index_slide_img{
	width: 100%;
	position: absolute;
	bottom: 0;
	text-align: center;
	z-index: 2;
}


/* @end */



/* @group nav */

#nav_container{
	width: 100%;
	height: 71px;
	background: url("../img/nav/nav_back.png") repeat-x;
}

#nav{
	width: 980px;
	margin: 0 auto;
}

#nav li{
	float: left;
	margin: 0;
	padding: 0;
}

/* @end */

/* @group maincontainer */

.maincontainer{
	width: 980px;
	margin: 15px auto 30px;
	text-align: left;
}

.maincontainer.index_maincontainer{
	margin: 30px auto;
}

.contents{
	width: 720px;
	float: left;
}

.sidebar{
	width: 240px;
	float: right;
}

.section_title{
	margin: 10px 0;
	padding: 0 0 0 40px;
	line-height: 1;
}

.index_casestudy{
	margin-bottom: 30px;
	background: url("../img/icon_case.png") no-repeat 0 5px;
}

.index_news{
	margin-bottom: 30px;
	background: url("../img/icon_news.png") no-repeat 0 5px;
}

.section_title span{
	font-size: 12px;
	color: #4FB4D9;
}

.section_title h2{
	font-size: 26px;
	color: #333333;
	padding: 5px 0 0 0;
}

/* @end */

/* @group index */

.index_caselist{
	margin-right: -15px;
}

.index_caselist li{
	width: 230px;
	float: left;
	margin: 0 15px 15px 0;
}

.news_box{
	width: 720px;
	margin-bottom: 30px;
}

.news_box_date{
	float: left;
	width: 208px;
	height: 60px;
	background: url("../img/index/news_back.png") no-repeat;
	text-align: center;
	color: #ffffff;
	line-height: 4;
}

.news_box_text{
	float: right;
	width: 500px;
	text-align: left;
	color: #666666;
	line-height: 1.6;
	padding: 7px 0 0 0;
}


/* @end */

/* @group sidebar */

h3.sidebar_title{
	width: 240px;
	height: 37px;
	background: url("../img/side/side_title.png") no-repeat;
	padding: 8px 0 0 10px;
	font-size: 16px;
	font-weight: bold;
}

.sidebar_box{
	background: url("../img/side/side_box.png") repeat-y;
	margin-bottom: 20px;
}

.sidebar_box_inner{
	padding: 10px 10px 0;
}

.sidebar_box:after{
	width: 240px;
	height: 10px;
	content: " ";
	display: block;
	background: url("../img/side/side_box_end.png") no-repeat;
}

.f12{
	font-size: 12px;
}

/* @end */

/* @group breadcrumb */

.breadcrumb{
	width: 980px;
	margin: 10px auto;
	padding: 0;
	color: #666666;
}

.breadcrumb li{
	float: left;
}

.breadcrumb li a{
	text-decoration: none;
	color: #666666;
}

.breadcrumb li a:after{
	content: " > ";
	color: #666666;
	text-decoration: none;
	margin: 0 5px 0 0;
}

/* @end */

/* @group page */

.page_title{
	margin: 0 0 10px;
	padding: 0 0 0 10px;
	line-height: 1;
	border-left: 7px solid #4EB3D8;
}

.index_casestudy{
	margin-bottom: 30px;
	background: url("../img/icon_case.png") no-repeat 0 5px;
}

.page_liststyle,
.page_liststyle2{
	margin: 0;
	padding: 0;
}

.page_liststyle li{
	background: url("../img/icon_arrow.png") no-repeat 0 5px;
	margin: 0 0 20px 0;
	padding: 0 0 0 15px;
}


.page_liststyle2 li{
	background: url("../img/icon_arrow.png") no-repeat 0 5px;
	margin: 0 0 3px 0;
	padding: 0 0 0 15px;
}
/* @end */

/* @group footer */

#footer_container{
	background: #257726;
}

#footer{
	width: 980px;
	margin: 50px auto 0;
	text-align: left;
}

#footer h3{
	font-size: 18px;
	color: #ffffff;
	padding: 20px 0 10px;
}

#footer li{
	float: left;
	margin-right: 2em;
}

#footer li a{
	color: #ffffff;
	background: url("../img/icon_arrow_foot.png") no-repeat;
	padding: 0 0 0 15px;
	text-decoration: none;
	font-size: 13px;
}

#copyright{
	text-align: left;
	color: #ffffff;
	padding: 10px 0 20px;
}

.index_news{
	margin-bottom: 30px;
	background: url("../img/icon_news.png") no-repeat 0 5px;
}

.page_section{
	margin: 30px 0 20px;
	font-size: 26px;
	color: #0066B6;
	line-height : 1.4;
	font-weight: bold;

}

.page_section_faq{
	margin: 30px 0 20px;
	font-size: 18px;
	color: #0066B6;
	line-height : 1.4;
	font-weight: bold;


}

.page_section_company1{
	margin: 30px 30px 10px;
	font-size: 18px;
	color: #0066B6;
	line-height : 1.4;
	font-weight: bold;


}

.page_section_company2{
	margin: 10px 30px 10px;
	font-size: 16px;
	line-height : 1.4;


}





/* @end */




/* @group clearfix */

/*****CLEARFIX START*****/
#header_box:after,
#nav:after,
.maincontainer:after,
.index_service:after,
#footer:after,
.breadcrumb:after {
	visibility: hidden;
	display: block;
	font-size:0;
	content: " "; 
	clear: both; 
	height: 0; 
}
* html #header_box,
* html #nav,
* html .maincontainer,
* html .index_service,
* html #footer,
* html .breadcrumb{ zoom: 1; }
*:first-child+html #header_box,
*:first-child+html #nav,
*:first-child+html #index_nav_crm,
*:first-child+html .container,
*:first-child+html .index_service,
*:first-child+html #footer,
*:first-child+html .breadcrumb { zoom: 1; }

/*****CLEARFIX END*****/


/* @end */