body {
	background-color: #fa276c;
	background: url(img/bg.png) repeat-y;
	color: #333333;
	font-size: 0.9em;
}
div.bg-layer{
	width: 868px;
	height: 100%;
	padding: 0;
	margin: 0;
	margin-left: -434px;
	position: fixed;
	top: 0;
	left: 50%;
	background: url(img/ds.png) repeat-y;
}



/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
	ここから
	本体概要
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
div.center-container{
	z-index: 1;
	width: 826px;
	height: auto;
	padding: 0;
	padding-bottom: 96px;/* 余白64px + ナビゲーションパネルの高さ */
	margin: 0;
	margin-left: -413px;
	position: absolute;
	top: 0;
	left: 50%;
}

div.header-container {
	width: 826px;
	height: 231px;/* title-conteinerの高さ + menu-containerの高さ */
	padding: 0;
	margin: 0;
	margin-left: -413px;
	position: absolute;
	left: 50%;
}

div.title-container{
	width: 826px;
	height: 154px;/* タイトル画像の高さ */
	padding: 0;
	margin: 0;
}

div.menu-container {
	width: 826px;
	height: 77px;/* メニュー画像の高さ */
	padding: 0;
	margin: 0;
	background:  #000000;
}

div.content-container {
	width: 826px;
	height: auto;
	padding: 204px 0 0 0;
	margin: 0;
	background: url(img/bgc.png) #ffffff repeat-x;
	background-position: 0 203px;
}



/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
	ここから
	コンテンツ詳細
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
div.paragraph {
	width: 778px;
	padding: 0;
	margin: 64px 16px;
}

div.border {
	margin: 16px;
	border-bottom: 1px solid black;
}
h {
	font-size: x-large;
	font-weight: bold;
}

p{
	margin: 20px;
}

div.mainvisual-img {
	width: 336px;
	height: 471px;
	padding: 0;
	margin: 0;
	margin-left: 32px;
	border: inset 3px #333333;
	float: left;
}

div.whatsnew {
	width: 320px;
	margin: 0;
	margin-right: 32px;
	float: right;
}

/*
Trident IV以下 (ie6までのだっけ？）でレタリングするとメインビジュアルとwhat's newがメニューに食い込むので以下対策。
*/
*div.mainvisual-img {
	width: 336px;
	height: 471px;
	padding: 0;
	margin: 80px 0 0 0;
	margin-left: 32px;
	border: inset 3px #333333;
	float: left;
}
*div.whatsnew {
	width: 320px;
	margin: 80px 32px 0 0;
	float: right;
}
/*
ここまで。
*/
div.whatsnewlist {
	width: 320px;
	min-height: 240px;
	padding: 0;
	margin: 0;
	border: inset 3px #333333;
	background: #333333;
	color: #ffffff;
	font-size: 14px;
 }
 
div.whatsnewlist a:link {
	color: #9f9f9f; 
	text-decoration: none;

	}
div.whatsnewlist a:visited {
	color: #9f9f9f; 
	text-decoration: none;

	}	
	
div.whatsnewlist a:hover {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none; 
	}



div.momoi-img {
	width: 266px;
	height: 400px;
	padding: 0;
	margin: 32px;
	border: inset 3px #333333;
	float: left;
}

div.whatsnew_banner{
	width: 320px;
	margin: 0;
	padding-top: 5px;
	padding-left: 1px;
}
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
	ここから　リンク設定
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
p.link a:link {
	color: #000000; 
	text-decoration: none;

	}
p.link a:visited {
	color: #000000; 
	text-decoration: none;

	}
p.link a:hover {
	color: #000000;
	font-weight: bold;
	text-decoration: none; 
	position:relative;
    top: 2px;
    left:2px;
	}
div.whatsnew_banner a:link {
	color: #000000; 
	text-decoration: none;

	}
div.whatsnew_banner a:visited {
	color: #000000; 
	text-decoration: none;

	}
div.whatsnew_banner a:hover {
	color: #000000;
	font-weight: bold;
	text-decoration: none; 
	position:relative;
    top: 2px;
    left:2px;
	}


/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
	リンク設定終わり。
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/

/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
	ここから
	メニューバー詳細
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
div.menu1 {
	width: 106px;
	height: 77px;
	margin: 0;
	padding: 0;
	background: url(img/menu1.png) no-repeat;
	float: left;
	position: relative;
	top: 0;
	left: 0;
}
div.menu1 a {
	width: 106px;
	height: 77px;
	display: block;
}
div.menu1 a:hover {
	background: url(img/menu1a.png) no-repeat;
}

div.menu2 {
	width: 103px;
	height: 77px;
	margin: 0;
	padding: 0;
	background: url(img/menu2.png) no-repeat;
	float:left;
}
div.menu2 a {
	width: 103px;
	height: 77px;
	display: block;
}
div.menu2 a:hover {
	background: url(img/menu2a.png) no-repeat;
}

div.menu3 {
	width: 102px;
	height: 77px;
	margin: 0;
	padding: 0;
	background: url(img/menu3.png) no-repeat;
	float:left;
}
div.menu3 a {
	width: 102px;
	height: 77px;
	display: block;
}
div.menu3 a:hover {
	background: url(img/menu3a.png) no-repeat;
}

div.menu4 {
	width: 102px;
	height: 77px;
	margin: 0;
	padding: 0;
	background: url(img/menu4.png) no-repeat;
	float:left;
}
div.menu4 a {
	width: 102px;
	height: 77px;
	display: block;
}
div.menu4 a:hover {
	background: url(img/menu4a.png) no-repeat;
}

div.menu5 {
	width: 102px;
	height: 77px;
	margin: 0;
	padding: 0;
	background: url(img/menu5.png) no-repeat;
	float:left;
}
div.menu5 a {
	width: 102px;
	height: 77px;
	display: block;
}
div.menu5 a:hover {
	background: url(img/menu5a.png) no-repeat;
}

div.menu6 {
	width: 103px;
	height: 77px;
	margin: 0;
	padding: 0;
	background: url(img/menu6.png) no-repeat;
	float:left;
}
div.menu6 a {
	width: 103px;
	height: 77px;
	display: block;
}
div.menu6 a:hover {
	background: url(img/menu6a.png) no-repeat;
}

div.menu7 {
	width: 102px;
	height: 77px;
	margin: 0;
	padding: 0;
	background: url(img/menu7.png) no-repeat;
	float:left;
}
div.menu7 a {
	width: 102px;
	height: 77px;
	display: block;
}
div.menu7 a:hover {
	background: url(img/menu7a.png) no-repeat;
}

div.menu8 {
	width: 106px;
	height: 77px;
	margin: 0;
	padding: 0;
	background: url(img/menu8.png) no-repeat;
	float:left;
}
div.menu8 a {
	width: 106px;
	height: 77px;
	display: block;
}
div.menu8 a:hover {
	background: url(img/menu8a.png) no-repeat;
}



/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
	ここから
	ナビゲーションパネル
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
div.navi-container {
	z-index: 16;
	width: 100%;
                     height: 48px;
	position: fixed;
	left: 0;
	bottom: 0;
	background-color: #333333;
	color: #ffffff;
	font-size: 10px;
	text-align: center;
}
table.navi-table {
	margin: 0 auto;
	border: none;
                     font-size: 16px;
}

a.navi {
	color: #ffffff;
}

a.navi2 {
	color: #999999;
}