@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #3E1F00;
	background-image: url(img/background.jpg);
	background-repeat: repeat;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #DD0000;
}

a:active {
	text-decoration: none;
}

#wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
}

#header {
	width: 960px;
	height: 100px;
}

#header_right {
	float: right;
	width: 380px;
	line-height: 1.2;
}

#header_right h1 {
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 1px;
	padding-top: 10px;
}

#header_right p {
	font-size: 14px;
	letter-spacing: 1px;
	padding-top: 7px;
}

#header_right address {
	font-size: 14px;
	font-style: normal;
	padding-bottom: 7px;
	letter-spacing: 1px;
	padding-top: 5px;
}

#header_right ul {
	list-style-image: url(img/ya.gif);
	padding-left: 16px;
}

#header_right li {
	float: left;
	padding-right: 30px;
	letter-spacing: 1px;
	font-size: 12px;
}

#header_left {
	float: left;
	width: 540px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#header_left h2 {
	margin-left: 15px;
}

#globalnavi {
	width: 960px;
	height: 50px;
	margin: 0;
	padding: 0;
	clear: both;
	background-image: url(img/navi17.jpg);
	background-repeat: no-repeat;
}
 
#globalnavi li {
	margin: 0;
	padding: 0;
	float:left;
	list-style-type: none;
}

#globalnavi a {	
	display: block;
	width: 120px;
	height: 50px;
	background-image: url(img/navi16.jpg);
	background-repeat: no-repeat;
}

#globalnavi span {
	display: none;
}

#menu1-current a {background-position: 0 0px;}
#menu1 a {background-position: 0 -50px;}
#menu1 a:hover {background-position: 0 -100px;}

#menu2-current a {background-position: -120px 0px;}
#menu2 a {background-position: -120px -50px;}
#menu2 a:hover {background-position: -120px -100px;}

#menu3-current a {background-position: -240px 0px;}
#menu3 a {background-position: -240px -50px;}
#menu3 a:hover {background-position: -240px -100px;} 

#menu4-current a {background-position: -360px 0px;}
#menu4 a {background-position: -360px 0px;}
#menu4 a:hover {background-position: -360px -100px;} 

#menu5-current a {background-position: -480px 0px;}
#menu5 a {background-position: -480px -50px;}
#menu5 a:hover {background-position: -480px -100px;}

#menu6-current a {background-position: -600px 0px;}
#menu6 a {background-position: -600px -50px;}
#menu6 a:hover {background-position: -600px -100px;} 

#menu7-current a {background-position: -720px 0px;}
#menu7 a {background-position: -720px -50px;}
#menu7 a:hover {background-position: -720px -100px;} 

#menu8-current a {background-position: -840px 0px;}
#menu8 a {background-position: -840px -50px;}
#menu8 a:hover {background-position: -840px -100px;}

#content {
	width: 960px;
}

#content #pankuzu {
	font-size: 12px;
	padding-bottom: 15px;
	padding-left: 25px;
	letter-spacing: 1px;
	padding-top: 15px;
}

#content_left {
	width: 580px;
	float: left;
}

#content_left div {
	background-color: #F0F0F0;
	margin-left: 20px;
	padding-right: 20px;
	padding-top: 15px;
	margin-top: 20px;
	padding-left: 20px;
	font-size: 15px;
	line-height: 2.4;
	letter-spacing: 1px;
}
#content_left div p {
	padding-bottom: 30px;
}


#content_right {
	float: right;
	width: 360px;
}

#box {
	width: 340px;
	background-color: #630;
	background-image: url(img/rosewood.jpg);
}

#box ul {
	list-style-type: none;
	overflow: hidden;
	padding: 30px;
}

#botan1 a {	
	display: block;
	overflow: hidden;
	height: 60px;
	width: 280px;
	background-image: url(img/banar28.jpg);
	margin-bottom: 20px;
}
#botan1 a:hover {
	background-position: 0 -60px;
}

#botan2 a {	
	display: block;
	overflow: hidden;
	height: 60px;
	width: 280px;
	background-image: url(img/banar29.jpg);
	margin-bottom: 20px;
}
#botan2 a:hover {
	background-position: 0 -60px;
}

#botan3 a {	
	display: block;
	overflow: hidden;
	height: 60px;
	width: 280px;
	background-image: url(img/banar30.jpg);
	margin-bottom: 20px;
}
#botan3 a:hover {
	background-position: 0 -60px;
}

#botan4 a {	
	display: block;
	overflow: hidden;
	height: 60px;
	width: 280px;
	background-image: url(img/banar31.jpg);
	margin-bottom: 20px;
}
#botan4 a:hover {
	background-position: 0 -60px;
}

#botan5 a {	
	display: block;
	overflow: hidden;
	height: 60px;
	width: 280px;
	background-image: url(img/banar32.jpg);
	margin-bottom: 20px;
}
#botan5 a:hover {
	background-position: 0 -60px;
}

#botan6 a {	
	display: block;
	overflow: hidden;
	height: 60px;
	width: 280px;
	background-image: url(img/banar33.jpg);
}
#botan6 a:hover {
	background-position: 0 -60px;
}

#botan7 a {
	display: block;
	overflow: hidden;
	height: 60px;
	width: 280px;
	background-image: url(img/banar34.jpg);
	margin-bottom: 30px;
}
#botan7 a:hover {
	background-position: 0 -60px;
}

#box span {
	display: none;
}

#bottom {
	font-size: 12px;
	letter-spacing: 1px;
	clear: both;
	padding-bottom: 40px;
	padding-left: 600px;
}

#pagetop {
	font-size: 12px;
	letter-spacing: 1px;
	padding-left: 20px;
}

#footer {
	background-image: url(img/color01.jpg);
	background-repeat: repeat;
	width: 960px;
	color: #FFF;
}

#footer div ul {
	padding-top: 20px;
	padding-bottom: 30px;
	padding-left: 50px;
	padding-right: 50px;
}

#footer div ul a {
	color: #FFF;
}

#footer div ul li {
	font-size: 12px;
	display:inline;
	line-height:3.5;
	/*float: left;*/
	list-style-type: none;
	white-space:nowrap;
	letter-spacing: 1px;
}

#footer div ul li a:hover {
	color: #FF0;
}

#footer address {
	font-size: 16px;
	padding-top: 30px;
	padding-left: 50px;
	font-style: normal;
	letter-spacing: 1px;
}

#copyright {
	font-size: 12px;
	color: #FFF;
	background-color: #3e1f00;
	padding-top: 30px;
	letter-spacing: 2px;
	text-align: center;
	padding-bottom: 30px;
	background-image: url(img/background2.jpg);
}

.I {
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
}

.img {
	float: right;
	height: 160px;
	width: 230px;
	padding-right: 20px;
	padding-left: 30px;
	overflow: hidden;
	padding-top: 10px;
}

.yukichi {
	color: #600;
	font-weight: bold;
}

.honbataki {
	color: #600;
	font-weight: bold;
}

.syabataki {
	color: #600;
	font-weight: bold;
}

.gionbataki {
	color: #600;
	font-weight: bold;
}

.h2bg {
	background-image: url(img/guide.jpg);
	background-repeat: no-repeat;
	margin-left: 20px;
	color: #FFF;
	letter-spacing: 1px;
	margin-bottom: 20px;
	font-size: 16px;
	padding-left: 20px;
	line-height: 32px;
}

#xhtml {
	margin-top: 30px;
}

#css {
	margin-top: 10px;
}

.marker {
	font-weight: bold;
	background-color: #ffff99;
}
.marker2 {
	font-weight: bold;
	background-color: #ffc8ff;
}