@charset "utf-8";

/*-----------------------------

　リセットCSS + サイト共通設定

------------------------------*/

/* 全ての要素に対する余白初期値設定 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, main, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
	border: 0;
	font-size: 100%;
}

/* デフォルト文字設定 */
body{
	color:#666666;
	font-family:sans-serif; 
	font-size:87.5%;
	line-height:1.5;
}

/* リストマーカーを非表示 */
ul,ol{
	list-style-type:none;
}

/* テーブルセルのボーダーの設定 */ 
table {
	border-collapse: collapse; 
	border-spacing: 0;
}

/* 画像とフォームパーツの上下位置をテキストの真ん中に */
img, input, select, textarea { 
	vertical-align: middle;
}


/* デフォルトリンク色の設定 */
a{
	color:#5858FA;
}

a:hover{
	color:#CCE739;
}

/* 画像リンクの設定 */
a img{
	opacity:1;
	filter: alpha(opacity=100);
}

a:hover img{
	opacity:0.7;
	filter: alpha(opacity=75);
}


/*	clearfix
------------------------------*/
.clearfix:after {/*for modern browser*/
   content: "";
   display: block;
   clear: both;
}

.clearfix { *zoom:1; } /*for IE6,IE7*/


/*--------------------------

　レイアウト

---------------------------*/
.inner{
	width: 940px;
	margin: 0 auto;
}

/* ヘッダー
---------------------------*/
body{
	border-top: #00cc00 5px solid;
	width: 940px;
	margin: auto;
}

#header{
	background: #ccff00;
}

#header .inner {
	display: table;
}

#greeninov{
	padding-left: 20px;
}

#title{
	margin-top: -20px;
	margin-bottom: 0;
	margin-left: 20px;
	vertical-align: middle;
}
	

#logo{
	padding-left: 20px;
	display: table-cell;
	vertical-align: middle;

}


/* フッター
---------------------------*/
#footer{
	padding: 10px 0;
	clear: both;
}


#copyright{
	float: right;
}

/* グローバルナビゲーション
---------------------------*/
#gnav{
	/*background: #00c4ab;*/
}

#gnav ul{
	overflow: hidden;
}

#gnav li{
	float: left;
}

#gnav a{
	display: block;
	width: 188px;
	height: 35px;
	background: url(../img/gnav.png) no-repeat;
	text-indent: -9999px;
	color: #fff;
}

#gnav .gnav01 a{ background-position: 0 0;}
#gnav .gnav02 a{ background-position: -188px 0;}
#gnav .gnav03 a{ background-position: -376px 0;}
#gnav .gnav04 a{ background-position: -564px 0;}
#gnav .gnav05 a{ background-position: -752px 0;}

#gnav .gnav01 a:hover{ background-position: 0 -35px;}
#gnav .gnav02 a:hover{ background-position: -188px -35px;}
#gnav .gnav03 a:hover{ background-position: -376px -35px;}
#gnav .gnav04 a:hover{ background-position: -564px -35px;}
#gnav .gnav05 a:hover{ background-position: -752px -35px;}

.start #gnav .gnav01 a{ background-position: 0 -70px;}
.souchi #gnav .gnav02 a{ background-position: -188px -70px;}
.riyouhouhou #gnav .gnav03 a{ background-position: -376px -70px;}
.riyourule #gnav .gnav04 a{ background-position: -564px -70px;}
.access #gnav .gnav05 a{ background-position: -752px -70px;}

/* ページトップ
---------------------------*/
#pagetop{
	font-size: 90%;
	text-align: right;
	clear: both;
}

/* ページトップ
---------------------------*/
#return{
	font-size: 90%;
	text-align: right;
	clear: both;
}




/* コンテンツエリア
---------------------------*/
#contents{
	width: 920px;
	margin: 10px auto;
	padding: 10px 10px 10px 10px;
}

/* パンくず
---------------------------*/
#pankuzu{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: #ccc 1px dotted;
}

#pankuzu li{
	display: inline;
	font-size: 83%;
}

#pankuzu li{
	padding-right: 15px;
	background: url(../img/ico_arw01.png) right center no-repeat;
}

/* メイン
---------------------------*/
#main{
	margin: 0 auto;
}

.midasibar{
	margin-top: -8px;
}

.t_contents li{
	margin-left: 50px;
	display: inline;
}

/* 「ホーム」の設定
---------------------------*/



/* 全景写真
---------------------------*/
#zenkei{
	margin: 10px auto;
}

/* 左サイドの設定
---------------------------*/
#leftside{
	float: left;
}

#gaiyou{
	margin: 10px 20px;
	width: 550px;
}

#tadashigaki{
	margin: 0px 30px 15px 30px;
	padding: 10px 10px;
	width: 500px;
	color: #ff0000;
	border: 1px solid #ff0000;
	float: left;
}

#shinchaku{
	margin: 20px 0;
	padding: 10px 10px;
	width: 250px;
	border: 1px solid #96999a;
	float: right;
	background-color: #fff8dc;
}

#counter{
	padding-left: 100px;
	margin: 0 20px;
	float: right;
}	


/* 「利用方法」の設定
---------------------------*/

#main h2{
	font-size: large;
	clear: left;
	padding-top: 20px;
}

#tadashigaki2{
	margin: 0px 30px 15px 30px;
	padding: 10px 10px;
	width: 800px;
	color: #ff0000;
	border: 1px solid #ff0000;
	float: left;
}

#flow1{
	margin-top: 20px;
}

#flow1l{
	float: left;
	padding-right: 20px;
}

#flowr{
	float: right;
}

#flow1r p{
	margin: 0 0 30px 40px;
}

#flow2{
	margin-left: -40px;
}

#flow2l{
	float: left;
}

#flow2r{
	float:left;

}

#flow3{
	clear: left;
	padding-top: 20px;
}

#flow3l{
	float: left;
}
#flow3r{
	float: left;
	margin-left: 20px;
}
#flow3r p{
	margin: 0 0 20px 0;
}


/* 「利用ルール」の設定
---------------------------*/
#crkousei{
	width: 500px;
	margin: 30px 0;
}

#nyusitu{
	width: 500px;
	margin: 30px 0;}

#main1{
	float: left;
}

#crzu{
	float: right;
	margin: 50px 0 0 0;
}

#unyourule{
	clear: both;
	margin: 30px 20px 10px 0;
}

#rulelist{
	margin: 20px 50px;
}

#kakinsetumei{
	margin: 0 0 30px 50px;
	text-align: center;
	width: 70%;
}

#kakinsetumei th,td{
	border: #ccc 1px solid;
}

#kakinsetumei .hidari{
	text-align: left;
	padding-left: 50px;
	height: 30px;
}

#souchisiyouryou{
	margin: 10px 0 10px 50px;
	width: 80%;
	text-align: center;
	border: #669900 1px solid;	
}

#souchisiyouryou td{
	text-align: left;
	padding-left: 10px;
	border: #669900 1px solid;
}
#souchisiyouryou th{
	text-align: center;
	padding-left: 10px;
	border: #669900 1px solid;
}

#souchisiyouryou .en{
	text-align: right;
	padding-right: 30px;
	background-color: #fff8dc;
}

#souchisiyouryou .cen{
	text-align: center;
}

#ryoukin h3{
	font-size: large;
}

#opetore{
	margin: 10px 0 30px 50px;
	width: 80%;
	text-align: center;
	border: #669900 1px solid;	
}	

#opetore .lef{
	text-align: left;
}

#daikou{
	margin: 10px 0 30px 50px;
	text-align: center;
}

#bikou{
	margin: 10px 0 30px 50px;
}

#bikou ol{
	list-style-type: decimal;
	margin-left: 20px;
}

#youkoup{
	margin: 10px 0 30px 50px;
}


/* 「運用ルール」の設定
---------------------------*/
#taitoru{
	font-size: large;
	margin: 20px 0 30px 0;
}

#enterrule{
	width: 600px;
	float: left;
}

#kikata{
	margin: 0 0 30px 60px;
}

#wearzu img{
	margin-top: 80px;
	width: 300px;
	float: left;
}

#motikomi{
	clear: both;
}

#hinankeiro img{
	width: 500px;
	margin: 30px 0 30px 200px;
}



/* 「供用装置」の設定
---------------------------*/
#soutilist{
	width: 440px;
	float: left;
}

#soutilisttitle{
	margin: 20px 0 -8px 0;
	font-size: large;
}

#soutilisttable td,th{
	border: #ccc 1px solid;
}

#layoutzu img{
	margin: 70px 0 20px 10px;
	width: 470px;
	float: right;
}

#layout_cap{
	text-align: center;
}


#CRzenkei{
 	clear: both;
 	width: 900px;
 	margin-top: 50px;
}
 
#CRzenkei h3{
	margin: 20px 0 -15px 0;
	font-size: large;
}

#CRzenkei p{
	clear: both;
	margin: 10px 0 20px 0;
}
 

/* 「アクセス」の設定
---------------------------*/ 
#toiawase{
	width: 400px;
	float: left;
}

#toiawase h2{
	margin: 20px 0 0 0;
}

#map img{
	width: 500px;
	float: left;
}


 
/*  各「装置」の設定
---------------------------*/ 
#equipmentname{
	margin: 20px 0 20px 10px;
	padding: 10px 30px;
	font-size: large;
	border: #f6bb9e 7px ridge;
}

#namelist li{
	display: inline;
}

#sekininsha{
	margin: 5px 0 10px 70px;
}

#gaiyousetumei h3{
	margin-bottom: 10px;
	font-size: large;
}

#gaiyousetumei{
	width: 500px;
	margin: 10px 20px 30px 10px;
	float: left;
}

#shasin{
	margin: 20px 10px 30px 10px;
	float: right;
}

#siyou{
	clear: both;
}

#siyou h3{
	font-size: large;
}

#spec{
	margin: 20px 0 0 20px;
}

#spectable{
	margin: 30px 0 0 30px;
	text-align: center;
}

.gaiyou_ul{
	margin: 10px 0 30px 10px;
}

#XPSex img{
	width: 500px;
}

/*#EDXsetumei img{
	width: 700px;
}*/

#riyoujittai{
	float: left;
}

#riyoujittai h3{
	font-size: large;
	margin: 20px 0 10px 10px;
}

#riyoujittai table{
	margin-left: 20px;
	margin-bottom: 20px;
}

#riyoujittai th{
	text-align: left;
}

#riyoujittai th,td{
	padding: 2px 5px 2px 5px;
}


/*  「装置説明」の設定
---------------------------*/ 

.wrap{
	width: 440px;
	height: 450px;
}

.equipmentname strong{
	color: #990000;
}

.namelist li{
	display: inline;
	text-align: left;
}

.souchisetsumei li{
	list-style-type: disc;	
	margin: 0 0 0 10px;
	width: 230px;
	
}

.souchisetsumei th{
	text-align: left;
}

.souchisetsumei td{
/*	text-indent: 10px;*/
}

.souchisetsumei{
	float: left;
	margin: 20px 0 0 10px;
}

.souchisetsumei2 li{
	list-style-type: disc;	
	margin: 0 0 0 10px;
	width: 400px;
	
}
	
.souchisetsumei2 th{
	text-align: left;
}

.souchisetsumei2 td{
/*	text-indent: 10px;*/
}

.souchisetsumei2{
	float: left;
	margin: 20px 0 0 10px;
}

.shasin{
	float: right;
	margin-top: 30px;	
}

.shasin2{
	float: left;
	margin: 30px 0 30px 0;	
}

#L1{
	float: left;
	padding: 5px 5px 5px 5px;
	border: solid 2px;
	border-color: #ff9900;
}

#R1{
	float: right;
	padding: 5px 5px 5px 5px;
	border: solid 2px;
	border-color: #ff9900;
}


#L2{
	clear: both;
	margin-top: 20px;
	float: left;
	padding: 5px 5px 5px 5px;
	border: solid 2px;
	border-color: #ff9900;
}

#R2{
	margin-top: 20px;
	float: right;
	padding: 5px 5px 5px 5px;
	border: solid 2px;
	border-color: #ff9900;
}


#L3{
	clear: both;
	margin-top: 20px;
	float: left;
	padding: 5px 5px 5px 5px;
	border: solid 2px;
	border-color: #ff9900;
}


#R3{
	margin-top: 20px;
	float: right;
	padding: 5px 5px 5px 5px;
	border: solid 2px;
	border-color: #ff9900;
}