/*** top page index.css ***/


#bodybox {
	position: relative;
	text-align: center;
	background-color: #FFF;
}

/*****************************************************
*   page area                                        *
*****************************************************/
#container {
	width: 950px;
}

#contents {
	width: 948px;
}

#contents .main {
	width: 948px;
}
#contents .main .purport {
	width: 700px;
}
#contents .main .purport .subtitle {
width: 690px;
	background: url(../images/idxw/bg-subtitle_02.jpg) no-repeat 0 0;
}



/*****************************************************
　　　header and gnavi   
*****************************************************/
.top-blue {
	position: relative;
	height: 4px;
	_height: 2px;
	background-color: #014ab2;
}
.head {
	position: relative;
	width: 948px;
}
.head .in-head {
	position: relative;
	width: 946px;
}


.gnavi {
	position: relative;
	width: 948px;
	height: 54px;
	background-color: #fff;
	padding: 12px 0 0 0;
	border-left: 1px solid #cecece;
	border-right: 1px solid #cecece;
}
.gnavi .navibox {
	position: relative;
	width: 927px;
	height: 42px;
	list-style: none;
	margin: 0 0 0 11px;
}
.gnavi .navibox span { display: none; }
.gnavi .navibox .btn1 { position: relative; float: left; width: 116px; height: 42px; }
.gnavi .navibox .btn1 a { display: block; height: 100%; background: url(../images/idxw/g-btn1.jpg) no-repeat 0 0; }
.gnavi .navibox .btn1 a:hover { display: block; height: 100%; background: url(../images/idxw/g-btn1.jpg) no-repeat 0 -42px; }
.gnavi .navibox .btn1 p { display: block; height: 100%; background: url(../images/idxw/g-btn1.jpg) no-repeat 0 -42px; }
.gnavi .navibox .btn2 { position: relative; float: left; width: 135px; height: 42px; }
.gnavi .navibox .btn2 a { display: block; height: 100%; background: url(../images/idxw/g-btn2.jpg) no-repeat 0 0; }
.gnavi .navibox .btn2 a:hover { display: block; height: 100%; background: url(../images/idxw/g-btn2.jpg) no-repeat 0 -42px; }
.gnavi .navibox .btn2 p { display: block; height: 100%; background: url(../images/idxw/g-btn2.jpg) no-repeat 0 -42px; }
.gnavi .navibox .btn3 { position: relative; float: left; width: 135px; height: 42px; }
.gnavi .navibox .btn3 a { display: block; height: 100%; background: url(../images/idxw/g-btn3.jpg) no-repeat 0 0; }
.gnavi .navibox .btn3 a:hover { display: block; height: 100%; background: url(../images/idxw/g-btn3.jpg) no-repeat 0 -42px; }
.gnavi .navibox .btn3 p { display: block; height: 100%; background: url(../images/idxw/g-btn3.jpg) no-repeat 0 -42px; }
.gnavi .navibox .btn4 { position: relative; float: left; width: 135px; height: 42px; }
.gnavi .navibox .btn4 a { display: block; height: 100%; background: url(../images/idxw/g-btn4.jpg) no-repeat 0 0; }
.gnavi .navibox .btn4 a:hover { display: block; height: 100%; background: url(../images/idxw/g-btn4.jpg) no-repeat 0 -42px; }
.gnavi .navibox .btn4 p { display: block; height: 100%; background: url(../images/idxw/g-btn4.jpg) no-repeat 0 -42px; }
.gnavi .navibox .btn5 { position: relative; float: left; width: 135px; height: 42px; }
.gnavi .navibox .btn5 a { display: block; height: 100%; background: url(../images/idxw/g-btn5.jpg) no-repeat 0 0; }
.gnavi .navibox .btn5 a:hover { display: block; height: 100%; background: url(../images/idxw/g-btn5.jpg) no-repeat 0 -42px; }
.gnavi .navibox .btn5 p { display: block; height: 100%; background: url(../images/idxw/g-btn5.jpg) no-repeat 0 -42px; }
.gnavi .navibox .btn6 { position: relative; float: left; width: 135px; height: 42px; }
.gnavi .navibox .btn6 a { display: block; height: 100%; background: url(../images/idxw/g-btn6.jpg) no-repeat 0 0; }
.gnavi .navibox .btn6 a:hover { display: block; height: 100%; background: url(../images/idxw/g-btn6.jpg) no-repeat 0 -42px; }
.gnavi .navibox .btn6 p { display: block; height: 100%; background: url(../images/idxw/g-btn6.jpg) no-repeat 0 -42px; }
.gnavi .navibox .btn7 { position: relative; float: left; width: 135px; height: 42px; }
.gnavi .navibox .btn7 a { display: block; height: 100%; background: url(../images/idxw/g-btn7.jpg) no-repeat 0 0; }
.gnavi .navibox .btn7 a:hover { display: block; height: 100%; background: url(../images/idxw/g-btn7.jpg) no-repeat 0 -42px; }
.gnavi .navibox .btn7 p { display: block; height: 100%; background: url(../images/idxw/g-btn7.jpg) no-repeat 0 -42px; }



/*****************************************************
　　　right-side   
*****************************************************/

#contents .main .right-side {
	position: relative;
	float: right;
	width: 206px;
}
#contents .main .right-side .service-area {
	position: relative;
	width: 193px;
	padding: 0 0 20px 0;
}
#contents .main .right-side .service-area .message {
	position: absolute;
	top: 30px;
	left: 20px;
	font-size: 10px;
}
#contents .main .right-side .company {
	position: relative;
	width: 185px;
	border-left: 4px solid #d5d5d5;
	border-right: 4px solid #d5d5d5;
}
#contents .main .right-side .company .name { font-weight: bold; color: #014ab2; margin: 0 0 0 8px; padding: 5px 0 0 0; }





/*****************************************************
　　　footer   
*****************************************************/

.footer {
	position: relative;
	width: 948px;
}
.footer .list {
	position: relative;
	float: left;
	width: 210px;
	margin: 0 0 0 10px;
	padding: 20px 0 0 16px;
	text-decoration: none;
}

.footer .list li { padding: 6px 0 0 0; text-decoration: none; }
.footer .cr-box {
	position: relative;
	width: 220px;
}

.footer .cr-box .copyright {
	position: absolute;
	top: 120px;
	left: 10px;
	color: #444;
}










#contents .gbox {
	position: relative;
	width: 927px;
	margin: 0 0 10px 10px;
	padding: 8px 0 0 0;
}
#contents .gbox .in-box {
	position: relative;
	width: 917px;
	border-left: 5px solid #d5d5d5;
	border-right: 5px solid #d5d5d5;
	background: url(../images/bg-gbox.jpg) repeat-x 0 0;
}
#contents .gbox .in-box .catch1 { padding: 10px 0 0 0; }
#contents .gbox .in-box .catch2 {
	position: absolute;
	top: 10px;
	left: 20px;
}
#contents .gbox .in-box .list {
	position: relative;
	margin: 0 0 0 40px;
	padding: 50px 4px 6px 0;
	list-style: url(../images/icon-bscr.jpg);
}
#contents .gbox .in-box .list li {
	margin: 4px 0 0 6px;
	font-size: 14px;
	font-weight: bold;
	color: #00813d;
}	
#contents .gbox .in-box .list2 {
	position: relative;
	margin: 0 0 0 80px;
	padding: 8px 0 20px 0;
}
#contents .gbox .in-box .list2 li {
	margin: 6px 0 0 0;
	color: #00813d;
}
#contents .gbox .in-box .buble {
	position: absolute;
	top: 184px;
	left: 770px;
}
#contents .gbox .in-box2 {
	position: relative;
	width: 926px;
	height: 372px;
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	background: url(../images/bg-gbox2.jpg) repeat-x 0 0 #EDEDED;
}
#contents .gbox .in-box2 .catch3 {
	position: relative;
	padding: 10px 0 0 20px;
}
#contents .gbox .in-box2 .gbox2 {
	position: relative;
	width: 351px;
	margin: 0 0 0 504px;
}
#contents .gbox .in-box2 .gbox2 .in-box3 {
	position: relative;
	width: 349px;
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
}
#contents .gbox .in-box2 .gbox2 .in-box3 .gray-in {
	position: relative;
	width: 347px;
	margin: 0 0 0 1px;
	background-color: #d5d5d5;
}
#contents .gbox .in-box2 .gbox2 .in-box3 .gray-in .list3 {
	position: relative;
	margin: 0 0 0 200px;
	padding: 4px 0 6px 0;
}
#contents .gbox .in-box2 .gbox2 .in-box3 .gray-in .list3 li {
	padding: 4px 0 0 0;
	font-size: 12px;
	font-weight: bold;
}
#contents .gbox .in-box2 .gbox2 .in-box3 .gray-in .demerit {
	position: absolute;
	top: 38px;
	left: 10px;
}
#contents .gbox .in-box2 .flow {
	position: absolute;
	top: 68px;
	left: 54px;
}
#contents .gbox .in-box2 .yellowarrow {
	position: absolute;
	top: 203px;
	left: 91px;
	_left: 87px;
}


#contents .gbox .in-box2 .yogore {
	position: relative;
	width: 470px;
	margin: 16px 0 0 392px;
	_margin: 16px 0 0 388px;
}
#contents .gbox .in-box2 .yogore .f-box {
	position: relative;
	float: left;
	width: 136px;
	height: 174px;
	margin: 0 16px 0 0;
	background-color: #fff;
	border: 1px solid #a3a1a1;
}
#contents .gbox .in-box2 .yogore .f-box .title { margin: 2px 0 0 4px; font-size: 12px; font-weight: bold; }
#contents .gbox .in-box2 .yogore .f-box .graph { margin: 2px 0 0 1px; }
#contents .gbox .in-box2 .yogore .f-box .list4 { margin: 4px 0 0 24px; }
#contents .gbox .in-box2 .yogore .f-box .list4 li { font-size: 10px; line-height:1.3; }


#contents .main .purport .catchgraph {
	position: relative;
	width: 580px;
	margin: 20px 0 0 0;
}
#contents .main .purport .catchgraph .f-graph {
	position: relative;
	float: left;
	margin: 0 20px 0 0;
}
#contents .main .purport .catchdoc {
	position: relative;
	font-size: 12px;
	font-weight: bold;
	margin: 20px 0 20px 0;
}

	
/*20130131*/

#idxmain{
	width: 948px;
	background: url(../common/images/bg-topimg.jpg) repeat-x left bottom #FFF;
	border-left: 1px solid #cecece;
	border-right: 1px solid #cecece;
	text-align:center;
	padding-top:8px;
	padding-bottom:2px;
}

#idxmain li{
	list-style:none;
	display:inline;
	height:100px;
}


#idxmain li#logo{
	float:left;
}

#idxmain li#tel{
	float:right;
}

.head .in-head {
	position: relative;
	width: 946px;
	height: 114px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	background:#FFF;
	text-align:left;
}

#bodybox #container #idxmain .in-head .txt {
	position: absolute;
	top: 90px;
	right:5px;
	text-align:right;
	width:430px;
	/*left: 375px;*/
	font-size:12px;
}

.head .in-head .btnen {
	position: absolute;
	top:40px;
	left:473px;
}

#bodybox #container #contents .errorcode .in-box{
	background:#FFF;
}

.errorcode .title{
	text-align:center;
	padding:15px 0;
	font-size:13px;
	font-weight:bold;
}

.codelink{
width:610px;
	margin-left:164px;
}

.codelink p{
	width:220px;
	*width:200px;
	float:left;
	color:#3FAC31;
	font-size:14px;
	line-height:1.6;
}

.codelink ul{
		width:390px;
	float:left;
}

.codelink li{
	float:left;
	list-style:none;
	margin-right:7px;
}

.codelink li.mr0{
	float:left;
	list-style:none;
	margin-right:0px;
}




/* eof */