﻿/****************************** レイアウトの設定 *******************************/
html, body{
	margin: 0;
	padding: 0;
}

html{
	width: 100%;
	height: 100%;
	overflow-y: scroll;
}

body{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif,Verdana,Arial,Helvetica;
	line-height: 100%;
	margin: 0 auto;
	text-align: left;
	color: #666;
	height: 100%;
	background:url("../img/back/bodyback.jpg") center bottom no-repeat;
	background-attachment:fixed;
	background-color:#F1F8F1;
}

div, h1, h2, h3, h4, h5, p, ul, ol, li, di, dt, dd, form, fieldset, input, th, td{
	margin: 0px;
	padding: 0px;
}

img {
	border: 0;
	vertical-align: top;
}

a:hover img.link{
	opacity:0.8;
	filter: alpha(opacity=80);
}

a, object {
	outline: none;
}

a:link, a:visited{
	color: #26BE1B;
	text-decoration:none;
}

a:hover, a:focus{
	color: #FF9933;
	text-decoration:underline;
}

#left{
	float:left;
}

#right{
	float:right;
}

font.red{
	color: #FF9966;
}

/****************************** ラッパーの設定 *********************************/
#wrap{
	width:100%;
	text-align:center;
}

#white{
	width:930px;
	margin: 0 auto;
	background:url("../img/back/back.png") repeat-x;
}

/****************************** ヘッダーの設定 *********************************/
#head{
	width:900px;
	height:90px;
	padding-top: 10px;
	margin:0 auto;
	text-align:left;
}
#logo{
	width:525px;
	height:75px;
	margin:0 auto;
	text-align:left;
	float:left;
}

/* フォントサイズの設定 */
#fontsize{
	width:120px;
	height:75px;
	margin-top: 30px;
	text-align:center;
	float:right;
}

#fontsize img{
	vertical-align: bottom;
	margin-right: 3px;
}

#contact{
	width:200px;
	height:75px;
	margin-right: 5px;
	text-align:right;
	float:right;
}
/* メニュー ロールオーバーの設定 */
#menu, #menu2, #menu3{
	position:relative;
	width:930px;
	height: 330px;
	margin:0 auto;
	z-index: 1;
	outline: none;
	overflow:hidden;
}

#menu2{
	height: 830px;
}

#menu3{
	height: 600px;
}

#nonflash {
	margin: 50px auto;
}

/****************************** コンテナの設定 *********************************/
#container {
	position:relative;
	top: -190px;
	width:910px;
	margin:0 auto;
	text-align:center;
}

/****************************** メインの設定 ***********************************/
#main{
	width:910px;
	margin:10px auto 0 auto;
	text-align:left;
	float:right;
	background-color:#FFFFFF;
}

#guide{
	width:890px;
	text-align:left;
	margin-left:10px;
	line-height:300%;
	float:left;
}

#contents{
	position:relative;
	width:100%;
	text-align:left;
	line-height:150%;
	float:left;
}

#note{
	width:880px;
	text-align:left;
	line-height:150%;
	margin-bottom: 2em;
	float:left;
}

#note p.linehead {
//	margin-bottom:0.5em;
}

#note h1 img {
	margin-left:15px;
}

#kamoku h1 img {
	margin-left:15px;
}

#contents h1 img {
	margin-left:15px;
}

#note p, #note ul, #note dl
, #kamoku ol, #kamoku p
, #kamoku ol li, #kamoku ol li p
, #oabss ol li, #oabss ol li p {
	margin-left: 1.5em;
}

#kamoku ol li {
	margin-bottom: 1em;
}

#oabss {
	width:830px;
	text-align:left;
	line-height:150%;
	padding: 1em;
	float:left;
	margin-left: 1.5em;
//	margin-left: 0.5em;
	margin-bottom: 2em;
	border: 1px #AAAAAA solid;
}

#oabss p, #oabss div#shoujou {
	text-align: center;
}

#oabss ol {
	margin-left: 1em;
}

#oabss ol li {
	float: left;
	width: 90%;
	border-bottom: 1px #AAAAAA dotted;
	padding-bottom: 1em;
	margin-top: 1.5em;
}

#oabss ol li p span {
	float: left;
	display: block;
	width: 8em;
	height: 2em;
	line-height: 2em;
	text-align:left;
}

#oabss ol li p span input {
	margin-right: 0.2em;
}

#note iframe#map {
	margin-left: 1.5em;
	margin-bottom: 3em;
}

#note p p {
	margin-left: 3em;
}

#note img.linehead {
	margin: 0;
	vertical-align:text-bottom;
}

#note img.floatleft {
	float: left;
	margin-right: 1.5em;
}

#note img.name {
	float: right;
}

#note li {
	list-style-type: none;
}

#kamoku{
	width:880px;
	margin-bottom: 2em;
}

#kamoku ul#square, #kamoku ul#squarelist {
	list-style-type: square;
	list-style-image: url(./../img/back/square.gif);
//	list-style-image: url(./../img/back/square2.gif);
	margin-left: 3em;
	margin-bottom: 1em;
}

#kamoku ul#square li, #kamoku ul#squarelist li {
	margin-bottom: 0.5em;
}

#kamoku ul#squarelist li {
	width: 29em;
}

ul#squarelist li span {
	width: 20em;
	float: right;
}

#note font#title {
	font-weight: bold;
	font-size: 120%;
}

div#shoujou img{
	padding: 0.5em 1.5em;
}

#contents img {
	border: 0;
	vertical-align: middle;
	margin:0.5em 0.5em 0.5em 0;
}

table#list01 {
}

table#list01 td {
	border-top: 1px #DDDDDD solid;
	padding: 10px;
}

table#list01 td#header {
	background-color:#FFFFFF;
	border-right: 4px #FF9933 solid;
	width: 6.5em;
	font-size: 110%;
	text-align: right;
}

table#list02 {
	border-collapse: collapse;
}

table#list02 td {
	border: 1px #DDDDDD solid;
	padding: 5px 10px;
	text-align: center;
}

table#list02 td#header {
	background-color:#eeeeee;
}

table#list03,
table#list04 {
	padding-left: 1.5em;
	margin-left: 1em;
	width: 90%;
}

table#list03 td {
	border-bottom: 1px #DDDDDD solid;
	padding: 10px;
}

table#list03 td#title {
	background-color:#FFFFFF;
	border-bottom: 2px #26BE1B solid;
	font-size: 110%;
	text-align: left;
	padding: 0 0 0 0.5em;
}

table#list03 td#header {
	background-color:#F3F3F3;
	border-right: 4px #FF9933 solid;
	font-size: 110%;
	text-align: right;
}

table#list04 {
	padding-top: 1em;
}

table#list04 td {
	padding: 10px;
}

table#list04 td span {
	margin: 0;
	padding: 0.2em 0.5em;
	background-color: #FFF9EA;
	border: 1px #FF9933 solid;
}

table#list04 td p {
	margin: 0;
	padding: 0;
}

dl#enkaku dt, dl#items dt, dl#small dt {
	clear: left;
	float: left;
	margin: 0 0 0.8em;
	width: 5em;
	border-left: solid 3px #FF9933;
	padding-left: 5px;
}

dl#enkaku dd, dl#items dd, dl#small dd {
	margin-bottom: 0.8em;
	margin-left: 9em;
}

dl#items, dl#small {
	margin-left: 1.5em;
}

dl#items dt {
	width: 9em;
	padding-left: 10px;
}

dl#small dt {
	width: 3em;
	padding-left: 10px;
}

dl#items dd {
	margin-left: 12em;
}

dl#small dd {
	margin-left: 5em;
}

span#strong {
	font-weight: bold;
	border-bottom: dashed 1px #26BE1B;
}

/* マップ画面の設定 */
#root{
	width:560px;
	margin:10px auto;
	line-height:175%;
	text-align:left;
}

/* マップボタン画像 ロールオーバーの設定 */
#map a{
	display:inline;
	background:url("../img/other/btnMap.jpg") no-repeat;
	text-indent:-9999px;
	text-decoration:none;
	font-size:1px;
	/* hack \*/
	overflow:hidden;
	/* end hack */
	width:47px;
	height:16px;
	float:left;
}

#map a{background-position:0 0;}
#map a:hover{background-position:0 -16px;}

/* 閉じるボタン画像 ロールオーバーの設定 */
#close a{
	display:inline;
	background:url("../img/menu/close.jpg") no-repeat;
	text-indent:-9999px;
	text-decoration:none;
	font-size:1px;
	/* hack \*/
	overflow:hidden;
	/* end hack */
	width:74px;
	height:25px;
	float:left;
}

#close a{background-position:0 0;}
#close a:hover{background-position:0 -25px;}

/****************************** メニュー ロールオーバーの設定 ****************************/
#navi{
	position:relative;
	width:900px;
	margin:0 auto;
	background:url("./../img/menu/main.gif") no-repeat;
	/* hack \*/
	overflow:hidden;
	/* end hack */
}
#navi a{
	display:block;
	background:url("./../img/menu/main.gif") no-repeat;
	text-indent:-9999px;
	text-decoration:none;
	font-size:1px;
	/* hack \*/
	overflow:hidden;
	/* end hack */
	width:150px;
	height:40px;
}
#navi ul{padding:0; margin:0;}
#navi li{
	padding:0;
	margin:0;
	width:150px;
	height:40px;
	list-style-type:none;
	float:left;
}
#navi #navi01 a{background-position:0 0;}
#navi #navi01 a:hover{background-position:0 -40px;}
#navi #navi01o a{background-position:0 -80px;}
#navi #navi02 a{background-position:-150px 0;}
#navi #navi02 a:hover{background-position:-150px -40px;}
#navi #navi02o a{background-position:-150px -80px;}
#navi #navi03 a{background-position:-300px 0;}
#navi #navi03 a:hover{background-position:-300px -40px;}
#navi #navi03o a{background-position:-300px -80px;}
#navi #navi04 a{background-position:-450px 0;}
#navi #navi04 a:hover{background-position:-450px -40px;}
#navi #navi04o a{background-position:-450px -80px;}
#navi #navi05 a{background-position:-600px 0;}
#navi #navi05 a:hover{background-position:-600px -40px;}
#navi #navi05o a{background-position:-600px -80px;}
#navi #navi06 a{background-position:-750px 0;}
#navi #navi06 a:hover{background-position:-750px -40px;}
#navi #navi06o a{background-position:-750px -80px;}

/****************************** ページトップ遷移の設定 ***********************************/
#totop{
	width:100px;
	height:25px;
	position:relative;
	margin:20px auto 0 auto;
	float:right;
}

/****************************** フッターの設定 *********************************/
#footer, #footer2, #footer3{
	width:910px;
	height:50px;
	position:relative;
	top:-20px;
	margin:0 auto;
}

#footer2{
	top:45px;
}

#footer3{
	top:170px;
}

#foot{
	background:url("./../img/back/footer.gif") repeat-x;
	width:910px;
	height:25px;
	margin:0 auto;
	float:left;
	text-align:left;
	line-height:25px;
}

/* フッターメニュー ロールオーバーの設定 */
#foMenu{
	background:url("./../img/menu/footer.gif") no-repeat;
	width:330px;
	float:left;
	/* hack \*/
	overflow:hidden;
	/* end hack */
}

#foMenu a{
	display:block;
	background:url("./../img/menu/footer.gif") no-repeat;
	text-indent:-9999px;
	text-decoration:none;
	font-size:1px;
	/* hack \*/
	overflow:hidden;
	/* end hack */
	width:110px;
	height:25px;
}
#foMenu ul{padding:0; margin:0;}
#foMenu li{
	padding:0;
	margin:0;
	width:110px;
	height:25px;
	list-style-type:none;
	float:left;
}
#foMenu #foot01 a{background-position:0 0;}
#foMenu #foot01 a:hover{background-position:0 -25px;}
#foMenu #foot02 a{background-position:-110px 0;}
#foMenu #foot02 a:hover{background-position:-110px -25px;}
#foMenu #foot03 a{background-position:-220px 0;}
#foMenu #foot03 a:hover{background-position:-220px -25px;}
