@charset "UTF-8";

/*-----grobal-----*/
*{
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}
body{
	font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
	font-size: 77%;
	line-height:140%;
}

#top_bg { background: #fff url("../img/top_bg.gif") repeat-x; background-position: 0px 5px; }
img {  
    border:0;  
} 
#wrapper{
	width: 980px;
	/*min-height: 400px;*/
	margin: 5px auto 0;
	overflow: hidden;
}
.clear { clear: both; }

a { overflow: hidden; /*\*/ overflow: hidden; /**/ }
a:link{ text-decoration: none; } 
a:hover{ text-decoration: underline; } 

.sbar{
	height:10px;
	background: url("../img/hr.gif") center bottom no-repeat;
	border:none;
	padding-top:10px;
}


/*-----//grobal-----*/

/*-----header logo,nav & photo-----*/
#innerContainer{
	width: 980px;
}
#header{
	overflow: hidden;
	height:50px;
}
#logo{
	background: url("../img/logo_mini.jpg") no-repeat;
	text-indent: -9999px;
	width: 135px;
	height: 46px;
	float: left;
	display: block;
}
#logo a {
	display: block;
	width: 135px;
	height: 46px;
	background: url("../img/logo_mini.jpg") no-repeat;
}

/*-----Navigation-----*/
ul#topnav {
	list-style:none;
	height:13px;
	margin-top: 15px;
	float: right;
	width:216px;
}
 
	ul#topnav li {
		display:inline;
	}
			
	ul#topnav li a {
		height:13px;
		float:left;
		text-indent:-9999px;
	}
	
	
	ul#topnav li#ask a { background: url("../img/btn_ask-priv.gif") no-repeat; width: 89px; border-left:#CCC solid 1px; }	
	ul#topnav li#ask a:hover { background-position:0px -13px; width: 89px; border-left:#CCC solid 1px; }	
	
	ul#topnav li#privacy a { background: url("../img/btn_ask-priv.gif") no-repeat; background-position:-89px 0px; width: 124px; border-left:#CCC solid 1px;border-right:#CCC solid 1px; }	
	ul#topnav li#privacy a:hover { background-position:-89px -13px; width: 124px; border-left:#CCC solid 1px;border-right:#CCC solid 1px; }
/*-----//Navigation-----*/

/*-----Top header photo-----*/
#topPhoto{
	height: 380px;
	background: url("../img/top_headphoto.jpg") no-repeat;
	/* text-indent:-9999px; */
}
/*-----Top header photo-----*/
/*-----//header logo,nav & photo-----*/



/*-----contents-----*/
#content{
	margin: 30px 0 0 20px;
	padding-bottom: 0px;
	overflow: hidden;
	width: 945px;
}

/*-----work-----*/
.work li{
	float: left;
	list-style: none;
	margin-left: 15px;
}
.work li a.workImg{
	border: 2px solid #d3d3d3;
	width: 296px;
	height: 18px;
	padding: 0px;
	display: block;
	margin-bottom: 15px;
	padding:142px 0 0 4px;
	color: #111;
	text-decoration: none;
}
.work li a.workImg p{
	text-indent:-9999px;
}
.work li a.workImg:hover{
	text-decoration: none;
}
.work li a:hover{
	border-color: #079af7;
	text-decoration: none; 
}
.work li:first-child, .work li.first-work{
	margin-left: 0;
}


	/*Golden*/
	.work li#golden a { background: url("../img/btn_story01.jpg") no-repeat; }
	.work li#golden a:hover { background-position:0px -160px; }
	/*Lemon*/
	.work li#lemon a { background: url("../img/btn_story02.jpg") no-repeat;}
	.work li#lemon a:hover { background-position:0px -160px; }
	/*Takase*/
	.work li#takase a { background: url("../img/btn_story03.jpg") no-repeat; }
	.work li#takase a:hover { background-position:0px -160px; }
	/*Magic*/
	.work li#magic a { background: url("../img/btn_story04.jpg") no-repeat; }
	.work li#magic a:hover { background-position:0px -160px; }
	/*Fumiko*/
	.work li#fumiko a { background: url("../img/btn_story05.jpg") no-repeat; }
	.work li#fumiko a:hover { background-position:0px -160px; }
	/*Goodbye*/
	.work li#goodbye a { background: url("../img/btn_story06.jpg") no-repeat; }
	.work li#goodbye a:hover { background-position:0px -160px; }
/*-----//work-----*/
/*-----//contents-----*/


/****************************************************Content Block*******************************************/
.contentBlock{
	overflow: hidden;
	padding-bottom: 20px;
	margin-top: 15px;
	margin-left: 30px;
	width: 930px;
}

.left{
	float: left;
	width: 472px;
}

.right{
	float: right;
	width: 430px;
}

.right #txtImg{
	height: 149px;
	background: url("../img/top_text.jpg") top center no-repeat;
	text-indent:-9999px;
}

/*NEWS INFORMATION
-------------------------------------*/

.newsInfo{
	position:relative;
	border: 1px solid #666;
	width:470px;
	margin:0px;
    overflow: hidden; 
}

.newsInfo .box{
    margin-top: -1px;  
	width:470px;
	height:90px;
	overflow:auto;
}

.newsInfo .box dl{
	margin:0 7px 7px 7px;
}
.newsInfo .box dt{
	font-size: 11px;
}
.newsInfo .box dd{
	color:#333;
}
.newsInfo .box dl span{
	color:#333;
	padding-right:3px;
	font-weight:bold;
}

.newsInfo .box dl dt{
	color:#333;
	margin:0px 0px -18px 0px;
	padding:8px 0px 0px 0px;
	border-top: 1px dotted #333;
}

.newsInfo .box dl dd{
	margin:0px 0px 5px 70px;
}
.newsInfo .box a{
	color:#333;
	text-decoration: none;
	display: block;
	padding-right:10px;
	background: no-repeat url("../img/arrow.gif");
	background-position:right 3px;
}
.newsInfo .box a:hover{
	color:#000;
	text-decoration: underline;
	display: block;
	padding-right:10px;
	/*background: no-repeat url("../img/arrow-on.gif");*/
	background-position:right -297px;
}


/*----FOOTER-----*/

.footer {
	width:980px;
	padding-bottom:20px;
	padding-top:10px;
	height:20px;
}

.footer-wrapper {
	position:relative;
	width: 980px;
	margin: 0;
	text-align: center;
}

.fl2 {float:left;
	width:500px;
	height:0;
	overflow:hidden;
	display:block;
	padding-top:30px;
	background: url("../img/attention2.jpg") no-repeat;
}
.fr {float:right;
	width:140px;
	height:0;
	overflow:hidden;
	display:block;
	padding-top:15px;
	background: url("../img/copyright.gif") no-repeat;
}
.fl {float:left;
	width:500px;
	height:0;
	overflow:hidden;
	display:block;
	padding-top:47px;
	background: url("../img/copy.jpg") no-repeat;
}
.bnArea{
	float:right;
	margin:0 0 10px 0 ;
}
.bnArea img{
	margin:0 0 0 5px ;
}

/*----//FOOTER-----*/

/*-----Navigation-----*/
/*ul#topnav2 {
	list-style:none;
	height:13px;
	float: right;
	width:214px;
}
 
	ul#topnav2 li {
		display:inline;
	}
			
	ul#topnav2 li a {
		height:13px;
		float:left;
		text-indent:-9999px;
	}
	
	
	ul#topnav2 li#ask a { background: url("../img/btn_ask-priv.gif") no-repeat; width: 89px;}	
	ul#topnav2 li#ask a:hover { background-position:0px -13px; width: 89px;}	
	
	ul#topnav2 li#privacy a { background: url("../img/btn_ask-priv.gif") no-repeat; background-position:-89px 0px; width: 124px; border-left:#CCC solid 1px;}	
	ul#topnav2 li#privacy a:hover { background-position:-89px -13px; width: 124px; border-left:#CCC solid 1px;}*/
/*-----//Navigation-----*/

.hidden{display:none;}
a.onairInfo{
	position: relative;
	top:350px;
	left: 820px;
	display:block;
	background-image:url(../img/btn_onair.jpg);
	width:92px;
	height:14px;
}
a.onairInfo:hover{background-image:url(../img/btn_onair_on.jpg);}

#onairInformationArea{
	position: relative;
	top:350px;
	left: 720px;
}
a.onairBS-TBS{
	display:inline-block;
	background-image:url(../img/btn_onair.jpg);
	width:92px;
	height:14px;
}
a.onairBS-TBS:hover{background-image:url(../img/btn_onair_on.jpg);}

a.onairOther{
	position: relative;
	display:inline-block;
	margin-left:8px;
	background-image:url(../img/btn_onairOther.jpg);
	width:92px;
	height:14px;
}
a.onairOther:hover{background-image:url(../img/btn_onairOther_on.jpg);}
.fLeft{float:left;}
.fRight{float:right;}


/*-----ContentsMenu-----*/

#contentsMenu{
	position:relative;
	width:472px;
	margin:0px 0px 16px 0px;
    overflow: hidden;
    background-color:#000000;
}
#contentsMenu ul,li{
	list-style-type:none;
	float:left;
}
#contentsMenu span{display:none;}

a#menuMusic{
	display:block;
	width:88px;
	height:26px;
	background-image: url(../img/menuMusic.gif);
}
a#menuMusic:hover{background-image: url(../img/menuMusic_on.gif);}

a#menuPac{
	display:block;
	width:98px;
	height:26px;
	background-image: url(../img/menuPac.gif);
}
a#menuPac:hover{background-image: url(../img/menuPac_on.gif);}

a#menuSpecial{
	display:block;
	width:88px;
	height:26px;
	background-image: url(../img/menuSpecial.gif);
}
a#menuSpecial:hover{background-image: url(../img/menuSpecial_on.gif);}

a#menuBlog{
	display:block;
	width:120px;
	height:26px;
	background-image: url(../img/menuBlog.gif);
}
a#menuBlog:hover{background-image: url(../img/menuBlog_on.gif);}

a#menuLink{
	display:block;
	width:78px;
	height:26px;
	background-image: url(../img/menuLink.gif);
}
a#menuLink:hover{background-image: url(../img/menuLink_on.gif);}

a#menuMovie{
	display:block;
	width:88px;
	height:26px;
	background-image: url(../img/menuMovie.gif);
}
a#menuMovie:hover{background-image: url(../img/menuMovie_on.gif);}



a.btnSpecialContents{
	display:block;
	width:938px;
	height:68px;
	background:url(../img/btnSpecialContents.jpg) no-repeat 0 0;
	text-indent:-9999px;
}
a.btnSpecialContents:hover{
	background:url(../img/btnSpecialContents.jpg) no-repeat 0 -68px;
}