@charset "utf-8";
@import "base.css";

/*==================================
*	content style
===================================*/
#guidance.section {
	padding-bottom: 28px;
}

/*	h2見出し
-----------------------------------*/
#guidance.section h2 {
	height: 328px;
	background-image: url(../../doc_landing/image/h2_section01.png);
}

#characteristic.section h2 {
	height: 70px;
	background-image: url(../../doc_landing/image/h2_section02.png);
}

#flow.section h2 {
	height: 62px;
	background-image: url(../../doc_landing/image/h2_section03.png);
}

#voice.section h2 {
	height: 61px;
	background-image: url(../../doc_landing/image/h2_section04.png);
}

#faq.section h2 {
	height: 68px;
	background-image: url(../../doc_landing/image/h2_section05.png);
}

/*	バナー
-----------------------------------*/
.detail {
	display: block;
	margin: 20px 2px 0 0;
	padding: 8px 7px;
	border: solid 1px #ccc;
	text-indent: -200em;
	zoom: 1;
}

.detail .ttl,
.detail .cont {
	display: block;
	width: 585px;
	background: no-repeat 0 0;
	text-indent: -200em;
}

.detail .ttl {
	height: 71px;
	background-image: url(../../doc_landing/image/banner_detail_top.png);
}

.detail .cont {
	overflow: hidden;
	height: 78px;
	background-image: url(../../doc_landing/image/banner_detail_btm.png);
	zoom: 1;
}

.detail .phone {
	display: block;
	float: left;
	width: 297px;
	height: 70px;
	background: url(../../doc_landing/image/imgtxt_detail_phone.gif) no-repeat 12px 0;
}

.detail .move a {
	width: 279px;
	height: 74px;
	background-image: url(../../doc_landing/image/btn_detail.png);
}

.detail .move a:hover {
	background-position: 0 -74px;
}

/*	サイド動画
-----------------------------------*/

.sideMovie {
	margin-right: 2px;
	padding: 10px 8px;
	border: solid 1px #ccc;
	background: url(../../doc_landing/image/bg_side_movie.gif) repeat 0 0;
}

.sideMovie h2 {
	display: block;
	width: 230px;
	height: 23px;
	background: no-repeat 0 0;
	text-indent: -200em;
}

.sideMovie .player {
	margin: 0 0 10px;
}

.sideMovie div.content-link a {
	padding-left: 18px;
	background: url(../../doc_landing/image/sound.png) no-repeat left center;
	text-align: right;
	font-size: 14px;
	line-height: 140%;
	font-weight: bold;
}

.sideMovie div.flash-player {
	border-top: dotted 1px #ccc;
	padding-top: 10px;
	font-size: 10px;
	line-height: 140%;
}

.sideMovie div.flash-player img {
	float: left;
	margin-right: 5px;
}

/*	他サービスバナー
-----------------------------------*/

.sideOtherservise {
	padding: 10px 0px;
	}

.sideOtherservise h2 {
	display: block;
	width: 230px;
	height: 23px;
	background: no-repeat 0 0;
}

.sideOtherservise .player {
	margin: 0 0 10px;
	text-align: center;
}



/*	4つの特徴
-----------------------------------*/

div.attention {
	clear: both;
	text-align: center;
	margin: 0px;
	padding: 5px 0;
	font-size: 14px;
	line-height: 140%;
	font-weight: bold;
	color: #ff0000;
	background-color: #FFF5E6;
	border: 1px solid #cccccc;
}

div.main_movie {
	margin-bottom: 15px;
}

#characteristic li {
	overflow: hidden;
	margin: 0 0 12px;
	padding: 0 0 12px 85px;
	border-bottom: solid 1px #ccc;
	background: no-repeat 0 0;
	zoom: 1;
}

#characteristic li.c1 {
	background-image: url(../../doc_landing/image/imgtxt_characteristic1.gif);
}

#characteristic li.c2 {
	background-image: url(../../doc_landing/image/imgtxt_characteristic2.gif);
}

#characteristic li.c3 {
	background-image: url(../../doc_landing/image/imgtxt_characteristic3.gif);
}

#characteristic li.c4 {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
	background-image: url(../../doc_landing/image/imgtxt_characteristic4.gif);
}

#characteristic span {
	display: none;
}

#characteristic h3 {
	display: block;
	width: 378px;
	height: 29px;
	background: no-repeat 0 0;
	text-indent: -200em;
}

#characteristic .c1 h3 {
	background-image: url(../../doc_landing/image/h3_characteristic_1.gif);
}

#characteristic .c2 h3 {
	height: 59px;
	background-image: url(../../doc_landing/image/h3_characteristic_2.gif);
}

#characteristic .c3 h3 {
	background-image: url(../../doc_landing/image/h3_characteristic_3.gif);
}

#characteristic .c4 h3 {
	background-image: url(../../doc_landing/image/h3_characteristic_4.gif);
}

#characteristic .more a {
	display: block;
	width: 205px;
	height: 44px;
	margin: 12px 0 0;
	background-image: url(../../doc_landing/image/btn_hikaku.png);
	text-indent: -200em;
}

#characteristic .more a:hover {
	background-position: 0 -44px;
}

/*	流れ
-----------------------------------*/
#flow ol li {
	margin: 0 0 4px;
	padding: 0 0 34px;
	background: url(../../doc_landing/image/bg_flow_li.png) no-repeat 50% 100%;
}

#flow ol li.c6 {
	margin: 0;
	padding: 0;
	background: none;
}

#flow ol li div {
	display: block;
	overflow: hidden;
	padding: 9px;
	background: #f0f0f0;
	zoom: 1;
}

#flow img {
	margin: 0 10px 0 0;
}

#flow h3 {
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
}

/*	お客様の声
-----------------------------------*/
#voice li {
	display: block;
	overflow: hidden;
	margin: 0 0 16px;
	padding: 0 0 12px;
	border-bottom: solid 1px #ccc;
	zoom: 1;
}

#voice img {
	margin: 0 5px 0 0;
}

#voice h3 {
	display: block;
	margin-bottom: 5px;
	}
	
#voice p {
	margin-left: 232px;
}

#voice .more a {
	display: block;
	width: 181px;
	height: 44px;
	margin: 12px 0 0;
	background-image: url(../../doc_landing/image/btn_more.png);
	text-indent: -200em;
}

#voice .more a:hover {
	background-position: 0 -44px;
}

/*	よくある質問
-----------------------------------*/
#faq .qa span {
	display: none;
}

#faq img {
	margin: 0 0 0 10px;
}

#faq .qa dt,
#faq .qa dd {
	background: no-repeat 0 0;
}

#faq .qa dt {
	margin: 0 0 14px;
	padding: 2px 0 4px 44px;
	font-size: 16px;
	font-weight: bold;
}

#faq .qa dt.c1 {
	background-image: url(../../doc_landing/image/bg_faq_q1.png);
}

#faq .qa dt.c2 {
	background-image: url(../../doc_landing/image/bg_faq_q2.png);
}

#faq .qa dt.c3 {
	background-image: url(../../doc_landing/image/bg_faq_q3.png);
}

#faq .qa dt.c4 {
	background-image: url(../../doc_landing/image/bg_faq_q4.png);
}

#faq .qa dt.c5 {
	background-image: url(../../doc_landing/image/bg_faq_q5.png);
}

#faq .qa dd {
	margin: 0 0 12px;
	padding: 0 0 14px 44px;
	border-bottom: solid 1px #ccc;
	background-image: url(../../doc_landing/image/bg_faq_a.png);
}

#faq .more a {
	display: block;
	width: 234px;
	height: 44px;
	margin: 0 0 0;
	background-image: url(../../doc_landing/image/btn_faq.png);
	text-indent: -200em;
}

#faq .more a:hover {
	background-position: 0 -44px;
}

/*==================================
*	side style
===================================*/
#document .pageNavi h2 {
	background-image: url(../../doc_landing/image/h2_side_document_navi.gif);
}

#document .sideMovie h2 {
	background-image: url(../../doc_landing/image/h2_side_document_movie.gif);
}