@charset "UTF-8";
/*YUI reset Copyright (c) 2010, Yahoo! Inc. All rights reserved.Code licensed under the BSD License:http://developer.yahoo.com/yui/license.htmlversion: 2.8.2r1*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,figure,figcaption,aside,section,header,footer,nav,article { margin:0; padding:0;	zoom:1; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; }

/*Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%*/
body {font:13px/1.25 "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:99%;}
a {text-decoration:none;color:#000;}
a:hover{color:#ccc;}

html, body {height:100%;width:100%;}
/*-- END YUI--*/

body{
	-webkit-text-size-adjust: 100%;
	color:#000;
	background:url(../../img/common/header_bg_line.png) repeat-x;
	}

a:hover{
	color:#CCC;
	}

header, section, footer, #contents {
	font:100%/1.75em "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;	
	*font:100%/1.75em "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;	
}

h2,h3,h4,header,.update,#contact,#copyright{
	font-family: "Cardo", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HGS明朝E" , "メイリオ", Meiryo, serif;
	font-style:normal;
}


body ::selection {background: #E3E3E3; }
body ::-moz-selection {background: #E3E3E3; }

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


header{
	position:relative;
	z-index:30;
	}
	

h1 a{
	position:absolute;
	width:220px;
	height:340px;
	left:0;
	top:110px;
	margin-top:0;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../../img/common/main_logo.png) no-repeat;
	background-position:0 0;
	z-index:28;
}
h1 a:hover{
	background-position:0 -340px;
}

nav{
	width:700px;
	text-align:center;
	margin:0 auto;
	padding-top:20px;
	}
	
	nav p{
		font-size:85%%;
		font-style:italic;
		}
		
	nav p span{
		border-bottom:1px solid #000;
		padding:0 4px 5px;
		}
	
	nav ul{
		margin-top:15px;
		margin-bottom:10px;
		}
	nav li{
		font-size:106%;
		display:inline-block; 
		*display: inline;  
		*zoom: 1; 
		padding:0 4px 5px;
		}
	nav a,nav .nav_off{
		padding-left:4px;
		padding-right:4px;
		}
	nav a:hover{
		color:#000;
		border-bottom:1px solid #000;
		}
	nav .nav_off{
		color:#CCC;
		}

	 .top #nav_top a,
	 .news #nav_news a,
	 .staff #nav_staff a,
	 .intro #nav_intro a,
	 .story #nav_story a,
	 .character #nav_character a,
	 .keyword #nav_keyword a,
	 .onair #nav_onair a,
	 .movie #nav_movie a,
	 .special #nav_special a,
	 .radio #nav_radio a,
	 .books #nav_books a,
	 .music #nav_music,
	 .goods #nav_goods a,
	 .bddvd #bddvd a,
	 .game #game a
	 {
		text-decoration:line-through;}

	#sns{
		width:126px;
		position:absolute;
		top:10px;
		right:0;
		text-align:center;
		}
	#sns ul{
		margin-bottom:7px;
		}
	#sns p{
		line-height:1.5;
		}
	#sns li{
		display:inline-block;
		*display: inline;  
		*zoom: 1;
		width:42px;
		overflow:hidden;
		vertical-align:middle;
		}
	#sns_tw,#sns_fb{
		height:42px;
		}
	#sns_tw a,#sns_fb a{
		display:block;
		width:42px;
		height:42px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		
	}
	#sns_tw a{background:url(../../img/common/sns_icon.png) 0 0 no-repeat}
	#sns_fb a{background:url(../../img/common/sns_icon.png) -42px 0 no-repeat}
	
	#sns_tw a:hover{background:url(../../img/common/sns_icon.png) 0 -42px no-repeat}
	#sns_fb a:hover{background:url(../../img/common/sns_icon.png) -42px -42px no-repeat}
	

#footer{
	position:relative;
	z-index:40;
	margin-top:-8px;
	width:100%;
	min-width:1000px;
	padding:30px 0 20px;
	background-color:#83D4f7;
	text-align:center;
	}
	
	#footer ul{
		margin-top:15px;
		margin-bottom:20px;
		}
		
	#footer ul li{
		width: 220px;
		display:inline-block;
		*
		display: inline;  
		*
		zoom: 1;
		margin:2px;
		}
		
	#footer ul a:hover img,#contact a:hover img, #f_bnr01 a:hover{
		opacity:0.5;
		filter: alpha(opacity=50);
		-ms-filter: "alpha( opacity=50 )";
	}
	#copyright{
		margin:8px auto 0;
		width:528px;
		height:0;
		padding-top:31px;
		overflow:hidden;
		background:url(../../img/common/footer_copyright.png) 0 0 no-repeat;
		}

#mark{
	position:absolute;
	z-index:70;
	top:-19px;
	left:50%;
	margin-left:-19px;
	}


#loadbg{
	position:fixed;
	bottom:0;
	left:0;
	background-color:#fff;
	width:100%;
	height:100%;
	display:block;
	z-index:200;
	}
	
#loading{
	width:20px;
	height:20px;
	text-align:center;
	top:50%;
	left:50%;
	font-size:20px;
	margin-top:-20px;
	margin-left:-10px;
	position:fixed;
	display:block;
	z-index:100;
	color:#83D4f7;
}
#loadtext{
	width:50px;
	height:20px;
	text-align:center;
	top:50%;
	left:50%;
	font-size:11px;
	margin-top:10px;
	margin-left:-25px;
	position:fixed;
	display:block;
	z-index:100;
	color:#83D4f7;	
	}
	
.bgs{
	top:0;
	left:0;
	position:absolute;
	position:fixed;
	z-index:5;
	width:100%;
	min-width:100%;
	height:100%;
	min-height:100%;
}

#bg1{
	background:url(../../img/common/effect_1.png) repeat-x;
	background-position:0 bottom;
	}
#bg2{
	background:url(../../img/common/effect_2.png) repeat-x;
	background-position:bottom;
	}
	
#bg3{
	background:url(../../img/common/effect_3.png) repeat-x;
	background-position:bottom;
	}
	

.top.bd1 #bg1{
	background:url(../../img/common/effect_1.png) repeat-x;
	background-position:0 bottom;
	}
.top.bd1 #bg2{
	background:url(../../img/common/effect_2.png) repeat-x;
	background-position:bottom;
	}
.top.bd1 #bg3{
	background:url(../../img/common/effect_3.png) repeat-x;
	background-position:bottom;
	}

	
.top.bd2 #bg1{
	background:url(../../img/common/effect_1_red.png) repeat-x;
	background-position:0 bottom;
	}
.top.bd2 #bg2{
	background:url(../../img/common/effect_2_red.png) repeat-x;
	background-position:bottom;
	}
.top.bd2 #bg3{
	background:url(../../img/common/effect_3_red.png) repeat-x;
	background-position:bottom;
	}

.top.bd3 #bg1{
	background:url(../../img/common/effect_1_orange.png) repeat-x;
	background-position:0 bottom;
	}
.top.bd3 #bg2{
	background:url(../../img/common/effect_2_orange.png) repeat-x;
	background-position:bottom;
	}
.top.bd3 #bg3{
	background:url(../../img/common/effect_3_orange.png) repeat-x;
	background-position:bottom;
	}

.top.bd4 #bg1{
	background:url(../../img/common/effect_1_purple.png) repeat-x;
	background-position:0 bottom;
	}
.top.bd4 #bg2{
	background:url(../../img/common/effect_2_purple.png) repeat-x;
	background-position:bottom;
	}
.top.bd4 #bg3{
	background:url(../../img/common/effect_3_purple.png) repeat-x;
	background-position:bottom;
	}
	
.top.bd5 #bg1{
	background:url(../../img/common/effect_1_green.png) repeat-x;
	background-position:0 bottom;
	}
.top.bd5 #bg2{
	background:url(../../img/common/effect_2_green.png) repeat-x;
	background-position:bottom;
	}
.top.bd5 #bg3{
	background:url(../../img/common/effect_3_green.png) repeat-x;
	background-position:bottom;
	}
	

/*regularpege*/

#nv_main h2{
	width:476px;
	margin:30px auto 38px;
	text-align:center;
	}
	
#wrapper{
	width:100%;
	min-width:980px;
	position:relative;
	}

#contentner{
	width:980px;
	position:relative;
	margin:0 auto;
	z-index:20;
	}
	
@media screen and (min-width:1300px) {
	#wrapper{
		min-width:1232px;
		}
	#contentner{
		width:1232px;
	}
}

/*プラグイン*/


/*ColorBox:*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9800; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

#cboxOverlay{background:#fff;}
#cboxContent{margin-top:32px; overflow:visible;}
.cboxIframe{background:#000;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadingGraphic{background:url(../../img/lib/loading.gif) no-repeat center center;}
#cboxLoadingOverlay{background:#fff;}
#cboxTitle{position:absolute; top:-30px; left:0; color:#fff; height:30px;
	font:14px "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;	
	}

#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; position:absolute; top:-30px;}
#cboxSlideshow, #cboxClose{ width:50px; height:25px; background:url(../../img/lib/controls.png) no-repeat 0 0;}
#cboxPrevious, #cboxNext{ width:66px; height:108px; background:url(../../img/lib/controls.png) no-repeat 0 0;}
#cboxPrevious{background-position:-66px 0px; left:0; top:50%; margin-top:-54px}
#cboxPrevious:hover{background-position:-66px -108px;}
#cboxNext{background-position:0px 0px; right:0; top:50%; margin-top:-54px}
#cboxNext:hover{background-position:0px -108px;}
#cboxClose{background-position:-20px 0px; right:0px;}
#cboxClose:hover{background-position:-20px -25px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}

/* GDN */
iframe[name="google_conversion_frame"] { position: absolute; height: 0;}