/*  common.css ---*/


/* common
-------------------------------------------------------------------------------------------------------*/
body { color: #333333; background:#F7E8C4; font-size:14px; margin:0 auto; padding: 0; overflow:auto; -webkit-text-size-adjust: 100%; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Avenir,'Helvetica Neue',Helvetica,Arial,"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; }

img{ vertical-align: bottom; max-width:100%; height:auto; }
a img { border:0 none; }
a:hover img,a:active img { opacity:0.9; }

.cnt { max-width:940px; width:90%; margin:0 auto; overflow:hidden; }

li { list-style-type:none; }

#wrapper { width:100%; margin:0; overflow:hidden; position:relative; }

* {
	margin: 0;
	padding: 0;
}

table{ border-collapse:collapse; }

iframe { overflow:hidden; border:none; }

#fla { text-align:left; }




/* linkstyle -------------------*/
a:visited	{ color: inherit; text-decoration:underline; }
a:link		{ color: inherit; text-decoration:underline; }
a:active	{ color: inherit; text-decoration:underline; }
a:hover		{ color: inherit; text-decoration:underline; }


.left { float:left; }
.right { float:right; }




/* header
-------------------------------------------------------------------------------------------------------*/
#header { position:fixed; z-index:1000; background:url(../images/common/h-back.jpg) repeat-x; width:100%; }
#header .left { width:16%; margin:1% 0 1% 3%; z-index:3000; }
#header .right { z-index:3000; }
#header .h_reserve { width:13%; margin:1.5% 1.5% 0 0; padding:2.5%; background:#FFFFFF; font-weight:bold; color:#52261F; float:right; text-align:center; }
#header .h_en { width:13%; margin:1.5% 1.5% 0 0; padding:2.8%; background:#FFFFFF; font-weight:bold; color:#52261F; float:right; text-align:center; }
#header a { text-decoration:none; }

h1 { color:#FFFFFF; z-index:50; font-size:10px; left:50%; width:486px; text-align:left; position:absolute; top:10px; margin: 0 0 0 -550px; }

.e-detail #header .h_reserve { width:25%; }


/* main 
-------------------------------------------------------------------------------------------------------*/
#main { overflow:hidden; }



/* content
-------------------------------------------------------------------------------------------------------*/
#content { overflow:hidden; margin:0 auto; }


/* footer
-------------------------------------------------------------------------------------------------------*/
#footer { overflow:hidden; color:#FFFFFF; background:url(../images/common/f-back.jpg) repeat-x; background-size: 100%; }
#footer .logo { width:30%; margin:5% auto; }
#footer .address { text-align:center; }
#footer .mail { overflow:hidden; margin:5% auto; width:80%; }
#footer .mail .left { width:20%; }
#footer .mail .right { width:75%; }
#footer .copy { background:#281C11; padding:3% 0; font-size:12px; text-align:center; }
#footer a { text-decoration:none; }
#footer .f_menu { width:90%; margin:5% auto 0; overflow:hidden; text-align:center; line-height:195%; }
#footer .f_menu ul { overflow:hidden; }
#footer .f_menu ul:first-child { }
#footer .f_menu li { float:left; margin:0 4% 3% 0; }
#footer .f_menu ul li:last-child { margin:0 0 3%; }

 }




/* -------------------------------*/




