/* clear */
.clear  { clear: both !important; }

/*----------------------------------
=00 clearfix
----------------------------------*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}



/*----------------------------------
=01 reset 
----------------------------------*/

dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,h7,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0;
	} 

html{
	margin:0;
	padding:0;
	height:100%;
	}

body{
	margin:0; 
	padding:0;
	height:100%;
	text-align:center;
	font-size:14px;
	line-height:1.5em;
	font-family:MS PGothic,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
	background: #f2f0ec;
	}

table { 
	    border-collapse:collapse; 
	    border-spacing:0; 
	} 

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

h1,h2,h3,h4,h5,h6,h7 { 
	    font-size:100%; 
	    font-weight:normal; 
	}
	
fieldset,img {border:0;} 	 
ol,ul {list-style:none;} 
caption,th {text-align:left;} 
q:before,q:after {content:'';} 
abbr,acronym { border:0;}


/* 画像下のスペース消し */
li img,
dt img,
dd img{
vertical-align:top;}


.bold{font-weight:bold;}
.fs1{color:#008678;}
.fs2{font-weight:bold; color:#008678;}
.fs3{font-size:10px}
.fs4{font-style: italic;}

/* IE6の画像下のスペース消し */
*html img{vertical-align:bottom;}


/*	ヘッダー
--------------------------------*/
#header-inner { width:899px; height:80px; margin:0 auto; text-align:left;}
#header-inner h1 { padding:7px 0 11px 4px; margin-right:350px; display:inline; float:left;}

/*	ページ全体
--------------------------------*/

#wrapper{
	width:834px;
	margin:0 auto;
	padding:0;
	}

#top{
	width:834px;
	margin:20px auto 10px;
	padding:0;
	background:url(img/title_bg.jpg) no-repeat;
	}

#top .tag{
    float:left;
	width:29px;
	margin:20px 0 0 0;
	}
#top .logo{
    float:left;
	width:262px;
	margin:18px 0 0 20px;
	}
	
#top .logo h1 {
	margin-top: 10px;
}

#top .logo h1 span {
	margin-top: 15px;
	display: block;
}
#top .mainimg{
    float:left;
	width:262px;
	margin:15px 0 15px 7px;
	}



a:link {
	color:#007bc1;
	}
a:visited {
	color:#007bc1;
	}
a:hover {
	color:#007bc1;
	}
a:active {
	color:#007bc1;
	}


/*	詳細
--------------------------------*/	

#box{
	width:834px;
	margin:0 auto;
	padding:0;
	background:url(img/main_bg02.jpg) repeat-y;
	}

#box .box-head{
    float:left;
	margin:0;
	}
#box .box-foot{
    float:left;
	margin:0;
	}

#box .box-main{
	width:800px;
	margin:5px 0 0 30px;
	padding-top:40px;
	}
#box .box-main p{
	line-height:2.4em;
	}
#box .movie{
	margin:30px auto;
	}
	

.descArea {
	width:712px;
	margin:20px auto;
	background:#d7d3d0;
	border:7px #e9e8e7 solid;
	text-align: left;
}

.descArea_title {
	padding: 30px 40px 0 40px;
	margin-bottom: 20px;
}
.descArea_title  h2 {
	font-size: 20px;
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
	font-weight: bold;
}
.descArea_body  {
	padding: 0 40px 30px 40px;
}
.descArea_body.descArea_body-contact dl {
	margin-bottom: 15px;
}
.descArea_body.descArea_body-contact dt {
	margin-bottom: 10px;
} 
.descArea_body.descArea_body-contact dt a{
	padding-left: 5px;
} 
.descArea_body.descArea_body-contact dd {
	text-indent: 10px;
}
.descArea_body-tel {
	display: block;	
}
.descArea_body.descArea_body-affiliate table td{
	padding: 10px 15px;
	vertical-align: top;
}
.descArea_body.descArea_body-affiliate table td li {
	.line-height: 2;
}
.descArea_body.descArea_body-affiliate table th{
	padding: 10px 15px 10px 0;
	vertical-align: top;
}
.descArea_body p {

}
.descArea .title{
	margin:15px auto;
}
.descArea .txt{
	width:630px;
	margin:10px auto 30px;
	text-align:left;
	}
.gallery {
	overflow: hidden;
	margin-bottom: 30px;
}
.gallery_header {
	text-align: left;
	margin-bottom: 15px;
	overflow: hidden;
	font-size: 17px;
}

.gallery ul{
	width:753px;
	margin:0 auto;}
	
.gallery ul li {
	float:left;
	margin: 0 0 18px 18px;
}
.gallery ul .first {
	margin-left: 0;
}	
#movie {
	clear:both;}
	
.mr5 {
	margin-right:5px;
}
.contents {
	width: 720px;
	margin: 0 auto 60px auto;
	overflow: hidden;
}
.contents_header {
	padding: 10px 15px;
	border-bottom: 1px solid #000;
	text-align: left;
	margin-bottom:30px;
}

.contents_body-map {
	margin-bottom: 50px;
}
.states {
	border: 1px solid #000;
	margin-top: 20px;
	overflow: hidden;
	padding: 25px;
}

.states_left {
	text-align: left;
	float: left;
	width: 45%;
}
.states_left dl dt {
	width: 90px;
}
.states_right dl dt {
	width: 140px;
}
.states_right dl dd {
	width: 160px;
}
.states_right {
	text-align: left;
	float: right;
	width: 45%;
}

.states_item {
	margin-bottom: 5px;
	display: inline-block;
	width: 100%;
}
.states_item.states_item-title {
	margin-bottom: 5px;;
}
.states_twoCol dt {
	float: left;
}

.states_twoCol dd {
	float: right;
	width: 210px;
}

.states_twoCol dd span {
	display: block;
}

.states_twoCol.states_twoCol-indent {
	text-indent: 10px;
}

.icon {
	font-size: 0;
	background: url('img/contact_zyilogo.png') top center no-repeat;
	padding: 18px 25px;
	margin-left: 10px;
	vertical-align: middle;
}