/***************************
  GLOBAL RESET
****************************/  
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tr, th, td { 
  margin: 0; 
  padding: 0; 
  border: 0; 
  outline: 0; 
  font-weight: inherit; 
  font-style: inherit; 
  font-size: 100%; 
  font-family: inherit;  
  }   

body{  
  margin: 0px;
  font: normal 14px/20px "ヒラギノ角ゴ ProN","ＭＳ Ｐゴシック","メイリオ",Arial,Meiryo,sans-serif;
  line-height: 1.7em;
  color: #513743;
  background-color: #f1ebd7;
  /*background: #FFFFFF url(../images/common/bg_body.jpg) repeat top center;*/
}

* html{
  margin: 0;padding:0;
}

img {
  vertical-align: bottom;
}

ul, li {
  padding: 0;
  margin: 0;
}

li {
  list-style-type: none;
}


/************************
  BASIC STYLES
*************************/
p,
dl,
hr,
h1,h2,h3,h4,h5,h6,
ol,ul,
pre,
table,
address,
fieldset {
  margin-bottom: 10px;
}

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

.clear{
  clear:both; 
}

.textright {  text-align:right;}
.textleft {  text-align:left;}

a {
  text-decoration: underline;
  color:#dd7a56;
}

a:hover{
  color: #dd7a56;
  text-decoration: none;
}

a:visited{
  color: #dd7a56;
  text-decoration: underline;
}

p {
  margin: 0px 0 10px 0;
}


/************************
  HEAD
*************************/  

.header{
  width:100%;
  text-align: center;
  background: transparent url(../images/common/bg_header.png) repeat-x top;
}

.header_line {
  width:100%;
  height: 45px;
  text-align: center;
  background: transparent url(../images/common/bg_header.png) repeat-x bottom;
}

.logo{
}

h1, h2, h3, h4 {
  padding: 0px;
  letter-spacing: -1px;
  }
  
h1 {}
h2 { margin: 5px 0 20px 0;}
h3 { margin: 30px 0 10px;}
h4 { margin: 30px 0 5px; color:#dd7a56;}
h5 { margin: 0px 0 0px;}

.l-header{
  width:960px;
  margin: 0 auto;
}

/****************************
  FOOTER
*****************************/

#footer {
  width:100%;
  padding: 4px 0 4px;
  text-align: center;
  color: #FFFFFF;
  font-size: 80%;
  background: transparent url(../images/common/bg_footer.png) repeat-x top;
  font-family: Arial;
}

#footer a {
  color: #FFFFFF;
}

#footer a:hover {
  color: #ffffff;
}

#footer a:visited {
  color: #ffffff;
}


/************************
  NAVI
*************************/  

#navi {
  margin: 15px 0 15px 0;
}

#navi li {
  padding: 0;
  margin: 0;
}


/************************
  COMMON
*************************/

#container,
.container_12 {
  margin: 20px auto 40px auto;
  width: 960px;
}

.grid_3,
.grid_9 {
  display: inline;
  margin: 0px;
  /*border: 1px solid;*/
}

.grid_3 {
  float: left;
  width: 230px;
}

.grid_9 {
  float: right;
  width: 710px;
}

.inside {
  padding: 5px 10px 10px 10px;
}

.gotop {
  font-size: 80%;
  font-weight: bold;
  margin: 0;
  padding: 0;
  height: 56px;
  background: transparent url(../images/common/bg_gotop.png) repeat-x left bottom;
}

#gotop_text {
  margin: 25px auto 0px auto;
  width: 980px;
  text-align: right;
}

.map {
  padding: 4px 0 1px 20px;
  margin: 0 5px;
  background: transparent url(../images/common/icon_map.png) no-repeat left;
}

.topm {
  margin-top: 15px;
}

.topm_30 {
  margin-top: 30px;
}
.topm_50 {
  margin-top: 50px;
}

.side {
  margin-bottom: 15px;
}


/************************
  TOP
*************************/  

.photoex {
  margin: 0 auto;
  width: 960px;
  text-align: right;
}  

.leftPhoto {
  margin: 15px 5px 15px 0; 
}

.rightPhoto {
  margin: 15px 0px 15px 0; 
}



/************************
  MENU
*************************/  

.menutable {
  width: 690px;
  margin: 10px 0 30px;
  background-color: #d1c0a5;
}

.menutable th, .menutable td {
  padding: 10px 10px 8px 10px;
  /*background-color: #fefbef;*/
  background: transparent url(../images/menu/bg_menutable.jpg) repeat top;
}

.menutable th {
  font-weight: bold;
  width: 140px;
}

.menutable td {
}

.menutable td.price {
  text-align: center;
  font-size: 110%;
  width: 130px;
}


/****************************
  TABLE
*****************************/

.list {
  width: 710px;
  margin: 10px 0 10px;
  background: transparent url(../images/common/bg_body.jpg) repeat top;
}

.list th,
.list  td {
  padding: 10px 20px 8px;
/*  text-align: left;*/
}

.list th  {
  width: 140px;
  background: transparent url(../images/common/bg_list_th.jpg) repeat top;
}

.list td.age  {
  background: transparent url(../images/common/bg_list_th.jpg) repeat top;
  font-weight: bold;
  text-align:center;
}

.list td{
  background: transparent url(../images/common/bg_list_td.jpg) repeat top;
}

.list th.age {
}





/* ================================================= */
/*  INPUT FIELD CSS   */
/* ================================================= */

.contactform textarea{
  vertical-align:top;
  }

.contactform input[type=radio],
.contactform input[type=checkbox]{
  border: none;
  }

input[type=text],
input[type=password],
textarea{
  background: #fff;
  border: 1px solid #d1d1d1;
  padding: 5px 8px;
  margin: 2px 0px;
  }

input[type=text]:focus,
input[type=password]:focus{
  background: #f8f8f8;
  }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/*  CLEARFIX   */
/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
  clear: both;
  content: '.';
  display: block;
  visibility: hidden;
  height: 0;
}

.clearfix {
  display: inline-block;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}