@charset "UTF-8";

/* -----------------------------------------------------------
	Jop Information Peach (since 2007/10/02)

 File name:      css/contents.css
 Author:         K.Hayata (admin)
 Style Info:     各コンテンツ用CSS
----------------------------------------------------------- */

/* walker
----------------------------------------------------------- */

div#walkerTtl {
	width: 780px;
	margin: 0;
	padding: 0;
}

div.walkerBnBox {
	margin: 0;
	padding: 5px 15px 0;
	text-align: right;
}

div#walker {
	width: 750px;
	margin-top: 20px;
	padding: 0 15px;
	color: #8c5a5a;
}

div#walker div.walkerFrame {
	width: 750px;
	margin-bottom: 30px;
	padding-bottom: 26px;
	background: url(../images/walkerFrameBg.gif) no-repeat left bottom;
}

div#walker div.walkerFrame div.walkerBox {
	margin: 0;
	padding: 0 20px;
}

div#walker div.walkerFrame div.walkerBox div.walkerCap {
	margin-bottom: 20px;
	padding: 0;
}

div#walker div.walkerFrame div.walkerBox div.walkerTxtBox {
	display: block;
	width: 710px;
	margin: 0;
	padding: 0;
}

div#walker div.walkerFrame div.walkerBox div.walkerTxtBox p {
	padding-left: 13px;
	margin-bottom: 24px;
}

div#walker div.walkerFrame div.walkerBox div.walkerTxtBox div.walkerImgWL {
	float: left;
	width: 305px;
	height: 219px;
	margin: 0 15px 15px 0;
	padding-left: 13px;
	background: url(../images/walkerImgWBg.gif) no-repeat right top;
}

div#walker div.walkerFrame div.walkerBox div.walkerTxtBox div.walkerImgWL img {
	margin: 5px;
}

div#walker div.walkerFrame div.walkerBox div.walkerTxtBox div.walkerImgWR {
	float: right;
	width: 305px;
	height: 219px;
	margin: 0 0 15px 15px;
	background: url(../images/walkerImgWBg.gif) no-repeat left top;
}

div#walker div.walkerFrame div.walkerBox div.walkerTxtBox div.walkerImgWR img {
	margin: 5px;
}

div#walker div.walkerFrame div.walkerBox div.walkerTxtBox div.walkerImgHL {
	float: left;
	width: 219px;
	height: 305px;
	margin: 0 15px 15px 0;
	padding-left: 13px;
	background: url(../images/walkerImgHBg.gif) no-repeat right top;
}

div#walker div.walkerFrame div.walkerBox div.walkerTxtBox div.walkerImgHL img {
	margin: 5px;
}

div#walker div.walkerFrame div.walkerBox div.walkerTxtBox div.walkerImgHR {
	float: right;
	width: 219px;
	height: 305px;
	margin: 0 0 15px 15px;
	background: url(../images/walkerImgHBg.gif) no-repeat left top;
}

div#walker div.walkerFrame div.walkerBox div.walkerTxtBox div.walkerImgHL img {
	margin: 5px;
}

div#walker div.walkerFrame div.walkerBox div.walkerTxtOnlyBox {
	display: block;
	width: 692px;
	margin: 0 5px 0 13px;
	padding: 0;
}

div#walker div.walkerFrame div.walkerBox div.walkerTxtOnlyBox p {
	margin-bottom: 24px;
}

div#walker div#columnist {
	width: 394px;
	height: 140px;
	margin: 0 0 25px 356px;
	padding: 0;
	background: url(../images/columnistBg.gif) no-repeat left top;
}

div#walker div#columnist p {
	padding: 63px 46px 0 25px;
}



/* 2.Content back number
------------------------------------------------------------------------*/

div#bnTitle {
	width: 680px;
	margin: 0 auto 32px;
	padding-top: 10px;
}

div#bnThisMonth {
	width: 680px;
	margin: 0 auto 40px;
	padding-bottom: 7px;
	background: url(../images/bnImg02.gif) no-repeat left bottom;
}

div.bnBox {
	width: 624px;
	margin: 0 auto;
	padding: 20px 0;
}

div.bnBox p.bnChapterTitle {
	margin: 0;
	padding-bottom: 12px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}

div.bnBox p.bnChapterTxt {
	padding-bottom: 6px;
	text-align: left;
}

div.bnBox p.bnChapterLink {
	padding: 0;
	text-align: right;
}

div.bnBox p.bnChapterLink a:link,
div.bnBox p.bnChapterLink a:visited {
	color: #ff6666;
	text-decoration: underline;
}

div.bnBox p.bnChapterLink a:hover,
div.bnBox p.bnChapterLink a:active{
	color: #ff9999;
	text-decoration: underline;
}