﻿
#body .arw {
	text-align: center;
	margin: 10px 0 0;
}

#body .imgbox02 {
	margin-top: 20px;
}

h2.title {
	font-size: 200%;
	font-weight: bold;
	color: #111;
	margin-bottom: 10px;
	padding-left: 15px;
	background: url("../img/service_name01.gif") no-repeat left 0.4em ;
}

h3.st {
	font-size: 126%;
	font-weight: bold;
	color: #111;
	line-height: 1;
	padding: 3px 0 9px 3px;
	background: url("../img/border_st.gif") no-repeat left bottom;
}

h4.st {
	font-size: 100%;
	font-weight: bold;
	line-height: 1;
	color: #111;
	margin-bottom: 10px;
	padding-bottom: 5px;
	background: url("../../../common/img/dot01.gif") repeat-x left bottom;
}

p.lead {
	margin-bottom: 30px;
}

p.lead strong {
	font-size: 120%;
	font-weight: bold;
	color: #00327e;
}


ul.feature {
	margin: 0 0 0 20px;
	padding: 0;
}

#body ul li.nosp {
	padding-top: 0;
}

ul.feature li {
	padding-top: 10px;
}

ul.feature li strong {
	color: #00327e;
	font-weight: bold;
}

ul.recommend {
	margin: 0 0 0 20px;
	padding: 0;
}

ul.recommend li {
	padding-top: 5px;
}


ul.ex {
	margin: 0;
	padding: 0;
	list-style: none;
	border-width: 3px 0;
	border-style: solid;
	border-color: #e5e5e5;
	background: url("../../../common/img/bg_gray.gif") ;
}

ul.ex li {
	margin-bottom: 2px;
	padding: 5px;
	border-top: 1px solid #e5e5e5;
}

.cost {
	margin-bottom: 10px;
	padding: 10px;
	border: 3px solid #e7e7e7;
	background: url("../../../common/img/bg_gray.gif");
}

.cost ul {
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #111;
	list-style: none;
}


ul li.noborder {
	border-top: none 0;
}


ul.ex02 {
	margin: 0;
	padding: 0;
	list-style: none;
	border-width: 3px 0;
	border-style: solid;
	border-color: #9dbbe2;
	background: url("../../../common/img/bg_gray.gif") ;
}

ul.ex02 li {
	margin-bottom: 2px;
	padding: 5px;
	color: #111;
	border-top: 1px solid #9dbbe2;
}

ul.ex02 li.noborder {
	border-top: none 0;
}

ul.option {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.option li {
	margin-top: 10px;
	padding-top: 10px;
	background: url("../../../common/img/dot01.gif") repeat-x left top;
}

ul.option li strong {
	color: #00327e;
	font-weight: bold;
}

ul.option li.nobg {
	margin-top: 0;
	padding-top: 0;
	background: none;
}



ul.service {
	margin: 20px 0 0 5px;
	padding: 0;
	list-style: none;
}

ul.service li {
	width: 270px;
	float: left;
	margin: 0 5px 5px 0;
	border: 1px solid #ccc;
	padding: 2px;
	background: url("../../img/arw01.gif") no-repeat 250px center;
}

ul.service li a {
	padding: 3px 0 3px 5px;
	display: block;
	border-left: 6px solid #eee;
}

ul.service {
	_overflow: visible;
	_height: 1px;
	zoom: 1;
	/*\*//*/
	overflow: hidden;
	/**/
}

ul.service:after {
	content: "."; 
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}

.accent {
	color: #cc0000;
}

table.type01 {
	width: 300px;
	margin: 0 0 10px;
	padding: 0;
	border-collapse: collapse;
	font-size: 93%;
	_font-size: 100%;
	line-height: 1.5em;
}

table.type01 tr th {
	border: 1px solid #ccc;
	padding: 3px;
	background: #0c4397;
	color: #fff;
	text-align: center;
}

table.type01 tr td {
	border: 1px solid #ccc;
	padding: 3px;
}

table.type01 tr.gray {
	background: #f5f5f5;
}

table.type02 {
	width: 210px;
	border-collapse: collapse;
	font-size: 93%;
	_font-size: 100%;
	line-height: 1.5em;
}

table.type02 tr th {
	border: 1px solid #ccc;
	padding: 3px;
	background: #0c4397;
	color: #fff;
	text-align: center;
}

table.type02 tr td {
	border: 1px solid #ccc;
	padding: 3px;
	text-align: right;
}

table.type03 {
	width: 340px;
	border-collapse: collapse;
	font-size: 93%;
	_font-size: 100%;
	line-height: 1.5em;
}

table.type03 tr th {
	border: 1px solid #ccc;
	padding: 3px;
	background: #0c4397;
	color: #fff;
	text-align: center;
}

table.type03 tr td {
	border: 1px solid #ccc;
	padding: 3px;
	text-align: right;
}

#body .center {
	text-align: center;
}

#body .right {
	text-align: right;
}

#body .left {
	text-align: left;
}

table tr.gray {
	background: #f5f5f5;
}

.block07 .tableblock ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 93%;
}

.block07 .tableblock ul li {
	padding: 0;
	line-height: 1.4;
}

.block07 .tableblock ul.nosp {
	margin: 0;
}

ul.normal {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.normal01 {
	margin: 15px 0 0;
	padding: 0;
	list-style: none;
	font-size: 93%;
	line-height: 1.5em;
}

ul.normal01 li {
	margin-bottom: 5px;
}

a.adns {
	padding-left: 20px;
	background: url("../img/service_arw04.gif") no-repeat left center;
}

ul.feature li ul {
	margin: 10px 0 10px 20px;
	padding: 0;
}

ul.feature li ul li {
	margin: 0;
	padding: 0;
}


.link {
	border-width: 3px 0;
	border-style: solid;
	border-color: #e5e5e5;
	margin-top: 20px;
	padding: 10px 0;
	background: url("../../../common/img/dot01.gif") repeat-x left top;

}

.link img {
	margin-top: 10px;
}


/*お問い合わせ・申し込みフォームへの誘導*/

.contactblock {
	border: 5px solid #d2e0e7;
	padding: 10px 15px;
	line-height: 1.3em;
}

.contactbox:after { content:"."; display:block; clear:both; height:0; font-size:0; visibility:hidden; }
	/* Hides from IE-mac \*/
	* html .contactbox {height: 1%;}
	/* End hide from IE-mac */
	*+html body .contactbox {height: 1%;}

.contactblock h4 {
	font-weight:bold; line-height:1; padding-bottom:10px; margin-bottom:10px; color:#0855bd; border-bottom: 2px solid #E5E5E5;
}

.contactblock strong {
	color: #666;
}

.contactblock .txtblock {
	float: left;
	width: 310px;
	margin-right: 20px;
}

.contactblock .imgblock {
	float: left;
	width: 200px;
}