@charset "utf-8";
/*CSS INFOMATION=======================

BIBURIA
BASECSS

File name : base.css
Last Editor : Kazuya Deguchi
   
   
====================================*/


/*----------------------------------------
	
	=COMMON
-----------------------------------------*/
body{
	background:url(../images/bg.gif) top left ;
}

p{
	line-height:1.9;
}

#container {
width:100%;
height:100%;
}




#content{
	width:988px;
	margin:15px auto 0px;
	padding:5px 4px 8px;
}


#content_top{
	width:980px;
	background:url(../images/bg_top.png) top center no-repeat;
	padding:2px 0 0;
	height:100%;
}

#content_middle{
	width:980px;
	background:url(../images/bg_middle.png) top center repeat-y;
	height:100%;
}

#content_middle2{
	width:980px;
	background:url(../images/bg_middle2.png) top center repeat-y;
	height:100%;
}

#content_bottom{
	width:980px;
	background:url(../images/bg_bottom.png) bottom center no-repeat;
	height:100%;
	padding:0 0 7px;
}



#boxA{
	width:130px;
	float:left;
	
	
	height: 100%;
}

#boxB{
	width:850px;
	float:right;
	height:100%;
}

#boxC{
	width:610px;
	float:left;
}

#boxD{
	width200px;
	float:right;
	padding:20px;
}

#boxE{
	width:608px;
	float:left;
	border-left:1px solid #eacad6;
	border-right:1px solid #eacad6;
	height:100%;
}


#logowaku_top{
	width:90px;
	background:url(../images/logo_top.png) top center no-repeat;
	padding:0 0 0;
	margin:20px auto;
}

#logowaku_middle{
	width:90px;
	background:url(../images/logo_middle.png) top center repeat-y;
	text-align:center;
}

#logowaku_bottom{
	width:56px;
	background:url(../images/logo_bottom.png) bottom center no-repeat;
	padding:0 17px 41px;
}


#globalNavi{
width:188px;
height:126px;
padding:0 16px 15px;
text-align:center;
}

#globalNavi li{
float:right;
}



#banner li{
	padding:10px 0 0;

}

#footer{
	clear:both;
	text-align:center;
	padding:15px;
}

#js_fade {
    position : fixed;
    top : 0;
    left : 0;
    width: 100%;
    height : 100%;
    background-color : #fff;
    background-image : url( ../images/loading.gif );
    background-repeat : no-repeat;
    background-position : 50% 50%;
    z-index: 1000;
}

#jquery-cycle{
	height:1540px;
	overflow:hidden;
}

.barA{
	background:url(../images/bar_01.png) top left repeat-x;
}

#copyA{padding:430px 0 0;}
#copyB{padding:1670px 0 0;}
#copyC{padding:1000px 0 0;}
#copyD{padding:680px 0 0;}
#copyE{padding:420px 0 0;}
#copyF{padding:700px 0 0;}
#copyG{padding:4450px 0 0;}
#topic-path {
	font-size:85%;
	padding:20px 20px 30px;
}

#innerbox{
	width:570px;
	margin:0 auto;
}

.iconA{
	background:url(../images/icon_top.png) top left no-repeat;
	padding:0 0 0 20px;
}


#twitter{
width:200px;
margin:0 auto;
}



iframe.twitter-timeline {
min-width: 200px!important;
width: 200px!important;

}



/*----------------------------------------
	
	=TOP
-----------------------------------------*/
.boxA{  width:294px; border:1px solid #cbced5; font-size:77%; margin:20px 0 0; padding:17px;}

.boxAinner{
	padding:17px 0 0;
}

.leftA{width:123px; float:left;}
.rightA{width:160px; float:right;}

#tvcm{
	position:absolute;
	top:50px;
	padding:0 0 0 20px;
	z-index:8;
}

#bakudan{
	position:absolute;
	bottom:5px;
	left:5px;
}


#content_new{
	width:988px;
	height:100%;
	margin:15px auto 0px;
	padding:5px 4px 8px;
}


#content_newtop{
	width:1004px;
	background:url(../images/bg_newtop.png) top center no-repeat;
	padding:2px 0 0;
}

#content_newmiddle{
	width:1004px;
	background:url(../images/bg_newmiddle.png) top center repeat-y;
	height:100%;
}


#content_newbottom{
	width:1004px;
	background:url(../images/bg_newbottom.png) bottom center no-repeat;
	height:100%;
	padding:0 0 4px;
}


#newtopBox{
	padding:18px;
}

#newMain{
	background: url(../images/top_main_new.png) top right no-repeat;
	width:968px;
	height:476px;
	position:relative;
}

#newNav{
	width:968px;
	border-top:5px solid #e387aa;
	position:relative;
}

#newNav li{
	float:left;
}

#newBanner{
	width:1000px;
	padding:5px 0 0 4px;
}

#top_news{
	padding:270px 0 0 8px;
	position:absolute;
	right:20px;
	width:500px;
}

#top_news li{
	font-size:85%;
	background:url(../images/icon_topnews.png) top 6px left no-repeat;
	padding:1px 0 0 15px;
	width:500px;
}

#ad{
	padding:15px 0 0 0;
	position:absolute;
	top:320px;
	right:0;
}

#ad li{
	padding:0 10px 0 0;
	float:left;
}

#top_twitter{
	padding:11px 0 0 0;
	position:absolute;
	right:0;
}

#top_twitter ul{
	overflow:hidden;
}

#top_twitter li{
	float:left;
	padding:0 10px 0 0;
}
	
/*----------------------------------------
	
	=AUTHOR
-----------------------------------------*/
.leftB{width:210px; float:left;}
.rightB{width:330px; float:right;}

/*----------------------------------------
	
	=WORKS
-----------------------------------------*/
.leftC{width:372px; float:left;}
.leftC2{width:335px; float:left;}
.rightC{width:180px; float:right;}

#books{
	padding:20px 0 0 ;
}

#books li{
	background:url(../images/bar_01.png) top left repeat-x;
	padding:20px 0 15px;
	clear:both;
	overflow:hidden;
}


#books p{
	padding:10px 0 0;
}

#books1{
	padding:20px 0 0 ;
}

#books1 li{
	padding:0 0 15px;
	clear:both;
	overflow:hidden;
}

#books1 p{
	padding:10px 0 0;
}

#books2{
	padding:0 0 0 ;
}

#books2 li{
	background:url(../images/bar_01.png) bottom left repeat-x;
	padding:20px 0 20px;
	clear:both;
	overflow:hidden;
}

#books2 p{
	padding:10px 0 0;
}

#oricon{
	width:570px;
	height:252px;
	background:url(../images/works_img01.png) top left no-repeat;
	margin:25px 0 0;
}

#btn-oricon{
	padding:118px 0 0 368px;
}
	 
#works_bookNav li{
padding:20px 0 0;
float:left;
}

#works_bookNav li a{
	display:block;
	background:#d16f94;
	width:125px;
	text-align:center;
	color:#fff;
	padding:5px;
	border-radius: 3px;       
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
	font-size:12px;
}

#works_bookNav li a:hover{
	background:#ee89af;
	text-decoration:none;
}

#newbook{
	border:6px solid #d18aa5;
	overflow:hidden;
	padding:15px;
}






.leftBoxC{
	width:320px;
	float:left;
}

.rightBoxC{
	width:320px;
	float:right;
}



.inlineBox {
	width:660px;
	padding:20px;
	overflow:hidden;
}

.ttl_kounyu{
	background:#42464b;
	padding:15px;
	color:#fff;
	text-align:center;
	font-weight:bold;
	font-size:14px;
}

.inlineBox h5{
	font-size:14px;
	padding:5px 0 10px;
	border-bottom:1px dotted #ccc;
}



.btnB a{
	/*background:-webkit-gradient(linear, left top,left bottom, from(#61748e), to(#485c75));*/
	background:#566983;
	text-align:center;
	padding:5px;
	color:#fff !important;
	margin:10px 0 0;
	display:block;
	border-radius: 3px;       
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
	width:170px;
	font-size:11px;
	-moz-transition: .3s;
   -webkit-transition: .3s;
   -o-transition: .3s;
   -ms-transition: .3s;
   transition: .3s;
}

.btnB a:hover{
	text-decoration:none;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}






.btnD a{
	background:#ff8d12;
	text-align:center;
	padding:12px;
	color:#fff !important;
	margin:10px 0 0;
	display:block;
	border-radius: 3px;       
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
}

.btnD a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	text-decoration:none !important;
}

.btnE a{
	background:#c50000;
	text-align:center;
	padding:12px;
	color:#fff !important;
	margin:10px 0 0;
	display:block;
	border-radius: 3px;       
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
}

.btnE a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	text-decoration:none !important;
}



.btnF a{
	background:#1945c5;
	text-align:center;
	padding:12px;
	color:#fff !important;
	margin:10px 0 0;
	display:block;
	border-radius: 3px;       
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
}

.btnF a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	text-decoration:none !important;
}


.btnG a{
	background:#00ae66;
	text-align:center;
	padding:12px;
	color:#fff !important;
	margin:10px 0 0;
	display:block;
	border-radius: 3px;       
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
}

.btnG a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	text-decoration:none !important;
}


.btnH a{
	background:#7bc8ce;
	text-align:center;
	padding:12px;
	color:#fff !important;
	margin:10px 0 0;
	display:block;
	border-radius: 3px;       
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
}

.btnH a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	text-decoration:none !important;
}


.btnI a{
	background:#ffd200;
	text-align:center;
	padding:12px;
	color:#fff !important;
	margin:10px 0 0;
	display:block;
	border-radius: 3px;       
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
}

.btnI a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	text-decoration:none !important;
}


.btnJ{
	background:#ccc;
	text-align:center;
	padding:12px;
	color:#fff !important;
	margin:10px 0 0;
	display:block;
	border-radius: 3px;       
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
}





/*----------------------------------------
	
	=PERSON
-----------------------------------------*/
.leftD{width:170px; float:left;}
.rightD{width:380px; float:right;}
.leftE{width:265px; float:left;}
.rightE{width:265px; float:right;}

#person h3{
	clear:both;
}

#person h4{
	color:#54608b;
	font-weight:bold;
	background:url(../images/bar_01.png) bottom left repeat-x;
	padding:0 0 10px;
	margin:0 0 15px;
}



/*----------------------------------------
	
	=SPECIAL
-----------------------------------------*/

.leftF{width:280px; float:left;}
.rightF{width:280px; float:right;}


#kentei{
	width:500px;
	height:70px;
	background:url(../images/special_kentei_bg.png) top left no-repeat;
	padding:240px 35px 0;
}

#shohyou{
	width:500px;
	height:555px;
	background:url(../images/special_catch_bg.png) top left no-repeat;
	margin:20px 0 0;
	padding:0 35px 0;
}

#episode{
	width:552px;
	background:url(../images/special_catch_bgM.png) top left repeat-y;
	padding:0 9px;
}

#episode td{
	padding:10px;
	border:1px solid #ccc;
}

#episode .formbox{
	width:500px;
	margin:15px auto 0;
}

#shohyou_btn{
	width:318px;
	padding:407px 0 0;
	text-align:right;
}


#shohyouBox{
	background:url(../images/shohyou_bg.png) top left no-repeat;
	width:570px;
	height:75px;
	text-align:center;
	padding:450px 0 0;
}

#shohyouBox ul{
	width:100%;
	padding:0 40px;
}

#shohyouBox li{
	width:241px;
	float:left;
	padding:0 20px 0 0;
}


.contri{
	padding:20px 0;
	clear:both;
}

.contri li{
	background:url(../images/bar_02.png) bottom left repeat-x;
	padding:0 0 15px;
	margin:0 0 15px;
}

.contri h4{
	color:#4775ae;
	font-weight:bold;
}

.contriInner{
	padding:15px 15px 5px;
	border-left:4px solid #8ca7c9;
	border-right:4px solid #8ca7c9;
	border-bottom:4px solid #8ca7c9;
	background:#ffffef;
	overflow:auto;
	height:600px;
	
}

#attention{
	padding:20px;
	font-size:77%;
	background:#ffffef;
	border:1px solid #8ca7c9;
	margin:15px 0 0;
}


.attention{
color:#FF0000;
font-size:85%;
}



/*----------------------------------------
	
	=TV
-----------------------------------------*/
#tv_container{
	background:#cecece;
	height:100%;
}

#tv_header{
	background:#d96a95;
	text-align:center;
}

#tv_main{
	background:#fff url(../images/bg.jpg) top center no-repeat;
	height:566px;
}

#tv_footer{
	background:#cecece;
	text-align:center;
	padding:10px;
}

#cast{
	text-align:center;
	background:#fff;
	padding:20px 0;
}

/*----------------------------------------
	
	=LINK
-----------------------------------------*/

a:link {color: #db90ad;text-decoration:none;}
a:visited {color:#db90ad;text-decoration:none;}
a:hover, a:active {color: #db90ad;text-decoration:underline;}
a:focus {color:#db90ad;}
a img, a:link img, a:visited img, a:hover img, a:active img {border: none;text-decoration: none;}


/*----------------------------------------
	
	=MARGIN - PADDING
-----------------------------------------*/

.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}
.pt0 {padding-top:0px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt22 {padding-top:22px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}

.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}

.mg5 {margin:5px !important;}
.mg10 {margin:10px !important;}
.mg15 {margin:15px !important;}
.mg20 {margin:20px !important;}
.mg25 {margin:25px !important;}
.mg30 {margin:30px !important;}
.mg35 {margin:35px !important;}
.mg40 {margin:40px !important;}
.mg45 {margin:45px !important;}
.mg50 {margin:50px !important;}

.pd5 {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd25 {padding:25px !important;}
.pd30 {padding:30px !important;}
.pd35 {padding:35px !important;}
.pd40 {padding:40px !important;}
.pd45 {padding:45px !important;}
.pd50 {padding:50px !important;}

.ma0 {margin:0 !important;}
.pd0 {padding:0 !important;}

*/

/*----------------------------------------
	
	=ALIGN
-----------------------------------------*/


.alignL {
	text-align:left !important;
}
.alignR {
	text-align:right !important;
}

.alignC {
    text-align:center !important;
}


/*----------------------------------------
	
	=FLOAT
-----------------------------------------*/

.floatR{
	float:right;
}

.floatL{
	float:left;
}

.floatN{
	float:none;
}


/*-----------------------------------------
 
  =FLOATING BOX CLEAR
-----------------------------------------*/

.clr:after {
content: ".";
display: block;
height: 0; 
clear: both;
visibility: hidden;
}

.clr {
display: inline-block;
}

* html .clr { 
height: 1%;
}

.clr {
display: block;
}

.clearR{
	clear:right;
}

.clearL{
	clear:left;
}

.clear{
	clear:both;
}


/*----------------------------------------
	
	=TXT
-----------------------------------------*/

.fontSS{
	font-size:77%;
}

.fontS{
	font-size:85%;
}

.fontM{
	font-size:100%;
}

.fontL{
	font-size:108%;
}

.fontLL{
	font-size:150%;
}

.fontB{
font-weight:bold;
}

.fontP{
	font-size:85%;
font-weight:bold;
color:#cb7999;
}