@charset "utf-8";
/*
@prefix : <http://purl.org/net/ns/doas#> .
<> a :CSSstylesheet;
 :title "Base Style";
 :created "2006-04-09";
 :release [:revision "1.12"; :created "2008-01-018"];
 :author [:name "wu"; :homepage <http://3ping.org/>; :mbox "3ping.org@gmail.com"];
 :license <http://creativecommons.org/licenses/publicdomain/deed.ja>;
 :description "各要素単独のスタイル";
 :note "
 	Outline - 
		1-1.Yahoo UI Library Fonts CSS. 
		1-2.Universal selector. 
		1-3.Structure Module. 
		1-4.Text Module. 
		1-5.Hypertext Module. 
		1-6.List Module. 
		1-7.Edit Module. 
		1-8.Forms Module. 
		1-9.Tables Module. 
		1-10.Image Module. 
		1-11.Object Module
		";
 :contributor [
 	:name "Yahoo";
	:title "YUI Fonts CSS";
	:description "ブラウザ間のフォントサイズを揃えるライブラリ";
	:revisiton "2.4.0";
	:homepage <http://developer.yahoo.com/yui/fonts/>;
	:license <http://developer.yahoo.com/yui/license.txt>;
	:note "
		Font-size Adjustment.
			77% = 10px	|	122% = 16px	|	167% = 22px	
			85% = 11px	|	129% = 17px	|	174% = 23px 
			92% = 12px	|	136% = 18px	|	182% = 24px 
			100% = 13px	|	144% = 19px	|	189% = 25px 
			107% = 14px	|	152% = 20px	|	197% = 26px 
			114% = 15px	|	159% = 21px	| 
			"
	] .
*/

/*編集不要*/
body {
	text-align: center;
	background: url("../images/gray.png") repeat-y top center;
	background-color: #f5f5f5;
	font:13px/1.231 arial, helvetica, clean, sans-serif;
*font-size:small;
*font:x-small;
}
table {
	font-size:inherit;
	font:100%;
}
pre, code, kbd, samp, tt {
	font-family:monospace;
*font-size:108%;
	line-height:100%;
}
/*======================================

	1-2.Universal selector

=======================================*/

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	line-height: 1.6;
}
/*======================================

	1-3.Structure Module

=======================================*/



/*======================================

	1-4.Text Module

=======================================*/

p, pre, address, cite {
	background: #FFFFFF;
	margin: 0.5em 20px;
	font-size: 92%;
	color: #333333;
}
h1, h2, h3, h4, h5, h6 {
	background: #FFFFFF;
	color: #3b3a26;
}
h1 {
	font-size: 189%;
}
h2 {
	font-size: 159%;
}
h3 {
	font-size: 144%;
}
h4 {
	font-size: 122%;
}
h5 {
	font-size: 107%;
}
h6 {
	font-size: 107%;
}
/*======================================

	1-5.Hypertext Module

=======================================*/

a:link {
	color: #005585;
}
a:visited {
	color: #005585;
}
a:hover {
	color: #80af00;
}
/*======================================

	1-10.Image Module

=======================================*/

img {
	vertical-align: top;
	margin: 0 10px 0 0;
}
img b {
	background: #FFFFFF;
	vertical-align: bottom;
	border: 1px solid #ddd;
}
a img {
	border: none;
}
a:hover img {
}
/*======================================

	1-11.Object Module

=======================================*/

object, embed {
}
/* ブロックのレイアウト
---------------------------------------------*/

#wrapper {
	width: 766px;
	margin: 0 auto;
	text-align: left;
}
#header {
	position: relative;
	z-index: 100;
	width: 100%;
	height: 78px;
	background: #FFFFFF;
}
#logo {
	position: absolute;
	margin: 0 0 10px 30px;
	display: inline;
}
/* ================================================================ 
		This copyright notice must be untouched at all times.
		
		The original version of this stylesheet and the associated (x)html
		is available at http://www.cssplay.co.uk/menus/skeleton.html
		Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
		This stylesheet and the associated (x)html may be modified in any 
		way to fit your requirements.
		=================================================================== */
		#nav,  #nav ul {
	margin: 0 0 10p;
	list-style:none;
	font-size: 92%;
	background:#fff;
	position: absolute;
	z-index:200;
	left: 253px;
	top: 30px;
	width: 500px;
}
#nav {
	height:25px;
	padding:0;
}
#nav table {
	border-collapse:collapse;
}
#nav li {
	float:left;
	width: 100px;
	margin: 0;
}
#nav li li {
	float:none;
}
/* a hack for IE5.x and IE6 */
		#nav li a li {
	float:left;
}
#nav li a {
	display: block;
	width: 100%;
	padding: 8px 0 0 0;
	text-align: center;
	font-size: 92%;
	font-family: Arial, Helvetica, sans-serif;
	color: #555555;
	text-decoration: none;
	background: url(../images/navigation_bg.gif) left top no-repeat;
}
#nav li li a {
	height:20px;
	line-height:20px;
	float:none;
}
#nav li:hover {
	position:relative;
	z-index:300;
	background:#fff;
}
#nav a:hover {
	position:relative;
	z-index:300;
	color:#00b8ad;
	background: url(../images/navigation_bg.gif) right top no-repeat;
}
#nav :hover ul {
	left:0;
	top:24px;
}
/* another hack for IE5.5 and IE6 */
		#nav a:hover ul {
	left: 0px;
}
#nav ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:auto;
}
/* it could have been this simple if all browsers understood */
		/* show next level */
		#nav li:hover li:hover > ul {
	left:-15px;
	margin-left:100%;
	top:-1px;
}
/* keep further levels hidden */
		#nav li:hover > ul ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:auto;
}
/* show path followed */
		#nav li:hover > a {
	color:#00b8ad;
	background: url(../images/navigation_bg.gif) right top no-repeat;
}
/* but IE5.x and IE6 need this lot to style the flyouts*/
		/* show next level */
		#nav a:hover a:hover ul,  #nav a:hover a:hover a:hover ul,  #nav a:hover a:hover a:hover a:hover ul,  #nav a:hover a:hover a:hover a:hover a:hover ul {
	left:100%;
	top:-1px;
}
/* keep further levels hidden */
		#nav a:hover ul ul,  #nav a:hover a:hover ul ul,  #nav a:hover a:hover a:hover ul ul,  #nav a:hover a:hover a:hover a:hover ul ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
}
#flash {
	width: 766px;
	height: 349px;
	position: static;
	z-index: -100;
	background: #FFFFFF;
}
#imageinfo {
	width: 766px;
	position: static;
	z-index: -100;
	background: #FFFFFF;
}
#content {
	width: 766px;
}
#content::after {
 height: 0;
 visibility: hidden;
 content: ".";
 display: block;
}
#topics {
	float: right;
	display: inline;
	width: 483px;
	margin: 20px 30px 30px 0;
	background-color:#ffffff;
}
#topics .img1 {
	margin: 10px 0 10px 0;
}
#topics p {
	margin-left: 0px;
	background: url(../images/arrow.gif) no-repeat 0px 5px;
	padding-left: 17px;
}
#topics li {
	display: inline;
	padding: 0 0 10px 17px;
}
#banner {
	float: left;
	display: inline;
	width: 190px;
	margin: 20px 0 30px 30px;
	background-color:#ffffff;
}
#banner h1 {
	margin: 10px 0 15px 0;
}
#banner .img1 {
	display: inline;
	margin-top: 10px;
}
#banner li {
	margin: 8px 0 0 0;
	list-style-type: none;
}
#footer {
	clear: both;
	margin-top: 30px;
}
/* 個別のレイアウト
---------------------------------------------*/

#cominfo {
	float: right;
	display: inline;
	width: 470px;
	margin: 20px 43px 30px 0;
	font-size: 92%;
	color: #3b3a26;
	background-color:#ffffff;
}
#rec {
	float: left;
	display: inline;
	width: 705px;
	margin: 20px 30px 30px 30px;
	font-size: 92%;
	color: #3b3a26;
	background-color:#ffffff;
}
#rec h2 {
	padding: 0.2em 16px;
	color: #FFFFFF;
	background-color: #80acd3;
	font-weight: bold;
	font-size: 218%;
	letter-spacing: 0.1em;
	margin: 0.8em 16px;
	-moz-border-radius: 7px; /* for Fx */
	-webkit-border-radius: 7px; /* for Safari */

}
#rec .midashi {
	margin-left: 75px;
}
#rec .list {
	margin-top: 15px;
}
#rec .imgleft {
	margin: 5px 15px 0 0;
	float: left;
}
#rec .imgright {
	margin: 5px 0 0 15px;
	float: right;
}
#tab {
	margin: 10px 0 10px 0;
}
#tab2 {
	margin: 0px 0 10px 0;
}
#tab3 {
	margin: 0px 0 10px 75px;
}
#tab4 {
	margin: 0px 0 10px 70px;
}
#cominfo table, #rec table, #shikaku table {
	border-bottom-style: none;
}
#cominfo table th, #rec table th, #shikaku table th {
	text-align: right;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#cominfo table td, #rec table td, #shikaku table td {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#cominfo table tr.odd, #rec table tr.odd, #shikaku table tr.odd {
	background-color: #EFEFEF;
}
#cominfo h1, #rec h1, #shikaku h1 {
	margin: 10px 0 5px 10px;
	float: right;
}
#cominfo h3, #rec h3, #shikaku h3 {
	font-size: 153%;
	margin: 20px 0 15px 40px;
	font-weight: bold;
	letter-spacing: 0.2em;
	color: 0a1f62;
}
#cominfo h4, #rec h4, #shikaku h4 {
	margin: 10px 0 0 0;
}
#cominfo .com, #rec .com, #shikaku .com {
	margin: 8px 0 0 0;
}
#cominfo p, #rec p, #shikaku p {
	font-size: 108%;
	letter-spacing: 0.1em;
	margin: 0 20px 0 55px;
	margin-bottom: 15px;
}
#cominfo li, #rec li, #shikaku li {
	font-size: 108%;
	letter-spacing: 0.1em;
	margin: 0 20px 0 120px;
	margin-bottom: 0px;
}
#cominfo .link, #rec .link, #shikaku .link {
	font-size: 107%;
	margin: 1px 0 15px 5px;
	background: url(../images/link.gif) left center no-repeat;
	padding-left: 10px;
}
#maps {
}
div#map1 {
	margin: 10px 0 0 0;
	border: 1px solid #CCCCCC;
}
#sdinfo {
	float: right;
	display: inline;
	width: 470px;
	margin: 20px 43px 30px 0;
	font-size: 100%;
	color: #3b3a26;
	background-color:#ffffff;
}
#sdinfo .img1 {
	margin: 10px 0 5px 10px;
	float: right;
}
#sdinfo .img2 {
	margin: 10px 10px 5px 0;
	float: left;
}
#sdinfo h3 {
	margin: 5px 0 10px 0;
	font-weight: bold;
}
#sdinfo p {
	/*	letter-spacing: 0.1em;*/
	margin: 0.5em;
	margin-bottom: 8px;
	text-indent: 0.6em;
}
#sdinfo .link {
	font-size: 100%;
	margin: 1px 0 15px 9px;
	background: url(../images/link.gif) left center no-repeat;
	padding-left: 14px;
}
#shikaku .link {
	font-size: 140%;
	margin: 1px 0 15px 45px;
	background: url(../images/link.gif) left center no-repeat;
	padding-left: 14px;
}
/*#sdinfo .img_indent2 {
	margin: -25px 0 0 0;
}*/

#sdinfo .list {
	margin-top: 15px;
}
#movie {
	margin: 10px 0 25px 0;
}
/*FORM*/
#form {
	float: left;
	display: inline;
	width: 470px;
	margin: 0 43px 30px 0;
	font-size: 92%;
	color: #3b3a26;
	background-color:#ffffff;
}
#inquiry {
	margin: 20px 30px 30px 30px;
	width: 705px; /* ボックスの幅を指定 */
}
#inquiry table {
	border-top: 1px solid #CCCCCC;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCCCCC;
	font-size: 100%;
	width: 100%;
}
#inquiry td {
	border-top: none;
	border-bottom: 1px solid #CCCCCC;
	border-left: none;
	border-right: none;
	padding: 10px;
}
#inquiry th {
	border-top: none;
	border-bottom: 1px solid #CCCCCC;
	border-left: 6px solid #CCCCCC;
	border-right: none;
	background-color: #F3F3F3;
	font-weight: normal;
	padding: 10px;
	width: 200px;
}
#inquiry th.must {
	border-left-color: #D90000;
}
#inquiry th em {
	font-style: normal;
	color: #FF0000;
	padding-left: 5px;
}
.text1, .text2, .text3, .text4 {
	border: 1px solid #CCCCCC;
	background-color: #F3F3F3;
	padding: 2px;
}
.text1 {
	width: 100px;
}
.text2 {
	width: 4em;
}
.text3 {
	width: 98%;
}
.text4 {
	width: 98%;
}
#inquiry select {
	border: 1px solid #CCCCCC;
	background-color: #F3F3F3;
}
#inquiry .submit {
	text-align: center;
	margin-top: 30px;
}
.text1:focus, .text2:focus, .text3:focus, .text4:focus {
	border-color: #7F9DB9; /* フォーカス時のボーダーの色を指定 */
	background-color: #FFFFFF; /* フォーカス時の背景色を指定 */
}
ol#privacy {
	list-style-type: decimal;
	list-style-position: inside;
	margin: 0.5em;
}
.sessiondescription {
	display: none;
	font-weight: normal;
	margin: 5px 0 3px 13px;
}
#session {
	display:block;
	position:relative;
	text-align: left;
}
#shikaku {
	float: left;
	display: inline;
	width: 705px;
	margin: 20px 30px 30px 30px;
	font-size: 92%;
	color: #3b3a26;
	background-color:#ffffff;
}
#shikaku h2 {
	padding: 0.2em 16px;
	color: #FFFFFF;
	background-color: #76a776;
	font-weight: bold;
	font-size: 218%;
	letter-spacing: 0.1em;
	margin: 0.8em 16px;
	-moz-border-radius: 7px; /* for Fx */
	-webkit-border-radius: 7px; /* for Safari */

}
#shikaku .midashi {
	margin-left: 75px;
}
#shikaku .list {
	margin-top: 15px;
}
#shikaku .imgleft {
	margin: 5px 15px 0 0;
	float: left;
}
#shikaku .imgright {
	margin: 5px 0 0 15px;
	float: right;
}