@charset "Shift_JIS";
/*\*//*/
 @import "macie.css";
/**/

/*COMMON---------------------------------------*/
body{
	font-size:100%;
	background:#EAE7DF;
	color:#333;
	font-family:"MS �S�V�b�N", "Osaka�|����";
}
body,h1,h2,h3,h4,ul,li,p,dl,dt,dd{ margin:0; padding:0;}
body{ background:#EAE7DF/*#FFFFFF*/ url(../img/common/bg_black.jpg) repeat-x;}
body.page{ background:#EAE7DF/*#FFFFFF*/ url(../img/common/bg_pageblack.jpg) repeat-x;}
a{ color: #990000;}
a:hover{ color: #990000; text-decoration:none;}
img{ border:0;}

.clear{ clear:both;}
.small{ font-size:80%}
.pagetop{ text-align:right;}
.pan{ font-size:80%; padding:0 0 0 15px; margin:0 auto 0 auto; width:780px;}
.spaceTop3{ padding-top:3px;}
.spaceTop8{ padding-top:8px;}
.spaceTop15{ padding-top:15px;}
.spaceTop20{ padding-top:20px;}
.spaceTop30{ padding-top:30px;}
.spaceBottom8{ padding-bottom:8px;}


/*TABLE COMMON-------------------------------*/
.table01{ width:495px; letter-spacing:1px;}
.table01 th{ border-bottom:1px dotted #AFAFAF; padding:4px 6px 4px 15px; text-align:left; background:#EAE7DF /*#FFFFFF */url(../img/common/icon02.gif) 0 7px no-repeat;}
.table01 td{ border-bottom:1px dotted #AFAFAF; padding:4px 6px 4px 6px;}
.table02{ width:550px; letter-spacing:1px; background:#A99870;}
.table02 th{ padding:8px 12px; font-weight:normal; text-align:left; background:#E6DCC3;}
.table02 td{ padding:8px 12px; background:#FFFFFF;}
p.btnBox{ padding:10px 0px;	text-align:center;}
.table03{ background:#CCCCCC; width:400px; margin-bottom:20px;}
.table03 th{ padding:4px 6px; text-align:left; background:#E6DCC3;}
.table03 td{ padding:4px 6px; background:#FFFFFF;}


/*HEADER-------------------------------------*/
div#headerWrap{	width:780px; margin:0 auto 0 auto;}
div#headerPageWrap{	width:780px; margin:0 auto 0 auto;}
div#header{	width:780px; background:url(../img/top/logo_top.jpg) no-repeat; text-indent:-9999px; height:61px;}
div#headerPage{	width:780px; background:url(../img/common/logo.jpg) no-repeat; text-indent:-9999px; height:61px;}
div#header a, div#headerPage a{ display:block; width:300px; height:46px;}


/*CONTAINER---------------------------------*/
div#container{ display:block; width:780px; padding-top:10px; font-size:90%; margin:0 auto 0 auto;}


/*SUB NAVIGATION----------------------------*/
div#subNavigation{ display:block; width:250px; float:left;}
div#subNavigation p{ line-height:1.2; font-size:92%;}
div#subNavigation div.contactBox strong{ display:block; background:#A39B8B; color:#FFFFFF; padding:4px; text-align:center; margin-top:12px;}
div#subNavigation div.contactBox p span{ display:block; font-weight:bold; padding:8px 0 3px 0;}

/*CONTENTS----------------------------------*/
div#contents{ display:block; width:495px; float:left; line-height:1.2; padding:0 15px;}
div#contents h2{ padding-bottom:10px;}
div#contents p{ padding-bottom:10px;}

/*INDEX*/
div.halfbox{ display:block; width:240px; float:left; background:/*#FFFFFF*/#EAE7DF;}
div.halfbox ul li{ background:url(../img/common/icon01.gif) 0 3px no-repeat; padding-left:22px; list-style-type:none; padding-bottom:5px;}
div.info{ padding-top:20px;}

/*ACCESS*/
div#contents dt{ padding:20px 5px 2px 15px; background:url(../img/common/icon02.gif) 0 24px no-repeat; border-bottom:1px solid #B5240F; font-weight:bold; clear:both;}
div#contents dd{ padding:5px; margin: 0px 0px 25px 20px;}

/*RESERVE*/
div.reserveInfo h3{ font-size:96%; padding-bottom:5px;}
div.reserveInfo{ float:left; width:235px; padding-right:10px;}
div.reserveImage{ float:right; width:250px;}

/*INFO*/
div.infoBox01{ padding:20px 0 8px 0;}
div.infoBox01 div.leftBox{ display:block; float:left; width:230px;}
div.infoBox01 div.rightBox{ display:block; float:right; width:240px;}
div.infoBox01 div.leftBox ul{ padding:10px 0 20px 0;}
div.infoBox01 div.leftBox ul li{ list-style-type:none; letter-spacing:1px; padding:1px 0;}
div.infoBox02 table td{ font-size:90%; padding-top:14px;}
div.infoBox02 table td img{ padding-bottom:3px;}
div.infoBox01 h4, div.infoBox02 h4{ padding-bottom:5px; border-bottom:1px dotted #CCCCCC;}

/*ABOUT*/
.about p{ line-height:1.4;}


/*FOOTER------------------------------------*/
div#footer{ clear:both; padding:50px 0 0 15px; font-size:80%; line-height:1.4; color:#666666; margin: 0 auto 0 auto; width:780px;}
div#footer a:link{ color:#666633; text-decoration:underline;}
div#footer a:hover{ text-decoration:none;}
address{ font-size:70%; font-style:normal; color:#666666; padding:5px 0 30px 15px; text-align:center;}