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

 file name  :style.css
 style info :コンテンツエリア関係 他
 
このスタイルシートの構成
 基本設定、レイアウト、横幅設定など
 汎用class
 #navSkip
 #page
  #contents
   #main
   #sub
=================================================================== */

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
a:link {
	color:#FF7FCD;
	text-decoration: underline;
}

a:visited {
	color:#FF7FCD;
	text-decoration:none;
}

a:hover {
	text-decoration: none;
	color:#FF7FCD;
}

a:active {
}


/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.btn {
	text-align: center;
}
.test{
	border:solid 1px #FF0000;
}

/* 外部リンクは別窓用の指定 */
.externalIcon {
	padding-left: 5px;
	vertical-align: middle;
}

/* clearfix */
#hoge:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}


/*----------------------------------------------------
	#page
----------------------------------------------------*/
#page {
	background:url(../imgcommon/header_bg.jpg) repeat-x;
	text-align:center;
}

/*----------------------------------------------------
	#header
----------------------------------------------------*/
#header {
	margin:0 auto;
	width:900px;
	height:53px;
	position:relative;
	text-align:left;
}
#header p.lead{
	width:494px;
	height:48px;
	background:url(../imgcommon/header_lead.jpg) no-repeat;
	font-size:0pt;
	text-indent:-9999px;
	position:absolute;
	left:-10px;
	top:0;
}
#header p.title{
	width:258px;
	height:47px;
	position:absolute;
	right:0px;
	top:0;
	text-indent:-9999px;
	background:url(../imgcommon/header_title.jpg) no-repeat;
}
#header p.title a {
	width:206px;
	height:28px;
	display:block;
	overflow:hidden;
}

/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#contents {
	width:900px;
	text-align:left;
	margin:0 auto 20px auto;
}
#contents:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

/*----------------------------------------------------
	#headerArea
----------------------------------------------------*/
#headerArea{
	margin-bottom:15px;
	text-align:left;
}
#headerArea h1{
	width:900px;
	height:263px;
	font-size:0pt;
	text-indent:-9999px;
}
#headerArea h1 a{
	width:900px;
	height:263px;
	display:block;
}
#globalNavi{
	background:url(../imgcommon/menu_on.png) no-repeat;
	behavior: expression(IEPNGFIX.fix(this));
	width:880px;
	padding-left:20px;
	height:54px;
}
* html #globalNavi {
	width:880px;
	behavior: expression(IEPNGFIX.fix(this));
}
#globalNavi:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#globalNavi li{
	float:left;
	font-size:0pt;
	text-indent:-9999px;
	padding:0;
	margin:0;
}
#globalNavi li.news a{
	width:77px;
	height:54px;
	display:block;
	background:url(../imgcommon/menu_news.png) no-repeat;
	margin-right:11px;
}
* html #globalNavi li.news a {behavior: expression(IEPNGFIX.fix(this));}
#globalNavi li.info a{
	width:88px;
	height:54px;
	display:block;
	background:url(../imgcommon/menu_intro.png) no-repeat;
	margin-right:10px;
}
* html #globalNavi li.info a {behavior: expression(IEPNGFIX.fix(this));}
#globalNavi li.chara a{
	width:116px;
	height:54px;
	display:block;
	background:url(../imgcommon/menu_chara.png) no-repeat;
	margin-right:11px;
}
* html #globalNavi li.chara a {behavior: expression(IEPNGFIX.fix(this));}
#globalNavi li.broadcast a{
	width:87px;
	height:54px;
	display:block;
	background:url(../imgcommon/menu_onair.png) no-repeat;
	margin-right:9px;
}
* html #globalNavi li.broadcast a {behavior: expression(IEPNGFIX.fix(this));}
#globalNavi li.story a{
	width:88px;
	height:54px;
	display:block;
	background:url(../imgcommon/menu_story.png) no-repeat;
	margin-right:9px;
}
* html #globalNavi li.story a {behavior: expression(IEPNGFIX.fix(this));}
#globalNavi li.shopping a{
	width:88px;
	height:54px;
	display:block;
	background:url(../imgcommon/menu_goods.png) no-repeat;
	margin-right:10px;
}
* html #globalNavi li.shopping a {behavior: expression(IEPNGFIX.fix(this));}
#globalNavi li.event a{
	width:84px;
	height:54px;
	display:block;
	background:url(../imgcommon/menu_event.png) no-repeat;
	margin-right:12px;
}
* html #globalNavi li.event a {behavior: expression(IEPNGFIX.fix(this));}
#globalNavi li.radio a{
	width:69px;
	height:54px;
	display:block;
	background:url(../imgcommon/menu_radio.png) no-repeat;
	margin-right:11px;
}
* html #globalNavi li.radio a {behavior: expression(IEPNGFIX.fix(this));}
#globalNavi li.book a{
	width:88px;
	height:54px;
	display:block;
	background:url(../imgcommon/menu_book.png) no-repeat;
}
* html #globalNavi li.book a {behavior: expression(IEPNGFIX.fix(this));}



#globalNavi li a:hover{
	background:none;
}

/*----------------------------------------------------
	#main
		メイン
----------------------------------------------------*/
#main {
	float: right;
	width: 610px;
	text-align:left;
}
#main table,#main ol,#main ul,#main dl,#main blockquote,#main pre,#main p {
	margin-bottom: 1em;
}
#main .bg{
	width: 610px;
	background:url(../imgcommon/main_bg.jpg) repeat-y;
}
#main .bottom{
	width:540px;
	padding:100px 30px 40px 40px;
	background:url(../imgcommon/main_footer.jpg) no-repeat left bottom;
}
/*-- カテゴリー別 --*/
.top #main .bg .title,
.news #main .bg .title{
	width: 610px;
	background:url(../imgcommon/main_tile_news.jpg) no-repeat left top;
}
.introduction #main .bg .title{
	width: 610px;
	background:url(../imgcommon/main_tile_introduction.jpg) no-repeat left top;
}
.character #main .bg .title{
	width: 610px;
	background:url(../imgcommon/main_tile_character.jpg) no-repeat left top;
}
.onair #main .bg .title{
	width: 610px;
	background:url(../imgcommon/main_tile_onair.jpg) no-repeat left top;
}
.story #main .bg .title{
	width: 610px;
	background:url(../imgcommon/main_tile_story.jpg) no-repeat left top;
}
.goods #main .bg .title{
	width: 610px;
	background:url(../imgcommon/main_tile_goods.jpg) no-repeat left top;
}
.event #main .bg .title{
	width: 610px;
	background:url(../imgcommon/main_tile_event.jpg) no-repeat left top;
}
.radio #main .bg .title{
	width: 610px;
	background:url(../imgcommon/main_tile_radio.jpg) no-repeat left top;
}
.book #main .bg .title{
	width: 610px;
	background:url(../imgcommon/main_tile_book.jpg) no-repeat left top;
}
.onair #main .bg .title{
	width: 610px;
	background:url(../imgcommon/main_tile_onair.jpg) no-repeat left top;
}
.archives #main .bg .title{
	width: 610px;
	background:url(../imgcommon/main_tile_archives.jpg) no-repeat left top;
}
.movie #main .bg .title{
	width: 610px;
	background:url(../imgcommon/main_tile_movie.jpg) no-repeat left top;
}
/*-- カテゴリー別 --*/

/*-- エントリー --*/
#main .entry{
	width:531px;
	margin-bottom:15px;
	background:url(../imgcommon/main_title.gif) no-repeat left top;
	padding:15px 0;
}
#main .entry h2{
	padding-bottom:15px;
	margin-bottom:15px;
	font-size:18px;
	color:#FF0066;
	line-height:140%;
	background:url(../imgcommon/main_title.gif) no-repeat left bottom;
}
#main .entry h2 a{
	color:#FF0066;
	text-decoration:none;
}
#main .entry h2 a:hover{
	text-decoration: underline;
}
#main .entry .box{
	font-size:12px;
	line-height:140%;
	color:#333;
	margin-bottom:10px;
}
#main .entry .time{
	text-align:right;
	font-size:10px;
}
/*-- 作品情報 --*/
#main .introduction_box{
	width:531px;
	background:url(../imgcommon/main_title.gif) no-repeat left top;
	margin-top:15px;
	padding-top:20px;
}
#main .introduction_box p{
	font-size:12px;
	line-height:140%;
	color:#333;
}
/*-- キャラクター --*/
#main .chara{
	width:531px;
	background:url(../imgcommon/main_title.gif) no-repeat left top;
	padding:15px 0 0 0;
}
#main .chara:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#main .chara h2{
	padding:27px 0 10px 0;
	font-size:18px;
	color:#FF0066;
	line-height:140%;
}
#main .chara .image{
	float:left;
	width:160px;
	padding-right:5px;
}
#main .chara h2 a{
	color:#FF0066;
	text-decoration:none;
}
#main .chara h2 a:hover{
	text-decoration: underline;
}

#main .chara p{
	font-size:12px;
	line-height:140%;
	color:#333;
}
#main .last{
	width:531px;
	background:url(../imgcommon/main_title.gif) no-repeat left bottom;
	padding:0 0 8px 0;
}

/*-- 書籍情報 --*/
#main .booktop{
	width:531px;
	background:url(../imgcommon/main_title.gif) no-repeat left top;
	padding:15px 0 0 0;
}

#main .book{
	width:531px;
	background:url(../imgcommon/main_title.gif) no-repeat left top;
	padding:15px 0 0 0;
}

#main .book:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#main .book h3{
	padding:27px 0 10px 0;
	font-size:18px;
	color:#FF0066;
	line-height:140%;
}
#main .book .image{
	float:left;
	width:160px;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
}

#main .booktop:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#main .book h3 a{
	color:#FF0066;
	text-decoration:none;
}
#main .book h3 a:hover{
	text-decoration: underline;
}

#main .book p .text{
	font-size:12px;
	line-height:140%;
	color:#333;
}

#main .booktop h3{
	padding:27px 0 10px 0;
	font-size:18px;
	color:#FF0066;
	line-height:140%;
}
#main .booktop .image{
	float:left;
	width:160px;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
}
#main .booktop h3 a{
	color:#FF0066;
	text-decoration:none;
}
#main .booktop h3 a:hover{
	text-decoration: underline;
}

#main .booktop p .text{
	font-size:12px;
	line-height:140%;
	color:#333;
}

.category{
	padding:0;
	mmargin:0;
	font-size:18px;
	color:#FF9900;
	line-height:100%;
	font-weight: bold;
}

/* -----------------------------------------------------------
	#sub
----------------------------------------------------------- */
#sub {
	float:left;
	width:270px;
	padding:0 10px;
	text-align:left;
}
#sub h3{
	line-height:0;
}
#sub .bg{
	width:270px;
	background:url(../imgcommon/sub_bg.jpg) repeat-y;
	margin-bottom:15px;
}
#sub .bg .bottom{
	width:258px;
	padding:0 6px 20px 6px;
	background:url(../imgcommon/sub_footer.jpg) no-repeat left bottom;
}
#sub .bg .bottom li{
	padding:3px 5px 3px 5px;
	border-bottom:solid 1px #CCC;
}
#sub .bg .bottom li.non{
	padding-bottom:0;
	border:none;
}
#sub .flash{
	margin-bottom:10px;
}

/* -----------------------------------------------------------
	#footer
----------------------------------------------------------- */
#footer{
	background:url(../imgcommon/footer_bg.jpg) left bottom;
	height:75px;
	position:relative;
	text-align:left;
}
#footer .copyright{
	margin:0 auto;
	width:928px;
}


#footer p{
	width:928px;
	height:66px;
	background:url(../imgcommon/footer_copyright.jpg) no-repeat;
	font-size:0pt;
	text-indent:-9999px;
	position:absolute;
	top:9px;
}