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

/* ------------------------------

clearfix Hack

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

.clearfix { display: inline-block; }

/* Hide Mac IE \*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* ------------------------------

Common

------------------------------ */
* html body div{
   display:inline-block;
}

img { border-style: none; }

a {
 color: #006699;
 text-decoration: none;
}

a:hover { color: #0099CC; }
h1, h2, h3, h4, h5, h6, p, form, fieldset {
 margin: 0;
 padding: 0;
 border: none;
}

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


ul.reset{
	list-style-type:none;
	margin: 0;
	padding: 0;
}

p {
	line-height: 1.5;
	padding-bottom: 0.5;
	text-align:left; 
}
p.inbox {
	line-height: 1.5;
	padding-bottom: 0.5;
	padding-left:2em;
	text-align:left; 
}

table {
 margin: 0px 0px 1em;
 padding: 0px;
 border-style: none;
 width: 100%;
}
td.priceBlock {
	text-align:right;
	font-size:12px;
	color: #990000;
	}

.align-center { text-align: center; }

.textComment {
	font-size:10px;
	color: #990000;
}
.textPriceL{
	font-size:1.5em;
	color: #990000;

}
.textPriceS{
	font-size:0.8em;
	color: #990000;

}
.texL{
	font-size:1.5em;
	color: #003366;

}
/* -----------------------------------

body

-------------------------------------- */

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",    sans-serif;
 line-height: 1.6;
 margin: 0px;
 padding: 0px;
 text-align: center;
}
/* -----------------------------------

Header

-------------------------------------- */
#header {
 height: 130px;
 border-bottom: 3px solid #aa0607;
}
#header .inner {
 height: 130px;
 width: 840px;
 text-align: left;
 position: relative;
 margin: 0 auto;
 font-size: 93%;
}

#header h1 {
 margin: 0 auto;
 padding:0;
 text-indent: -9999px;
 height: 85px;
 background: url(../img/header.jpg);
}


#header .nav{
 margin:0;
 padding:0;
 text-align:right;
 }

#header .nav li{
height:29px;
list-style:none;
display: block;
float: right;
width:100px;
text-align:center;
background-image:url(../img/tab.jpg);
font:"Courier New", Courier, mono;
font-size:18px;
 color: #FFFFFF;
 margin:0 0.1em;

}
#header .nav a{
text-decoration:none;
 color: #FFFFFF;

}
#header .nav a:hover{
 color: #006633;

}

/* -----------------------------------

main-visual

-------------------------------------- */

#main-visual {
 height: 220px;
 width: 840px;
 text-align: left;
 position: relative;
 margin: 0 auto;
 font-size: 93%;
 background:url(../img/main.jpg);
}

#slid{
 height: 220px;
 width: 840px;
 text-align: left;
 position: relative;
 margin: 0 auto;
}

/* -----------------------------------

contents

-------------------------------------- */

#contents {
 width: 840px;
 text-align: left;
 position: relative;
 margin: 0 auto;
}

#main{
position: relative;
 width:552px;
 margin:0 auto;
 padding:10px;
  
 float:left;
 }
 #main  h2 {
 font-size: 140%;
 font-family: "Times New Roman", Times, serif;
 color: #8b7b5f;
 margin: 0px;
 padding: 0px;
}

 #main .section {
 background: url(../img/bg-section.jpg) repeat-y left top;
 margin-bottom: 10px;
}

#main .section .outer { background: url(../img/bg-section-outer.jpg) no-repeat left top; }

#main .section .inner {
 background: url(../img/bg-section-inner.jpg) no-repeat left bottom;
 padding: 20px 10px 20px 20px;
}

#main .inner h2 {
 font-size: 120%;
 color: #006633;
 border-bottom: 1px solid #990000;
 margin-bottom: 5px;
 padding-bottom: 3px;
}

#main .inner h3 {
	font-size: 14px;
	font-weight: bold;
	color: #990000;
	border-bottom: 1px dotted #990000;


}

#main .inner h4 {
 color: #624500;
 border-bottom: 1px solid #624500;
 padding-top: 10px;
}

#main .inner strong { color: #644300; }
 
 
 
 #sub{
  width:248px;
  margin:0 auto;
  padding:10px;
   position: relative;
  float: right;
}

#sub h2 {
 color: #FFFFFF;
 margin-bottom: 5px;
 background: #4B3500;
 padding: 3px 5px;
}

#sub .section {
 margin-bottom: 10px;
 padding: 20px 10px;
 border: 1px solid #644300;
 
}


#g-map {
	width: 538px;
	height: 250px;
	border: 1px solid #CCCCCC;
	margin: 5px;
}


/* -----------------------------------

Header

-------------------------------------- */
#footer {
 clear: both;
 position: relative;
 height: 88px;
 margin-bottom: 10px;
 padding-top: 10px;
 margin-top: 20px;
 background: url(../img/bg-footer.jpg) repeat-x center top;
}
#footer .inner {
 height: 90px;
 width: 840px;
 text-align: left;
 position: relative;
 margin: 0 auto;
 padding: 10px;
 font-size: 93%;
}


#footer #credit {
 position: absolute;
 left: 230px;
 font-style: normal;
 line-height: 1.4;
 bottom: 0px;
}

#footer #credit a {
 display: block;
 margin-bottom: 10px;
}