@charset "UTF-8";

/* ***************************************************
* CSS file For osouji-taishi.jp
	FileName: mychoice
	data:2009/06/30 kinoshita

■目次 ==========================================
■[01]:TOP
■[02]:実例
**************************************************** */

/*-----------------------------------------------------------
■共通
-----------------------------------------------------------*/
div.coming{
	margin: 50px 10px;
	width: 642px;
	text-align: center;

}

div.pageLink{
	margin: 0px 10px 10px 10px;
	width: 642px;
	float: left;
	display:inline;
	text-align: right;
}


div.text{
	margin: 0 10px 0 15px;
	width: 637px;
}

/* 写真とテキストのブロック */
div.textImage dl{
	margin: 10px 10px 10px 15px;
	width: 637px;
	float: left;
	display:inline;
}

div.textImage dl dt{
	float: left;
	width: 387px;
	margin-right: 10px;
}

div.textImage dl dd{
	float: left;
	display:inline;
	width: 240px;
}


div.textImage dl dd div.image1{ float: left; margin: 2px 2px 0 0; }
div.textImage dl dd div.image2{ float: left; margin: 2px 0 0 0; }


div.reasonBox p{
	float: left;
	width: 212px;	
}

/* 木の見出しタイトル */
div.cateTitle{
	float: left;
	margin: 20px 0 10px 0;
}

div.cateTitle p{
	width: 642px;
	float: left;
	margin: 8px 10px 0 20px;
	display:inline;
}

p.itemTitle{ margin : 0 0 1px 10px; }

div.subBox{
	float: left;
	display:inline;
	margin : 0 0 20px 22px;
	background-color: #def3ff;
	width: 630px;
	padding: 6px 0;
}


/* 下に余白なし */
div.mb0{
	margin : 0 0 0px 22px;
}

div.subBox p{
	float: left;
}

div.subBox a{
	float: left;

}

div.subBox dl{
	margin: 0 0 10px 0;
}

div.subBox dl dt{
	display:inline;
}

div.subBox dl dd{
	padding-left: 42px;
	padding-right: 5px;
	width: 580px;
}

div.subBox dl dd span{
	color: #00a8ff;
}

div.subBox div.text{
	margin: 0 0 0 20px;
	/* display:inline; */
	width: 602px;
	clear:both;
}

div.subBox p.subTitle{
	display:inline;
	padding : 10px 0 5px 0;
	margin-left : 20px;
	width: 600px;
}



div.komeBox{
	width: 602px;
	margin-left : 20px;
	background-color: #fff;
	float: left;
	display:inline;
}
div.bgkomeTop{  height: 10px; background: url(/img/common/bg_kome_top.gif) no-repeat top left #fff; clear:both; display:block; }
div.bgkomeBottom{ height: 10px; background: url(/img/common/bg_kome_bottom.gif) no-repeat bottom left #fff; clear:both; }


div.komeBox p{
	padding: 0 10px;
	color: #99734a;
	font-size: 10px;
	line-height: 16px;
}




div.subBox p.substar,div.subBox p.sub1,div.subBox p.sub2,div.subBox p.sub3,div.subBox p.sub4,div.subBox p.sub5,div.subBox p.sub6,div.subBox p.sub7,div.subBox p.sub8{
	padding-left: 44px;
	clear:both;
	line-height: 20px;
	width: 570px;
}
/* IE6のみに適用させる */
/* * html div.subBox p.substar { width: 620px; }
 */
div.subBox p.substar{background: url(/img/common/sub_star.gif) no-repeat top left; }
div.subBox p.sub1{  background: url(/img/common/sub1.gif) no-repeat top left; }
div.subBox p.sub2{  background: url(/img/common/sub2.gif) no-repeat top left; }
div.subBox p.sub3{  background: url(/img/common/sub3.gif) no-repeat top left; }
div.subBox p.sub4{  background: url(/img/common/sub4.gif) no-repeat top left; }
div.subBox p.sub5{  background: url(/img/common/sub5.gif) no-repeat top left; }
div.subBox p.sub6{  background: url(/img/common/sub6.gif) no-repeat top left; }
div.subBox p.sub7{  background: url(/img/common/sub7.gif) no-repeat top left; }
div.subBox p.sub8{  background: url(/img/common/sub8.gif) no-repeat top left; }



/*-----------------------------------------------------------
■よくある質問
------------------------------------------------------------*/
div.acc-section{ overflow:hidden; }

div.faqBox{ float: left; }
div.faqBox div.subBox { padding: 0px; margin: 0 0 0 22px; }
div.faqBox div.subBox dl dt img{ margin: 4px 0 0 0; }
div.faqBox div.subBox dl dd { padding: 2px 10px 0 20px; width: 600px; }

div.faqBox h5{
	margin: 0px 10px 1px 10px;
	width: 642px;
	float: left;
	display:inline;
	background:url(/img/common/bg_q.gif) repeat-y left top;
	cursor:pointer;
}

div.faqBox h5 p{
	color: #ff5684;
	padding: 10px 10px 10px 30px;
	font-size: 12px;
	text-decoration: underline;
	background:url(/img/common/ttl_q.gif) no-repeat 0px 6px;
}

/*-----------------------------------------------------------
■[02]:実例
------------------------------------------------------------*/
div.exampleBt{ width: 642px; text-align: center; margin-bottom : 10px; }


div.exampleBox{
	width: 662px;
	float: left;
	height: 169px;
	margin-bottom : 15px;
	background:url(/img/common/example/bg_example.gif) no-repeat 0px 30px;
}

div.exampleBox p{
	width: 626px;
	float: left;
	padding: 6px  6px 6px 30px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	background:url(/img/common/example/bg_ttl_example.gif) no-repeat left top;
}

div.exampleBox div{
	width: 349px;
	float: left;
	display:inline;
	margin: 8px 0 0 40px;
}

div.exampleBox div img{ float: left; }

div.exampleBox a{
	float: right;
	display:inline;
	margin: 33px 37px 0 0;
}