@charset "utf-8";
/* CSS Document */

/*==============================================
 Common Format
================================================*/
/* HTML Tag */
html { overflow-y: scroll; } /* スクロールバーを常に表示 */

body { background:#ffd3e2 url(/images/bg_body.gif) repeat-x; color:#444; text-align:center; }

a { color:#9f0030; }
	a:link { }
	a:visited { color:#9f0030; }
	a:hover { color:#999999; }
	a:active { color:#999999; }

h1, h2, h3, h4, h5, h6, p, a, li, table, th, td, div { text-align:left; }

h2 { }

h3 { font-weight: normal; }

h4 { }

h5 { }

h6 { }

li { display:inline; }



/* テーブル
------------------------------------------------*/

/* center */
	table.ac th, table.ac td { text-align: center; }
	table.ac td.al, table.ac th.al { text-align: left; }
	table.ac td.ar, table.ac th.ar { text-align: right; }

/* border */
table.tablebd th, table.tablebd td { border:1px solid #e1e1e1; }

/* borderb */
table.tablebdb th, table.tablebdb td { border-bottom:1px dotted #cccccc; }
table.tablebdb th { background:none; vertical-align:top; }
table.tablebdb td { vertical-align:middle; }

table { width:99.9%; }
	th, td { }
	th { padding:8px; background: #ffe7ee; color:#414141; font-weight:bold; }
	tr.thhead th { padding:4px 8px; background:#ff5c88 url(/images/bg_h3.gif) left bottom repeat-x; color:#fff; font-size:100%; font-weight:bold; text-align: left; }
	td { padding: 8px; vertical-align:top; }
	.odd { }
	.even { background:#f5f5f5; }
	
.va_t { vertical-align:top; }
.va_m { vertical-align:middle; }
.va_b { vertical-align:bottom; }

/* フォーム
------------------------------------------------*/
select { }
textarea { font-size:100%; }
textarea, input { border: 1px solid #999999; color: #444444; padding: 3px; }


/* コンテンツ幅
------------------------------------------------*/
.mc { margin:0 auto; }
.full { width:99.8%; }
.half { width:467px!important; }
.wide { width:630px!important; }
.narrow { width:305px!important; }

.w400px { width:400px; }

.em03 { width:3em!important; }
.em04 { width:4em!important; }
.em05 { width:5.25em!important; }
.em06 { width:6em!important; }
.em07 { width:7em!important; }
.em08 { width:8em!important; }
.em09 { width:9em!important; }
.em10 { width:10em!important; }
.em11 { width:11em!important; }
.em12 { width:12em!important; }
.em13 { width:13em!important; }
.em14 { width:14em!important; }
.em15 { width:15em!important; }

.w_auto { width:auto; }

.wrapper { width:960px; }



/* ページャ
------------------------------------------------*/
.pager { padding: 3px 0; position: relative; text-align: center; }
.pager ul li { display: inline; margin: 0 3px; }
.pager a {
	border: 1px solid #dddddd;
	color: #999999;
	padding: 3px 7px;
	text-decoration: none;
}
.pager a:hover, .pager li.current_page {
	background: #fe5a87;
	border: 1px solid #fe5a87;
	color: #fff;
	text-decoration: none;
}
.pager li.current_page { font-weight: bold; padding: 3px 7px; }
.pager .sort { position: absolute; top: 1px; right: 5px; }


/* リンク
------------------------------------------------*/
.a01 { padding-left:16px; background:url(/images/bg_li.png) 7px .6em no-repeat; line-height:1.8; display:block; }

a.page_top { width:101px; height:13px; background:url(/images/page_top.gif) left top no-repeat; text-indent:-9999px; display:block; }
	a.page_top:hover { background:url(/images/page_top_over.gif) left top no-repeat; }


/* ボーダー
------------------------------------------------*/
.bd00 { border:none !important;}
.bdt01 { border-top:1px dotted #cccccc; }


/* カラー
------------------------------------------------*/
.cl666 { color:#666666; }


/* マージン
------------------------------------------------*/
.m10 { margin: 10px; }

/* パディング
------------------------------------------------*/
.pd01 { padding:10px; }
.pd02 { padding:16px; }
.pd03 { padding:15px 7px; }



/* アイコン
------------------------------------------------*/
.icon_s, .icon_m { }

.icon_s { }

.icon_m { }


/* ボタン
------------------------------------------------*/
.bt_01 { }


/* 背景
------------------------------------------------*/
.bk00 { background:#fff; }
.bkffe { background: #ffedf3; }


/* line-height
------------------------------------------------*/
.lh_2 { line-height: 2; }


/* フォーム部品
------------------------------------------------*/


/* 画像の回り込み
------------------------------------------------*/
.img_left img {
	float:left;
	padding:0 15px 15px 0;
}

#page_wrapper { width:960px; background:#fff url(/images/bg_content.gif) left bottom no-repeat; }

/*==============================================
 Header
================================================*/
#header { position:relative; height:190px; background:#fff url(/images/bg_head.gif) top left repeat-x; }

h1 { position:absolute; top:16px; left:18px; width:437px; height:117px; }
	h1 a { display:block; }

#catch_copy { position:absolute; top:10px; left:10px; color:#999; }

#h_banner { position:absolute; top:50px; right:15px; }
	#h_banner ul li { float:left; margin-left:20px; }

#official_links {
	color: #666;
	position:absolute;
	top:0;
	right:10px;
}
	#official_links ul {
		border-top:3px solid #f5d3e1;
		padding: 5px 0;
	}

	#official_links li { float:left; }
	#official_links a { padding:0 6px; border-right:1px dotted #ccc; text-decoration:none; }


/*==============================================
 グローバルナビ
================================================*/
#g_navi { position:absolute; top:148px; left:0; }

#g_navi ul {}

#g_navi ul li { float:left; text-indent:-9999px; }

	#g_navi01 { background:url(/images/g_navi_01.gif) no-repeat; }
		#g_navi01 a:hover { background:url(/images/g_navi_01_over.gif) no-repeat; }
		#g_navi01 a:active { background:url(/images/g_navi_01_action.gif) no-repeat; }
	#g_navi02 { background:url(/images/g_navi_02.gif) no-repeat; }
		#g_navi02 a:hover { background:url(/images/g_navi_02_over.gif) no-repeat; }
		#g_navi02 a:active { background:url(/images/g_navi_02_action.gif) no-repeat; }
	#g_navi03 { background:url(/images/g_navi_03.gif) no-repeat; }
		#g_navi03 a:hover { background:url(/images/g_navi_03_over.gif) no-repeat; }
		#g_navi03 a:active { background:url(/images/g_navi_03_action.gif) no-repeat; }
	#g_navi04 { background:url(/images/g_navi_04.gif) no-repeat; }
		#g_navi04 a:hover { background:url(/images/g_navi_04_over.gif) no-repeat; }
		#g_navi04 a:active { background:url(/images/g_navi_04_action.gif) no-repeat; }
	#g_navi05 { background:url(/images/g_navi_05.gif) no-repeat; }
		#g_navi05 a:hover { background:url(/images/g_navi_05_over.gif) no-repeat; }
		#g_navi05 a:active { background:url(/images/g_navi_05_action.gif) no-repeat; }
	#g_navi06 { background:url(/images/g_navi_06.gif) no-repeat; }
		#g_navi06 a:hover { background:url(/images/g_navi_06_over.gif) no-repeat; }
		#g_navi06 a:active { background:url(/images/g_navi_06_action.gif) no-repeat; }
	#g_navi07 { background:url(/images/g_navi_07.gif) no-repeat; }
		#g_navi07 a:hover { background:url(/images/g_navi_07_over.gif) no-repeat; }
		#g_navi07 a:active { background:url(/images/g_navi_07_action.gif) no-repeat; }
	#g_navi08 { background:url(/images/g_navi_08.gif) no-repeat; }
		#g_navi08 a:hover { background:url(/images/g_navi_08_over.gif) no-repeat; }
		#g_navi08 a:active { background:url(/images/g_navi_08_action.gif) no-repeat; }

	#g_navi01.current { background:url(/images/g_navi_01_over.gif) no-repeat; }
	#g_navi02.current { background:url(/images/g_navi_02_over.gif) no-repeat; }
	#g_navi03.current { background:url(/images/g_navi_03_over.gif) no-repeat; }
	#g_navi04.current { background:url(/images/g_navi_04_over.gif) no-repeat; }
	#g_navi05.current { background:url(/images/g_navi_05_over.gif) no-repeat; }
	#g_navi06.current { background:url(/images/g_navi_06_over.gif) no-repeat; }
	#g_navi07.current { background:url(/images/g_navi_07_over.gif) no-repeat; }
	#g_navi08.current { background:url(/images/g_navi_08_over.gif) no-repeat; }
	
#g_navi ul li a { display:block; width:137px; height:36px; }





/*==============================================
 フッタ
================================================*/
#footer { width:100%; background:url(/images/bg_footer.gif) left bottom repeat-x; text-align: center; }

#footer_content { position:relative; width:960px; background: #ffffff url(/images/bg_foot_content.gif) left bottom repeat-x; }

#footer_content .inner { background: url(/images/bg_footer_ul.gif) left 2px no-repeat; height: 41px; }

#footer_content ul { border-bottom: 3px solid #f5b8d1; padding:14px 0 7px 0; margin-left: 10px; overflow:hidden; zoom:1; _margin-left: 5px; }

#footer_content ul li { float: left; padding:0 6px; border-right:1px dotted #ccc; margin-right:-1px; }

#footer_content ul li a { color:#666; text-decoration:none; }

#footer address { font-style:normal; color:#999; padding:12px 10px 0 0; }

#footer a.page_top { position:absolute; top:-20px; right:10px; }


/*==============================================
 パンくず
================================================*/
#topic_path { margin: 10px 0 0 10px; }
	#topic_path span { color:#cccccc; }
	#topic_path li {}
	#topic_path li.current { color: #444444; font-weight: bold; }
		#topic_path li a {}


/*==============================================
 サイドナビ
================================================*/
.side_navi { padding-bottom:8px; width:284px; _width:270px; background:url(/images/bg_side_navi_end.gif) right bottom no-repeat; }

	.side_navi li {	}
		.side_navi li:hover {	}
		.side_navi li:active { }
		.side_navi li.current { }
		.side_navi li.current:hover {	}

.side_block { padding:0 5px 0 9px; background:url(/images/bg_side_navi.gif) right top repeat-y; }

.side_block table { width:99.9%; }
	.side_block table td { padding: 5px; }
table.game  { font-size:85%; margin-bottom:-3px; }
	table.game th { padding:10px; background:#ffedf3; color:#c83862; font-size:124%;/**/ }



/*==============================================
 バナー
================================================*/
#banners { margin-left:15px; width:260px; }

.ban { margin-top:10px; padding:10px; background:#f5f5f5; display:block; text-align:center; }
.ad { margin-top:13px; text-align:center; display:block; }


/*==============================================
 コンテンツエリア
================================================*/
#container { padding:20px 10px 40px; }

#contents { width:640px; }

.block { margin-bottom:15px; }

.block h2 { margin-bottom: 20px; }

.block h3 { background:url(/images/bg_h3.png) left bottom repeat-x; }
	.bd { border-bottom: 3px solid #ff7ea4; color: #222222; padding:5px 10px; display: inline-block; font-size:140%; font-weight: bold; }
	.block h3 .fr { color: #555555; margin: 5px 10px 0 0; }

.block h4 { background:#ffedf3; color:#b90739; font-weight:bold; padding:5px 7px;  }