﻿#wrapper {
	padding: 0px;
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(/images/wrapper_bg.gif);
	background-color: #6b1102;
}
#header {
	background-color: #6b1102;
	background-image: url(../images/header.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 120px;
	width: 800px;
	text-indent: -9999px;
}
body {
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	background-color: #000000;
}
#wrapper2 {
	background-image: url(/images/wrapper_bg.gif);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	width: 800px;
}
#menu_wrapper {
	float:left;
	width: 193px;
	position: relative;
	left: 20px;
	top: 13px;
}
#menu_top {
	background-image: url(/images/menu_top.gif);
	height: 52px;
	width: 193px;
	background-repeat: no-repeat;
}



#menu_bottom {
	background-image: url(/images/menu_bottom.gif);
	background-repeat: no-repeat;
	height: 52px;
	width: 193px;
}

#menu_middle {
	background-image: url(/images/menu_main.gif);
	background-repeat: repeat-y;
	width: 193px;
}

#main {
	float:right;
	background-image: url(/images/paper.jpg);
	background-repeat: repeat;
	width: 538px;
	margin: 13px 13px 15px auto;
	padding:10px;
}

.clear{
	clear:both;
	width:0;
	height:0;
	font-size:0;
}

/* メニューボタン */
#menu {
	position: relative;
	z-index: 100;
	width: 164px;
	height:418px;
	padding: 0px;
	margin-top: -15px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#navi {
	

/*	width: 164px;
	height: 34px;*/
	margin: 0px;
	padding:inherit;
}

#navi li{
	height:34px;
	width:164px;
	padding:0;
	text-indent:-9999px;
	display:block;

	margin:0px 0px 14px 0px;
}
#main {
	float: right;
}



#navi a{
	background-image: url(/images/menu_buttons.gif);
	background-repeat: no-repeat;
	height:34px;
	width:164px;
	display:block;
}



#navi a:hover{background:transparent url("/images/menu_buttons.gif") no-repeat;}
#navi1 a:hover,#navi1 a:active{background-position:-164px 0px;}
#navi2 a{background-position:0px -34px;}
#navi2 a:hover,#navi2 a:active{background-position:-164px -34px;}
#navi3 a{background-position:0px -68px;}
#navi3 a:hover,#navi3 a:active{background-position:-164px -68px;}
#navi4 a{background-position:0px -102px;}
#navi4 a:hover,#navi4 a:active{background-position:-164px -102px;}
#navi5 a{background-position:0px -136px;}
#navi5 a:hover,#navi5 a:active{background-position:-164px -136px;}
#navi6 a{background-position:0px -170px;}
#navi6 a:hover,#navi6 a:active{background-position:-164px -170px;}
#navi7 a{background-position:0px -204px;}
#navi7 a:hover,#navi7 a:active{background-position:-164px -204px;}
#navi8 a{background-position:0px -238px;}
#navi8 a:hover,#navi8 a:active{background-position:-164px -238px;}
#navi9 a{background-position:0px -272px;}
#navi9 a:hover,#navi9 a:active{background-position:-164px -272px;}

