@charset "UTF-8";

/* HTML elements  */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{ margin:0;	padding:0; }
fieldset,img{ border:0; vertical-align:top;}
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal; font-weight:normal; }
ul, li{	list-style:none; }
caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; line-height:1em; }
q:before,q:after{ content:''; }
abbr,acronym { border:0; font-variant:normal; }
sup { vertical-align:top; *vertical-align:super;}
sub { vertical-align:bottom; *vertical-align:sub;}
form div{ margin:.5em 0; clear:both; }
label{ display:block; }
input[type="radio"],input[type="checkbox"], .radio, .checkbox{margin:0 .25em 0 0;}

/* //  HTML elements */	

/* layout */
body{
	font:82%/1.5 "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ","ＭＳ Ｐゴシック", Osaka, sans-serif;
	color:#232323;
	*font-size:75%;
	*letter-spacing: 1px;
	*vertical-align:baseline;
}

#container a,#container a:visited{ text-decoration:none; color:#232323; }
#container a:hover{ text-decoration:none; outline:none; color:#F09BA5;}
#container .contents a,#container .contents  a:visited{ text-decoration:none; color:#006699; }
#container .contents a:hover{ text-decoration:underline; outline:none;}

h1{ font-size:20px; line-height:1em; padding:5px; }
#topicPath_7a{ font-size:93%; margin:0.5em 0; }
#topicPath_7a a{ color:#003399; text-decoration:none;}


/* ------------------------------------------------ container ------------------------------------------ */
#container{
	margin:0 auto;
	width:950px;
}

/* ------------------------------------------------ header ------------------------------------------ */
#header{
	background:transparent url("../img/header_line.gif") repeat-x left top;
	padding-top:20px;
	margin-bottom:1.25em;
	overflow:hidden;
	zoom:1;
}
#header .headding{
	text-align:right;
}
#header ul.nav li{
	float:left;
}
#header ul.nav li a{
	display:block;
}
#header ul.nav li a:hover{	
	overflow:hidden;
	height:45px;
	text-indent:-9000px;
	background-image:url("../img/nav.gif");
}
#header ul.nav li.nav01 a:hover{ background-position:0 top; width:109px;}
#header ul.nav li.nav02 a:hover{ background-position:-109px top; width:151px;}
#header ul.nav li.nav03 a:hover{ background-position:-260px top; width:179px;}
#header ul.nav li.nav04 a:hover{ background-position:-439px top; width:136px;}
#header ul.nav li.nav05 a:hover{ background-position:-575px top; width:175px;}

/* ------------------------------------------------ contents ------------------------------------------ */
.contents{
	margin-bottom:1.5em;
	overflow:hidden;
	zoom:1;
}
.contents .section{
	float:left;
	width:610px;
}
.contents .main{
	margin-bottom:1em;
}
.contents h3{
	margin-bottom:2em;
}
.contents .contents_inner{
	padding:0 16px;
	overflow:hidden;
	zoom:1;
}
.contents .side{
	float:right;
	width:320px;
	background:#efefef url("../img/side_top.gif") no-repeat top;
}
.contents .side .inner{
	background:#efefef url("../img/side_bottom.gif") no-repeat bottom;
	margin-top:1em;
}
.contents .side .inner ul{
	padding-bottom:1em;
}
.contents .side .inner li{ 
	text-align:center; 
	margin-bottom:1em;
}
.contents .side .inner li.twitter{ 
	padding:0.5em 0 0.25em;
}

.contents .side .inner li#mobile{ 
	display:block;
	width:272px;
	margin:0 auto 1em;
	background-color:#fff;
	border:4px solid #ddd;
	padding:10px;
}
.contents .side .inner li#mobile img{ 
	float:right;
	margin:0 0 1em 1em;
}
.contents .side .inner li#mobile dt{ 
	font-size:108%;
	font-weight:bold;
	margin-bottom:0.15em;
	text-align:left;
}
.contents .side .inner li#mobile dd{ 
	font-size:85%;
	line-height:1.3;
	text-align:left;
}
.bannar{
	margin-bottom:1em;
}

/* ------------------------------------------------ footer ------------------------------------------ */
#footer{
	background:transparent url("../img/footer_line.gif") no-repeat top;
	padding-top:1.2em;
	margin-bottom:2em;
	overflow:hidden;
	clear:both;
	zoom:1;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	line-height:1;
}
#footer ul{
	float:right;
	width:31%;
}
#footer ul li{
	float:left;
	display:block;
	margin-right:1.5em;
	font-size:85%;
	background:transparent url("../img/arrow.gif") no-repeat;
}
#footer ul li a{
	padding-left:11px;
}
address{
	font-family: Verdana, Arial, Helvetica;
	font-size:80%;
	color:#444;
}

/* ------------------------------------------------ layout ------------------------------------------ */
.contents .mb{
	margin-bottom:2em;
}
.color, #current .detail dl dt,#present .category ul li.number{
	color:#F09BA5;	/* logo color*/
}
.contents .box{
	background-color:#FBF4F5; /*S：-30, O：15%*/
	border:1px solid #EDCACD; /*S：-30*/
	padding:0.5em 1em;
	overflow:hidden;
	zoom:1;
}
.contents .box2{
	background-color:#FBF4F5; /*S：-30, O：15%*/
}
#current #what dl dt, #area #place .backnumber h4, #contribution .address .ttl, #ad .category h4, #current dl.contact dt{
	background-color:#EDCACD;
}
#present table{
	border:1px solid #EDCACD;
	border-top:10px solid #EDCACD;
}
#present th, #present td, #what #place p.read{
	border-bottom:1px dashed #EDCACD;
}
#present th, #present .announce{
	background-color:#FBF4F5;
}
#current #what{
	border-left:1px dashed #EDCACD;
}


/* #index */
#current h3{
	margin-bottom:0;
}
#current ul#news{
	margin-bottom:1.5em;
}
#current ul#news li{
	background:transparent url("../img/arrow_black.gif") no-repeat 0 0.5em;
	padding-left:11px;
	line-height:1.8;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}

#current .box2{
	padding:1em;
	margin-bottom:0.75em;
	overflow:hidden;
	zoom:1;
}
#current dl#next{
	float:left;
	overflow:auto;
}
#current dl#next dt{
	font-weight:bold;
	margin-bottom:0.4em;
}
#current dl#next dt .lh{
	line-height:20px;
}
#current dl#next dd{
	font-size:93%;
	line-height:1.5;
	color:#1a1a1a;
}

#current #what{
	float:right;
	width:250px;
	padding-left:1.5em;
}
#current #what h4{
	margin-bottom:0.5em;
}
#current #what p{
	font-size:85%;
	line-height:1.5;
	color:#444.;
}
#current dl.contact{
	overflow:hidden;
	zoom:1;
}
#current dl.contact dt{
	float:left;
	font-size:85%;
	font-weight:bold;
	color:#fff;
	padding:0 5px;
	margin-right:1em;
	height:18px;
	line-height:18px;
}
#current dl.contact dd{
	float:left;
	line-height:18px;
}

/* #current */
#current .category{
	margin:1em 0 2em;
	padding:0 1em;
}
#current dl.issue{
	float:left;
	width:190px;
	margin-top:0.5em;
}
#current dl.issue dt{
	margin-bottom:1em;
}
#current dl.issue dd{
	text-align:center;
}

#current .detail{
	float:right;
	width:370px;
	margin-top:0.5em;
}
#current .detail strong{
	display:block;
	margin-bottom:1em;
}
#current .detail dl{
	overflow:auto;
	zoom:1;
	margin-bottom:1em;
}
#current .detail dl dt{
	float:left;
	font-size:85%;
	font-weight:bold;
	margin-bottom:0.2em;
	width:110px;
}
#current .detail dl dd{
	overflow:auto;
	line-height:1.3;
	margin-bottom:0.2em;
}


/* #present */
#present p.read{
	font-size:93%;
	line-height:1.5;
}
#present .category{
	margin-top:1.5em;
	padding-top:1.5em;
	border-top:1px dashed #ccc;
	overflow:hidden;
	zoom:1;
}
#present .category .photo{
	float:right;
	width:160px;
	text-align:center;
}
#present .category .column{
	float:left;
	width:400px;
}
#present .category .column ul{
	margin-bottom:0.75em;
	overflow:hidden;
	zoom:1;
}
#present .category .column ul li{
	float:left;
}
#present .category ul li.number{
	background:transparent url("../present/app.gif") no-repeat top;
	width:48px;
	font-size:123.1%;
	font-weight:bold;
	text-align:center;
	padding-top:16px;
	margin-right:10px;
}
#present .category ul li.ttl{
	font-size:108%;
	font-weight:bold;
	line-height:1.4;
	width:340px;
}

#present .category p{
	font-size:93%;
	line-height:1.4;
	margin-bottom:0.5em;
}

#present .announce{
	margin-top:0.75em;
	padding:5px 1em;
	overflow:hidden;
	zoom:1;
}
#present .announce p{
	font-size:85%;
	line-height:1.35;
	color:#1a1a1a;
	margin:0;
}

#present #pass{
	margin-top:2.5em;
	padding:1.5em 13px 0.5em;
}
#present #pass p{
	font-size:93%;
}
#present #pass form{
	margin:1em 0;
	width:550px;
}
#present #pass .keywordbox{
	width:330px;
	border:1px solid #888;
	font-size:123.1%;
	padding:2px;
	margin:0 10px;
}
#present #pass .submit{
	vertical-align:bottom;
}

#present .form p{
	display:block;
	margin:1.5em 0;
	text-align:center;
}

#present table{
	width:100%;
	font-size:93%;
	line-height:1.4;
}
#present th{
	width:12em;
	font-weight:bold;
	padding:1em;
}
#present td{
	padding:1em;
}
#present td textarea{
	width:94%;
}
#present td input, #present td textarea{
	border:1px solid #888;
	
}
#present th.no_bd, #present td.no_bd{
	border:none;
}

/* #what */
#area p.read{
	display:block;
	margin-bottom:1em;
}
#area #place{
	padding:1.5em;
	color:#1a1a1a;
}

#area #place ul, #area #place dl{
	margin-bottom:1.5em;
}
#area #place dt{
	font-weight:bold;
}

#area #place .backnumber h4{
	color:#fff;
	font-weight:bold;
	line-height:1;
	padding:5px 0 3px 1em;
	margin-bottom:0.5em;
}
#area #place .backnumber p{
	margin-bottom:0.25em;
}

/* #contribution */
#contribution .box{
	padding:1em;
}
#contribution .address{
	font-weight:bold;
	margin-bottom:0.75em;
}
#contribution .address .ttl{
	padding:2px 5px;
	font-size:93%;
	color:#fff;
}
#contribution .address a{
	font-size:108%;
}
#contribution dl.box{
	text-align:center;
}
#contribution dl.box dt{
	margin-bottom:0.5em;
	font-size:108%;
}

/* #privacy */
#privacy .box{
	padding:0.75em 1em;
}

/* #sitemap */
#sitemap ul li{
	background:transparent url("../img/arrow_black.gif") no-repeat 0 0.35em;
	padding-left:1em;
	margin:0 0 1em 1em;
	font-size:108%;
}

/* #ad */
#ad .category{
	margin-bottom:1.5em;
}
#ad .category h4{
	font-size:116%;
	font-weight:bold;
	line-height:1;
	color:#fff;
	padding:7px 0 5px 1em;
	margin-bottom:1em;
}
#ad .category ul{
	margin-left:1em;
	font-size:108%;
}
#ad .category ul li{
	margin-bottom:0.2em;
}
#ad .category ul.baitai li{
	background:transparent url("../img/arrow_black.gif") no-repeat 0 0.35em;
	padding-left:1em;
	margin-bottom:0.5em;
}


/* common */

.left{ float:left; margin-right:1em; }
.right{ float:right; margin-left:1em; }
.center{ text-align:center; }
	
.clear{ clear:both; }
.cll{ clear:left; }
.clr{ clear:right; }
.first{ margin-left:0 !important; }
.last{ margin-right:0 !important; }
.top{ margin-top:0 !important; }
.bottom{ margin-bottom:0 !important; }	
.hidden, .print{ display:none; }
.graphic{
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-9000px;
}
strong, .bold{ font-weight:bold; }
.min{ font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif; }
.gaiji{ vertical-align:-1px; }
.asterisk{
	color:#CC2200;
}

.f10 { font-size:77%; }
.f11 { font-size:85%; }
.f12 { font-size:93%; }
.f13 { font-size:100%; }
.f14 { font-size:108%; }
.f15 { font-size:116%; }
.f16 { font-size:123.1%; }
.f17 { font-size:131%; }
.f18 { font-size:138.5%; }
.f19 { font-size:146.5%; }
.f20 { font-size:153.9%; }
.f21 { font-size:161.6%; }
.f22 { font-size:167%; }
.f23 { font-size:174%; }
.f24 { font-size:182%; }
.f25 { font-size:189%; }
.f26 { font-size:197%; }

.mb5{
	margin-bottom:0.5em;
}
.mb10{
	margin-bottom:1em;
}
.mb15{
	margin-bottom:1.5em;
}

/* // common */

/* clearfix */

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* // clearfix */

/* 読者プレゼント関連---------------------------------------------------------------------------- */

/* auth_failed */

#auth_failed h3{
	font-weight:bold;
	font-size:140%;
}
#auth_failed a{
	text-decoration:underline !important;
}

/* form */

#toconfirm{
	text-align:center;
}

#error_message{
	font-weight:bold;
	color:#FF0000;
}

/* confirm */

#confirm .desc{
	margin:1.5em 0;
}
#confirm .desc p{
	text-align:center;
}
#confirm a{
	text-decoration:underline !important;
}
#confirm .backlink{
	margin-top:1em;
}

/* complete */

#complete h3{
	font-weight:bold;
	font-size:140%;
}
#complete a{
	text-decoration:underline !important;
}
#complete .backlink{
	margin-top:1em;
	text-align:center;
}

/*-- present追加--*/
#campaign{
	margin:0 16px 2em;
}
#campaign sup{
	vertical-align:top;
}
#campaign .ttl,  #campaign .cast, #campaign .read{
	text-align:center;
	overflow:hidden;
	zoom:1;
	margin-bottom:0.75em;
}
#campaign .ttl{
	font-size:108%;
	line-height:1.4;
}
#campaign .cast dt{
	font-weight:bold;
}
#campaign .cast dd{
	text-align:left;
	font-size:85%;
	color:#1a1a1a;
}
#campaign .read{
	line-height:1.4 !important;
}
#campaign .announce{
	margin-top:1.5em;
	padding:1em 1em 0.5em;
}
#campaign .announce dl{
	overflow:hidden;
	zoom:1;
	margin-bottom:0.5em;
}
#campaign .announce dt{
	float:left;
	width:4em;
	margin-right:1em;
	background-color:#D474AB;
	font:93%/1 sans-serif;
	font-weight:bold;
	color:#fff;
	padding:3px 6px;
	text-align:center;
}
#campaign .announce dd{
	overflow:hidden;
	zoom:1;
	font-size:93%;
	margin-top:1px;
}
.roman{
	font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}