@charset "UTF-8";

/* ***************************************************
* CSS file For 
	FileName: common.css
	
■目次 ==========================================
■[01]:中P共通部分
**************************************************** */

/*-----------------------------------------------------------
■[60]:中ページ共通部分
------------------------------------------------------------*/
h3 {
	background:#28303C url(/img/index/h3_bar_bg.gif) no-repeat scroll 9px 11px;
	clear:both;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	margin:0 0 10px;
	padding:6px 0 6px 24px;
}

h4 {
	width: 616px;
	margin: 0 0 5px;
	padding: 0px 0 10px 20px;
	background: url(/img/common/h4_bar.gif) no-repeat 0 1px;
	font-size: 14px;
	color: #040000;
	font-weight: bold;
	clear: both;
}

h5 {
	border-left: #ff0000 solid 5px;
	color: #ff0000;
	font-weight: bold;
	font-size: 14px;
	padding: 0 0 0 7px;
	margin: 0 0 5px 0;
}

div#Middle_contents {
	width: 644px;
	background: url(/img/common/contents_bg.gif) repeat-y left top;
	float: left;
	padding: 0 0 40px 0;
}

div#Middle_main_contents {
	/* width: 616px; */
	padding: 0 14px;
	clear: both;
}

div#Page_tab {
	border-bottom: 2px solid #e1a694;
	width: 616px;
	float: left;
	margin: 50px 0 2px 0;
}

p.Previous_on {
	background: url(/img/common/pre_tab.gif) no-repeat right top;
	color: #fff;
	float: left;
	padding: 2px 20px 0 10px;
}

p.Previous_on a:link { color: #fff; text-decoration: none; }
p.Previous_on a:visited { color: #fff; text-decoration: none; }
p.Previous_on a:hover { color: #fff; text-decoration: underline; }

p.Previous_off {
	background: url(/img/common/pre_tab_off.gif) no-repeat right top;
	color: #fff;
	float: left;
	padding: 2px 20px 0 10px;
}

p.Next_on {
	background: url(/img/common/next_tab.gif) no-repeat left top;
	color: #fff;
	float: right;
	padding: 2px 10px 0 20px;
}

p.Next_on a:link { color: #fff; text-decoration: none; }
p.Next_on a:visited { color: #fff; text-decoration: none; }
p.Next_on a:hover { color: #fff; text-decoration: underline; }

p.Next_off {
	background: url(/img/common/next_tab_off.gif) no-repeat left top;
	color: #fff;
	float: right;
	padding: 2px 10px 0 20px;
}




div.Page_group {
 	background-color: #c44d2a;
	float: left;
	margin: 0 0 5px 0;
	width: 616px;
}

div.Page_group p {
	padding: 3px 0 2px 10px;
	color: #fff;
	font-weight: bold;
}

div.Page_link {
	width: 195px;
	float: left;
}

div.Page_link2 {
	width: 225px;
	float: left;
}

div.Page_link3 {
	width: 265px;
	float: left;
}

div.Page_link a.Page_ttl, div.Page_link2 a.Page_ttl, div.Page_link3 a.Page_ttl {
	color: #0069b7;
	border-bottom: 1px #d27a51 solid;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	line-height: 24px;
	padding: 3px 2px 2px 2px;
}

div.Page_link a.Page_ttl:link, div.Page_link2 a.Page_ttl:link, div.Page_link3 a.Page_ttl:link { color: #0069b7; text-decoration: none; }
div.Page_link a.Page_ttl:visited, div.Page_link2 a.Page_ttl:visited, div.Page_link3 a.Page_ttl:visited { color: #0069b7; text-decoration: none; }
div.Page_link a.Page_ttl:hover, div.Page_link2 a.Page_ttl:hover, div.Page_link3 a.Page_ttl:hover { color: #fff; text-decoration: none; background-color: #0069b7; }

div.Page_link p, div.Page_link2 p, div.Page_link3 p {
	color: #0069b7;
	font-size: 10px;
	font-weight: bold;
}


div.Page_link a.Page_sub, div.Page_link2 a.Page_sub {
	color: #0069b7;
	border-bottom: 1px #a0a0a0 dotted;
	font-size: 10px;
	line-height: 20px;
	margin: 0 0 0 10px;
	padding: 3px 2px 2px 2px;
}

div.Page_link a.Page_sub:link, div.Page_link2 a.Page_sub:link { color: #0069b7; text-decoration: none; }
div.Page_link a.Page_sub:visited, div.Page_link2 a.Page_sub:visited { color: #0069b7; text-decoration: none; }
div.Page_link a.Page_sub:hover, div.Page_link2 a.Page_sub:hover { color: #fff; text-decoration: none; background-color: #a0a0a0; }

div.Page_link span, div.Page_link2 span {
	color: #999;
	border-bottom: 1px #a0a0a0 dotted;
	font-size: 10px;
	line-height: 20px;
	margin: 0 0 0 10px;
	padding: 3px 2px 2px 2px;
}


table {
	border-left: 1px solid #f39d8b;
	border-top: 1px solid #f39d8b;
	margin: 0 0 30px 0;
}

table.Wide { width: 616px; }

table tr th, table tr td {
	border-right: 1px solid #f39d8b;
	border-bottom: 1px solid #f39d8b;
	padding: 8px 8px;
}

table tr th {
	background-color: #f3dbd4;
	color: #ff0000;
	font-weight: bold;
	text-align: center;
}

table tr td.List01 { background: url(/img/02/table_list01.gif) no-repeat center center; width: 5px; }
table tr td.List02 { background: url(/img/02/table_list02.gif) no-repeat center center; width: 5px; }
table tr td.List03 { background: url(/img/02/table_list03.gif) no-repeat center center; width: 5px; }
table tr td.List04 { background: url(/img/02/table_list04.gif) no-repeat center center; width: 5px; }


div.Waku_top {
	background: url(/img/02/waku_top.gif) no-repeat left bottom;
	width: 616px;
	height: 5px;

}

div.Waku {
	background: url(/img/02/waku.gif) no-repeat left bottom;
	width: 616px;
	padding: 0 0 5px 0;
	margin: 0 0 15px 0;
}

div.Waku img { margin: 7px 0 8px 14px; }

p.Item01, p.Item02, p.Item03, p.Item04 {
	padding: 4px 10px 0 55px;
	margin: 0 0 7px 0;
}

p.Item01 { background: url(/img/02/1.gif) no-repeat 14px 4px; }
p.Item02 { background: url(/img/02/2.gif) no-repeat 14px 4px; }
p.Item03 { background: url(/img/02/3.gif) no-repeat 14px 4px; }
p.Item04 { background: url(/img/02/4.gif) no-repeat 14px 4px; }

div.Waku2_top {
	background: url(/img/common/waku2_top.gif) no-repeat left bottom;
	width: 616px;
	height: 5px;
}

div.Waku2 {
	background: url(/img/common/waku2.gif) no-repeat left bottom;
	width: 616px;
	padding: 0 0 5px 0;
	margin: 0 0 15px 0;
}

div.Waku2 img { margin: 7px 0 8px 14px; }

div.Waku2 p.Waku_comment { margin: 0 0 0 14px; }


/*** 4-5 ***/
div.Character {
	width: 353px;
	float: left;
}

div.Character_waku_top {
	background: url(/img/common/waku3_top.gif) no-repeat left bottom;
	width: 353px;
	height: 5px;
}

div.Character_waku {
	background: url(/img/common/waku3.gif) no-repeat left bottom;
	width: 353px;
	padding: 0 0 6px 0;
	margin: 0 0 15px 0;
}

div.Character_waku img { margin: 7px 0 8px 14px; }


/*** コラム ***/
div#Column {
	width: 616px;
	background: url(/img/01/column_bg.gif) no-repeat bottom ;
	line-height: 18px;
	/* float: left; */
}

div#Column div {
	background: url(/img/01/column_top.gif) no-repeat top ;
	padding: 8px 0 0;
}
div#Column div p {padding: 0 10px 10px 14px; }
div#Column div img.Illust { float: right; }