@charset "UTF-8";
/* CSS Document common settintg*/


/*index
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
01：Base 
02：Text 
03：Link 
04：Layout
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

/*===========================================================================
01：基本設定
===========================================================================*/
body{
background:#000000;
}

*{
margin:0;
padding:0;
font: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}


h1,h2,h3,h4{
  margin:0;
	padding:0;
}

img{
  border:none;
}

.clear{
  clear:both;
}

.dot_line{
background:url(../images/dot.gif) repeat-x top;
height:6px;
}


/*カラー設定
---------------------------------------------------------------------------*/
.bg_gray{background:#f2f2f2;}

.red {color:#fd2117}

.vino {color:#940b05}

.orange {color:#ffa200}

.brown{color:#620200;}

.blue{color:#0066CC}


/*基本マージン設定/コンテンツ内共通スタイル
---------------------------------------------------------------------------*/
.m4_l { margin-left:4px}
.m4_t { margin-top:4px}
.m6_b { margin-bottom:6px}
.m8_b { margin-bottom:8px}
.m10 { margin:10px}
.m10_l { margin-left:10px}
.m10_r { margin-right:10px}
.m10_w{ margin:0 10px}
.m10_t { margin-top:10px}
.m10_b { margin-bottom:10px}
.m10_v { margin:10px 0}
.m16_l { margin-left:16px}
.m16_b { margin-bottom:16px}
.m20_l { margin-left:20px}
.m20_t { margin-top:20px}
.m20_b { margin-bottom:20px}
.m26_l { margin-left:26px}
.m30_t { margin-top:30px}
.m30_l { margin-left:30px}
.m30_b { margin-bottom:30px}
.m40_b { margin-bottom:40px}


/*基本パディング設定/コンテンツ内共通スタイル
---------------------------------------------------------------------------*/
.p2_l { padding-left:2px}

.p4 { padding:4px}
.p4_t { padding-top:4px}
.p4_l { padding-left:4px}
.p4_r { padding-right:4px}
.p4_w{ padding:0 4px}

.p6 { padding:6px}
.p6_l { padding-left:6px}
.p6_r { padding-right:6px}
.p6_t{ padding-top:6px}
.p6_w{ padding:0 6px}

.p8 { padding:8px}
.p8_l { padding-left:8px}
.p8_r { padding-right:8px}
.p8_w{ padding:0 8px}
.p8_t { padding-top:8px}
.p8_v { padding:8px 0}

.p10 { padding:10px}
.p10_l { padding-left:10px}
.p10_r { padding-right:10px}
.p10_w{ padding:0 10px}
.p10_t{ padding-top:10px}

.p20_t { padding-top:20px}

.p40_l { padding-left:40px}

/*回り込み設定/コンテンツ内共通スタイル
---------------------------------------------------------------------------*/
.f_left {float:left;}
.f_right {float:right;}
.f_center {margin:0 auto;}

.v_center{ vertical-align: baseline}


/*===========================================================================
02：テキスト設定/コンテンツ内共通スタイル
===========================================================================*/
.f_10 { font-size:10px}
.f_10_12 { font-size:10px; line-height:12px;}
.f_11 { font-size:11px}
.f_12 { font-size:12px}
.f_12_18 { font-size:12px; line-height:18px;}
.f_12_20 { font-size:12px; line-height:20px;}
.f_12_22 { font-size:12px; line-height:22px;}
.f_13 { font-size:13px;}
.f_13_18 { font-size:13px; line-height:18px;}
.f_13_20 { font-size:13px; line-height:20px;}
.f_14 { font-size:14px}
.f_14_20 { font-size:14px; line-height:20px;}


/*テキストレイアウト/コンテンツ内共通スタイル
---------------------------------------------------------------------------*/
.right {text-align:right;}
.center {text-align:center;}
.left {text-align:left;}




/*===========================================================================
03：リンク設定
===========================================================================*/

/*テキストリンク
---------------------------------------------------------------------------*/
a:link{ text-decoration:underline; color:#ffffff; }
a:visited{ text-decoration:underline; color:#999999; }
a:hover{ color:#ff0000; text-decoration:underline;}


/*グローバルメニュー
---------------------------------------------------------------------------*/
#g_navi {
	height:48px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	width: 902px;
}

#g_navi ul {
	width: 902px;
	list-style-type: none;
	margin: 0 auto 0;
	padding: 0px;	
}

#g_navi li {
	margin: 0px;
	padding: 0px;
	float: left;
	font-family: "MS PGothic", "Osaka";
	color:#FFFFFF;
}

#g_navi li a{
	display: block;
	overflow: hidden;
	text-align: right;
	height: 0 !important;
	height /**/: 48px;
	padding-top: 48px;
	background: url(../images/menu.gif) no-repeat left top;
}

#g_navi ul li#nav01 a{width:119px;}
#g_navi ul li#nav02 a{width:117px;}
#g_navi ul li#nav03 a{width:102px;}
#g_navi ul li#nav04 a{width:119px;}
#g_navi ul li#nav05 a{width:105px;}
#g_navi ul li#nav06 a{width:106px;}
#g_navi ul li#nav07 a{width:117px;}
#g_navi ul li#nav08 a{width:117px;}

/*通常時*/
#g_navi ul li#nav01 a { background-position: 0 0;}
#g_navi ul li#nav02 a { background-position: -119px 0;}
#g_navi ul li#nav03 a { background-position: -236px 0;}
#g_navi ul li#nav04 a { background-position: -338px 0;}
#g_navi ul li#nav05 a { background-position: -457px 0;}
#g_navi ul li#nav06 a { background-position: -562px 0;}
#g_navi ul li#nav07 a { background-position: -668px 0;}
#g_navi ul li#nav08 a { background-position: -785px 0;}


/*オンマウス時*/
#g_navi ul li#nav01 a:hover{ background-position: 0 -48px;}
#g_navi ul li#nav02 a:hover{ background-position: -119px -48px;}
#g_navi ul li#nav03 a:hover{ background-position: -236px -48px;}
#g_navi ul li#nav04 a:hover{ background-position: -338px -48px;}
#g_navi ul li#nav05 a:hover{ background-position: -457px -48px;}
#g_navi ul li#nav06 a:hover{ background-position: -562px -48px;}
#g_navi ul li#nav07 a:hover{ background-position: -668px -48px;}
#g_navi ul li#nav08 a:hover{ background-position: -785px -48px;}


/*ページ表示時*/
#g_navi ul li#nav01on a{width:176px; background-position: 0 -52px;}
#g_navi ul li#nav02on a{width:174px; background-position: -176px -52px;}
#g_navi ul li#nav03on a{width:174px; background-position: -349px -52px;}
#g_navi ul li#nav04on a{width:153px; background-position: -522px -52px;}
#g_navi ul li#nav05on a{width:141px; background-position: -675px -52px;}
#g_navi ul li#nav06on a{width:140px; background-position: -816px -52px;}
#g_navi ul li#nav07on a{width:153px; background-position: -522px -52px;}
#g_navi ul li#nav08on a{width:141px; background-position: -675px -52px;}



.navi_top{
margin:4px 0 54px;
text-align:right;
font-size:10px;
padding-right:10px;
}


.navi_top a:link{ text-decoration:underline; color:#ffffff; }
.navi_top a:visited{ text-decoration:underline; color:#999999; }
.navi_top a:hover{ color:#ff0000; text-decoration:underline;}


/*===========================================================================
04：レイアウト設定
===========================================================================*/

/*ヘッダー
---------------------------------------------------------------------------*/

#header{
width:902px;
height:72px;
margin:0 auto;
padding:0 0 0 ;
background:;
text-align:left
}

#header p.lead{
font-size:12px;
color:#333333;
padding-left:4px;
padding-top:16px;
margin:0;
}

#header h1.logo{
margin-top:20px;
background:url(../images/logo.gif) no-repeat left top ;
width:418px;
height:32px;
}
#header h1.logo span{
position:absolute;
z-index:-1;
}
#header h1.logo a{
width:418px;
	display: block;
	overflow: hidden;
	text-align: right;
	height: 0 !important;
	height /**/: 32px;
	padding-top: 32px;
background:url(../images/logo.gif) no-repeat left top; 
}


/*会員ログイン
---------------------------------------------*/
#btMember {
float:right;
height:44px;
width:157px;
overflow: hidden;
background:url(../../common/images/bt_member.gif) no-repeat left top;
margin:4px 0;
}
#btMember a{
width:157px;
	display: block;
	overflow: hidden;
	text-align: right;
	height: 0 !important;
	height /**/: 44px;
	padding-top: 44px;
background:url(../../common/images/bt_member.gif) no-repeat left top; 
}
/*通常時*/
#btMember a{ background-position: 0 0;}

/*通常時*/
#btMember a:hover{ background-position: 0 -44px;}


/*ヘッダ右上メニュー
---------------------------------------------*/
#hMenu{
float:right;
text-align:right;
vertical-align:middle;
width:460x;
}

#hMenu p{
color:#ffffff;
font-size:11px;
padding-top:6px;
}


/*ヘッダ右上メニュー
---------------------------------------------------------------------------*/
#hMenu a:link{ text-decoration:none; color:#ffffff; }
#hMenu a:hover{ text-decoration:none;color:#FF0000;}
#hMenu a:visited{ text-decoration:none; color:#999999}



/*==========================================================================
 メイン部分
============================================================================*/
#container {
	width:902px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align:left;
}



/*Flashエリア
---------------------------------------------------------------------------*/
#boxFlash {
	width:902px;
	height:396px;
	margin:0 auto 22px;
	text-align:center;
	background-color: #000000;
	}

/*ニュース
---------------------------------------------------*/
#boxNews{
width:524px;
}

#boxNews h2#midashi{
background: url(../../common/images/mi_news.gif) no-repeat left top;
width:524px;
height:28px;
margin:0 0 12px;
font-size:12px
}

#boxNews h2#midashi span{
position:absolute;
z-index:-1;
}

dl.listNews {
font-size:12px;
}

dl.listNews dt {
  clear: left;
  float: left;
  margin: 0 0 0.7em;
  width: 7.5em;
  padding-left: 5px;
  padding-bottom:6px;
  color: #fff;
}

dl.listNews dd {
  margin-bottom: 0.7em;
  padding-left: 7.5em;
  padding-bottom:6px;
	color:#dd9037;
	background:url(../images/dot.gif) repeat-x left bottom;
}
dl.listNews dd a {
	color:#dd9037;
}
dl.listNews dd a:hover{ color:#ff0000;}


/*バナーエリア
---------------------------------------------------*/
#boxBan{
}

#boxBan ul{
list-style:none;
}
#boxBan ul li{
margin:0 0 8px;
padding:0;
}



/*＝＝＝＝＝＝＝＝＝＝　07:フッター ＝＝＝＝＝＝＝＝＝＝*/
#footer {
	width:902px;
	clear:both;
	border-top:1px solid #262626;
	padding-top:12px;
	padding-bottom: 32px;
	margin-right:auto;
	margin-left: auto;
}

#footer .inBox{
margin:0 auto ;
color:#ffffff;
}

/*フッター左メニュー
---------------------------------------------------------------------------*/

#foot_menu {
	float:left;
	width:570px;
	text-align:left;
	padding-left:4px;
	font-size:10px;
	line-height:24px;
	margin-top: auto;
	margin-right: 0;
	margin-bottom: auto;
	margin-left: 0;
	padding-top: 5px;
}

#foot_menu a{ text-decoration:none;}
/*---------------------------------------------------------------------------*/

#foot_info {
	float:right;
	text-align:right;
	width:325px;
	font-size:12px;
	padding-bottom: 5px;
	margin: 0px;
}

p.copyright{
	clear:both;
	border-top:1px solid #262626;
	font-size:10px;
	text-align:center;
	color:#ffffff;
	padding-top: 5px;
	margin: 0px;
}