@charset "utf-8";

/* default setting
-----------------------------------------------*/

html:not(:target){
font-size:16px;
}

*{
margin:0;
padding:0;
}

body{
font-size:13px;
/font-size:80%;
line-height:1.6;
background:#ffffff;
color:#333333;
font-family:"ＭＳ ゴシック", Osaka-Mono;
border-top:10px solid #7a5a4b;
}


h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:normal;
}

p{
margin-bottom:12px;
letter-spacing:0.1em;
}
h2{
margin-bottom:20px;
clear:both;
}

ul{
margin-bottom:12px;
}
ul li{
list-style:none;
line-height:0;
margin:0;
padding:0;
}

ol{
margin:0 0 12px 1.5em;
/margin-left:1.8em;
list-style:decimal outside;
}

ul ul,
ul ol,
ol ul,
ol ol,
table ul,
table ol{
margin-bottom:0;
}

dl{
margin-bottom:12px;
}

strong,
em{
font-weight:bold;
font-style:normal;
}

img{
border:0;
}

hr{
display:none;
}

input{
vertical-align:middle;
}

option{
padding:1px 5px;
}

a{
color:#5877aa;
text-decoration:none;
}

a:hover,
a:focus{
color:#000;
text-decoration:underline;
}

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

.clearfix {
zoom:1;
}
.clearfix:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}
.floatleft, .alignleft	{float:left; margin:0 10px 10px 0;}
.floatright		{float:right; margin:0 0 10px 10px;}

/* layout setting
-----------------------------------------------*/

/* ========== header ========== */
#header{
margin:0 auto;
width:880px;
height:97px;
position:relative;
}
h1{
position:absolute;
top:27px;
left:0px;
}
ul#navi{
position:absolute;
top:55px;
left:174px;
width:706px;
height:14px;
margin:0;
text-align:right;
}
ul#navi li{
display:inline;
margin:0;
}
ul#navi li.last{
margin-right:0;
}
.fb{
position:absolute;
top:27px;
left:620px;
width:260px
}
.order{
margin-right:10px;
}

/* ========== mainvisual ========== */
#mainvisual{
margin:auto;
width:880px;
}
.home{height:400px;}
/*  slideshow  */
#slideshow { position:relative; width:880px; height:322px; }
#slideshow img { position:absolute; top:0; left:0; z-index:8; }
#slideshow img.active { z-index:10; }
#slideshow img.last-active { z-index:9; }

/* ========== subNavi ========== */
ul#subNavi{
background:#53301f;
width:880px;
height:27px;
margin:1px 0 0;
text-align:center;
}
ul#subNavi li{
display:inline;
margin:0 45px;
}

/* ========== contentsBody ========== */
#contentsBody {
margin:auto;
width:880px;
background:#fff;
zoom:1;
}
#contentsBody:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}
.mainArea{
float:left;
padding:50px 0 20px;
clear:both;
width:880px;
}
.leftarea{
float:left;
padding:50px 20px 20px 0;
clear:both;
width:550px;
}
.rightarea{
float:right;
padding:50px 0 20px;
}
.mainArea div.box{
clear:both;
border-bottom:1px dashed #ddd;
height:100%;
overflow:auto;
margin-bottom:10px;
}
.mainArea p.mgnbtm{
margin-bottom:40px;
}
.mainArea p.mgnbtm{
margin-bottom:40px;
}

ul.news{
}
ul.news li{
border-bottom:1px dashed #bbb;
padding:12px 0;
line-height:1.4;
clear:both;
height:100%;
overflow:auto;
}
ul.news li em{
font-size:160%;
padding:0 5px 10px 0;
font-style:normal;
font-weight:bold;
}

ul.normal{
margin-left:30px;
}
ul.normal li{
padding:0 0 10px;
line-height:1.2;
list-style-type:disc;
}
ul.normal li ul{
padding:10px 0 0 30px;
}

table.contact{
border-collapse:collapse;
width:820px;
margin:0 30px;
}
table.contact td,table.contact th{
border-bottom:1px dashed #bbb;
padding:10px 0;
}
table.contact th{
text-align:left;
width:180px;
vertical-align:top;
}
table.contact th em{
color:#CC0000;
}
table.contact td input,table.contact td textarea,table.contact td select{
font-size:15px;
padding:3px;
margin:1px 0;
border:1px solid #bbb;
}

.phBox{
clear:both;
text-align:center;
width:100%;
}
.phBox div{
float:left;
display:inline-block;
padding:0 12px 20px 13px;
/padding-bottom:0;
margin:0 auto;
text-align:left;
width:22%;
}
.phBox h3{
margin:0 0 0 10px;
}
.phBox p{
line-height:1.2;
margin:0 0 0 10px;
font-size:100%;
color:#666;
}
.phBox strong{
color:#0c795e;
font-size:110%;
padding-bottom:5px;
}
.imgbdr div img{border:1px solid #bbb;}

.order h3{
margin:0 0 10px;
border-bottom:1px dotted #ddd;
padding-bottom:2px;
font-weight:bold;
font-size:120%;
}
.order h4{
margin:0 0 6px;
font-weight:bold;
font-size:110%;
}
.order ol{
	margin-left:25px;
}
.order p{
margin:0 0 30px;
}


/* ========== pageTop ========== */
.pageTop {
clear:both;
padding:40px 0 20px;
text-align:right;
}



/* ========== footer ========== */
#footer{
width:880px;
clear:both;
margin:0 auto;
}
ul.link{
border-top:1px solid #b7b7b7;
padding-top:10px;
}
ul.link li{
line-height:1;
font-size:90%;
letter-spacing:0.1em;
display:inline;
padding:0 30px 0 0;
}

p.cr{
line-height:1;
color:#828282;
font-size:65%;
letter-spacing:0.1em;
font-family:Arial, Helvetica, sans-serif;
padding:9px 0 0;
text-align:right;
}