@charset "utf-8";
/* CSS Document */

/*-------------------------------
structure
--------------------------------*/
body{
	background: #fff8df;
}
#wrapper{
	background: url(../images/wmunpoco/bg_wrapper.jpg) #fff8df;
}
#header{
	background: url(../images/wmunpoco/bg_header.jpg) left top repeat-x;
	border-top: 5px solid #ffbb00;
}
.clear{
	clear: both;
}
/*-------------------------------
header
--------------------------------*/
#header h1{
	padding: 7px 10px;
}
/*-------------------------------
contents
--------------------------------*/
#contents #area_top{
	height: 440px;
}

#contents #area_top2{
	height: 400px;
}

#contents #area_main{
	padding: 0px 0px 24px 20px;
}
#contents h2{
	font-size: 14px;
	font-weight: bold;
	color: #ff6600;
	padding: 10px 52px;
	height: 15px;
	margin-bottom: 5px;
	clear: both;
}
/* top_info */
#contents #area_main #top_info h2{
	background:url(../images/wmunpoco/ttl_topinfo.jpg) left center no-repeat;
	margin-bottom: 15px;
}
#contents #area_main #top_info p{
 	font: bold;
}
#contents #area_main #top_info p a:link{
	color:#FF6600;
	text-decoration:underline;
}
#contents #area_main #top_info p a:visited{
	color:#333333;
	text-decoration:underline;
}
#contents #area_main #top_info p a:hover{
	color:#333333;
	text-decoration:none;
}
/* lineup */
#contents #area_main #lineup h2{
	background:url(../images/wmunpoco/ttl_lineup.jpg) left center no-repeat;
	margin-bottom: 15px;
}
#contents #area_main #lineup dl{
	float: left;
	width: 210px;
	margin-right: 22px;
	margin-bottom: 15px;
	height:260px;
}
#contents #area_main #lineup dl dt{
	margin-bottom: 5px;
}
#contents #area_main #lineup dl dd span{
	float: right;
	margin-left: 3px;
	margin-top: 2px;
}
/* nextnumber */
#contents #area_main #nextnumber{
	width: 440px;
	float: left;
	margin-right: 30px;
	margin-top: 20px;
	padding-bottom: 40px;
}
#contents #area_main #nextnumber h2{
	background:url(../images/wmunpoco/ttl_nextnumber.jpg) left center no-repeat;
}
#contents #area_main #nextnumber p{
	line-height: 1.5;
}
/* info */
#contents #area_main #info{
	width: 440px;
	margin-right: 20px;
	margin-top: 20px;
	float: left;
	padding-bottom: 40px;
}
#contents #area_main #info h2{
	background:url(../images/wmunpoco/ttl_information.jpg) left center no-repeat;
}
#contents #area_main #info p{
	line-height: 1.5;
}
/* fromeditor */
#contents #area_main #fromeditor{
	width: 570px;
	margin-right: 20px;
}

#contents #area_main #fromeditor h2{
	background:url(../images/wmunpoco/ttl_fromeditor.jpg) left center no-repeat;
	margin-bottom: 0px;
}


#contents #area_main #fromeditor p{
	width: 537px;
	border: 1px solid #BBEEAE;
	border-top: none;
	padding: 15px 15px 25px;
	margin-top: -5px;
}

#contents #area_main #area_mainB{
	position: relative;
	width: 908px;
}
#contents #area_main #news #infoCompany {
	position:absolute;
	bottom: 0;
}


#contents #area_main #fromeditorB{
	width: 440px;
	margin-right: 20px;
	margin-top: 20px;
	float: left;
	padding-bottom: 40px;
}
#contents #area_main #fromeditorB h2{
	background:url(../images/wmunpoco/ttl_fromeditor2.jpg) left center no-repeat;
}
#contents #area_main #fromeditorB p{
	line-height: 1.5;
}

/*-------------------------------
詳細ページ
--------------------------------*/
#title #contents #area_top{
	height: inherit;
	padding: 25px 20px 0px;
	margin-bottom: 0px;
}
#title #contents #area_top p.img_main {
	float: right;
}
#title #contents #area_top p.ttl_logo {
	width: 580px;
	padding-bottom: 25px;
	border-bottom: 2px solid #ff6600; 
}
#title #contents #area_top .basicinfo{
	background: #fffded;
	border:1px solid #ffbb00;
	padding: 12px 0px;
	width: 578px;
	margin-bottom: 20px;
}
#title #contents #area_top .basicinfo td{
	padding: 0 20px ;
	width: 240px; 
}
#title #contents #area_top .basicinfo td.title{
	border-right: 1px solid #ff6600;
}
#title #contents #area_top #summary p{
	width: 578px;
	padding-bottom: 40px;
	font-size: 14px;
	font-weight: bold;
}
#title #contents #area_top ul.areaB{
	background: url(../images/wmunpoco/bg_areaB2.jpg) left top no-repeat;
	width: 396px;
	height: 36px;
	padding: 12px;
	margin: 0 75px;
	text-align: center;
}

#title #contents #area_top ul.areaB ul{
	text-align: center;
	margin: auto;
}
#title #contents #area_top ul.areaB li{
	display: inline;
	padding-right:10px;
	text-align: center;
}


#title #contents #area_top ul.areaB3{
	width: 396px;
	height: 36px;
	padding: 12px 12px 7px 12px;
	margin: 0 75px;
	text-align: center;
}
#title #contents #area_top ul.areaB3 ul{
	text-align: center;
	margin: auto;
}
#title #contents #area_top ul.areaB3 li{
	display: inline;
	padding-right:0px;
	text-align: center;
}



#title #contents #area_top ul.areaB2{
	background: url(../images/wmunpoco/bg_areaB.jpg) left top no-repeat;
	width: 396px;
	height: 36px;
	padding: 12px;
	margin: 0 75px;
	text-align: center;
}

#title #contents #area_top ul.areaB2{
	width: 396px;
	height: 36px;
	padding: 12px;
	margin: 0 75px;
	text-align: center;
}
#title #contents #area_top ul.areaB2 ul{
	text-align: center;
	margin: auto;
}
#title #contents #area_top ul.areaB2 li{
	display: inline;
	padding-right:5px;
	text-align: center;
}
#title #contents #area_main{
	padding-right: 20px;
}

#title #contents #left{
	float: left;
	width: 440px;
	margin: 0;
	margin-top: 30px;
	margin-right: 10px;
}
#title #contents #right{
	float: right;
	width: 440px;
	margin: 0;
	margin-top: 30px;
}
/* character */
#title #contents #area_main #character{
	margin-bottom: 30px;
	overflow: hidden;
}
* html #title #contents #area_main #character{
	zoom: 1;
}
#title #contents #area_main #character h2{
	background:url(../images/wmunpoco/ttl_character.jpg) left center no-repeat;
}
#title #contents #area_main #character dl{
	float: left;
	width: 100px;
	margin-right: 10px;
	margin-top: 5px;
}	
	#title #contents #area_main #character dl .200{
	float: left;
	width: 200px;
	margin-right: 10px;
	margin-top: 5px;
}
#title #contents #area_main #character dl dt{
	margin-bottom: 10px;
}
#title #contents #area_main #character dl dd{
	padding-bottom: 15px;
	font-size:10px;
}

#title #contents #area_main #character dl dt .200{
	width: 200px;
	margin-bottom: 10px;
}
#title #contents #area_main #character dl dd .200{
	width: 200px;
	padding-bottom: 15px;
	font-size:10px;
}
/* comment */
#title #contents #area_main #comment{
	width: 440px;
	margin-right: 20px;
	padding-bottom: 30px;
}
#title #contents #area_main #comment h2{
	background:url(../images/wmunpoco/ttl_comment.jpg) left center no-repeat;
}
#title #contents #area_main #comment p{
	line-height: 1.5;
}
/* story */
#title #contents #area_main #story{
	padding-bottom: 20px;
}
#title #contents #area_main #story h2{
	background:url(../images/wmunpoco/ttl_story.jpg) left center no-repeat;
	padding: 10px 22px;
}
/* info */
#title #contents #area_main #info{
	padding-bottom: 30px;
	float: none;
	margin-top: 0;
}
/* profile */
#title #contents #area_main #profile{
	width: 418px;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 30px;
	border: 1px solid #ffcc66;
	padding: 10px 10px 20px;
}
#title #contents #area_main #profile h2{
	background: #fcf5de;
	border-left: 5px solid #ff6600;
	padding: 7px 15px;
	margin-bottom: 15px;	 
}
#title #contents #area_main #profile p{
	line-height: 1.5;
}
/* form */
#title #contents #area_main #form{
	width: 400px;
	margin-right: 20px;
	margin-bottom: 30px;
	margin-top: 5px;
	border: 9px solid #feeab3;
	padding: 0 10px 0px;
	position: relative;
	height: 190px;
}
*html #title #contents #area_main #form{
	height: 195px;
}
#title #contents #area_main #form h2{
	background:url(../images/wmunpoco/ttl_form.jpg) left center no-repeat;
	border-bottom: 1px solid #ffcc66;
	padding: 10px 15px;
	margin-bottom: 10px;	 
}
#title #contents #area_main #form p{
	line-height: 1.5;
}
#title #contents #area_main #form table td{
	font-size: 14px;
	font-weight: bold;
	color: #666666; 
}
#title #contents #area_main #form input.penname{
	width: 235px;
	height: 26px;
	margin-bottom: 5px;
}
#title #contents #area_main #form input.comment{
	width: 235px;
	height: 72px;
}
#title #contents #area_main #form p.btn_send{
	position: absolute;
	bottom: 12px;
	right: 7px;
}
/* list */
#title #contents #area_main #list{
	margin-bottom: 30px;
	overflow: hidden;
}
* html #title #contents #area_main #list{
	zoom: 1;
}
#contents #area_main #list h2{
	background:url(../images/wmunpoco/ttl_list.jpg) left center no-repeat;
	margin-bottom: 0px;
}
#title #contents #area_main #list dl{
	float: left;
	width: 85px;
	margin: 10px 11px 0;
}
#title #contents #area_main #list dl dt{
	margin-bottom: 10px;
}
#title #contents #area_main #list dl dd{
	font-size: 10px;
	font-weight: bold;
}
/* ページトップ */
#title #contents p.pagetop{
	margin-top: 30px;
}