@charset "utf-8";
/*---base---*/

body{
font: 14px/1.6 "Hiragino Kaku Gothic Pro",Osaka,"メイリオ","ＭＳ Ｐゴシック","MS PGothic",Verdana,Arial,sans-serif;
font-weight:normal;
font-style:normal;
font-size:75%;
line-height:150%;
text-align: center;
color:#222222;
background-color:#FFFFFF;

}

*{
margin:0px;
padding:0px;
}

h2,h3,h4,h5,h6{
font-size:1rem;
font-weight:lighter;
}

h1{
width:100%;
text-align:center;
}

h2{

text-align:left;
margin:20px 0 20px 10px;
padding:0 0 0 25px;
background:url(../img/icon01.gif) no-repeat center left;
background-size:contain;
font-size:1.4rem;
line-height:100%;
}

p{
font-size:1rem;
margin:0 10px 15px 10px;
line-height:140%;
}

h1 a,h1 a:link,h1 a:visited,h1 a:hover{text-decoration:none;color: #FFF;}

img{
border-width: 0px;
border-style: none;
vertical-align:top;
}

ul li{
list-style-type:none;
}

table {
font-size:1rem;
line-height:150%;
}

#wrapper{
margin:0px auto;
text-align:left;
position:relative;
overflow:hidden;
}

/* 画面サイズによる振り分け  */
@media screen and (max-width: 1920px) { /* 幅1920pxまでに適用 */
	#wrapper{width:768px;}
	body#index{ background:url(../img/pc-back01.png) repeat-x 0px 186px;background-size:30px 50px;}
	body{ background:url(../img/pc-back01.png) repeat-x 0px 98px;background-size:30px 50px;}
}	
@media screen and (max-width: 768px) { /* 幅768pxまでに適用 */
	#wrapper{width:100%;}
	.nav.is-fixed {position: fixed;}
 }



nav ul{
width:97%;
background-color: #FFFFFF;
z-index:1000;		
}


nav ul li{
float:left;
text-align:center;
background-color:#222222;
color:#ffffff;	
}

nav ul li a{
color:#ffffff;
display:block;


}

nav ul li.navi01{
width:19%;
}

nav ul li.navi02{
width:21%;
}

nav ul li.on a{
 background-color: #326D3D;
}

address {
font-size: 60%;
font-style: normal;
text-align:center;
margin:0 0 5px 0;
color:#777777;
}

/* リンク
----------------------------------------------- */
nav ul li a { display:block; width:100%; padding:16px 0;text-decoration:none;color: #FFFFFF;}
nav ul li a:link {text-decoration:none;}
nav ul li a:visited { text-decoration:none; }
nav ul li a:hover {color: #FFFFFF;text-decoration:none; background-color: #326D3D;}

a {text-decoration:none;color: #326D3D;}
a:link {text-decoration:none; }
a:visited { text-decoration:none; }
a:hover {color: #326D3D;text-decoration:underline;}

a:hover img{
filter:Alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.70;
}

h1 a:hover img,h2 a:hover img{
filter:Alpha(opacity=100);
-moz-opacity:1.00;
opacity:1.00;
}


.logo{
	text-align:center;
	margin:10px;}


/* フローティングナビ
----------------------------------------------- */
.nav-wrapper { /* .navの領域確保用 */
height: 50px;
}
.nav {
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: #222222;

}
/*   .nav.is-fixed {position: fixed;}  ※@media screen and (max-width: 768px)で使用すればOKなのでコメントアウト



/* ページTOPボタン
----------------------------------------------- */

.page-top{
	position:absolute;
	right:5px;
	bottom:40px;
	font-size:150%;
	z-index:1000px;
}

.page-top a {	
padding:15px 20px;text-decoration:none;
color: #FFFFFF; 
background-color: #326D3D;
border-radius: 7px;        /* 角丸 CSS3草案 */  
-webkit-border-radius: 7px;    /* 角丸 Safari,Google Chrome用 */  
-moz-border-radius: 7px;   /* 角丸 Firefox用 */  
}

.img01{
	text-align:center;
	margin:3px 0;
}
.img02{
	text-align:center;
	margin:0;
}



/* TOPページ
----------------------------------------------- */
.menu01{
	width:97%;
	border-collapse:collapse;
	font-size:1rem;
	margin:5px;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:none;
	}
	
.menu01 th{
	width:29%;
	font-weight:normal;
	font-size:1rem;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom: solid 1px #ECEAEA;
	padding:5px;
	vertical-align: middle;
	
	}
	
.menu01 td{
	width:71%;
	font-size:1rem;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom: solid 1px #ECEAEA;
	padding:5px;
	vertical-align:middle;
	}
	
.menu02{
	width:97%;
	border-collapse:collapse;
	font-size:1rem;
	margin:5px;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:none;
	}
	
.menu02 th{
	width:75%;
	font-weight:normal;
	font-size:1rem;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom: solid 1px #ECEAEA;
	padding:12px 5px 12px 5px;
	vertical-align: bottom;
	
	}
	
.menu02 td{
	width:25%;
	font-size:1rem;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom: solid 1px #ECEAEA;
	padding:12px 10px 12px 5px;
	vertical-align: bottom;
	text-align:right;
	}
	
.menu03{
	width:97%;
	border-collapse:collapse;
	font-size:1rem;
	margin:5px;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:none;
	}
	
.menu03 th{
	width:43%;
	font-weight:normal;
	font-size:1rem;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom: solid 1px #ECEAEA;
	padding:12px 5px 12px 5px;
	vertical-align: top;
	
	}
	
.menu03 td{
	width:57%;
	font-size:1rem;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom: solid 1px #ECEAEA;
	padding:12px 10px 12px 5px;
	vertical-align: bottom;
	text-align:right;
	}
	
td.dot01,th.dot01	{
	border-bottom: dashed 1px #ECEAEA;
	font-size:1rem;

	}
td.dot02,th.dot02{
	text-align:left;
	font-size:0.8rem;
	padding:8px 10px 25px 5px;
	color:#666666;
	}
.reserve-btn{
	text-align:center;
	}
	
.reserve-btn img{
	margin:15px 3px 60px 3px;
	}