@charset "UTF-8";
/* CSS Document */

/*===========================
reset
===========================*/

html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, th, td, form, fieldset {
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	line-height: 1.0; }

html { overflow-y: scroll;}
	
table { border-collapse: collapse; border-spacing: 0; }

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

a { text-decoration: underline; }

img { border: 0; }

img, input, select, textarea { vertical-align: middle; }

body { font-size: 10px; }

h1,h2,h3,h4,h5,h6 {
	font-size: 1.2em;
	font-weight: bold;
	color: #000701;
	margin-bottom: 1em;
	line-height:1.5; }
	
ul li, ol li { font-size: 1.2em; }

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal; }

a:link {
	cursor: pointer;
	color: #06306a; }
	
a:hover {
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
	text-decoration: none; }

hr {
	border: none;
	border-bottom: dotted thin #333;
 	margin: 10px 10px 15px 0;
	clear: both; }
	
p, dd {
	font-size:1.2em;
	text-align:justify;
	text-justify:inter-ideograph;
	line-height:1.7;
	color:#3B3B3B; }
	
.mb0 { margin-bottom: 0em; }
.mb1 { margin-bottom: 1em; }
.mb2 { margin-bottom: 2em; }
.mb3 { margin-bottom: 3em; }

.big { font-size:1.6em; font-weight:bold; margin-bottom:1em }
.medium { font-size:1.2em; font-weight:bold; margin-bottom:1em }
.small { font-size:0.8em; font-weight:bold; }

em { 
	font-weight:bold;
	padding: 2px;
	background-color: #F3A4B3;
	color: #000; }
	
a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )"; }

.overlay { background-color:#ffffff; }

/*===========================
base style
===========================*/
.bgmaximage{
		position:fixed !important;
		display:none;
		}
/*layout
===========================*/
html, body {  
    height: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}
#container {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
	width: 100%;
}
.wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}


/*header
===========================*/
#header {
	background: #422006;
	width: 100%;
	height: 20px;
	text-align:right;
	clear: both;
	/* CSS3 */
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	}
	#header h1 {
		width: 960px;
		text-align: right;
		font-style: normal;
		font-weight: normal;
		color: #FFFFFF;
		margin: 0 auto;
		padding: 2px 1em 0 0;
		}

/*footer
===========================*/
#topfooter {
	position: absolute;
	width:100%;
	bottom: 0px;
	left: 0px;
}
#topfooter .box {
	padding-top: 10px;
	padding-bottom: 20px;
	text-align: right;
	width: 960px;
	height: 35px;
	margin: 0px auto 0px;
	background: #333;
	/* CSS3 */
	border-top-left-radius: 5px;     /* CSS3草案 左上 */
	border-top-right-radius: 5px;    /* CSS3草案 右上 */
	-webkit-border-top-left-radius: 5px;     /* Safari,Google Chrome用 左上 */
	-webkit-border-top-right-radius: 5px;    /* Safari,Google Chrome用 右上 */
	-moz-border-radius-topleft: 5px;     /* Firefox用 左上 */
	-moz-border-radius-topright: 5px;    /* Firefox用 右上 */
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;

}
#topfooter address {
	float: left;
	width: 500px;
	font-size: 1em;
	text-align: left;
	padding-top: 1.2em;
	padding-left: 1em;
	color: #FFF;

}
#topfooter .copy {
	float: right;
	width: 350px;
	font-size: 1em;
	text-align: right;
	padding-top: 1.2em;
	padding-right: 1em;
	color: #FFF;
}

#footer {
	padding-top: 10px;
	padding-bottom: 20px;
	clear: both;
	text-align: right;
	width: 960px;
	margin: 0 auto 0;
	background: #333;
	color: #FFF;
	/* CSS3 */
	border-top-left-radius: 5px;     /* CSS3草案 左上 */
	border-top-right-radius: 5px;    /* CSS3草案 右上 */
	-webkit-border-top-left-radius: 5px;     /* Safari,Google Chrome用 左上 */
	-webkit-border-top-right-radius: 5px;    /* Safari,Google Chrome用 右上 */
	-moz-border-radius-topleft: 5px;     /* Firefox用 左上 */
	-moz-border-radius-topright: 5px;    /* Firefox用 右上 */
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

#footer address {
	float: left;
	width: 500px;
	font-size: 1em;
	text-align: left;
	padding-left: 1em;
	color: #FFF;

}
#footer .copy {
	float: right;
	width: 350px;
	font-size: 1em;
	text-align: right;
	padding-right: 1em;
	color: #FFF;
}

address {
	display: inline;
	color: #FFF;
}

/*#top #menu {
	z-index: 2;
	height: 100%;
}
*/
/*nav
===========================*/
#maincontent #nav {
	float: left;
	width: 260px;
	margin: 15px 0 0 20px;
}

#nav ul li a {
	display: block;
	text-indent: -9999px;
	}
	#nav .logo a { background: url(../img/logo.png) no-repeat left top; height:140px; }
	#nav .menu a { background: url(../img/nav_menu.png) no-repeat left top; height:45px; }
	#nav .access a { background: url(../img/nav_access.png) no-repeat left top; height:45px; }
	#nav .contact { background: url(../img/nav_contact.png) no-repeat left top; height:115px; text-indent: -9999px; }
/*a*/
#nav a { background-position: 0 0; }
/*hover*/
#nav a:hover { background-position: -260px 0; }

/*main
===========================*/
#maincontent #main {
	float: right;
	width: 650px;
	height: 100%;
	font-size: 1.2em;
	background: url(../img/bg_main.png) repeat-y left top;
	margin: 55px auto 30px;
	line-height: 1.2em;
	color: #2E1708;
	padding-bottom: 30px;
	/* CSS3 */
	border-bottom-left-radius: 5px;     /* CSS3草案 左下 */
	-webkit-border-bottom-left-radius: 5px;     /* Safari,Google Chrome用 左下 */
	-moz-border-radius-bottomleft: 5px;     /* Firefox用 左下 */
	border-bottom-right-radius: 5px;     /* CSS3草案 左下 */
	-webkit-border-bottom-right-radius: 5px;     /* Safari,Google Chrome用 左下 */
	-moz-border-radius-bottomright: 5px;     /* Firefox用 左下 */
}

#main .text { padding-bottom: 2em;}

#main h2 {
	width: 650px;
	text-align: left;
	margin: 1em 0 1em;
	}
#main h3 { width: 620px; margin: 0 auto 0; text-align: left;}
h3 .lunch { 
	background: url(../img/tit_lunch.gif) no-repeat left top;
	width: 244px;
	height: 30px;
	margin: 1em 0 1em 15px;
	text-indent: -9999px;
	}
#main h4 { width: 620px; text-align: left; line-height: 1.2em; margin-left: 15px; border-bottom: 2px solid #ACCACC;}
#main p {
	text-align: left;
	margin-left: 2em;
	}
#main img { margin: 0 auto 10px; }

/*menu page
===========================*/
.menu-table { width: 610px; border:1px solid #09467D; margin: 0 20px 30px; }
.menu-table p { margin:0.5em 0; }
.menu-table tr th { width:120px; border-bottom:1px solid #09467D; }
.menu-table tr td { border-left:2px solid #A00C00; border-bottom:1px solid #09467D; }

/*information page
===========================*/
.info-table {
	width: 620px;
	border-top:2px solid #A00C00;
	border-bottom:2px solid #A00C00;
	margin: 1em auto 2em;
	text-align: left;
	}
.info-table p { margin:1em 0; font-size: 1.2em; }
.info-table tr td { border-left:1px solid #09467D;}
.info-table tr th p { font-weight:bold; }
.info-table tr td p { font-size: 1.2em; }
.info-table tr { border-bottom: 1px solid #A00C00; }

.calA { width: 110px;}
.colB { width: 500px;}

#googlemap { margin: 20px; text-align: left; }

/*----------clearfix-----------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */