﻿@charset "Sift_JIS";
/* BBQ DesignVersion: 2.0 */

/* LeftMenuBox */
.designContents div.LeftMenuBox,
.contentBody div.LeftMenuBox,
#DynamicLeft div.LeftMenuBox,
div.LeftMenuBox {
	margin: 10px auto 0;
	padding: 0 0 5px;
	border-bottom: 1px solid #CCCCCC;
	background: url(../parts/LeftMenuBox_bg.gif) repeat-y top left;
	width: 185px;
}
.designContents div.LeftMenuBox h2,
.contentBody div.LeftMenuBox h2,
#DynamicLeft div.LeftMenuBox h2,
div.LeftMenuBox h2 {
	margin: 0;
	padding: 5px 1px 0;
	background: url(../parts/LeftMenuBox_h2_bg.gif) no-repeat top left;
}
.designContents div.LeftMenuBox h2 span,
.contentBody div.LeftMenuBox h2 span,
#DynamicLeft div.LeftMenuBox h2 span,
div.LeftMenuBox h2 span {
	margin: 0;
	padding: 5px 5px 8px 20px;
	background: #cccccc url(../parts/LeftMenuBox_h2_span_bg.gif) no-repeat top left;
	display: block;
	font-size: 90%;
	width: auto;
}

/* RightMenuBox */
.designContents div.RightMenuBox,
.contentBody div.RightMenuBox,
#DynamicRight div.RightMenuBox,
div.RightMenuBox {
	/*margin: 10px auto 0;*/
	margin: 0 auto 10px;
	padding: 0 0 5px;
	border-bottom: 1px solid #CCCCCC;
	background: url(../parts/LeftMenuBox_bg.gif) repeat-y top left;
	width: 185px;
}
.designContents div.RightMenuBox h2,
.contentBody div.RightMenuBox h2,
#DynamicRight div.RightMenuBox h2,
div.RightMenuBox h2 {
	margin: 0;
	padding: 5px 1px 0;
	background: url(../parts/LeftMenuBox_h2_bg.gif) no-repeat top left;
}
.designContents div.RightMenuBox h2 span,
.contentBody div.RightMenuBox h2 span,
#DynamicRight div.RightMenuBox h2 span,
div.RightMenuBox h2 span {
	margin: 0;
	padding: 5px 5px 8px 20px;
	background: #cccccc url(../parts/LeftMenuBox_h2_span_bg.gif) no-repeat top left;
	display: block;
	font-size: 90%;
	width: auto;
}

.designContents div.LeftMenuBox h3,
.contentBody div.LeftMenuBox h3,
#DynamicLeft div.LeftMenuBox h3,
div.LeftMenuBox h3,
.designContents div.RightMenuBox h3,
.contentBody div.RightMenuBox h3,
#DynamicRight div.RightMenuBox h3,
div.RightMenuBox h3 {
	margin: 10px 0 0;
	padding: 0 10px;
	border: none;
	text-align: left;
	font-size: 90%;
}
.designContents div.LeftMenuBox div,
.contentBody div.LeftMenuBox div,
#DynamicLeft div.LeftMenuBox div,
div.LeftMenuBox div,
.designContents div.RightMenuBox div,
.contentBody div.RightMenuBox div,
#DynamicRight div.RightMenuBox div,
div.RightMenuBox div {
	margin: 0;
	padding: 0;
}
.designContents div.LeftMenuBox p,
.contentBody div.LeftMenuBox p,
#DynamicLeft div.LeftMenuBox p,
div.LeftMenuBox p,
.designContents div.RightMenuBox p,
.contentBody div.RightMenuBox p,
#DynamicRight div.RightMenuBox p,
div.RightMenuBox p,
.designContents div.UrgentDisasterBox p,
.contentBody div.UrgentDisasterBox p,
#DynamicLeft div.UrgentDisasterBox p,
div.UrgentDisasterBox p,
.designContents div.LeftOthersMenu p,
.contentBody div.LeftOthersMenu p,
#DynamicLeft div.LeftOthersMenu p,
div.LeftOthersMenu p {
	margin: 5px 0 0;
	padding: 0 10px;
	border: none;
	text-align: left;
	font-size: 90%;
}
.designContents div.more.LeftMenuBox div.more,
.contentBody div.more.LeftMenuBox div.more,
#DynamicLeft div.more.LeftMenuBox div.more,
div.LeftMenuBox div.more,
.designContents div.more.RightMenuBox div.more,
.contentBody div.more.RightMenuBox div.more,
#DynamicRight div.more.RightMenuBox div.more,
div.RightMenuBox div.more {
	padding: 5px 10px !important;
	clear: both;
	text-align: right;
	font-size: small;
}
.designContents div.more a.LeftMenuBox div.more a,
.contentBody div.more a.LeftMenuBox div.more a,
#DynamicLeft div.more a.LeftMenuBox div.more a,
div.LeftMenuBox div.more a,
.designContents div.more a.RightMenuBox div.more a,
.contentBody div.more a.RightMenuBox div.more a,
#DynamicRight div.more a.RightMenuBox div.more a,
div.RightMenuBox div.more a {
	padding: 0 0 0 15px;
	background: url(../parts/LeftRightMenuBox_more_a_bg.gif) no-repeat top left;
}
.designContents div.LeftMenuBox ul,
.contentBody div.LeftMenuBox ul,
#DynamicLeft div.LeftMenuBox ul,
div.LeftMenuBox ul,
.designContents div.RightMenuBox ul,
.contentBody div.RightMenuBox ul,
#DynamicRight div.RightMenuBox ul,
div.RightMenuBox ul {
	margin: 0;
	padding: 2px 6px 5px;
	list-style: none;
}
.designContents div.LeftMenuBox ul li,
.contentBody div.LeftMenuBox ul li,
#DynamicLeft div.LeftMenuBox ul li,
div.LeftMenuBox ul li,
.designContents div.RightMenuBox ul li,
.contentBody div.RightMenuBox ul li,
#DynamicRight div.RightMenuBox ul li,
div.RightMenuBox ul li {
	margin: 5px 0 0;
	padding: 0 10px 0 15px;
	/* background: url(../parts/LeftRightMenuBox_li_bg.gif) no-repeat top left; */
	background: url(../parts/categorylistHeaderName_bg.gif) no-repeat top left;
	font-size: 90%;
}

/* Ad */
div.designContents div.AdContents,
.contentBody div.AdContents,
div.AdContents {
	/* 左右のmarginの設定はなるべく避けること（IE5対策） */
	margin-top: 10px;
	margin-bottom: 10px;
}
div.designContents div.AdTitleBarBody,
.contentBody div.AdTitleBarBody,
div.AdTitleBarBody {
	/* don't use margin & padding */
	width: 100%; /* for IE6 */
	color: #000000;
	/*background: #F0F0F0;*/
	background: #E8E8E8;
	/*border-top: 3px solid #666666;*/
	border-top: 3px solid #C0C0C0;
}

div.designContents div.AdTitleBarLeft,
.contentBody div.AdTitleBarLeft,
div.AdTitleBarLeft {
	/* don't use margin & padding */
	width: 100%; /* for IE6 */
	background: url(../parts/AdTitleBarLeft_bg.gif) no-repeat left bottom;
}
div.designContents div.AdTitleBarRight,
.contentBody div.AdTitleBarRight,
div.AdTitleBarRight {
	/* don't use margin & padding */
	width: 100%; /* for IE6 */
	background: url(../parts/AdTitleBarRight_bg.gif) no-repeat right bottom;
	vertical-align: middle;
	display: inline-block;
}
div.AdTitleBarRight:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
div.designContents h2.AdTitle,
.contentBody h2.AdTitle,
h2.AdTitle {
	padding: 5px 10px;
	display: block;
	line-height: 1.5;
	color: #000000;
	background: none;
	float: left;
}
div.designContents div.AdTitleBarBody a,
.contentBody div.AdTitleBarBody a,
div.AdTitleBarBody a {
	margin: 2px 10px 2px 0;
	padding: 3px 0 3px 15px;
	background: url(../parts/AdTitleBarBody_a_bg.gif) no-repeat center left;
	float: right;
	font-size: small;
}
div.designContents div.AdContent,
.contentBody div.AdContent,
div.AdContents div.AdContent {
	margin: 0;
	padding: 6px 0 0 1px;
	/* 左右のpaddingの設定はなるべく避けること（IE5対策） */
	width: auto; /* for IE6 & IE5 */
	color: #000000;
	text-align: center;
	clear: both;
}
div.designContents div.AdContent a,
.contentBody div.AdContent a,
div.AdContents div.AdContent a {
	margin: 0 5px;
	line-height: 1.3;
}

