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

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

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

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

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

#faq.section h2 {
	height: 68px;
	background-image: url(../../doc_landing02/image/h2_section04.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_landing02/image/banner_detail_top.png);
}

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

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

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

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

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

.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つの特徴
-----------------------------------*/
#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_landing02/image/imgtxt_characteristic1.gif);
}

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

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

#characteristic li.c4 {
	background-image: url(../../doc_landing02/image/imgtxt_characteristic4.gif);
}

#characteristic li.c5 {
	background-image: url(../../doc_landing02/image/imgtxt_characteristic5.gif);
}

#characteristic li.c6 {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
	background-image: url(../../doc_landing02/image/imgtxt_characteristic6.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_landing02/image/h3_characteristic_1.gif);
}

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

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

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

#characteristic .c5 h3 {
	height: 59px;
	background-image: url(../../doc_landing02/image/h3_characteristic_5.gif);
}

#characteristic .c6 h3 {
	background-image: url(../../doc_landing02/image/h3_characteristic_6.gif);
}

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

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


/*	お客様の声
-----------------------------------*/
#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;
}

/*ie7*/
*:first-child+html #voice h3 {
	width: 350px;
	background-position: 0 2px;
}

/*ie6*/
* html #voice h3 {
	width: 350px;
	background-position: 0 2px;
}

#voice h3 {
	display: block;
	width: 585px;
	height: 29px;
	background: no-repeat 232px 2px;
	text-indent: -200em;
}



#voice .c2 h3 {
	background-image: url(../../doc_landing02/image/h3_voice1.gif);
}

#voice p {
	margin-left: 232px;
}

#voice .more a {
	display: block;
	width: 181px;
	height: 44px;
	margin: 12px 0 0;
	background-image: url(../../doc_landing02/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_landing02/image/bg_faq_q1.png);
}

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

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

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

#faq .qa dt.c5 {
	background-image: url(../../doc_landing02/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_landing02/image/bg_faq_a.png);
}

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

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

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

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