@charaset "Shift-JIS";

/* ------------------- bg Styles ------------------- */

body {
	margin: 0;
	padding: 0;
	color: #666;
}

img { border:0; }

.clearing {
	clear: both;
}

.left { display:block; float:left; }

#bg-top {
	position: relative;
	width: 100%;
	padding-top: 30px;
	background: url("img/bg_top.gif") left top no-repeat;
}

#bg-btm {
	position: relative;
	top:0px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-bottom: 15px;
	background: url("img/bg_bottom.gif") left bottom no-repeat;
}

#bg-box {
	width: 100%;
	background: url("img/bg.gif") left bottom no-repeat;
}

#contents {
	text-align: left;
	float:left;
	width: 640px;
	margin: 10px 0 15px 20px;
}

#contents a:link, #contents a:visited {
	color: #0099FF;
	font-weight: bold;
	text-decoration: underline;
}
#contents a:hover {
	color: #CC9900;
	font-weight: bold;
	text-decoration: none;
}

/* ------------------- Main-Articles Styles ------------------- */

.articles {
	text-align: left;
	margin: 0 0 15px 0;
	padding-bottom: 10px;
	background: url("img/content_bgbottom.png") center bottom no-repeat;
}

.cont-body {
	font: 12px 'Lucida Grande','Hiragino Kaku Gothic Pro','ƒqƒ‰ƒMƒmŠpƒS Pro W3','‚l‚r ‚oƒSƒVƒbƒN', sans-serif;
	margin: 0;
	padding: 0 20px 10px 20px;
	background: url("img/content_bgmiddle.png") center top repeat-y;
}

.cont-body h4.first {
	position: relative;
	top:-90px;
	display: block;
	width: 384px;
	height: 5px;
	font-size: 13px;
	line-height: 1.5em;
	color:#2D5FB6;
	margin: 0;
	padding-bottom: 6px;
}

.cont-body h4 {
	font-size: 14px;
	line-height: 1.5em;
	color:#2D5FB6;
	margin: 0;
	padding-top: 15px;
	padding-bottom: 6px;
}

.cont-body p {
	color: #000;
	font-weight: normal;
	line-height: 1.5em;
	padding-bottom: 15px;
}

.cont-body p span {
	color: #555;
}

.photoleft {
	margin:0 20px 20px 0; 
	display:block;
	float:left;
}

.photoright {
	margin:0 0 20px 20px; 
	display:block;
	float:right;
}

.next {
	font-size: 11px;
	text-align: right;
}

.arrow {
	padding: 1px 16px 1px 0;
	background: url("img/arrow.gif") right center no-repeat;
}

.prev_arrow {
	padding: 1px 0 1px 0;
	padding-left: 16px;
	background: url("img/prev_arrow.gif") left center no-repeat;
}

.return {
	font-size: 11px;
	text-align: left;
}
.return a {
	padding: 1px 0 1px 0;
	padding-right: 16px;
	background: url("img/return_arrow.gif") right center no-repeat;
}