/* ----- The Pretty Stuff ----- */
#contactArea {
	width: 600px;
	margin: 0 auto;
	height: 400px;
	overflow: hidden;}


a.contact {
	position: fixed;
	top: 0; right: 5px;
	float: right;
	height: 350px;
	width: 30px;
	display: block;
	text-indent: -9999px;
	background: url(image/goyoyaku.jpg) no-repeat 0 0;}


/*** Index Menu *********/

ul#IndexMenu {
	padding: 0; margin: 0;
	width:710px;
	overflow:hidden;}

ul#IndexMenu li{
	float:left;
	height:50px;
	display:block;}

ul#IndexMenu li a {
	display: block;
	overflow: hidden;
	height: 0px;
	background-image: url(image/Index_Menu.png);
	padding-top:50px;}
	
	/* Index Menu normal ---------------------*/
	#IM01 a {width:105px; background-position: 0 0;}
	#IM02 a {width:125px; background-position:-105px  0;}
	#IM03 a {width:125px; background-position:-230px  0;}
	#IM04 a {width:125px; background-position:-355px  0;}
	#IM05 a {width:125px; background-position:-480px  0;}
	#IM06 a {width:105px; background-position:-605px  0;}
	
	/* Index Menu rollover ----------------------*/
	#IM02 a:hover {width:125px; background-position:-105px  -50px;}
	#IM03 a:hover {width:125px; background-position:-230px  -50px;}
	#IM04 a:hover {width:125px; background-position:-355px  -50px;}
	#IM05 a:hover {width:125px; background-position:-480px  -50px;}




/*** Master *********/

body {
	margin: 0;
	background: url(image/background.png) repeat-y fixed center top;}

.page {
	width: 710px;
	height: 100%;
	margin: auto;
	background:white url(image/background.png) repeat-y fixed center top;
	font-size: small;
	z-index: 777;}

.header {
	margin-bottom: 50px;
	padding: 0;}

.MainBody {
	margin: 0 auto;
	padding-bottom: 50px;}

.sidebar {
	position: fixed;
	left: relative; top: inherit;
	width: 195px;
	float: left;}

.contents {
	padding-left: 250px;
	width: 400px;}

.footer, .IndexFooter {
	margin: 0 0 30px 0;
	width: 100%;}
	
a:link, a:visited, a:active {
	color: black;
	text-decoration: none;}

a:hover {
	text-decoration: underline;}

img {
	border: none;}

.copy {
	font-size: x-small;
	line-height: 120%;
	color: #999;}

.LinkTXT {
	font-size: small;
	line-height: 120%;
	color: #555;}

/*** TOP *********/

#IndexMenu {
	margin-bottom: 3%;}

#IndexContents {
	width: 500px;
	margin: 5%;
	padding: 0 100px;
}

#whtnew {
	min-height: 49px;
	padding-left: 35px;
	background: #FFF url(image/whatsnew_icon.jpg) no-repeat top left;
	width: 500px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1%;
	margin-left: 0;
}

#Link2Out {
	min-height: 70px;
	margin: 0 0 1% 0;
	padding-left: 35px; 
	background: #FFF url(image/whatsnew_icon_hashigo.gif) no-repeat top left;}


#xmas {
	margin: 0 0 1% 0;
	padding-left: 35px; 
	background: #FFF url(image/menu_xmas_iconh.gif) no-repeat top left;}

#bzhours {
	margin: 0 0 1% 0;
	padding-left: 35px; 
	background: #FFF url(image/whatsnew_icon_hashigo.gif) no-repeat top left;}

#index_hr {
	color: gray;
	width: 500px;
	margin: 1em auto;
	border-top: 2px; border-right: 0; border-bottom: 0; border-left: 0;
	border-style: dotted;}
	
#index_top_hr {
	color: gray;
	width: 600px;
	margin: 1em auto;
	border-top: 2px; border-right: 0; border-bottom: 0; border-left: 0;
	border-style: dotted;}
	
/*** TOP - Xmas *********/

#xmas {
	margin: 0 0 1% 0;
	padding-left: 35px; 
	background: #FFF url(image/menu_xmas_iconh.gif) no-repeat top left;}

#xmas_news {
	font-size: small;
	font-weight: bold;
	line-height: 130%;
	color: #900;}

/*** Header menu *********/

ul#HeaderMenu {
	padding: 0; margin: 0;
	width:710px;
	overflow:hidden;}


ul#HeaderMenu li{
     float:left;
     height:45px;
     display:block;}

ul#HeaderMenu li a {
     display: block;
     overflow: hidden;
     height: 0px;
     background-image: url(image/header.png);
     padding-top:45px;}
	
	/* Header Menu normal ---------------------*/
	#NV01 a {width:290px; background-position: 0 0;}
	#NV02 a {width:84px; background-position:-290px  0;}
	#NV03 a {width:84px; background-position:-374px  0;}
	#NV04 a {width:84px; background-position:-458px  0;}
	#NV05 a {width:84px; background-position:-542px  0;}
	#NV06 a {width:84px; background-position:-626px  0;}
	
	/* Header Menu rollover ----------------------*/
	#NV02 a:hover {width:84px; background-position:-290px  -45px;}
	#NV03 a:hover {width:84px; background-position:-374px  -45px;}
	#NV04 a:hover {width:84px; background-position:-458px  -45px;}
	#NV05 a:hover {width:84px; background-position:-542px  -45px;}
	#NV06 a:hover {width:84px; background-position:-626px  -45px;}



/*** MENU *********/

.genre {
	width: 400px;
	margin-bottom: 5em;}

table {
	text-align: left;
	margin: 0;
	padding: 0;}

.genre table tr {
	height: 25px;
	vertical-align: bottom;} 

#caption {
	font-size: x-small;}

#menu {
	width: 300px;
	padding-top: 2em;
	font-size: small;
	line-height: 150%;
	color: #0f0f08;}

#price {
	width: 100px;
	font-size: small;
	line-height: 150%;
	color: #0f0f08;
	text-align: right;}

#b4ftr_hr {
	color: gray;
	width: 600px;
	margin: 1em auto;
	border-top: 2px; border-right: 0; border-bottom: 0; border-left: 0;
	border-style: dotted;}

#b4ftr_hr_ {
	color: gray;
	width: 100%;
	margin: 1em auto;
	border-top: 1px; border-right: 0; border-bottom: 0; border-left: 0;
	border-style: dotted;}


/*** ACCESS *********/


/*** COLUMN *********/

.ColumnP {
	font-size: small;
	line-height: 150%;
	color: #0f0f08;
	margin-bottom: 1em;}


/*** others *********/

.M1 {
	margin: 0 0 2em 2em;
	}
.M1_01 {
	margin: 0 0 0em 2em;
	}

.style1 {
	font-size: small;
	line-height: 130%;
	color: #0f0f08;
	font-weight: normal;}
	
.style1Copy {
	font-size: small;
	line-height: 150%;
	color: #0f0f08;}

.style3 {
	font-size: small;
	line-height: 150%;
	color: #0f0f08;
	font-weight: bold;}


.style9 {
	font-size: x-small;
	line-height: 150%;
	color: #666;}
	
.box_05 {
	margin-left: 1em;}

.box_05_01 {
	margin-left: 1em; margin-bottom: 2em;}

ul {
	margin-left: -2em;}