@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;
	}
	
header, section, footer, #contents {
	font:100%/1.75em 'Titillium Web', "メイリオ", 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;	
}

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; }

#wrapper{
	/*padding-top:14px;*/
	background: url(../img/common/bg_tr.png) top center;
	 width: 100%;
     position: relative;
     height:auto !important; 
     height: 100%;
     min-height: 100%;
	}

#contents{
	padding-top:14px;
	width:980px;
	margin:0 auto;
    padding-bottom:300px;
}

header{
	position:relative;
	z-index:60;
	width:980px;
	text-align:right;
	}
h1{
	position:absolute;
	top:0;left:0;
	}
.navi{
	width:560px;
	/*width:664px;*/
	margin: 0 0 23px auto;
	/*padding-left:84px;*/
	background:url(../img/common/menu_bg.png) 0 3px no-repeat;
	position:relative;
	z-index:20;
	}
	
.navi li{
	float:left;
	margin-right:15px;
	margin-bottom:4px;
	font:123.1% 'Titillium Web';
	font-weight:300;
	}
	
.navi .navi_first{
	padding-left:84px;
		}
.nolink{
	color:#B3B3B3;
	}
.now{
	text-decoration: line-through;
	}
.small{
	font-size:85%;
	}
    
    
/*トップ以外のコンテンツページ*/
.main{
	background:url(../img/common/content_header_bg.png) no-repeat;
	}
#cate_title{
	margin:0 0 14px auto; 
	display:block;
	overflow:hidden;
	text-indent:-999;
	width:728px;
	height:85px; 
	}
#catesub{
	position:absolute;
	top:84px;right:0;
	}
#update{
	width:728px;
	margin:0 0 42px auto;
	text-align:left;
		}
#up_date{
	font-size:85%;
	line-height:1.7;
	 } 
#up_info{
	font-size:93%
	}


/*フッター*/

#footer{
	background-color:#0F0;
	position:absolute;
	bottom:0;
	width:100%;
	min-width:980px;
	}
footer p{
	font-size:83%;
	
	}
#footer_sns{
	position:absolute;
	top:28px;right:0;
	padding-left:56px;
	width:252px;
	background:url(../img/common/footer_sns_bg.png) no-repeat;
	}	
#footer_sns li{
	display:inline;
	float:left;
	margin-right:5px;
	}
	
#footer_banner{
	position:absolute;
	top:74px;right:0;
	padding-left:56px;
	width:252px;
	height:42px;
	background:url(../img/common/footer_banner_bg.png) no-repeat;
	}		
	
#footer_banner img{
	background-color:#fff;
	}
#footer_banner img:hover{
	background:none;
	}	
	
#footer_onair{
	margin-bottom:28px;	
	}
#footer_logo{
	position:absolute;
	}
footer{
	padding:80px 0 18px 0;
	width:980px;
	position:relative;
	margin:0 auto;
	}

/*常時表示*/

#left_copy{
	position:fixed;
	top:120px;left:6px;
	}

#right_sns{
	z-index:70;
	position:fixed;
	top:120px;right:0px;
	width:27px;
	}
	
#right_sns p a{
	display:block;
	width:27px;
	height:27px;
	background-color:#000;
	margin-bottom:1px
	}
	
#right_sns p a:hover{
	background-color:#999;
	}

#load{
	position:fixed;
	z-index:970;
	top:50%;
	left:50%;
	margin-top:-16px;
	margin-left:-16px;
	
	}


@media screen and (max-width: 1000px) {
	#left_copy {
		display:none;
	}
	#right_sns {
		position:absolute;
	}
}

/*プラグイン*/
#scr{
	width:45px;
	height:45px;
	background:url(../img/lib/scrollup.gif) no-repeat 0 0;
	z-index:800;
}

/*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:#fff;}
#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/allow.png) no-repeat 0 0;}
#cboxPrevious{background-position:-66px 0px; left:-50px; 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;}