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

/* local set */
body {
	padding:0;
	margin:0;
	color:#333;
	font-size:12px;
	background:url(../../cimg/bg_back.gif) repeat-x;
	background-color:#EAEAEA;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka, sans-serif,"メイリオ";
}

body.bgtop {
	padding:0;
	margin:0;
	color:#333;
	background:url(../../cimg/bg_backtop.gif) repeat-x;
	background-color:#EAEAEA;
	font-family:Osaka,"ＭＳ Ｐゴシック";
}

a { 
	color: #0B40C2;
	text-decoration:none;
}

a:hover {
	text-decoration: underline;
	color: #0B40C2; 
}

.footerlink a { 
	color: #666;
	text-decoration:none;
}

.footerlink a:hover { 
	color: #666;
	text-decoration:underline;
}


a:hover .bottan{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	}	

.bg1 {
	background-repeat: no-repeat;
	background-position: top right;
}

.bg2 {
	background-repeat: no-repeat;
	background-position: top left;
}

.mspace10 {
	margin-top: 10px;
}

.mspace15 {
	margin-top: 15px;
}

.pspace8 {
	padding:8px;
}

.pspace15 {
	padding:15px;
}

form {
	padding: 0;
	margin: 0;
}

.form1 {
	width:100%;
}


.form01 {
	background-color:#F4F4F4;
	width:444px;
	height:35px;
	}

.form02 {
	background-color:#F4F4F4;
	width:93px;
	height:35px;
	}

.form03 {
	background-color:#F4F4F4;
	width:444px;
	height:268px;
	}
	
.submit{
	margin:0 auto;
	text-align:center;
	}

.submit input{
	margin-right:10px;
	}

.label01{
	line-height:35px;
	}

.tborder{
	border: 1px solid #CCC;
}


.imgL{
	float:left;
	}
	
.imgR{
	float:right;
	}


.resultstext1{
	padding:5px 0;
	margin-bottom:15px;
	border-bottom:1px solid #CCC;
}

.resultstext2{
	margin-bottom:10px;
}

.resultstext3{
	font-weight: bold;
	padding:5px 0;
	margin-bottom:5px;
	border-bottom:1px solid #CCC;
}

.resultstext4{
	margin-top: 20px;
	padding:15px;
	background-color:#F4F4F4;
}

.threepolicy{
	width:420px;
	margin-top: 15px;
	padding:15px;
	background-color:#E0EDF4;
}

.officebox, .waterbox{
	border: 1px solid #CCC;
	padding:15px;
}

.realbox{
	width:600px;
	margin-top: 30px;
	padding:15px;
	border: 10px solid #E0EDF4;
}

.bgwater{
	background:url(../../product/img/photowater.jpg) ;
	background-repeat: no-repeat;
	background-position:top;
}


/* ↓レイアウト */

#lnavi0{
	width:980px;
	background-color:#fff;
	}

.header{
	border-bottom:1px #ccc solid;
	/margin-bottom:-5px;
	/position:relative;
	}

#logocorp{
	margin:23px 35px;
}

#linkptop{
	margin:10px 25px;
}

.copy1, .footerlink{
	margin:10px 25px 20px 25px;
}

#main {
	width: 900px;
	padding-top:38px;
	margin:0 auto;
	text-align:left;
}

.top .box1{
	width:900px;
	padding-bottom:15px;
	}

.top .box1 .inner{
	position:relative;
	float:left;
	width:450px;
	}
	
.top #main .inner img{
	vertical-align:top;
	}
	
.top .box2{
	width:900px;
	padding-bottom:35px;
	}
	
.top .box2 .inner1{
	width:605px;
	float:left;
	}
	
.top .box2 .inner2{
	width:242px;
	float:right;
	background-color:#EAFAFE;
	border:#B9E4F7 1px solid;
	padding:16px 0 16px 16px;
	}	

.top .box2 h3{
	width:605px;
	height:35px;
	margin:0;
	}
	
.top .box2 h3 span{
	display:block;
	position:relative;
	top:-28px;
	left:520px;
	width:70px;
	height:20px;
	}
	
.top .inner2 h4{
	font-size:12px;
	color:#047AAC;
	line-height:1em;
	margin-bottom:8px;
	}	

.top .inner2 .btn{
	position:relative;
	left:13px;
	}
	
.top .inner1 table{
	margin-bottom:35px;
	}
	
.top .inner1 th,
.top .inner1 td{
	font-weight:normal;
	padding-bottom:10px;
	padding-top:10px;
	border-bottom:#B8B8B8 dotted 1px;
	}
	
.top .inner1 th{
	font-size:11px;
	color:#067CAE;
	padding-left:20px;
	padding-right:8px;
	width:6em;
	white-space:nowrap;
	}
	
.top .inner1 td{
	font-size:12px;
	}
	
.top .inner1 td a{
	color:#333;
	}
	
.section1 .box1{
	margin:0 0 65px 0;
	}

.section1 .box1 img{
	float:left;
	position:relative;
	margin-right:18px;
	}
	
.section1 h2{
	text-align:left;
	width:406px;
	height:82px;
	line-height:1em;
	font-size:1px;
	margin-bottom:73px;
	}
	
.section2,
.section3{
	width:850px;
	margin:0 26px 0 24px;
	font-size:12px;
	}
	
.section2 h3,
.section2 h4{
	line-height:1em;
	margin:0 0 42px 0;
	padding:0;
	}
	
	
.section2 h3 img{
	vertical-align:top;
	}
	
.section2 h4,
.section3 h4{
	margin-bottom:10px;
	}
	
.section2 .bottan,
.section3 .bottan{
	display:block;
	margin:0 auto;
	clear:both;
	}		
	
	
	
.section2 .inner1,
.section2 .inner3,
.section3 .inner1{
	float:left;
	position:relative;
	_zoom:1;
	}	
	
.owner .section1{
	background:url(../img/owner-ttl-bg.gif) top no-repeat;
	height:412px;
	width:872px;
	padding:10px 0 0 27px;
	margin:0px;
	}	
	
.owner .section1 .box2{
	background:url(../img/owner-lead.gif) top no-repeat;
	overflow:hidden;
	height:144px;
	text-indent:-9999px;
	clear:both;
	margin-left:-27px;
	_zoom:1;
	_position:relative;
	}	

		
.owner .section2 .inner1{
	width:460px;
	margin-right:-25px;
	position:relative;
	}	
	

.owner .section2 .box2{
	padding-top:45px;
	padding-bottom:20px;
	}
	
.owner .section2 .box3{
	margin:20px auto 57px auto;
	padding:14px 19px 20px 19px;
	border:1px #FFCC33 solid;
	width:701px;
	clear:both;
	}
	
.owner .section2 .box3 h4{
	margin-bottom:25px;
	}
	
.owner .section2 .box3 p{
	padding-left:17px;
	padding-bottom:15px;
	}
	
.owner .section2 strong{
	color:#FF6600;
	font-size:15px;
	}
	
.owner .section2 .imgR{
	margin-top:-98px;
	_position:relative;
	_zoom:1;
	}
	
.owner .section2 .inner2{
	float:left;
	width:520px;
	margin-right:-130px;
	padding-left:30px;
	_zoom:1;
	_position:relative;
	}	
	
.owner .section3 .inner1{
	width:440px;
	}	
	
.owner .section3 .box2{
	padding:15px 0;
	}

 .section3 .box2 .inner2{
	float:left;
	width:460px;
	padding-left:30px;
	margin-right:-20px;
	_zoom:1;
	_position:relative;
	}
	

.owner .section3 .box3{
	margin:20px auto 57px auto;
	padding:14px 12px 20px 25px;
	border:2px #99D1ED solid;
	width:781px;
	clear:both;
	}

.section3 .box3 p{
	width:420px;
	float:left;
	}

.section3 .box3 img	{
	top:35px;
	left:10px;
	position:relative;
	}

.owner .section3 strong{
	color:#0066CC;
	font-size:16px;
	}
	

.owner02 .section1,
.business02 .section1{
	padding:10px 0 0 27px;
	margin:0px;
	}	


.owner02 .section1 h3,
.business02 .section1 h3{
	margin-bottom:25px;
	}
	
.owner02 .section1 p,
.business02 .section1 p{
	padding-left:20px;
	}
	
	
.owner02 .section2 {
	border-top:24px solid #D5F5F3;
	border-bottom:42px solid #D5F5F3;
	border-left:20px solid #D5F5F3;
	border-right:24px solid #D5F5F3;
	width:810px;
	margin:20px auto 52px auto;
	}	

.business02 .section2 {
	border-top:24px solid #FFEFD5;
	border-bottom:42px solid #FFEFD5;
	border-left:20px solid #FFEFD5;
	border-right:24px solid #FFEFD5;
	width:810px;
	margin:20px auto 52px auto;
	}	



.owner02 .section2 table,
.business02 .section2 table{
	background-color:#fff;
	width:640px;
	margin:35px auto 28px auto;
	}
	
hr{
	margin-right:-40px;
	color:#ccc;
	}
	
.owner02 .section2 th,
.owner02 .section2 td,
.business02 .section2 th,
.business02 .section2 td{
	padding-bottom:20px;
	text-align:left;
	font-weight:normal;
	}
	
.owner02 .section2 th,
.business02 .section2 th{
	padding-right:23px;
	width:15em;
	white-space:nowrap;
	}
	
	
.owner02 span,
.business02 span{
	color:#FF6666;
	}
	
	
.business .section1{
	background:url(../img/business-ttl-bg.gif) top no-repeat;
	height:423px;
	width:872px;
	padding:10px 0 0 27px;
	margin:0px;
	}
	

	
	
.business .section1 .box2{
	background:url(../img/business-lead.jpg) top no-repeat;
	overflow:hidden;
	height:190px;
	text-indent:-9999px;
	clear:both;
	margin-left:-27px;
	_zoom:1;
	_position:relative;
	}
	

.business .section2{
	margin-top:72px;
	_margin-top:42px;
	}

.business .section2 .inner1{
	width:461px;
	margin-right:-50px;
	position:relative;

	}	
	
.business .section2 .inner2{
	float:left;
	width:600px;
	margin-right:-120px;
	padding-left:30px;
	_zoom:1;
	_position:relative;
	}
	
.business .section2 .box2{
	padding-top:28px;
	padding-bottom:43px;
	}
	
	
	
.box2,.box3{
	clear:both;	
	}
	
.business .section2 .inner3{
	width:450px;
	margin-right:-71px;
	_zoom:1;
	position:relative;
	}	

.business .section2 .box3{
	padding-bottom:57px;
	}
	
.news{
	background-color:#fff;
	background-image:none;
	}
	
.news #header img{
	float:left;
	position:relative;
	}
	
.news .box1{
	padding:20px 0px;
	width:650px;
	
	}
	

.news .box1 h4{
	font-size:15px;
	border-bottom:#B8B8B8 dotted 1px;
	padding-bottom:5px;
	padding-left:8px;
	color:#067CAE;
	}
	
.day{
	width:573px;
	text-align:right;
	padding-right:10px;
	font-size:10px;
	color:#888;
	margin-top:5px;
	}
	
.news .box2{
	width:583px;
	padding-top:10px;
	}
	
.news .box1 table,
.news .box1 .inner2{
	width:583px;
	margin:25px auto 10px auto;
	}
	
	
.news .box1 th,
.news .box1 td{
	font-weight:normal;
	padding-bottom:10px;
	padding-top:10px;
	border-bottom:#B8B8B8 dotted 1px;
	}
	
.news .box1 th{
	font-size:11px;
	color:#067CAE;
	padding-left:20px;
	padding-right:8px;
	width:6em;
	white-space:nowrap;
	}
	
.news .box1 td{
	font-size:12px;
	}
	
.news .box1 td a{
	color:#333;
	}	

.news .pageNav{
	text-align:right;
	width:583px;
	margin:0 auto 20px auto;
	font-size:11px;
	}


.news .content{
	width:650px;
	margin:0 auto;
	}

#footer {
	width: 980px;		/* IE5.5-6.0対策 */
	clear: both;
	/margin-bottom:-5px;
	/position:relative;
}

.rightarea{
	float:right;
}

.leftarea{
	float:left;
}

/* ↑レイアウト */





/* ↓グローバルナビゲーション */

ul#gnavigation{
	margin:0;
	padding:0;
	height:66px;
}

#gnavigation li{
	float:left;
	display:block;
	margin:0;
	padding:0;
}

ul#gnavigation a{
	display:block;
	width:196px;
	height:66px;
	text-indent:-9999px;
}

#gnavicomp a{
	background:url(../../cimg/gnavi_comp.gif) no-repeat left bottom;
}

#gnavipro a{
	background:url(../../cimg/gnavi_pro.gif) no-repeat left bottom;
}

#gnaviresul a{
	background:url(../../cimg/gnavi_resul.gif) no-repeat left bottom;
}

#gnaviinfo a{
	background:url(../../cimg/gnavi_info.gif) no-repeat left bottom;
}

#gnavirec a{
	background:url(../../cimg/gnavi_rec.gif) no-repeat left bottom;
}

#gnavicomp a:hover, #gnavipro a:hover, #gnaviresul a:hover, #gnaviinfo a:hover, #gnavirec a:hover{
	background-position:right bottom;
}

#gnavi1 #gnavicomp a, #gnavi2 #gnavipro a, #gnavi3 #gnaviresul a, #gnavi4 #gnaviinfo a, #gnavi5 #gnavirec a{
	background-position:right bottom;
	cursor:default;
}

/* ↑グローバルナビゲーション */






.clear	{
	clear:both;
	}




/*----------------------------------------------------
	clearfix
----------------------------------------------------*/
.inner:after,
.box1:after,
.box2:after,
.box3:after,
.box4:after,
.section1:after,
.section2:after,
#container:after,
#main:after,
#content:after,
.clearfix:after{
	content:" ";
	display:block;
	height:0;
	line-height:0;
	clear:both;
	visibility:hidden;
	}
.inner,
.box1,
.box2,
.box3,
.box4,
.section1,
.section2,
#container,
#content,
#main,
.clearfix{
	display:inline-block;
	min-height:1%;
	}

/* Hides from IE-mac \*/
* html .inner,
* html .box1,
* html .box2,
* html .box3,
* html .box4,
* html #container,
* html #content,
* html #main,
* html .section1,
* html .section2,
* html .clearfix{height:1%;}

.inner,
.box1,
.box2,
.box3,
.section1,
.section2,
#container,
#content,
#main,
.clearfix{display:block;}
/* End hide from IE-mac *







/* ===================================================================
CSS information
 file name  :  default.css
 style info :  リセット及びbody初期設定 (このスタイルシートは基本的に変更しない)
=================================================================== */
/*--- reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight:normal;
}
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}

/*--- default */
body {
	color: #333;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif,Arial;
	line-height: 1.7;
}
* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

img{
	vertical-align:top;
	margin:0;
}