@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: #DEDEDD;
	width: 100%;
	color: #666;
}

#first_wapper {
	background: #F9F9F9 url(../imgs/bg_first.jpg) 0 0 repeat-x;
	width: 100%;
	border-bottom: solid 1px #FFF;
}

#second_wapper {
	background: url(../imgs/bg_second.jpg) left top no-repeat;
	width: 100%;
}

#container {
	width: 945px;
	margin: 0 auto;
}





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



/* ヘッダー */

	#header{
	width: 945px;
	margin: 0 auto 15px;
	height:65px;
	}

	#header h1{
	float:left;
	margin: 26px 0 0;
	}

	#header .partner{
	float:right;
	padding:5px 15px 5px 9px;
	margin: 24px 15px 0 0;
	background:#FFFFFF;
	}

	#header .search{
	float: right;
	width: 250px;
	padding: 26px 0 0;
	}

	#header .lang{
		text-align:right;
	}

	#header .search .key{
	width: 208px;
	height: 12px;
	padding: 2px;
	font-size: 11px;
	color: #666666;
	}

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



/* グローバルナビゲーション */

	#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: 20px;
}

#contens_foot {
	padding-bottom: 8px;
	
	padding-top: 15px;
}

#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;
}



/* 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: 13px;
}

#footer #footer_right {
	/*width: 302px;
	width: 390px;*/
	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: 7px;
	margin-right: 6px;
}

#footer #footer_right #copyright {
	clear: both;
	text-align: right;
}

/* FOOTER ENGLISH */

#footer #footer_right_en {
	width: 395px;
	/*width: 352px;*/
	float: right;
}

#footer #footer_navi_en {
	width: 395px;
	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_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 .banner{

	margin: 0 0 8px;

	}

	

	#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: #199D3A; text-decoration: none;}
	a:visited{color: #199D3A; text-decoration: none;}
	a:active{color: #199D3A; text-decoration: none;}
	a:hover{color: #199D3A; 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: #199D3A;text-decoration: underline;}

	

	/* サイト内へのリンク（赤文字） */

	.in a:link{color: #199D3A; text-decoration: none;}

	.in a:visited{color: #199D3A; text-decoration: none;}

	.in a:active{color: #199D3A; text-decoration: none;}

	.in a:hover{color: #199D3A; 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;
	}


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

	#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;
	}





/* ▲メインエリア */





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