@charset "UTF-8";

* {
	margin:0;padding:0;border:0;outline: 0;font-size:13px;font-style:normal;text-decoration:none;list-style-position:outside;}

body {
	font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif,Arial,Helvetica;
	background-image : url(images/bodywall.jpg);
	background-position : top left;
	background-repeat : repeat-x;
	margin: 10px 0px 10px 0px;
	color : #666660;
	line-height: 1.8;
	background-color : #EFDE82;}

h1 {
	margin: 5px 0px;
	font-size: 160%;}
h2 {
	margin: 5px 0px;
	font-size: 130%;}

h3 {
	margin: 0px 0px;
	font-size: 120%;}

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

a img {
	text-decoration:none;}

#wrap {
	position: relative;
	width: 800px;
	overflow: hidden;
	margin: 0px auto 7px auto;	
	background: url(images/basewall.gif) repeat-x 0px 288px;}

#header {
	display: inline;
	position: absolute;
	overflow: hidden;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 133px;
	color : #333;
	background:url(images/headerbg.gif) no-repeat scroll 0px 0px;}

#header #logo {
	display: inline;
	float: left;
	width: 270px;
	height: 80px;
	text-indent: -9999px;
	margin: 10px 0px 5px 0px;
	background:url(images/logo2.jpg) no-repeat scroll 10px 0px;
	overflow: hidden;}

#header #freedial {
	display: inline;
	float: right;
	width: 250px;
	height: 80px;
	margin: 10px 10px 5px 0px;
	text-align: right;
	background:url(images/freedial.jpg) no-repeat scroll 15px 20px;
	overflow: hidden;}

#header h3 {
	display: none;}	

#header #menu {
	display: inline;
	float: left;
	width: 800px;
	height: 200px;
	margin: 0px 0px 0px 7px;
	overflow: hidden;}

#header #menu .menubutton {
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	width: 112px;
	height: 24px;
	color: #777;
	font-size: 16px;
	line-height: 1.0;
	background:#666 url(images/xbuttonbg.jpg) no-repeat scroll 0px 0px;
	padding: 0px 0px;}

#header #menu .menubutton-select {
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	width: 112px;
	height: 24px;
	color: #555;
	font-size: 15px;
	line-height: 1.0;
	background:#666 url(images/buttonbg.jpg) no-repeat scroll 0px -120px;
	text-align: center;
	overflow: hidden;
	padding: 10px 0px 0px 0px;}

#header #menu .menubutton a {
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	width: 112px;
	height: 24px;
	color: #555;
	font-size: 15px;
	line-height: 1.0;
	text-decoration:none;
	background:#666 url(images/buttonbg.jpg) no-repeat scroll 0px 0px;
	text-align: center;
	overflow: hidden;
	padding: 10px 0px 0px 0px;}

#header #menu .menubutton a:hover {
	color: #444;
	background-position: 0px -60px;}

#header #counter {
	display: inline;
	float: left;
	width: 60px;
	height: 16px;
	margin: 42px 2px 0px 0px;
	overflow: hidden;}

#head-img {
	display: inline;
	position: absolute;
	overflow: hidden;
	border: #999 solid;
	border-width: 0px 0px 5px 0px;
	top: 133px;
	left: 0px;
	width: 800px;
	height: 360px;}

#index #head-img {
	background: url(images/index-head-img.jpg) no-repeat 0px 0px;}

#ryoukin #head-img {
	background: url(images/ryoukin-head-img.jpg) no-repeat 0px 0px;}

#faq #head-img {
	background: url(images/faq-head-img.jpg) no-repeat 0px 0px;}

#koe #head-img {
	background: url(images/koe-head-img.jpg) no-repeat 0px 0px;}

#yakushima #head-img {
	background: url(images/yakushima-head-img.jpg) no-repeat 0px 0px;}

#link #head-img {
	background: url(images/link-head-img.jpg) no-repeat 0px 0px;}

#yoyaku #head-img {
	background: url(images/yoyaku-head-img.jpg) no-repeat 0px 0px;}

#sitemap #head-img {
	background: url(images/sitemap-head-img.jpg) no-repeat 0px 0px;}

#head-img-shadow {
	display: inline;
	position: absolute;
	overflow: hidden;
	top: 600px;
	left: 0px;
	width: 700px;
	height: 10px;
	background: url(images/shadow.gif) repeat-x 0px 0px;}

#contents {
	overflow: hidden;
	width:800px;
	background:#fffdf6;
	padding: 0px 0px 20px 0px;
	margin: 493px auto 0px auto;}

#index-menu {
	margin: 15px 0px 0px 0px;
	overflow: hidden;
	width: 100%;}

#index-menu li {
	display: inline;}

#index-menu li a {
	display: block;
	float: left;
	width: 150px;
	height: 55px;
	margin: 1px 0px;
	border: solid 1px;
	border-color: #777 #333 #333 #777;
	text-indent: -14em;
	overflow:hidden;}

#index-menu li a:hover {
	position: relative;
	top: 1px;}

#index-photo a {
	background: #111 url(images/top-photo-t.jpg);}

#index-sound a {
	background: #111 url(images/top-sound-t.jpg);}

#index-panorama a {
	background: #111 url(images/top-panorama-t.jpg);}

#index-profile a {
	background: #111 url(images/top-profile-t.jpg);}

.white-bar {
	width: 100%;
	border: #666 solid;
	border-width: 0px 0px 1px 0px;
	color:#666;
	font-size: 160%;
	text-indent: 5px;
	font-weight: bold;
	background: #EDE4D8 url(images/bar-wall.jpg);
	margin:20px 0px 5px 0px;}

#contents-middle {
	float: left;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	width: 750px;}


#contents-right {
	position: relative;
	margin: 15px 10px 0px 0px;
	float: right;
	width: 200px;}

#contents-left {
	float: left;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	width: 540px;}


#footer {
	width: 800px;
	height: 40px;
	text-align: center;
	border: solid #ddd;
	border-width: 2px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
	background:url(images/footerbg.gif) no-repeat scroll 0px -320px;}

#photo h2 {
	display: none;}


.red {
	color: #ff6666;}

.photo-left {
	border: 2px #bbb solid;
	margin: 0px 5px 0px 0px;
	float: left;}

.photo-right {
	border: 2px #bbb solid;
	margin: 0px 0px 0px 5px;
	float: right;}

#ryoukinhyou {
	border: solid silver;
	border-width: 1px 0px 0px 1px;
	text-align: center;
	width: 100%;}

#ryoukinhyou .midasi {
	border: solid silver;
	border-width: 0px 1px 1px 0px;
	text-align: center;
	background: #ebf2db;}

#ryoukinhyou .white {
	border: solid silver;
	border-width: 0px 1px 1px 0px;
	text-align: center;
	background: #fff;}

#ryoukinhyou .glay {
	border: solid silver;
	border-width: 0px 1px 1px 0px;
	text-align: center;
	background: #eee;}

#ryoukinhyou .white2 {
	border: solid silver;
	border-width: 0px 0px 1px 0px;
	text-align: center;
	background: #fff;}

.koe-box {
	display: block;
	float: left;
	width: 500px;
	margin: 5px 0px 5px 0px;
	border: solid;
	border-width: 1px 2px 2px 1px;
	border-color: #ddd #aaa #aaa #ddd;
	padding: 20px;
	background: #fff;
	overflow:hidden;}

.koe-box .name {
	display: block;
	float: right;}

.outlink {
	padding: 0px 0px 0px 10px;
	text-decoration: none;
	font-size: 115%;}

#moushikomi {
	border: solid silver;
	border-width: 1px 0px 0px 1px;
	width: 100%;}

#moushikomi .midasi {
	border: solid silver;
	border-width: 0px 1px 1px 0px;
	width: 140px;
	padding: 5px;
	background: #ebf2db;}

#moushikomi .white {
	border: solid silver;
	border-width: 0px 1px 1px 0px;
	padding: 5px;
	background: #fff;}

.input-box {
	border: #999 solid 1px;}

.input-button {
	background: #eee;
	font-size: 120%;
	padding: 3px 5px;
	border: #999 solid 2px;}

.sitemap-top {
	display: block;
	width: 100%;
	font-size:105%;
	padding: 10px 0px 10px 10px;
	border: #ddd solid 1px;}

.sitemap-box {
	display: block;
	width: 520px;
	font-size:100%;
	margin: 20px 0px 0px 20px;
	padding: 10px 0px 10px 10px;
	border: #ddd solid 1px;}

*/