@charset "EUC-JP";

/*-------------------------------------------------
	++ GENERAL
-------------------------------------------------*/
*{margin:0;padding:0;}

html, body{
	margin:0;
	padding:0;
	height:100%;
	line-height:1.7em;
	background:#FFFFFF url(../../img/bg.jpg) center top repeat-x;
	color: #333333;
	font-size:85%; /* IE */
	font-family: 'Meiryo', '¥á¥¤¥ê¥ª', 'Hiragino Kaku Gothic Pro', '¥Ò¥é¥®¥Î³Ñ¥´ Pro W3', '£Í£Ó £Ð¥´¥·¥Ã¥¯', '£Í£Ó ¥´¥·¥Ã¥¯', Osaka, Osaka-ÅùÉý, sans-serif;
	letter-spacing:0.1em;
	}
html>/**/body {font-size:12px;}
* + html body {letter-spacing:normal;}
* html{font-family:'¥Ò¥é¥®¥Î³Ñ¥´ Pro W3','Hiragino Kaku Gothic Pro','¥á¥¤¥ê¥ª',Meiryo,'£Í£Ó £Ð¥´¥·¥Ã¥¯',sans-serif,Verdana;}
br {letter-spacing:normal;}
hr{display:none;}
img {border:0;}
h1,h2,h3,h4,h5,h6,p,address,form {margin:0;padding:0;text-align:left;font-size:110%; /* IE */}
a:link,a:visited {color:#663300;text-decoration:none;outline:none;}
a:hover,a:active {text-decoration:none;color:#FF291F;}
ul,li {list-style:none;}
.clr {clear:both;width:1px;height:1px;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/*-------------------------------------------------
	++ ALLES
-------------------------------------------------*/
#container {
	width:950px;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
	}
#container-inner {
	text-align:left;
	}

/*-------------------------------------------------
	++ HEADER
-------------------------------------------------*/
#header {
	display:block;
	background:url(../../img/header_n.jpg) left top no-repeat;
	width:950px;
	height:480px;
	position:relative;
	overflow:hidden;
	}

#header-name a{
	display:block;
	position:absolute;
	text-indent:-9999px;
	width:400px;
	height:130px;
	top:20px;
	left:20px;
	}

#header-description a{
	display:block;
	position:absolute;
	text-indent:-9999px;
	width:170px;
	height:45px;
	top:5px;
	right:60px;
	}

#header-menu{
	position:absolute;
	bottom:20px;
	left:85px;
	}
#header-menu li {
	float:left;
	}
#header-menu li#bangumi a {
	display:block;
	width:230px;
	height:40px;
	background:url(../../img/head_spot_bangumi.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	}
#header-menu li#listner a {
	display:block;
	width:300px;
	height:40px;
	background:url(../../img/head_spot_listner.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	margin-left:10px;
	}
#header-menu li#bangumi a:hover,
#header-menu li#listner a:hover,
.spot-listner #header-menu li#listner a,
.spot-bangumi #header-menu li#bangumi a {background-position:0 -40px;}


#header-personality{
	position:absolute;
	bottom:20px;
	right:80px;
	}
#header-personality dt{
	text-indent:-9999px;
	}
#header-personality dd{
	float:left;
	}
#header-personality dd#personality-profile a {
	display:block;
	width:90px;
	text-indent:-9999px;
	}
#header-personality dd#personality-official a {
	display:block;
	width:50px;
	margin-left:15px;
	text-indent:-9999px;
	}

.go-home a{
	display:block;
	position:absolute;
	width:66px;
	height:40px;
	text-indent:-9999px;
	bottom:20px;
	left:630px;
	background:url(../../img/go_home.jpg) no-repeat;
	}

.go-home a:hover{background-position:-66px 0;}

/*-------------------------------------------------
	++ CONTENTS
-------------------------------------------------*/
#contents{
	width:950px;
	}
#contents-inner{
	background:#FFFFFF url(../../img/c_bg.jpg);
	width:900px;
	margin:0 auto;
	text-align:center;
	}

/*-------------------------------------------------
	++ BLOCK
-------------------------------------------------*/
#main{
	display:block;
	float:left;
	text-align:left;
	width:600px;
	overflow:hidden;
	margin-left:20px;
	position:relative;
	padding-bottom:40px;
	}
* html #main{margin-left:10px;}

#sidebar {
	width:280px;
	float:left;
	z-index:95;
	}
#sidebar-inner{
}
* html #sidebar{overflow:hidden;}
/*-------------------------------------------------
	++MAIN
-------------------------------------------------*/
#page-description{
	display:block;
	width:260px;
	height:40px;
	text-indent:-9999px;
	}

.topics h3#page-description{background:url(../../img/page_topics.jpg) no-repeat;}
.oablog h3#page-description{background:url(../../img/page_blog.jpg) no-repeat;}
.gimon h3#page-description{background:url(../../img/page_qa.jpg) no-repeat;}

.message h3#page-description{background:url(../../img/page_message.jpg) no-repeat;}
.question h3#page-description{background:url(../../img/page_question.jpg) no-repeat;}
.news h3#page-description{background:url(../../img/page_news.jpg) no-repeat;}
.application h3#page-description{background:url(../../img/page_app.jpg) no-repeat;}

.itembox{
	background:url(../../img/item_body.jpg) repeat-y;
	width:590px;
	overflow:hidden;
	margin-top:15px;
	}

.itemheader{
	background:url(../../img/item_header.jpg) no-repeat;
	width:590px;
	height:100px;
	position:relative;
	}

.posted{
	display:block;
	width:120px;
	height:125px;
	position:absolute;
	top:35px;
	left:25px;
	font-size:174%;
	font-weight:bold;
	color:#CC0000;
	}

.itemheader h2{
	width:420px;
	display:block;
	font-size:123.1%;
	position:absolute;
	top:40px;
	left:150px;
	}

.itemheader span.catname{
	clear:both;
	background:url(../../img/item_title.jpg) right top no-repeat;
	padding-top:3px;
	margin-top:10px;
	width:420px;
	display:block;
	text-align:right;
	font-size:75%;
	font-weight:normal;
	}

.itembody{
	width:540px;
	margin:0 10px 10px 40px;
	overflow:hidden;
	z-index: 99;
	position: relative;
	}

.itemfooter{
	background:url(../../img/item_footer.jpg) left bottom no-repeat;
	width:590px;
	height:20px;
	position:relative;
	}

.itembody iframe{
	width:530px;
	height:1100px;
	}

.question .itembody iframe{
	width:530px;
	height:1630px;
	}


/*-------------------------------------------------
	++ SIDEBAR
-------------------------------------------------*/
#side-info{
	border-bottom: 2px dashed #292d48;
	padding-right: 10px;
	padding-bottom: 10px;
	width: 230px;
	margin: 0 auto;
}
#side-info dt.facebook a{
	text-indent: -1000em;
	text-decoration: none;
	background: url(../../img/btn_facebook.jpg) no-repeat left top;
	width: 220px;
	height: 90px;
	display: block;
}
#side-info dt.facebook a:hover{ background-position: right top;}

/* 201212-201301 */
#side-info .fbform a{
	text-indent: -1000em;
	text-decoration: none;
	background: url(../../img/bnr_fbform.jpg) no-repeat;
	width: 230px;
	height: 72px;
	display: block;
	margin-bottom: 25px;
	margin-left: -7px;
}
#side-info .fbform a:hover{
	opacity: 0.6;
}
/********************/

#side-info dt.twitter a{
	text-indent: -1000em;
	text-decoration: none;
	background: url(../../img/btn_twitter.jpg) no-repeat left top;
	width: 220px;
	height: 90px;
	display: block;
}
#side-info dt.twitter a:hover{ background-position: right top;}

#side-info dt.program{
	text-indent: -1000em;
	text-decoration: none;
	background: url(../../img/info_program.jpg) no-repeat;
	width: 230px;
	height: 72px;
}
#side-info dd.facebookInfo,
#side-info dd.twitterInfo,
#side-info dd.programInfo{
	display: none;
}
#side-info dd#twStaff{
	width: 200px;
	margin-bottom: 20px;
}

#side-message a {
	display:block;
	width:280px;
	height:175px;
	background:url(../../img/message_n.jpg) no-repeat;
	text-indent:-9999px;
	}
#side-message a:hover {background-position:0 -175px;}

#side-question p{
	margin-bottom: 15px;
	padding-left: 10px;
	font-weight: bold;
	color: #c70400;
}
#side-question a {
	display:block;
	width:280px;
	height:90px;
	background:url(../../img/question.jpg) no-repeat;
	text-indent:-9999px;
	}
#side-question a:hover {background-position:0 -90px;}

.side-mobile{
	background:url(../../img/mobileinfo.jpg) left top no-repeat;
	margin-top:20px;
	width:280px;
	height:193px;
	overflow:hidden;
	background-color:#669999;
	}
.side-mobile h3{
	text-indent:-9999px;
	height:0;
	}
.side-mobile ul{
	padding-top:55px;
	}
* html .side-mobile ul{padding-top:40px;}
.side-mobile ul li{
	line-height:normal;
	width:190px;
	margin:0  auto;
	text-align:center;
	font-size:85%;
	}

.sidebox{
	clear:both;
	margin:0;
	}

#sidemenu li a{
	display:block;
	width:280px;
	height:60px;
	text-indent:-9999px;
	margin:10px 0 5px 0;
	}

li#side-topics a {background:url(../../img/h3_topics.jpg) no-repeat;}
li#side-oablog a {background:url(../../img/h3_oablog.jpg) no-repeat;}
li#side-gimon a {background:url(../../img/h3_gimon.jpg) no-repeat;}
li#side-news a {background:url(../../img/h3_news.jpg) no-repeat;}
li#side-app a {background:url(../../img/h3_app.jpg) no-repeat;}

li#side-topics a:hover,
li#side-oablog a:hover,
li#side-gimon a:hover,
li#side-news a:hover,
li#side-app a:hover {background-position:0 -60px;}

#side-link{
	width:245px;
	margin-left:22px;
	margin-top:15px;
	}
#side-link ul{
	display:block;
	margin:0 auto;
	text-align:center;
	}
#side-link ul li{
	margin-bottom: 10px;
}

#side-link .ikumen{
	width: 234px;
	margin-top: 10px;
	margin-bottom: 20px;
	line-height: 1.2;
}

/*-------------------------------------------------
	++ PAGESWITCH
-------------------------------------------------*/
.pageswitch{
	position:relative;
	width:590px;
	overflow:hidden;
	text-align:center;
	height:30px;
	margin-top:10px;
	padding-top:5px;
	}

.pageswitch strong,
.pageswitch a{
	padding:3px;
	}

/*-------------------------------------------------
	++ITEM
-------------------------------------------------*/
.leftbox {
	float:left;
	margin-right:5px;
	}

.rightbox {
	float:right;
	margin-left:5px;
	}

.centerbox {
	clear:both;
	margin:5px auto;
	text-align:center;
	}

/*-------------------------------------------------
	++FOOTER
-------------------------------------------------*/
#footer{
	position:relative;
	clear:both;
	width:100%;
	height:140px;
	margin:0 auto;
	text-align:center;
	background:#666666 url(../../img/footer.jpg);
	}

.main-go-home a{
	display:block;
	position:absolute;
	width:66px;
	height:40px;
	text-indent:-9999px;
	bottom:0;
	right:10px;
	background:url(../../img/go_home.jpg) no-repeat;
	}

.main-go-home a:hover{background-position:-66px 0;}

#copyright {
	margin:0 auto;
	text-align:center;
	color:#FFFFFF;
	width:900px;
	height:140px;
	background:url(../../img/footer_inner.jpg) top no-repeat;
	position:relative;
	}
#copyright span{
	display:block;
	width:400px;
	position:absolute;
	top:80px;
	left:230px;
	}