@charset "utf-8";

@import "/common/css/base.css";
@import "/common/css/frame.css";

#contents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#contents {
	display: inline-table;
	/*\*/
	display: block;
	*height: 1%;
	/**/
}


/* CONTENTS */
/* コンテンツ独自背景は [body] に設定 */
body{
}
#container {
}
#contentBody {
}
#contents {
}
/* headerBox */
	#contents div.headerBox {
	}
		#contents div.headerBox h1 {
			background: url(../images/title.gif) no-repeat left bottom;
			height: 126px;
			/*\*//*/
			padding-bottom: 126px;
			/**/
			text-indent: -9999px;
			overflow: hidden;
			display: block;
		}
	
	
/* bodyBox  */
	#contents div.bodyBox {
		padding-top: 27px;
	}
		#contents div.bodyBox h2 {
			background: url(../images/t1.gif) no-repeat left top;
			margin-bottom: 22px;
			height: 125px;
			/*\*//*/
			padding-bottom: 125px;
			/**/
			text-indent: -9999px;
			overflow: hidden;
			display: block;
		}
		#contents div.bodyBox h3 {
			margin-bottom: 26px;
			height: 48px;
			/*\*//*/
			padding-bottom: 48px;
			/**/
			text-indent: -9999px;
			overflow: hidden;
			display: block;
		}
			#contents div.bodyBox h3.hed1 {
				background: url(../images/t2.gif) no-repeat left top;
			}
			#contents div.bodyBox h3.hed2 {
				background: url(../images/t3.gif) no-repeat left top;
			}
		#contents div.bodyBox p.headlead {
			margin-bottom: 30px;
			line-height: 1.9; 
		}
		#contents div.bodyBox p.lead {
			margin-bottom: 45px;
			line-height: 1.9; 
		}
			#contents div.bodyBox p.lead img {
				position: relative;
				margin-left: 4px;
				display: inline;
			}
		#contents div.bodyBox div.bnrObj {
			border: solid 1px #ee8844;
			padding: 20px;
			margin-bottom: 45px;
		}
			#contents div.bodyBox div.bnrObj p.image{
				float: left;
				width: auto;
				margin-right: 25px;
			}
			#contents div.bodyBox div.bnrObj p.cap {
				float: left;
				width: 320px;
			}
				#contents div.bodyBox div.bnrObj ul {
					float: right;
					width: 150px;
					padding-top: 7px;
				}
					#contents div.bodyBox div.bnrObj li {
						width: 150px;
						height: 27px;
					}
					#contents div.bodyBox div.bnrObj li a {
						background: url(../images/btn_detailpage.gif) no-repeat;
						background-position: 0 0;
						width: 150px;
						height: 27px;
						/*\*//*/
						padding-bottom: 27px;
						/**/
						text-indent: -9999px;
						overflow: hidden;
						display: block;
					}
					#contents div.bodyBox div.bnrObj li a:hover {
						background-position: 0 -27px;
					}

		#contents div.bodyBox p.prevlink {
		}
			#contents div.bodyBox p.prevlink a {
				background: url(/common/images/arw_prev.gif) no-repeat 0 2px;
				padding-left: 10px;
				line-height: 1.1;
			}