@charset "Shift_JIS";
@import url("common.css");

/* トップページ レイアウトＣＳＳ (121114) */

div#container {
	background: #FFF url("top/bg.jpg") no-repeat 0% 0%;
}

/*
■ 文字設定
============================================================================= */
div#news dt {
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
}
div#news dd {
	font-size: 12px;
	line-height: 16px;
}


/*
■ ヘッダー
============================================================================= */
div#header {
}


/*
▼ コンテンツ
============================================================================= */
div#contents {
	height: 461px;
}

/*
▽ メニューリスト
============================================================================= */
ul#menuLst {
	margin-left: 514px;
}
ul#menuLst li {
	margin-top: 1px;
	height: 45px;
}

ul#menuLst li a {
	width: 266px;
	height: 45px;
	display: block;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 100% 0%;
}
	/* ボタン画像 > ----------------------------------------- */
	li#fcltML a {background-image: url("top/btn01.jpg");}
	li#useML a {background-image: url("top/btn02.jpg");}
	li#akiML a {background-image: url("top/btn03.jpg");}
	li#loginML a {background-image: url("top/btn04.jpg");}
	li#evntML a {background-image: url("top/btn05.jpg");}
	li#newML a {background-image: url("top/btn06.jpg");}

	/* ボタン画像差替 > ------------------------------------- */
	li#fcltML a:hover,li#fcltML a:active {background-image: url("top/btn01_on.jpg");}
	li#useML a:hover,li#useML a:active {background-image: url("top/btn02_on.jpg");}
	li#akiML a:hover,li#akiML a:active {background-image: url("top/btn03_on.jpg");}
	li#loginML a:hover,li#loginML a:active {background-image: url("top/btn04_on.jpg");}
	li#evntML a:hover,li#evntML a:active {background-image: url("top/btn05_on.jpg");}
	li#newML a:hover,li#newML a:active {background-image: url("top/btn06_on.jpg");}

ul#menuLst li a span {
	display: none;
}





/* < レイアウト > ----------------------------------------- */
ul#menuLst {
	position: relative;
}
ul#menuLst li#fcltML {
	position: absolute;
	top: 0px;
}
ul#menuLst li#useML {
	position: absolute;
	top: 46px;
}
ul#menuLst li#akiML {
	position: absolute;
	top: 92px;
}
ul#menuLst li#loginML {
	position: absolute;
	top: 138px;
}
ul#menuLst li#evntML {
	position: absolute;
	top: 184px;
}
ul#menuLst li#newML {
	position: absolute;
	top: 230px;
}

/*
▽ 新着情報
============================================================================= */
div#news {
	margin: 40px 10px 0px 520px;
}
div#news h2 {
	margin-bottom: 10px;
	text-align: right;
}
div#news dt {
	padding-left: 10px;
	background: transparent url("top/arw01.gif") no-repeat 0% 50%;
}
div#news dd {
	margin-left: 10px;
}


