@charset "utf-8";
/* ------------------------------------------------------------

	index style

------------------------------------------------------------ */

/* ----------nav---------- */

#nav {height: 41px;}


/* ----------言語切り替えボゃ\ッE寃Z応---------- */
#header {
height: 96px;
}
#header p.lang_btn {
	position: absolute;
	top: 3px;
	right: 0;
}
#header p.lang_btn a{
	width: 108px;
	height: 28px;
	background: url(../images/head_btn01.jpg) no-repeat left top;
	display: block;
	outline: none;
	overflow: hidden;
	text-indent: -10000px;
}
#header p.lang_btn a:hover{
	background-position: right top;
}
#header h1 {
	top: 13px;
	right: 120px;
}
#header_inquiry {
top: 40px !important;
}
ul#header_btn {
top: 46px;
}
#container {
	background: url(../images/header_bg_index.gif)  repeat-x;
}

/* ----------index_contents---------- */

#index_contents {
	width: 960px;
	margin: 0 auto;
	padding:32px 0 50px 0;
	text-align: left;
	overflow: hidden;
}

/* ----------box1---------- */
#index_contents .box1 {
	clear:both;
	width: 960px;
}

#index_contents .box1 .left {
	float: left;
	width: 614px;
}

#index_contents h2 {
	color:#116bbe;
	font-size:1.3em;
	line-height:1.4em;
	padding:0 0 13px 0;
}

#index_contents .btn {
	width: 960px;
	clear:both;
	padding:10px 0 34px 0;
}

#index_contents .box1 .right {
	float: left;
	width: 341px;
	padding:0 0 0 5px;
	text-align:right;
}


/* ----------box_merit（オフシッ@めuぃ�チBッFット）---------- */


#index_contents .box_merit {
	clear:both;
	height:488px;
	width: 920px;
	padding:36px 0 20px 38px;
	border:1px solid #64acee;
}

/* ----------box_merit .left---------- */
#index_contents .box_merit .left {
	float:left;
	width: 560px;
	padding:6px 0 10px 0;	
}

#index_contents .box_merit .left p {
	width: 510px;
	padding:0 0 10px 28px;	
}

#index_contents .box_merit .left .ttl01 {
	color:#000;
	width: 560px;
	height:27px;
	padding:2px 0 0 28px;
	background-image:url(../images/no1.gif);
	background-repeat:no-repeat;
}

#index_contents .box_merit .left .ttl02 {
	color:#000;
	width: 560px;
	height:27px;
	padding:2px 0 0 28px;
	background-image:url(../images/no2.gif);
	background-repeat:no-repeat;
}

#index_contents .box_merit .left .ttl03 {
	color:#000;
	width: 560px;
	height:45px;
	line-height:1.4em;
	padding:2px 0 0 28px;
	background-image:url(../images/no3.gif);
	background-repeat:no-repeat;
}

#index_contents .box_merit .left .ttl04 {
	color:#000;
	width: 560px;
	height:27px;
	padding:2px 0 0 28px;
	background-image:url(../images/no4.gif);
	background-repeat:no-repeat;
}

#index_contents .box_merit p {
	clear:both;
	width: 560px;
	padding:10px 0 0 28px;
}

/* ----------box_merit .right---------- */
#index_contents .box_merit .right {
	float:left;
	width: 320px;
	padding:0px;	
}

#index_contents .box_merit .right img {
	padding-bottom:30px;	
}

/* ----------box_merit ボタッE---------- */

#index_contents .box_merit .btn {
	clear:both;
	width: 900px;
	padding:0 0 0 8px;
}



/* ----------box_flow（受泃B〜�G�品ぃ�流れ）---------- */

#index_contents .flow h2 {
padding:36px 0 18px 0;
}

#index_contents #box1,#box2 {
	clear:both;
	height:347px;
	width: 956px;
	border:2px solid #2579c7;
	background-image:url(../images/photo03.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}


#index_contents #tabs {
	clear:both;
	width: 920px;
	height:43px;
}

#index_contents #tabs ul {
	clear:both;
	margin:0px;
	padding:0px;
	vertical-align:bottom;
}

#index_contents #tabs li {
	list-style: none;
	float:left;
	margin:0 10px 0 0;
	padding:0px;
}


#index_contents #box1{
	width: 918px;
	clear:both;
    padding:24px 0 12px 38px;
}

#index_contents #box1 h3 {
	padding:24px 0 12px 38px;
	color:#116bbe;
	font-size:1.25em;
	line-height:1.4em;
	padding:0 0 5px 0;
}

#index_contents #tabs #box1 p {
	padding:5px 0 10px 20px;
	color:#000;
	line-height:1.25em;
	font-size:1em;
}

#index_contents #box2{
	width: 918px;
	clear:both;
    padding:24px 0 12px 38px;
}

#index_contents #box2 h3 {
	padding:24px 0 12px 38px;
	color:#116bbe;
	font-size:1.25em;
	line-height:1.4em;
	padding:0 0 5px 0;
}

#index_contents #tabs #box2 p {
padding:5px 0 10px 20px;
color:#000;
line-height:1.25em;
font-size:1em;
}




/* ----------index_service（TOP：サッVビス一覃@）---------- */

#index_contents .service {
	clear:both;
	width: 960px;
	padding:36px 0 18px 0;
}

#index_contents .service h2 {
	padding:0 0 16px 0;
	color:#000000;
	clear:both;
}

#index_contents .service .ttl_test {
	padding:0 0 10px 0;
	background-image:url(../images/offshore_test_ttl_top.gif);
	background-repeat:no-repeat;
	background-position:left top;
	text-indent:-9999px;
}


#index_contents .service .ttl_develop {
	clear:both;
	margin-top:20px;
	padding:0 0 10px 0;
	background-image:url(../images/develop_ttl_top.gif);
	background-repeat:no-repeat;
	background-position:left top;
	text-indent:-9999px;
}

#index_contents .service .bn01 {
	width:472px;
	height:auto;
	float:left;
}

#index_contents .service .bn01img {
	width:472px;
	height:66px;
	display:block;
	margin:12px 10px 5px 0;
}

#index_contents .service .bn01 p {
	width:472px;
	padding:4px 0 20px 12px;
}

#index_contents .service .bn02 {
	width:472px;
	height:auto;
	float:left;
	margin-left:12px;
}

#index_contents .service .bn02img {
	width:472px;
	height:66px;
	display:block;
	margin:12px 0 5px 0;
}

#index_contents .service .bn02 p {
	width:472px;
	padding:4px 0 20px 12px;
}


#index_contents .service .block {
padding:24px 0 12px 38px;
}


#index_contents .service h3 {
	padding:24px 0 12px 38px;
	color:#116bbe;
	font-size:1.25em;
	line-height:1.4em;
	padding:0 0 5px 0;
}

#index_contents .service p {
padding:5px 0 10px 20px;
line-height:1.25em;
}




/*---- よくあるご�E�F問 ----*/
#index_contents #box3{
	width: 960px;
	clear:both;
    padding:30px 0 0 0px;
}

#index_contents .box12{clear:left; padding:0 0 0 0px;}
#index_contents .box12 dl{padding:10px 10px 16px 3px;}
#index_contents .box12 dt{ width:960px; height:36px; display:block; padding:10px 0 0 27px; background-color:#f3f3f3; color:#0e0e0e; font-size:1.1em; font-weight:bold; line-height:1.25em; padding:5px 8px 4px 5px; border-top:1px #e3e3e3 solid; border-bottom:4px #fff solid; background-image:url(../images/faq_q.gif); background-repeat:no-repeat; background-position:5px 5px;}
#index_contents .box12 dt a{twidth:960px; height:36px; ext-decoration:none; display:block;padding:10px 0 0 27px;}
#index_contents .box12 dd{padding:7px 8px 18px 34px; background-image:url(../images/faq_a.gif); background-repeat:no-repeat; background-position:5px 5px;}