@charset "utf-8";

/* ===== import basic style ===== */
@import "base.css";
@import "common.css";
@import "navi.css";
@import "font.css";

/* local column */
@import "local.css";



/* ===== category style ===== */
/* column setting */


/* local parts */





/* ===== [page type] contents top ===== */
/* ----- title area ----- */
.category .title {}
.category .title h1 {
	margin: 0px 0px 10px;
	height: 120px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(../img/compa/title.jpg) left top no-repeat;
}

.category .title p {
	margin: 0px 20px 0px 0px;
	padding: 3px 10px;
	border-left: 9px solid #315887;
	line-height: 1.3;
}

/* ----- [section] compa2Link block ----- */

.category .cp2_link dl {

	margin: 0 auto 10px;
	background:transparent url(../img/compa/waku_bg.gif) no-repeat scroll left bottom;
	width:530px;
	font-size:11px;
	color:#FF0000;
	padding-bottom:5px;

}

.category .cp2_link dt {

	background:transparent url(../img/compa/waku_top.gif) no-repeat scroll left top;
	padding:10px 0px 0px 0px;
}

.category .cp2_link dt img {

	float:left;
	margin:0px 15px;
	border:thin solid #CCCCCC;

}

.category .cp2_link dt a {

	font-weight:bold;
	font-size:16px;
	margin:10px 0px 0px 0px;
	padding:0px;

}

.category .cp2_link dd {margin-top:0.5em; color:#373535; font-size:13px; padding:0 0 10px;}
.category .cp2_link dd p {
	margin:5px 10px;
	font-size:12px;
}



/* ----- back number list ----- */
.category .backnumber {}
.category .backnumber li {}

.category .backnumber li h2 {}
.category .backnumber li h2 a {
	padding-left: 18px;
	background: url(../img/common/arrow_blue.gif) left center no-repeat;
}

.category .backnumber li p {margin: 0px 0px 8px 18px; font-size: 15px;}




/* ===== [page type] article pages ===== */
.article .entry h2 {
	margin: 2em 0px 10px;
	padding-left: 40px;
	height: 32px;
	color: #353637;
	font-size: 19px;
	line-height: 32px;
	background: #E9E7E0 url(../img/compa/beer.gif) 3px center no-repeat;
}
.article .entry h3 {
	margin: 2.4em 0px 10px;
	padding: 3px 0px 0px 8px;
	border-left: 8px solid #315887;
	color: #111111;
	font-size: 17px;
	background: url(../img/common/border_x.gif) left top repeat-x;
}
	.article .entry h3.comment {border-color: #CC0000;}
.article .entry h3 span {margin-left: 0.8em; font-size: 14px;}

.article .entry h4 {margin: 1.6em 5px 0.5em; color: #003366; font-size: 13px; font-weight: normal; line-height: 1.3em}

.article .entry p {margin: 0px 5px 1.2em;}
.article .entry p.img_center {margin-right: 50px;}

.article .entry ul {margin: 0px 30px 1.5em; line-height: 1.2; list-style-type: square;}
.article .entry ul li {margin: 0px 0px 3px;}

.article .entry ol {margin: 0px 35px 1.5em; line-height: 1.2;}
.article .entry ol li {margin: 0px 0px 3px;}

/* color setting */
.article .entry .color_red {color: #CC0000 !important;}
.article .entry .color_blue {color: #0000CC !important;}

.article .entry .chara_f {color: #CC3333;}
.article .entry .chara_m {color: #0033CC;}


/* ----- [section] compa2Link block ----- */

.article .cp2_link dl {

	margin: 0 auto 10px;
	background:transparent url(../img/compa/waku_bg.gif) no-repeat scroll left bottom;
	width:530px;
	font-size:11px;
	color:#FF0000;
	padding-bottom:5px;

}

.article .cp2_link dt {

	background:transparent url(../img/compa/waku_top.gif) no-repeat scroll left top;
	padding:10px 0px 0px 0px;
}

.article .cp2_link dt img {

	float:left;
	margin:0px 15px;
	border:thin solid #CCCCCC;

}

.article .cp2_link dt a {

	font-weight:bold;
	font-size:16px;
	margin:10px 0px 0px 0px;
	padding:0px;

}

.article .cp2_link dd {margin-top:0.5em; color:#373535; font-size:13px; padding:0 0 10px;}
.article .cp2_link dd p {
	margin:5px 10px;
	font-size:12px;
}

/* ----- comment set ----- */
.article .entry dl.reason {margin: 0px 15px 2em; color: #666666; font-size: 13px; line-height: 1.3;}
.article .entry dl.reason dt {color: #315887; font-weight: bold;}
	.article .entry dl.reason dt span {display: none;}
.article .entry dl.reason dd {margin: -1.3em 0px 1.3em 70px;}
.article .entry dl.reason dd.after {margin-top: -0.3em; margin-left: 90px; color: #373535; text-indent: -20px;}
	.article .entry dl.reason dd strong {color: #CC0000; font-weight: normal;}

.article .entry dl.comment {margin: 0px 15px 2em; color: #666666; font-size: 13px; line-height: 1.3;}
.article .entry dl.comment dt {color: #BC2F32; font-weight: bold;}
	.article .entry dl.comment dt span {display: none;}
.article .entry dl.comment dd {margin: -1.3em 0px 1.3em 70px;}
.article .entry dl.comment dd.after {margin-top: -0.3em; margin-left: 90px; color: #373535; text-indent: -20px;}
	.article .entry dl.comment dd strong {color: #CC0000; font-weight: normal;}



/* ----- putting image ----- */
.article .entry .pic_left {
	float: left;
	width: 180px;
	color: #666666;
	font-size: 11px;
	/font-size: 10px;
	line-height: 1.2;
	/letter-spacing: 1px;
	text-align: center;
}
.article .entry .pic_left180 {
	float: left;
	width: 200px;
	color: #666666;
	font-size: 11px;
	/font-size: 10px;
	line-height: 1.2;
	/letter-spacing: 1px;
	text-align: center;
}
.article .entry .pic_right {
	float: right;
	width: 180px;
	color: #666666;
	font-size: 11px;
	/font-size: 10px;
	line-height: 1.2;
	/letter-spacing: 1px;
	text-align: center;
}
.article .entry .pic_right180 {
	float: right;
	width: 200px;
	color: #666666;
	font-size: 11px;
	/font-size: 10px;
	line-height: 1.2;
	/letter-spacing: 1px;
	text-align: center;
}
.article .entry .pic_sub-l {
	float: left;
	width: 110px;
	color: #666666;
	font-size: 11px;
	/font-size: 10px;
	line-height: 1.2;
	/letter-spacing: 1px;
	text-align: center;
}
.article .entry .pic_sub-r {
	float: right;
	width: 110px;
	color: #666666;
	font-size: 11px;
	/font-size: 10px;
	line-height: 1.2;
	/letter-spacing: 1px;
	text-align: center;
}
.article .entry .pic_left img,
.article .entry .pic_left180 img,
.article .entry .pic_right img,
.article .entry .pic_right180 img,
.article .entry .pic_sub-l img,
.article .entry .pic_sub-r img {margin-bottom: 2px; border: 1px solid #111111;}
.article .entry .pic_left p,
.article .entry .pic_left180 p,
.article .entry .pic_right p,
.article .entry .pic_right180 p,
.article .entry .pic_sub-l p,
.article .entry .pic_sub-r p {
	margin: 2px 5px 0px 8px;
	color: #666666;
	font-size: 11px;
	/font-size: 10px;
	line-height: 1.2;
	/letter-spacing: 1px;
}


/* ----- putting image (2 pieces) ----- */
.article .entry ul.pic_twin {
	margin: 0px 0px 1.5em 25px;
	padding: 5px 0px 2px;
	border: 1px solid #CCCCCC;
	width: 502px;
	list-style-type: none;
	zoom: 1;
}
.article .entry ul.pic_twin:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}/* for modern browser */
.article .entry ul.pic_twin li {
	float: left;
	margin: 0;
	width: 250px;
	color: #666666;
	font-size: 11px;
	/font-size: 10px;
	line-height: 1.2;
	/letter-spacing: 1px;
	text-align: center;
}


/* ---- putting image (3 pieces) ----- */
.article .entry ul.pic_trio {
	margin: 0px 0px 1.5em 25px;
	padding: 5px 0px 2px;
	border: 1px solid #CCCCCC;
	width: 512px;
	list-style-type: none;
	zoom: 1;
}
.article .entry ul.pic_trio:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}/* for modern browser */
.article .entry ul.pic_trio li {
	float: left;
	margin: 0;
	width: 170px;
	color: #666666;
	font-size: 11px;
	/font-size: 10px;
	line-height: 1.2;
	/letter-spacing: 1px;
	text-align: center;
}