@charset "UTF-8";

/*---------------------------------------------------
	body.yowa
---------------------------------------------------*/

/* common */
#pagetop { clear: both; overflow: hidden; margin-bottom: 40px !important;text-align:right; }
#pagetop { background-image: none; margin: 0px; padding: 0px; width: auto; }
#pagetop a { background-image: none; margin: 0px; padding: 0px; }
#main { background: url("/sites/default/files/shared_contents/chronicle/img/common/bg-column-right.gif") no-repeat 0px bottom; }
#column-right { padding-top: 55px; margin-bottom: 30px; float: right; width: 716px; }
#topic-path { margin-bottom: 20px; font-size: 12px; font-weight: bold; line-height: 1.5; color: #87898c; }
#topic-path li { float: left; }
#topic-path li a { margin-right: 5px; padding-right: 12px; font-weight: normal; color: #87898c !important; background: url("/sites/default/files/shared_contents/chronicle/img/yowa/common/ico-topic-path.gif") no-repeat right 2px; }
#topic-path li a:link { color: #87898c !important; text-decoration: underline !important; }
#topic-path li a:visited { color: #87898c !important; text-decoration: underline !important; }
#topic-path li a:hover { color: #87898c !important; text-decoration: none !important; }
#topic-path li a:active { color: #87898c !important; text-decoration: none !important; }
#yowa-area { margin-bottom: 50px; background: url("/sites/default/files/shared_contents/chronicle/img/yowa/common/bg-content-01.gif") repeat-y left top; }
#yowa-area-inner { padding-bottom: 40px; background: url("/sites/default/files/shared_contents/chronicle/img/yowa/common/bg-content-02.gif") no-repeat left bottom; }
h3#list-title, #list-area { margin: 0 34px; }
#list-area li { float: left; }
#pagenavi { position: relative; width: 655px; height: 97px; margin: 0 0 30px 30px; background: url("/sites/default/files/shared_contents/chronicle/img/yowa/common/bg-pagenavi.gif") repeat-x left top; }
#pagenavi #prevbtn { position: absolute; top: 23px; left: 5px; }
#pagenavi #nextbtn { position: absolute; top: 23px; right: 5px; }
#related-area { margin-top: -20px; }
#related-area ul li { float: left; }

/* module */
div.section01 { margin: 0 40px 30px; }
div.section02 { margin: 0 35px 30px; }
div.section03 { margin: 0 35px 10px; }
div.section04 {
	padding-top: 40px;
	padding-bottom: 10px;
}
h2 { margin-bottom: 20px; }
p.text01 { margin-bottom: 30px; font-size: 15px; line-height: 1.5; }
p.text02 {
	font-size: 12px;
	line-height: 1.5;
	color: #6b4d38;
}
dl.photo01 dt { margin-bottom: 5px; }
dl.photo01 dd { margin-left: 5px; font-size: 12px; line-height: 1.5; color: #6b4d38; }
dl.photo02 dt {
	margin-top: 5px;
	margin-bottom: 10px;
}
dl.photo02 dd {
	margin-left: 5px;
	font-size: 12px;
	line-height: 1.5;
	color: #6b4d38;
	width: 228px;
}
dl#vi-area { width: 683px; margin: 0 0 30px 16px; }
dl#vi-area dt { margin-bottom: 5px; }
dl#vi-area dd { margin-left: 30px; margin-bottom: 10px;font-size: 12px; line-height: 1.5; color: #6b4d38; }
.fl { float: left; }
.fr { float: right; }
.w440 {
	width: 440px;
}
.w400 {
	width: 400px;
}
.w382 {
	width: 382px;
}
.w352 {
	width: 352px;
}
.w313 {
	width: 313px;
}
.w310 { width: 310px; }
.w281 {
	width: 281px;
}
.w271 { width: 271px; }
.w228 {
	width: 228px;
}
.w241 {
	width: 241px;
}
.w191 {
	width: 191px;
}
.w179 {
	width: 179px;
	margin-left: 10px;
}
.w176 {
	width: 176px;
	margin-left: 10px;
}
.explanation-area { width: 643px; margin: 0 0 50px 36px; background: url("/sites/default/files/shared_contents/chronicle/img/yowa/common/bg-explanation-02.gif") no-repeat left bottom; }
.explanation-area2 {
	width: 281px;
	background-image: url(/sites/default/files/shared_contents/chronicle/img/yowa/common/bg-explanation-04.gif);
	background-repeat: no-repeat;
	height: 432px;
	padding-top: 20px;
	/*padding-right: 25px;*/
	padding-bottom: 20px;
	/*padding-left: 25px;*/
}
.explanation-inner { padding: 40px 23px 30px 30px; background: url("/sites/default/files/shared_contents/chronicle/img/yowa/common/bg-explanation-01.gif") no-repeat left top; }
.explanation-inner2 {
	background: url("/sites/default/files/shared_contents/chronicle/img/yowa/common/bg-explanation-01.gif") no-repeat left top;
	padding-top: 40px;
	padding-right: 23px;
	padding-bottom: 30px;
	padding-left: 30px;
}
.explanation-inner h3 { margin: 0 5px 10px; }
.explanation-inner p.text01 { margin: 0 5px 15px; font-size: 12px; line-height: 1.8; }
.explanation-inner p.text02 { margin: -10px 5px 0; font-size: 12px; color: #6b4d38; }
.explanation-inner ul { margin-bottom: 20px; }
.explanation-inner2 ul {
	margin-bottom: 20px;
}
.explanation-inner ul li { width: 288px; float: left; margin-right: 7px; }
.explanation-inner2 ul li {
	width: 107px;
	float: left;
	margin-right: 10px;
}
.explanation-inner ul dl dt { margin-bottom: 5px; }
.explanation-inner2 ul dl dt {
	margin-bottom: 5px;
}
.explanation-inner ul dl dd { margin: 0 20px; font-size: 12px; color: #6b4d38; }
.explanation-inner2 ul dl dd {
	margin: 0 20px;
	font-size: 12px;
	color: #6b4d38;
}


/* clearfix */
.cf:before, .cf:after { content: ""; display: block; overflow: hidden; }
.cf:after { clear: both; }
.cf { zoom: 1; }
.explanation-inner2 p.text02 {
	margin: -10px 5px 0;
	font-size: 12px;
	color: #6b4d38;
}

/** additional **/
.pl25 {padding-left:25px;}
.m0 {margin:0px;}
span.linkblue {color:#007AE1;}