/*
	bace id [#bodySec] >> layoutBase.css
*/

/* global navi individual */

#titleSec h2 {
	float: left;
	width: 526px;
	height: 30px;
	margin: 39px 0px 0px 0px;
	background-image: url("/img/topics_title.jpg");
	background-repeat: no-repeat;
	background-position: right top;
	text-indent: -9999px;
}

/* title */

#bodySec div.contentsArea div.container h3 {
	color: #3F312B;
	font-size: 140%;
	line-height: 110%;
	font-weight: bold;
	margin: 0px 0px 30px 0px;
}

/* body */

#bodySec div.contentsArea div.container {
	margin: 0px 0px 15px 0px;
	font-size: 80%;
	line-height: 150%;
}

#bodySec div.contentsArea div.container strong {
	font-weight: bold;
	color: #336633;
}

#bodySec div.contentsArea div.container img.right {
	margin: 0px 0px 20px 20px;
	float:right;
}

#bodySec div.contentsArea div.container img.left {
	margin: 0px 20px 20px 0px;
	float:left;
}

#bodySec div.contentsArea div.container h4 {
	margin: 0px;
	padding: 0px 0px 0px 27px;
	background-image: url("/hakubaku/img/rinen_icon.gif");
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 140%;
	line-height: 130%;
	font-weight: bold;
	color: #3F312B;
}

#bodySec div.contentsArea div.container h5 {
	margin: 0px;
	font-size: 130%;
	line-height: 130%;
	font-weight: bold;
	color: #336633;
}

/* comment */
#bodySec div#commentSec {
	padding: 15px;
	font-size: 80%;
	line-height: 150%;
}

#bodySec div#commentSec h3 {
	margin: 0px 0px 7px 0px;
	padding: 0px 0px 10px 0px;
	background-image:none;
	font-size: 140%;
	line-height: 130%;
	font-weight: bold;
	color: #3F312B;
}

#bodySec div#commentSec div.form ul {
	margin: 40px 15px 40px 15px;
	padding: 8px 0px 0px 0px;
	line-height: 100%;
	background-image: url("/hakubaku/img/enkaku_dotline.gif");
	background-repeat: repeat-x;
	background-position: left top;
}

#bodySec div#commentSec div.form ul li {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 8px 0px;
	background-image: url("/hakubaku/img/enkaku_dotline.gif");
	background-repeat: repeat-x;
	background-position: left bottom;
	_height: 1%;
}
/* -- Hack WinIE & MacIE --*/
#bodySec div#commentSec div.form ul li  {
	/* Hides from IE5-Mac ¥*/ 
	height: 1%;
	/*end  Hides from IE5-Mac */
}
/* -- Hack WinIE & MacIE  end--*/

#bodySec div#commentSec div.form ul li span.term {
	display: block;
	float: left;
	width: 150px;
	color: #3F312B;
	margin-top:3px;
	font-size: 100%;
}

#bodySec div#commentSec div.form ul li span.form {
	display: block;
	float: right;
	width: 520px;
}

#bodySec div#commentSec div.form ul li span.form input {
	width: 320px;
}

#bodySec div#commentSec div.form ul li span.form textarea {
	width: 440px;
	height:200px;
}

#bodySec div#commentSec div.form p.btn {
	margin: 0px 0px 20px 0px;
	text-align: center;
}

#bodySec div#commentSec div.form p.btn input {
	width:206px;
	height:26px;
	color:#ffffff;
	font-weight:bold;
	border:none;
	background-color:#ffffff;
	background-image: url("/img_common/form_btn_check.gif");
	background-repeat: no-repeat;
	background-position: left center;
	cursor: pointer;
	line-height:140%;
	padding-top: 5px;
/*\*/
	padding-top: 0px;
/**/
}

#bodySec div#commentSec div.form p.back {
	padding: 0px 0px 0px 12px;
	background-image: url("/img_common/link_arrow.gif");
	background-repeat: no-repeat;
	background-position: left center;
	margin-top:50px;
}

/* pageNavi */

#bodySec div.contentsArea div.pageNavi {
	margin: 0px 15px 0px 15px ;
	padding: 0px 0px 30px 0px;
}

#bodySec div.contentsArea div.pageNavi a {
	display: block;
	padding: 0px 0px 0px 12px;
	background-image: url("/img_common/link_arrow.gif");
	background-repeat: no-repeat;
	background-position: left 0.2em;
	font-size: 80%;
}