@charset "utf-8";


/* header
---------------------------------------------*/


/* MainTitle
---------------------------------------------*/

h2 {
	width: 714px;
	height: 92px;}

/* CommonStyle
---------------------------------------------*/

.gotopagetop {
	position: relative;
	z-index: 1;
	text-align: right;
	margin-top: 2em;}

.inner {
	position: relative;
	z-index: 1;
	padding: 30px 23px 20px 23px;}

.inner strong {color: #f00;}


/* 初期費用0円。見積りのコストダウン成功率95.4％！ */

#promise h3 {
	position: relative;
	z-index: 1;
	margin-bottom: 20px;}

#promise h4 {
	font-size: 26px;
	color: #f00;
	margin-bottom:20px;}

ul.doubt {
	padding: 24px 24px 10px;
	border: 4px solid #fdc02d;}

ul.doubt li {
	font-weight: bold;
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 8px;
	padding-left: 34px;
	background: url(../img/icn_doubt.gif) left top no-repeat;}

p.match {
	font-weight: bold;
	font-size: 18px;
	line-height: 45px;
	padding-left: 375px;
	background: url(../img/arw_match.gif) center top no-repeat;}

#promise .msg {
	margin-top: 40px;}

#promise .msg strong {
	color: #06407a;
	font-size: 22px;
	line-height: 1.5em;}


/* 最安値が可能になる理由 */

#reason div {min-height: 205px;}

#reason01 {background: url(../img/bg_reason01.jpg) 10px 100px no-repeat;}
#reason02 {background: url(../img/bg_reason02.jpg) 10px 100px no-repeat;}
#reason03 {background: url(../img/bg_reason03.jpg) 10px 100px no-repeat;}

#reason div h4 {
	font-size: 24px;
	margin-bottom: 15px;
	padding-top: 60px;
	padding-left: 60px;}

#reason02 h4,
#reason03 h4 {margin-top: 10px;}

#reason01 h4 {background: url(../img/reason01.gif) left bottom no-repeat;}
#reason02 h4 {background: url(../img/reason02.gif) left bottom no-repeat;}
#reason03 h4 {background: url(../img/reason03.gif) left bottom no-repeat;}

#reason div p {
	line-height: 1.8em;
	padding-left: 156px;}


#reason01 dl {
	margin-top: 1em;
	margin-left: 156px;
	padding: 20px;
	border: 4px solid #ccc;}

#reason01 dl dt {
	color: #1073bc;
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 0.5em;}


/* サービスの流れ */

#flow ul {margin-top: 30px;}

#flow ul li {background: url(../img/bg_flow.gif) left top no-repeat;}
#flow ul li:last-child {background: none;}

#flow ul dl {
	min-height: 90px;
	padding-left: 76px;}

#flow ul dl dt {
	color: #1073bc;
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 0.5em;}

#flow ul dl dd {
	line-height: 1.8em;
	padding-bottom: 1.5em;}

#flow01 {background: url(../img/flow01.gif) left top no-repeat;}
#flow02 {background: url(../img/flow02.gif) left top no-repeat;}
#flow03 {background: url(../img/flow03.gif) left top no-repeat;}
#flow04 {background: url(../img/flow04.gif) left top no-repeat;}
#flow05 {background: url(../img/flow05.gif) left top no-repeat;}
#flow06 {background: url(../img/flow06.gif) left top no-repeat;}


/* 事例紹介 */

.exbox {
	margin-top: 25px;
	padding: 15px;
	border: 4px solid #ccc;}

.exbox h4 {
	font-size: 18px;
	line-height: 35px;
	margin-bottom: 15px;
	padding: 0 0 0 40px;
	border-bottom: 2px solid #ccc;
	background: url(../img/icn_example.gif) left center no-repeat;}

.exbox h4 span {
	font-size: 15px;}

p.down {
	font-weight: bold;
	margin-top:1em;}

p.down strong {
	color: #333;
	line-height: 15px;
	margin-left: 15px;
	padding-left: 30px;
	background: url(../img/arw_example.gif) left center no-repeat;}

.exbox img {
	margin: 1.5em 0;}

.exbox p.msg strong {
	font-size: 20px;
	color: #1073bc;}

#example h5 {
	font-size: 18px;
	color: #064572;
	margin: 1.5em 0 0.5em 0;}

#example p.exbnr {margin-bottom: 25px;}

#example .txt {padding: 32px 5px 10px 15px;}

#example .txt p,
#example .txt ul {margin-bottom:1em;}

#example .txt p,
#example .txt ul li {line-height: 1.8em;}

#example .txt p a {
	color: #1173c5;
	text-decoration: underline;}

#example .txt p a:hover {
	text-decoration: none;}