@charset "utf-8";
/* 特に記述が無い限り日英共通 */

* {
  margin: 0;
  padding: 0;
}

body{
	background: #151515;
	width:100%;
	color:#999999;
}

body.light{
	background:#151515 url(../imgs/bg_base.jpg) top center no-repeat;
	overflow: visible;
}



/* ▼全ページ共通レイアウト */

/* ヘッダー */
	#header{
	width: 945px;
	margin: 0 auto 5px;
	height:70px;
	}
	#header h1{
	float:left;
	margin: 20px 0 0;
	}
	#header .partner{
	float:right;
	padding:5px 15px 5px 9px;
	margin: 24px 15px 0 0;
	background:#FFFFFF;
	}
	#header .search{
	float: right;
	width: 164px;
	height: 38px;
	padding: 22px 0 0;
	}
	#header .search .key{
	width: 123px;
	height: 15px;
	font-size: 11px;
	color: #999999;
	}

	/* センターバナー */
	#header .banner_box{
	float:right;
	margin: 5px 10px 0 0;
	}


/* グローバルナビゲーション */
	#navi{
	clear:both;
	width:945px;
	height:25px;
	margin: 0 auto 13px;
	line-height:0;
	}
	#navi ul{
	list-style: none;
	}
	#navi li{
	float: left;
	height:26px;
	overflow:hidden;
	margin: 0;
	padding: 0;
	}
	#navi li.press{
	width:103px;
	height:23px;
	padding: 3px 0 0 0;
	text-align:center;
	background:url(/ja/common/imgs/navi_bg_press.gif) right no-repeat;
	}
	/* 英語用プレスボタン */
 	#navi li.press_en{
	width:115px;
	height:23px;
	padding: 3px 0 0 0;
	text-align:center;
	background:url(/ja/common/imgs/navi_bg_press.gif) right no-repeat;
	}
  /* プルダウン */
	/*======================================
	 pulldown Ver.2
	======================================*/
  .pull_table{
	border:1px solid #A7A7A7;
	width: 180px;
	background-image: url(../imgs/pulldown_bg.png);
	_background: #FFFFFF;
	}

	.pulldown_out_bg{
		
		/*background-image: url(../imgs/pulldown_bg.png);*/
		_background: none;
	}
	.pulldown_in_bg{

	}
	.g_navi{
		padding:2px 8px;
		color: #555555;
	}
	.g_navi_on {
		padding:2px 8px;
		background-image: url(../imgs/pulldown_bg_on.png);
		_background :#ADC761;
		color: #FFFFFF;
	}


/* フッター */
	#footer{
	width:945px;
	margin: 0 auto 10px;
	padding: 7px 0 0;
	border-top: 1px solid #333333;
	clear:both;
	height:65px;
	}
	#footer .partner{
	float:left;
	margin: 0;
	width: 585px;
	}
	
	#footer .partner img{
	float:left;
	margin: 0 10px 0 0;
	}	
	
	/*2008.04スポンサーカット*/
	#footer .navi{
	float:right;
	width: 358px;
	text-align:right;
	background: url(../imgs/foot_line_navi.gif) right 15px no-repeat;
	font-size: 0px;
	vertical-align:top;
	line-height:0;
	}
	/*2008.04スポンサーカット 英語用*/
	#footer .navi_en{
	float:right;
	width: 340px;
	text-align:right;
	background: url(../imgs/foot_line_navi.gif) right 15px no-repeat;
	font-size: 0px;
	vertical-align:top;
	line-height:0;	
	}
	/*サイトマップ、メルマガ公開時
	#footer .navi{
	float:right;
	width: 476px;
	text-align:right;
	background: url(../imgs/foot_line_navi.gif) right 15px no-repeat;
	}*/
	/*サイトマップだけ　英語用
	#footer .navi_en{
	float:right;
	width: 392px;
	text-align:right;
	background: url(../imgs/foot_line_navi.gif) right 15px no-repeat;
	}*/
	/*サイトマップ、メルマガ無し
	#footer .navi{
	float:right;
	width: 335px;
	text-align:right;
	background: url(../imgs/foot_line_navi.gif) right 15px no-repeat;
	}*/
	
	/* 2009.06.22変更前BK 
	#footer .navi ul, #footer .navi_en ul{
	list-style: none;
	height: 15px;
	margin: 0 0 5px;
	}*/
	#footer .navi ul{
	list-style: none;
	height: 15px;
	margin: 0 0 5px 132px;
	}
	#footer .navi_en ul{
	list-style: none;
	height: 15px;
	margin: 0 0 5px 68px;
	}
	/* 2009.06.22変更ここまで */

	#footer .navi li, #footer .navi_en li{
	float: left;
	padding: 0 0 0 10px;
	}
	#footer .navi .copyright{
	height:10px;
	} 
	/* フッター上バナーエリア */
	
	/* TOP　スポンサーエリア */
	.sponser_bnr {
	clear:both;
	width:720px;
	padding: 0 225px 0 0;
	margin: 0 auto;
	}
	.sponser_bnr img{
	float:left;
	}
	.sponser_bnr .left_box{
	float:left;
	}
	.sponser_bnr .right_box{
	float:right;
	margin: 0 0 10px;
	}
	.sponser_bnr .txt{
	height: 20px;
	}

	/* トップ専用　バナー　マージン 
	.main .banner{
	width:720px;
	clear:both;
	}

	.main .banner img{
	margin: 0 15px 15px 0;
	}*/




/* ピックアップ、スポンサーバナー等、補助情報のエリア（TOP、下層共通） */
	#subinfo{
	float:right;
	width: 210px;
	line-height:14px;
	margin: 0 0 30px;
	}
	
	/* グレー背景のボックス　上辺 */
	#subinfo .contents_g_t{
	background:url(../imgs/bg_support_box_gt.gif) center top no-repeat;
	padding:5px 0 0;
	margin:0;
	}
	/* グレー背景のボックス　中身 */
	#subinfo .contents_g{
	background: #363636;
	margin:0;
	padding:0 10px 0;
	}	
	/* グレー背景のボックス　下辺 */
	#subinfo .contents_g_b{
	background:url(../imgs/bg_support_box_gb.gif) center bottom no-repeat;
	padding:0 0 5px;
	margin: 0 0 10px;
	}
	
	/* 白背景のボックス　上辺 */
	#subinfo .contents_w_t{
	background:url(../imgs/bg_support_box_wt.gif) center top no-repeat;
	padding:5px 0 0;
	margin:0;
	}
	/* 白背景のボックス　中身 */
	#subinfo .contents_w{
	background: #F7F7F7;
	color:#161616;
	margin:0;
	padding:0 10px 0;
	}	
	/* 白背景のボックス　下辺 */
	#subinfo .contents_w_b{
	background:url(../imgs/bg_support_box_wb.gif) center bottom no-repeat;
	padding:0 0 5px;
	margin: 0 0 10px;
	}
	
	

	/* バナー　マージン */
	#subinfo .banner{
	margin: 0 0 10px;
	}
	
	#subinfo .banner_2{
	margin: 10px 0px;
	_margin: 6px 0px 10px 0px;
	}
	
	/* 作品リスト */
	#subinfo .movie_box {
	width: 190px;
	padding: 2px 0 10px 0;
	}
	#subinfo .movie_photo {
	float:left;
	width: 75px;
	margin: 0 10px 0 0;
	}
	#subinfo .movie_photo img{
	border: 1px solid #616161;
	}
	#subinfo .movie_caption {
	float:right;
	width: 105px;
	color:#161616;
	margin: -5px 0 0 0;
	}

	#subinfo .movie_photo2 {
	float:left;
	width: 75px;
	margin: 0 10px 0 0;
	}
	#subinfo .movie_photo2 img{
	border: 1px solid #5E5E5E;
	}
	#subinfo .movie_caption2 {
	float:right;
	width: 105px;
	color:#999999;
	margin: -4px 0 0 0;
	}
	
	#subinfo .contents p img{
	float: left;
	margin: 0 10px 8px 0;
	border: 1px solid #5F5F5F;
	}
	#subinfo h4.gray{
	padding:4px 0 9px 12px;
	background: #363636 url(../imgs/icon_subinfo_title.gif) left 8px no-repeat;
	}
	#subinfo h4.white{
	padding:4px 0 9px 12px;
	background: #F7F7F7 url(../imgs/icon_subinfo_title.gif) left 8px no-repeat;
	}
	#subinfo h4.special{
	padding:4px 0 9px 0;
	background: #F7F7F7;
	}

	/* Pコード一覧 */
	#subinfo .pcord_lead {
	width: 190px;
	padding: 2px 0 7px 0;
	}

	#subinfo .pcord_box {
	width: 190px;
	padding: 5px 0 5px 0;
	border-top: 1px solid #CDCDCD;
	}

	#subinfo .pcord_box .pcordlist{
	color: #92A752;
	}

/* ▼リンクカラー */
	/* サイト内へのリンク（灰文字・サイドナビなど） */
	.in_g a:link{color: #999999;text-decoration: none;}
	.in_g a:visited{color: #999999;text-decoration: none;}
	.in_g a:active{color: #999999;text-decoration: none;}
	.in_g a:hover{color: #FFFFFF;text-decoration: underline;}
	
	/* サイト内へのリンク（白文字・TOPなどテキストの長い部分等） */
	.in_w a:link{color: #FFFFFF;text-decoration: none;}
	.in_w a:visited{color: #FFFFFF;text-decoration: none;}
	.in_w a:active{color: #FFFFFF;text-decoration: none;}
	.in_w a:hover{color: #FFFFFF;text-decoration: underline;}
	
	/* サイト内へのリンク（赤文字） */
	.in a:link{color: #D35C5C;text-decoration: none;}
	.in a:visited{color: #D35C5C;text-decoration: none;}
	.in a:active{color: #D35C5C;text-decoration: none;}
	.in a:hover{color: #E53030;text-decoration: underline;}
	
	/* サイト外へのリンク（青文字） */
	.out a:link{color: #7195D1;text-decoration: none;}
	.out a:visited{color: #7195D1;text-decoration: none;}
	.out a:active{color: #7195D1;text-decoration: none;}
	.out a:hover{color: #477BD0;text-decoration: underline;}

	/* サイト外へのリンク（青文字グレーベース） */
	.gout a:link{color: #5784CE;text-decoration: none;}
	.gout a:visited{color: #5784CE;text-decoration: none;}
	.gout a:active{color: #5784CE;text-decoration: none;}
	.gout a:hover{color: #346ECF;text-decoration: underline;}

/* ▲リンクカラー */

/* フォントカラー */
.font_red{
color:#E53030;
}
.font_yellow{
color: #F4C300;
}
/* ▲全ページ共通レイアウト */







/* ▼ページトップ */
/* 黒背景用 */

.pagetop_b{
width:51px;
height:9px;
margin:15px -14px 40px 0;
background: url(../imgs/btn_pagetop_b_on.gif) no-repeat;
text-indent: 9999px;/*テキスト非表示*/
overflow: hidden;
}
.pagetop_b a{
width:51px;
height:9px;
background: url(../imgs/btn_pagetop_b.gif) no-repeat;
display: block;
text-indent: 9999px;/*テキスト非表示*/
overflow: hidden;
}

.pagetop_b a:hover{
background-image:none;
}
	
	
/* 白背景用 */

.pagetop_w{
width:51px;
height:9px;
margin:15px -14px 40px 0;
background: url(../imgs/btn_pagetop_w_on.gif) no-repeat;
text-indent: 9999px;/*テキスト非表示*/
overflow: hidden;
}
.pagetop_w a{
width:51px;
height:9px;
background: url(../imgs/btn_pagetop_w.gif) no-repeat;
display: block;
text-indent: 9999px;/*テキスト非表示*/
overflow: hidden;
}

.pagetop_w a:hover{
background-image:none;
}
/* ▲ページトップ*/











/* ▼下層ページレイアウト */
	#contents{
	width:945px;
	margin: 0 auto;
	}
	
	/*ぱんくず*/	
	#pan{
	margin: 0 0 9px;
	letter-spacing:1px;
	line-height: 1;
	}
	
	

/* ▼左サイドナビゲーション */
	#contents #side_navi{
	float:left;
	width:180px;

	margin: -1px 15px 0 0;
	background:url(../imgs/bg_sidenavi.gif) top no-repeat;
	}
/* 下層ナビ（タイトルの高さで表示位置が変わるのを防止するために、絶対位置を指定） */
	#side_navi #side_wrap{
	position: relative;
	width:180px;
	}
	
	#side_navi h3{
	position: absolute;
	top: 60px;
	left: 1px;
	padding:0 0 0 17px;
	background: url(../imgs/icon_subinfo_title.gif) left 4px no-repeat;
	}

	#side_navi #menu{
	width: 150px;padding:131px 15px 0;
	}
	#side_navi #menu ul{
	list-style:none;
	margin:0;
	
	}
	#side_navi #menu ul li{
	margin:0;
	padding:0;
	}
	#side_navi #menu ul li img{
	vertical-align:top;
	}
	/*子メニュー*/
	#side_navi #menu ul ul{
	list-style:none;
	margin:3px 0 20px 3px;
	padding:0;
	line-height: 135%;
	}
	#side_navi #menu ul ul li.off{
	margin:8px 0 0 0;
	padding:0 0 0 15px;
	background: url(../imgs/menu_bg_sub.gif) left 7px no-repeat;
	}
	#side_navi #menu ul ul li.on{
	margin:8px 0 0 0;
	padding:0 0 0 15px;
	/*color:#FFFFFF;*/
	background: url(../imgs/menu_bg_sub_n.gif) left 7px no-repeat;
	}
	/* 子メニューon時のリンク */
	#side_navi #menu ul ul li.on a:link{color: #FFFFFF;text-decoration: none; cursor: default;}
	#side_navi #menu ul ul li.on a:visited{color: #FFFFFF;text-decoration: none; cursor: default;}
	#side_navi #menu ul ul li.on a:active{color: #FFFFFF;text-decoration: none; cursor: default;}
	#side_navi #menu ul ul li.on a:hover{color: #FFFFFF;text-decoration: underline; cursor: default;}
	
	#side_navi .banner{
	padding: 60px 0 20px;
	width: 150px;
	}
	#side_navi .banner img{
	margin: 0 0 10px;
	}


/* ▲左サイドナビゲーション */


/* ▼メインエリア */	
	#contents #main{
	float:left;
	width:485px;
	margin: -1px 0 0;
	padding: 25px 20px 0;
	background:url(../imgs/bg_main.gif) top no-repeat;
	}
	
	/* メインエリア上部　ページナビ */
	#main #page_navi{
	height: 23px;
	background: url(../imgs/line_dot_dark.gif) bottom no-repeat;
	}
	#main #page_navi #back{
	float:left;
	}
	#main #page_navi #back img{
	margin: 0 7px 0 0;
	}
	#main #page_navi #control{
	float:right;
	}
	
	
	/* 大タイトル（赤いラインの入るタイトル） */
	#main h2{
	margin:30px 0 25px;
	}
	/* 小タイトル・白、灰背景（グレーのライン） */
	#main h3.light{
	margin: 0 0 20px;
	padding: 0 0 8px;
	border-bottom:1px solid #B8B8B8;
	}
	/* 小タイトル・黒背景（グレーのドットライン） */
	#main h3.dark{
	margin: 0 0 20px;
	padding: 0 0 8px;
	background: url(../imgs/line_dot_dark.gif) bottom no-repeat;
	}	
	/* 背景色・白 */
	#main .white{
	background:#F7F7F7;
	padding: 10px 15px;
	color:#222222;
	}
	#main .white_top{
	background: url(../imgs/bg_main_wt.gif) no-repeat;
	height:5px;
	overflow:hidden;
	}
	#main .white_btm{
	background: url(../imgs/bg_main_wb.gif) no-repeat;
	height:5px;
	}
	

	
	/* 背景色・黒 */
	#main .black{
	}




/* ▲メインエリア */


/* ▲下層ページレイアウト */