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


* { margin: 0; padding: 0; }
img { border: 0; }
/* Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


body { background: #000; width: 100%; color: #666;}
#first_wapper { background: url("../imgs/bg_base.jpg") no-repeat scroll center top #151515; width: 100%; border-bottom: solid 1px #333; }
#second_wapper { background: none; width: 100%; }
#container { width: 945px; margin: 0 auto; }
/* ▼全ページ共通レイアウト */



/* ヘッダー */
#header { width: 945px; margin: 0 auto 0; height: 80px; position: relative; }
#header h1 { float: left; margin: 25px 0 0; }
#header.new { margin: 0 auto 20px; height: 88px; }
#header h1.new { margin: 8px 0 0; }
#header .partner { float: right; padding: 5px 15px 5px 9px; margin: 24px 15px 0 0; background: #FFFFFF; }
#header .search { float: right; width: 220px; padding: 22px 0 0; text-align: right; margin-right: 1px; }
#header .search table { width: 220px; margin: 7px 0 0; }
#header .lang { text-align: right; }
#header .lang a:hover img {opacity:0.7;}
#header .search .key { width: 176px; height: 11px; padding: 1px 2px; font-size: 11px; color: #666666; }
.en #header .search .key { width: 174px; height: 11px; padding: 1px 2px; font-size: 11px; color: #666666; }
/* センターバナー */
#header .banner_box { float: right; margin: 15px 15px 0 0; }
#header ul.btns li { list-style: none; }
#header ul.btns li.press { position: absolute; top: 47px; right: 320px; }
#header ul.btns li.market { position: absolute; top: 47px; right: 234px; }
#header ul.btns li a:hover img {opacity:0.7;}
/* グローバルナビゲーション */

#navi { clear: both; width: 945px; height: 26px; margin: 0 auto 12px; line-height: 0; }
#navi ul { list-style: none; }
#navi li { float: left; height: 26px; overflow: hidden; margin: 0; padding: 0; }
/* プルダウン */
	/*======================================
	 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 : #62bf8f; color: #FFFFFF; }
#partner_sponcor { width: 945px; padding-top: 20px; }
#partner { width: 628px; padding-top: 20px; margin-bottom: 6px; }
#partner_top { width: 628px; margin-top: 10px; margin-bottom: 10px; }
#partner #special, #partner_top #special { width: 221px; float: left; }
#partner #official, #partner_top #official { width: 407px; float: left; }
#sponsors { width: 628px; margin-bottom: 3px; }
#sponsors #sponsors_swf { width: 470px; margin-top: 2px; }
#top_copy { font-size: 11px; line-height: 14px; color: #999999; padding-top: 30px; }
#contens_foot { padding-bottom: 8px; padding-top: 40px; }
#contens_foot .keirin { float: left; padding-top: 7px; }
#contens_foot .ringring { float: left; padding-left: 4px; }
#contens_foot .ringring_en { float: left; padding-left: 5px; }
#contens_foot .pagetop { float: right; padding-top: 15px; }
#contens_foot .btn_21 { float: right; padding-top: 13px; }

#foot_sponsor {margin:28px 0 0;}

/* FOOTER */
#footer { width: 945px; margin: 0 auto; padding: 10px 0; }
#footer #banner_area { width: 488px; float: left; background: #FFF; padding: 7px 0 7px 12px; }
#footer #banner_area ul { list-style: none; }
#footer #banner_area li { float: left; height: 31px; margin-right: 10px; }
#footer #banner_area li.l2 { margin-right: 5px; }
#footer #banner_area li.l3 { margin-right: 12px; }
#footer #footer_right { /*width: 302px;*/
width: 440px; float: right; text-align: right; }
#footer #footer_navi { width: 440px; padding: 0 0 9px 0px;/*width: 302px;*/
	/*width: 227px;
	padding: 0 0 9px 75px;*/
}
#footer #footer_navi ul { list-style: none; }
#footer #footer_navi li { float: left; height: 20px; }
#footer #footer_navi li.fn { background: url(../imgs/footer_navi_bar.gif) right 5px no-repeat; /*padding-right: 8px;
	margin-right: 7px;*/
padding-right: 6px; margin-right: 5px; }
#footer #footer_navi li a { color: #999; font-size: 11px; }
#footer #footer_right #copyright { clear: both; text-align: right; }
/* FOOTER ENGLISH */

#footer #footer_right_en { width: 440px; /*width: 395px;*/
	/*width: 352px;*/
float: right; }
#footer #footer_navi_en { width: 440px; padding: 0 0 9px 0px;/*width: 352px;
	width: 291px;
	padding: 0 0 9px 61px;*/	
}
#footer #footer_navi_en ul { list-style: none; }
#footer #footer_navi_en li { float: left; height: 20px; }
#footer #footer_navi_en li.fn { background: url(../imgs/footer_navi_bar.gif) right 5px no-repeat; padding-right: 8px; margin-right: 7px; }
#footer #footer_navi_en li a { color: #999; font-size: 11px; }
#footer #footer_right_en #copyright { clear: both; text-align: right; }
/* ピックアップ、スポンサーバナー等、補助情報のエリア（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: 7px 0 0; margin: 0; }
/* 白背景のボックス　中身 */
#subinfo .contents_w { background: url(../imgs/bg_support_box_w.gif) center top repeat-y; 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 10px; margin: 0 0 10px; }
/* バナー　マージン */
#subinfo .social { margin: 0 0 8px; }
#subinfo .banner { margin: 13px 0; }
#subinfo .banner:first-child { margin: 0 0 13px; }
#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: 82px; margin: 0 10px 0 0; }
#subinfo .movie_photo img { border: 1px solid #616161; }
#subinfo .movie_caption { float: right; width: 98px; color: #161616; margin: 0 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 10px 12px; background: #363636 url(../imgs/icon_subinfo_title.gif) left 8px no-repeat; }
#subinfo h4.white { padding: 4px 0 15px 2px; background: url(../imgs/bg_support_box_w.gif) center top repeat-y; }
#subinfo h4.special { padding: 4px 0 10px 2px; background: url(../imgs/bg_support_box_w.gif) center top repeat-y; }
/* 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; }
/* ▼リンクカラー */
a:link { color: #bf0411; text-decoration: none; }
a:visited { color: #bf0411; text-decoration: none; }
a:active { color: #bf0411; text-decoration: none; }
a:hover { color: #bf0411; text-decoration: underline; }
/* サイト内へのリンク（灰文字・サイドナビなど） */
.in_g a:link { color: #666; text-decoration: none; }
.in_g a:visited { color: #666; text-decoration: none; }
.in_g a:active { color: #666; text-decoration: none; }
.in_g a:hover { color: #666; text-decoration: underline; }
/* サイト内へのリンク（白文字・TOPなどテキストの長い部分等） */
.in_w a:link { color: #666; text-decoration: none; }
.in_w a:visited { color: #666; text-decoration: none; }
.in_w a:active { color: #666; text-decoration: none; }
.in_w a:hover { color: #bf0411; text-decoration: underline; }
/* サイト内へのリンク（赤文字） */
.in a:link { color: #bf0411; text-decoration: none; }
.in a:visited { color: #bf0411; text-decoration: none; }
.in a:active { color: #bf0411; text-decoration: none; }
.in a:hover { color: #bf0411; 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: #FF6347; }
.font_yellow { color: #F4AC00; }
.em { color: #222222; }
/* ▲全ページ共通レイアウト */


/* ▼ページトップ */
/* 黒背景用 */
.pagetop_b { width: 51px; height: 9px; margin: 15px 4px 0 0; padding-bottom: 40px; 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 0 0; padding-bottom: 40px; 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; zoom: 1; }
/*ぱんくず*/	
#pan { margin: 0 0 12px 1px; letter-spacing: 1px; line-height: 1; color:#999; }
#pan a:link { color: #999; text-decoration: none; }
#pan a:visited { color: #999; text-decoration: none; }
#pan a:active { color: #999; text-decoration: none; }
#pan a:hover { color: #999; text-decoration: underline; }

/* ▼左サイドナビゲーション */
#contents #side_navi { float: left; width: 180px; margin: 0 15px 0 0; background: url(../imgs/bg_sidenavi_head.gif) top no-repeat; padding-top: 7px; }
/* 下層ナビ（タイトルの高さで表示位置が変わるのを防止するために、絶対位置を指定） */
#side_navi #side_wrap { position: relative; width: 180px; background: url(../imgs/bg_sidenavi_foot.gif) bottom no-repeat; padding-bottom: 8px; }
#side_navi h3 { position: absolute; top: 53px; padding: 0 0 0 15px; }
#side_navi #menu { width: 150px; padding: 123px 15px 115px; background: url(../imgs/bg_sidenavi.gif) repeat-y; }
#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: #111; text-decoration: none; cursor: default; }
#side_navi #menu ul ul li.on a:visited { color: #111; text-decoration: none; cursor: default; }
#side_navi #menu ul ul li.on a:active { color: #111; text-decoration: none; cursor: default; }
#side_navi #menu ul ul li.on a:hover { color: #111; text-decoration: underline; cursor: default; }
#side_navi .banner { padding: 60px 0 20px; width: 150px; }
#side_navi .banner img { margin: 0 0 10px; }
/* ▲左サイドナビゲーション */


/* ▼メインエリア */	
#main { float: left; width: 525px; margin: 0 0 0; padding-top: 7px; background: url(../imgs/bg_main_head.gif) no-repeat; }
#main_body { width: 475px; background: url(../imgs/bg_main.gif) repeat-y; padding: 11px 25px 5px; }
#main_foot { width: 525px; height: 8px; font-size: 0; background: url(../imgs/bg_main_foot.gif) no-repeat; }
#mainwide { float: right; width: 750px; margin: 0 0 0; padding-top: 7px; background: url(../imgs/bg_mainwide_head.gif) no-repeat; }
#mainwide_body { width: 700px; background: url(../imgs/bg_mainwide.gif) repeat-y; padding: 11px 25px 5px; }
#mainwide_foot { width: 750px; height: 8px; font-size: 0; background: url(../imgs/bg_mainwide_foot.gif) no-repeat; }
/* メインエリア上部　ページナビ */
#page_navi { height: 23px; background: url(../imgs/line_dot_dark.gif) left bottom repeat-x; }
#page_navi #back { float: left; }
#page_navi #back img { margin: 0 7px 0 0; }
#page_navi #control { float: right; }
/* 大タイトル（赤いラインの入るタイトル） */
#main h2, #mainwide h2 { margin: 30px 0 25px; }
#main h3, #mainwide h3 { margin: 0 0 16px; }
/* 小タイトル・白、灰背景（グレーのライン） */
#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 { }
/* 基本テキスト */
#main p.text, #mainwide p.text { margin-left: 4px; margin-right: 4px; }
/* ▲メインエリア */


/* ▲下層ページレイアウト */
.facebook-box { border: solid 1px #bf0411; position: relative; width: 208px; overflow: hidden; border-radius: 5px; background-color:#fff; }
.facebook-box iframe { position: absolute; left: -1px; top: -1px; }