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

@import "common.css";


/* adn */
/* =========================================================== */


/* sNav */
#sNav ul.btn {
	margin: 0 0 20px 0;
}



/* top */
#main.top h1 {
	width: 700px;
	height: 45px;
	margin-bottom: 17px;
	background: url(../service/images/top/title.gif) no-repeat left top;
	text-indent: -9999px;
}

#main.top .block-01 {
	width: 700px;
	margin-bottom: 35px;
}
#main.top .block-01 h2 {
	margin-bottom: 20px;
}
#main.top .block-01 p {
	margin-bottom: 12px;
}
#main.top .block-01 li {
	width: 240px;
	float: left;
}
#main.top .block-01 li.last {
	width: 220px;
	float: left;
}

#main.top .block-02 {
	width: 700px;
	padding: 10px 0 55px 0;
	background: url(../service/images/top/bg_01.gif) no-repeat left top;
}
#main.top .block-02 h3 {
	margin: 0 0 12px 10px;
}
#main.top .block-02 dl {
	width: 290px;
	text-align: left;
	margin-left: 20px;
}
#main.top .block-02 dl dt {
	float: right;
}
#main.top .block-02 dl dd {
	width: 200px;
	font-size: 78%;
	line-height: 1.5;
	float: left;
}
#main.top .block-02 .l-block {
	width: 320px;
	float: left;
}
#main.top .block-02 .r-block {
	width: 320px;
	float: right;
}

#main.top .block-02 .inner-01 {
	width: 670px;
	height: 180px;
	margin-left: 15px;
	overflow: auto;
}
#main.top .block-02 .inner-01a {
	width: 670px;
	background: url(../service/images/top/bg_01a.gif) no-repeat left top;
}
#main.top .block-02 .inner-01b {
	width: 670px;
	padding: 10px 0;
	background: url(../service/images/top/bg_01c.gif) no-repeat left bottom;
}

#main.top .block-02 .inner-02 {
	width: 670px;
	height: 335px;
	margin-left: 15px;
	overflow: auto;
}
#main.top .block-02 .inner-02a {
	width: 670px;
	background: url(../service/images/top/bg_01b.gif) no-repeat left top;
}
#main.top .block-02 .inner-02b {
	width: 670px;
	padding: 10px 0;
	background: url(../service/images/top/bg_01c.gif) no-repeat left bottom;
}
#main.top .block-02 .inner-02c {
	width: 670px;
}
#main.top .block-02 .inner-02c .l-block {
	background: url(../service/images/top/bg_01b1.gif) no-repeat left top;
}
#main.top .block-02 .inner-02c .r-block {
	background: url(../service/images/top/bg_01b2.gif) no-repeat left top;
}
#main.top .block-02 .inner-02c .l-block-inner {
	padding: 10px 0;
	background: url(../service/images/top/bg_01f.gif) no-repeat left bottom;
}
#main.top .block-02 .inner-02c .r-block-inner {
	padding: 10px 0;
	background: url(../service/images/top/bg_01f.gif) no-repeat left bottom;
}

#main.top .block-02 .inner-03 {
	width: 690px;
	margin-left: 5px;
	padding: 8px 0 10px 0;
	background: url(../service/images/top/bg_01d.gif) no-repeat left top;
	border-bottom: solid 1px #ebebeb;
}
#main.top .block-02 .inner-03 h2 {
	width: 690px;
	height: 27px;
	text-align: center;
}
#main.top .block-02 .inner-03a {
	width: 670px;
	margin-left: 10px;
	background: url(../service/images/top/bg_01e.gif) no-repeat left top;
}
#main.top .block-02 .inner-03b {
	width: 670px;
	padding: 10px 0;
	background: url(../service/images/top/bg_01c.gif) no-repeat left bottom;
}



/* road */
#main.road h1 {
	width: 700px;
	height: 45px;
	margin-bottom: 30px;
	background: url(../service/images/road/title.gif) no-repeat left top;
	text-indent: -9999px;
}

#main.road .block-01 {
	width: 700px;
	padding: 12px 0 35px 0;
	background: url(../service/images/road/bg_01.jpg) no-repeat right top;
}
#main.road .block-01 h2 {
	margin-bottom: 20px;
}
#main.road .block-01 p {
	font-size: 90%;
	line-height: 1.7;
}

#main.road .block-02 {
	width: 630px;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	margin: 0 0 45px 43px;
}
#main.road .block-02 th {
	width: 205px;
	text-align: left;
	vertical-align: middle;
	padding-bottom: 17px;
}
#main.road .block-02 td {
	width: 425px;
	text-align: left;
	vertical-align: middle;
	padding-bottom: 17px;
}
#main.road .block-02 td h3 {
	font-size: 100%;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 5px;
}
#main.road .block-02 td p {
	font-size: 78%;
	line-height: 1.5;
}

#main.road .block-03 {
	width: 700px;
	margin-bottom: 75px;
}
#main.road .block-03 .l-block {
	width: 330px;
	float: left;
}
#main.road .block-03 .r-block {
	width: 330px;
	float: right;
}
#main.road .block-03 dt {
	margin-bottom: 10px;
}
#main.road .block-03 dd.title {
	font-size: 90%;
	font-weight: bold;
	line-height: 1.5;
	color: #3a52a5;
	margin-bottom: 10px;
}
#main.road .block-03 dd.text {
	font-size: 78%;
	line-height: 1.5;
}
#main.road .block-03 dd.text span {
	width: 1px;
	height: 5.5em;
	display: block;
	float: right;
}
#main.road .block-03 dd.bt {
	font-size: 78%;
	line-height: 1.5;
	text-align: right;
}
#main.road .block-03 dd.bt a {
	padding-left: 12px;
	background: url(../service/images/road/icon_01.gif) no-repeat left center;
}



/* gps */
#main.gps h1 {
	width: 700px;
	height: 45px;
	margin-bottom: 30px;
	background: url(../service/images/gps/title.gif) no-repeat left top;
	text-indent: -9999px;
}

#main.gps .block-01 {
	width: 700px;
	padding: 12px 0 20px 0;
	background: url(../service/images/gps/bg_01.jpg) no-repeat right top;
}
#main.gps .block-01 h2 {
	margin-bottom: 20px;
}
#main.gps .block-01 p {
	width: 470px;
	font-size: 78%;
	line-height: 1.7;
	margin-bottom: 15px;
}

#main.gps .block-02 {
	width: 600px;
	margin-bottom: 35px;
	position: relative;
}
#main.gps .block-02 h3 {
	margin-bottom: 15px;
}
#main.gps .block-02 dl {
	width: 360px;
}
#main.gps .block-02 dt {
	font-size: 100%;
	font-weight: bold;
	line-height: 1.5;
}
#main.gps .block-02 dd {
	font-size: 78%;
	line-height: 1.5;
}

#main.gps .block-02 .inner-01 {
	width: 230px;
	text-align: center;
	padding: 12px 0 10px 0;
	border: solid 1px #e4e4e4;
	position: absolute;
	top: 35px;
	right: 0;
}
#main.gps .block-02 .inner-01 h4 {
	width: 200px;
	margin: 0 auto 5px auto;
}
#main.gps .block-02 .inner-01 ul {
	margin-left: 20px;
}
#main.gps .block-02 .inner-01 li {
	white-space: nowrap;
	font-size: 78%;
	line-height: 1.5;
	padding-right: 20px;
	float: left;
}
#main.gps .block-02 .inner-01 li.last {
	padding-right: 0;
}
#main.gps .block-02 .inner-01 li a {
	padding-left: 12px;
	background: url(../service/images/gps/icon_01.gif) no-repeat left center;
}

#main.gps .block-03 {
	width: 700px;
	margin-bottom: 75px;
}



/* web */
#main.web h1 {
	width: 700px;
	height: 45px;
	margin-bottom: 30px;
	background: url(../service/images/web/title.gif) no-repeat left top;
	text-indent: -9999px;
}

#main.web .block-01 {
	width: 700px;
	padding: 12px 0 60px 0;
	background: url(../service/images/web/bg_01.jpg) no-repeat right top;
}
#main.web .block-01 p {
	width: 470px;
	font-size: 78%;
	line-height: 1.7;
}

#main.web .block-02 {
	width: 600px;
	margin-bottom: 35px;
	position: relative;
}
#main.web .block-02 h3 {
	margin-bottom: 15px;
}
#main.web .block-02 dl {
	width: 360px;
}
#main.web .block-02 dt {
	font-size: 100%;
	font-weight: bold;
	line-height: 1.5;
}
#main.web .block-02 dd {
	font-size: 78%;
	line-height: 1.5;
}

#main.web .block-02 .inner-01 {
	width: 230px;
	text-align: center;
	padding: 12px 0 10px 0;
	border: solid 1px #e4e4e4;
	position: absolute;
	top: 35px;
	right: 0;
}
#main.web .block-02 .inner-01 h4 {
	width: 200px;
	margin: 0 auto 5px auto;
}
#main.web .block-02 .inner-01 ul {
	margin-left: 20px;
}
#main.web .block-02 .inner-01 li {
	white-space: nowrap;
	font-size: 78%;
	line-height: 1.5;
	padding-right: 20px;
	float: left;
}
#main.web .block-02 .inner-01 li.last {
	padding-right: 0;
}
#main.web .block-02 .inner-01 li a {
	padding-left: 12px;
	background: url(../service/images/web/icon_01.gif) no-repeat left center;
}

#main.web .block-03 {
	width: 700px;
	margin-bottom: 65px;
}
#main.web .block-03 h3 {
	margin-bottom: 40px;
}

#main.web .block-04 {
	width: 633px;
	margin: 0 0 40px 25px;
	background: url(../service/images/web/bg_01b.gif) repeat-y left top;
}
#main.web .block-04a {
	width: 633px;
	padding-top: 15px;
	background: url(../service/images/web/bg_01a.gif) no-repeat left top;
}
#main.web .block-04b {
	width: 633px;
	padding-bottom: 5px;
	background: url(../service/images/web/bg_01c.gif) no-repeat left bottom;
}
#main.web .block-04 ul {
	width: 595px;
	margin-left: 20px;
}
#main.web .block-04 li {
	font-size: 90%;
	font-weight: bold;
	line-height: 1.5;
	padding: 0 0 10px 14px;
	background: url(../service/images/web/icon_02.gif) no-repeat 0 .4em;
}



/* house */
#main.house h1 {
	width: 700px;
	height: 45px;
	margin-bottom: 30px;
	background: url(../service/images/house/title.gif) no-repeat left top;
	text-indent: -9999px;
}

#main.house .block-01 {
	width: 700px;
	padding: 12px 0 45px 0;
	background: url(../service/images/house/bg_01.jpg) no-repeat right top;
}

#main.house .block-02 {
	width: 700px;
	margin-bottom: 40px;
}
#main.house .last {
	margin-bottom: 80px;
}
#main.house .block-02 h3 {
	margin-bottom: 10px;
}
#main.house .block-02 h4 {
	width: 475px;
	font-size: 90%;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 5px;
	float: left;
}
#main.house .block-02 dl {
	width: 475px;
	border: solid 1px #cccccc;
	float: left;
}
#main.house .block-02 dt {
	font-size: 78%;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
	padding: 2px 0 1px 0;
	background: #f7d9d9;
}
#main.house .block-02 dd {
	font-size: 78%;
	line-height: 1.5;
	padding: 5px 10px;
	background: #ffffff;
}
#main.house .block-02 .img {
	width: 200px;
	float: right;
}

#main.house .block-02 .inner-01 {
	width: 700px;
}



/* car_life */
#main.car_life h1 {
	width: 700px;
	height: 45px;
	margin-bottom: 30px;
	background: url(../service/images/cl/title.gif) no-repeat left top;
	text-indent: -9999px;
}
#main.car_life h2 {
	margin-bottom: 20px;
}

#main.car_life .block-01 {
	width: 700px;
	margin-bottom: 40px;
}
#main.car_life .block-01 .img {
	width: 200px;
	float: right;
}
#main.car_life .block-01 dl {
	width: 475px;
	float: left;
}
#main.car_life .block-01 dt {
	font-size: 90%;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 10px;
}
#main.car_life .block-01 dd {
	font-size: 78%;
	line-height: 1.5;
}

#main.car_life .block-02 {
	width: 700px;
	padding-bottom: 40px;
}
#main.car_life .block-02 .inner-01 {
	width: 700px;
	margin-bottom: 40px;
}
#main.car_life .block-02 .inner-01 .img {
	width: 200px;
	float: right;
}
#main.car_life .block-02 .inner-01 dl {
	width: 475px;
	float: left;
}
#main.car_life .block-02 .inner-01 dt {
	margin-bottom: 15px;
}
#main.car_life .block-02 .inner-01 dd {
	font-size: 90%;
	line-height: 1.5;
}

#main.car_life .block-02 .inner-01 dd.grayBox {
	width: 475px;
	margin-top: 10px;
	padding: 8px 0;
	background: #f5f6fa;
	float: left;
}
#main.car_life .block-02 .inner-01 dd.grayBox ul {
	width: 460px;
	padding-left: 15px;
}
#main.car_life .block-02 .inner-01 dd.grayBox li {
	float: left;
	width: 220px;
	font-size: 80%;
	line-height: 1.7;
	white-space: nowrap;
}





/* life */
#main.life h1 {
	width: 700px;
	height: 45px;
	margin-bottom: 30px;
	background: url(../service/images/life/title.gif) no-repeat left top;
	text-indent: -9999px;
}

#main.life .block-01 {
	width: 700px;
	padding: 14px 0 38px 0;
	background: url(../service/images/life/bg_01.jpg) no-repeat right top;
}

#main.life .block-02 {
	width: 700px;
	padding-bottom: 40px;
}
#main.life .block-02 h3 {
	margin-bottom: 14px;
}
#main.life .block-02 .inner-01 {
	width: 700px;
	margin-bottom: 40px;
}
#main.life .block-02 .inner-01 .img {
	width: 200px;
	float: right;
}
#main.life .block-02 .inner-01 h4 {
	width: 475px;
	font-size: 90%;
	font-weight: bold;
	line-height: 1.5;
	padding-bottom: 10px;
	float: left;
}
#main.life .block-02 .inner-01 dl {
	width: 475px;
	padding: 8px 0;
	background: #f5f6fa;
	float: left;
}
#main.life .block-02 .inner-01 dt {
	margin: 0 10px 6px 10px;
}
#main.life .block-02 .inner-01 dd {
	font-size: 78%;
	line-height: 1.5;
	margin: 0 10px;
}



/* total_life */
#main.total_life h1 {
	width: 700px;
	height: 45px;
	margin-bottom: 30px;
	background: url(../service/images/tl/title.gif) no-repeat left top;
	text-indent: -9999px;
}

#main.total_life .block-01 {
	width: 700px;
	padding: 12px 0 47px 0;
	background: url(../service/images/tl/bg_01.jpg) no-repeat right top;
}

#main.total_life .block-02 {
	width: 700px;
	padding-bottom: 40px;
}
#main.total_life .block-02 h3 {
	margin-bottom: 14px;
}
#main.total_life .block-02 .inner-01 {
	width: 700px;
	margin-bottom: 40px;
}
#main.total_life .block-02 .inner-01 .img {
	width: 200px;
	float: right;
}
#main.total_life .block-02 .inner-01 h4 {
	width: 475px;
	font-size: 90%;
	font-weight: bold;
	line-height: 1.5;
	padding-bottom: 10px;
	float: left;
}
#main.total_life .block-02 .inner-01a {
	width: 475px;
	padding: 8px 0;
	background: #f5f6fa;
	float: left;
}
#main.total_life .block-02 .inner-01a ul {
	margin: 0 15px;
}
#main.total_life .block-02 .inner-01a li {
	font-size: 78%;
	line-height: 1.7;
	white-space: nowrap;
	padding-right: 35px;
	float: left;
}



/* case */
#main.case h1 {
	width: 700px;
	height: 45px;
	margin-bottom: 30px;
	background: url(../service/images/case/title.gif) no-repeat left top;
	text-indent: -9999px;
}
#main.case .block-01 {
	width: 700px;
	margin-bottom: 30px;
}
#main.case .lastItem {
	margin-bottom: 50px;
}
#main.case .block-01 h3 {
	margin-bottom: 15px;
}
#main.case .block-01 p {
	font-size: 78%;
	line-height: 1.7;
	margin-bottom: 10px;
}
#main.case .block-01 p em {
	font-style: normal;
	font-weight: bold;
}
#main.case .block-01 dl {
	width: 325px;
	border: dotted 1px #7888c1;
	background-color: #f5f6fa;
	padding: 11px 9px 12px;
	margin-bottom: 10px;
}
#main.case .block-01 dl.lastItem {
	margin-bottom: 0;
}
#main.case .block-01 dl dt {
	width: 325px;
	font-size: 78%;
	line-height: 1.2;
	font-weight: bold;
	color: #3a52a5;
	margin-bottom: 10px;
}
#main.case .block-01 dl dd {
	width: 325px;
	font-size: 78%;
	line-height: 1.5;
	text-align: center;
}
#main.case .block-01 .rCel {
	float: right;
	width: 345px;
}
#main.case .block-01 .lCel {
	float: left;
	width: 345px;
}


#main.case dl.caseBlock {
	background: url(../service/images/case/case_block_img.gif) no-repeat right bottom #f9f7ee;
	border: solid 5px #e8e0c1;
	padding: 20px;
	margin-bottom: 60px;
}
#main.case dl.caseBlock dt {
	font-size: 0;
	line-height: 0;
	padding: 0;
	margin-bottom: 19px;
}
#main.case dl.caseBlock dd {
	width: 420px;
	margin: 0;
}
#main.case dl.caseBlock dd p {
	font-size: 78%;
	line-height: 1.7;
	margin-bottom: 25px;
}
#main.case dl.caseBlock dd p em {
	font-style: normal;
	font-weight: bold;
	color: #3a52a5;
}
#main.case dl.caseBlock dd p.lastItem {
	margin-bottom: 0;
}