body {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-x;
	background-color: #FCF4F1;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", verdana, arial, sans-serif;
	
}


h1{
 float:left;
 color:#FFFFFF;
 font-size:11px;
 margin:5 0 2 0;
 padding:0;
}

h3{
 color:#0F37DF;
 font-size:16px;
 margin:0 0 30 0;
 padding:0;
}


h4{
 color:#CC3300;
 font-size:15px;
 letter-spacing:0.1em;
 line-height: 22px;
 margin:0 0 30 0;
 padding:0;
}

h5{
 color:#CC9900;
 font-size:13px;
 letter-spacing:0.1em;
 line-height:28px;
 margin:0;
 padding:0;
}



p {
	line-height: 20px;
	font-size: 13px;
	margin:0;
	clear: both;
	}
	.pink {
	color: #CC9999;
	}
	.red {
	color: #993300;
    }
	.gray {
	color: #333333;
	}
	.yellow {
	color: #FFCC00;
	}
    .gold {
	color: #CC9900;
	}
	.gold_b {
	color: #CC9900;
	font-weight:bold;
	}
	.white {
	color: #FFFFFF;
	}

img{
	border:none;
   }

	

 a:hover img {
	opacity: .8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-khtml-opacity: .8;
	-moz-opacity: .8;
	}


/* Style_text
--------------------------------------------------- */
.small {font-size:11px}
.large {font-size:14px}
.bold {font-weight: bold;}
.big {font-size:20px}



/* Style_border
--------------------------------------------------- */
.border {border: 1px solid #CC6633;}
.border_double {border: 3px double #543;}
.border_btm {border-bottom: 1px solid #CC6633;}

.border02 {border: 2px double #CC6633;}

.borderdot {border: 1px dotted #CE8639;}
.borderdot_btm {border-bottom: 1px dotted #CE8639;}

.borderbox01 {
	border: 3px double #543;
	margin: 0px 5px 5px;
	padding: 10px;
	width: 510px;
	}
.line {
	margin: 0px 0px 10px;
	height: 10px;
	width: auto;
	clear: both;
	padding-bottom: 3px;
	line-height: 10px;
	}
hr{
    border:0;
    border-top:dotted 1px #999999;
	width:100%;
    height:1px;
	margin-bottom:10px;
}


.li25{
	line-height:25px;}


body,td,th {
	color: #FFF;
}
a:link {
	color: #CC9999;
	text-decoration: underline;

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

}
a:hover {
	color: #CC9999;
	text-decoration: underline;

}
a:active {
	color: #CC9999;
	text-decoration: underline;

}

/* Header
-----------------------------------------------------------------------------*/
div#wrap {
	width: 100%;
	}
div#header_wrap {
	width: 100%;
	height: 120px;
	margin: 0px auto;
	}
div#header {
	margin: 0px auto;
	width: 1020px;
	height: 120px;
	padding: 0px;
	margin: 0px auto;
	position: relative;
	}
div#tel {
	float:right;
    width: 400px;
	height: 90px;
	position: absolute;
	right:0;
	top: 28px;
	}

#logo {
    width: 400px;
	height: 90px;
	position: absolute;
	left:0;
	top: 28px;
	}
	div#logo a {
	font-size: 0.8em;
    width: 400px;
	height: 90px;
	overflow: hidden;
	display: block;
	}


/* Navigation
----------------------------------------------------------------------------*/

/* Main navi *****/

		
div#menu_wrap {
	width: 1000px;
	clear: both;
	height: 65px;
	margin: 0px auto 40px auto;
	text-align: center;
	z-index: 20;
	}	
	

/* navi *****/

#navi {
	height: 65px;
	width: 1000px;
	margin: 40px auto 45px auto;
	position: relative;
	}
	#navi li {
	height: 65px;
	float: left;
	margin: 0px;
	display: block;
	}
	#navi a {
	height: 65px;
	display: block;
	text-indent: -9999px;
	}
	#navi a:hover {
	background-image: url();
	}

#navi01 { width: 125px; background-image:url(../img/welcome_on.jpg);}
#navi01 a { background-image:url(../img/welcome_off.jpg); }
#navi02 { width: 125px; background-image:url(../img/facilities_on.jpg);}
#navi02 a { background-image:url(../img/facilities_off.jpg); }
#navi03 { width: 125px; background-image:url(../img/cuisine_on.jpg);}
#navi03 a {background-image:url(../img/cuisine_off.jpg); }
#navi04 { width: 125px; background-image:url(../img/spa_on.jpg);}
#navi04 a {background-image:url(../img/spa_off.jpg); }
#navi05 { width: 125px; background-image:url(../img/plan_on.jpg); }
#navi05 a {background-image:url(../img/plan_off.jpg);}
#navi06 { width: 125px; background-image:url(../img/sightseeing_on.jpg); }
#navi06 a {background-image:url(../img/sightseeing_off.jpg);}
#navi07 { width: 125px; background-image:url(../img/access_on.jpg); }
#navi07 a {background-image:url(../img/access_off.jpg);}
#navi08 { width: 125px; background-image:url(../img/contact_on.jpg); }
#navi08 a {background-image:url(../img/contact_off.jpg);}





/* Contents
----------------------------------------------------------------------------*/
#image {
	margin: 0px auto 0px auto;
	width: 1020px;
	height:400px;
	text-align:center;
	}
	#image:after{content: ""; display: block; clear: both;}
	
	
#contents {
	margin: 0px auto;
	width: 1020px;
	}
	#contents:after{content: ""; display: block; clear: both;}
	


/* side_column
 **************************************************/
#sidecol {
	float: left;
	width: 280px;
	height:100%;
	text-align:center;
	margin-top:0px;
	padding-left: 0px;
	}
	#sidecol:after{content: ""; display: block; clear: both;}
	#sidecol h3 {background:none; padding:0;}



/* main_column
 **************************************************/
#maincol {
	width: 700px;
	float: right;
	margin-top: 0px;
	text-align: left;

	}
.contentsbox {
	width: 700px;
	clear: both;
	margin-bottom: 20px;
	text-align:left;
	}
	#maincol:after,
	.contentsbox:after{
  content: ""; 
  display: block; 
  clear: both;
  }
  
.box {
	width: 700px;
	clear: both;
	align:center;  
  }

.boxl {
	width: 700px;
	clear: both;
	padding: 0px;
	margin: 0px;
	}
	.boxl img{
	float:left;
	margin:0px 0px 0px 0px;
	}
	.boxl object{
	float:right;
	margin:0px 0px 0px 0px;
	}
	.boxl .typearea {
	float: right;
	padding: 0px;
	text-align:left;
	}


.boxr {
	width: 700px;
	clear: both;
	padding: 0px;
	margin: 0px;
	}
	.boxr img{
	float:right;
	margin:0px 0px 0px 0px;
	}
	.boxr object{
	float:right;
	margin:0px 0px 0px 0px;
	}
	.boxr .typearea {
	float: left;
	padding: 0px;
	text-align:left;
	}
	
.plan{
	width:620px;
	height:200px;
	margin:0 auto;
　　}
.plan .shadow {
      -moz-box-shadow: inset 0px 0px 12px rgba(0,0,0,.6);
      -webkit-box-shadow: inset 0px 0px 12px rgba(0,0,0,.6);
      box-shadow: inset 0px 0px 12px rgba(0,0,0,.6);
}
.plan .shadow img {
      position: relative;
      z-index: -1;
}




/* Footer
-----------------------------------------------------------------------------*/
div#footer_wrap {
	width: 100%;
	height: 150px;
	clear: both;
	}
div#footer {
	margin: 0px auto;
	width: 1020px;
	height: 130px;
	clear: both;
	padding-top: 20px;
	}
	
div#pagetop {
	width: 1020px;
	margin: 10px auto 0px auto;
	text-align:right;
	}
div#footer_add {
	float: right;
	height: auto;
	width: 500px;
	text-align: right;
	color:#FFF;
	vertical-align:top;
	line-height: 1.8em;
	}

div#footernavi {
	margin: 0px 5px 15px 0px;
	width: 450px;
	padding: 0px;
	font-size: 13px;
	float: left;
	}
	div#footernavi ul {
	margin-bottom: 4px;
	}
	div#footernavi li {
	padding: 0px 5px;
	border-right: 1px solid #FFF;
	display: inline;
	}

	div#footernavi a {
	text-decoration: underline;
	color:#FFF;
	}
	div#footernavi a:hover {
	text-decoration: underline;
	color:#FFF;
	}

div#footer_yadobnr {
	margin: 0px;
	width: 570px;
	float: left;
	}
	div#footer_yadobnr p {
	}

#copyright {
	margin: 0px;
	padding: 3px 0px 0px;
	height: 18px;
	width: 500px;
	font-size: 10px;
	overflow: hidden;
	float: right;
	}





/* Style float margin padding
--------------------------------------------------- */
.alignleft {text-align:left;}
.alignright {text-align: right;}

.lfloat {float: left;}
.rfloat {float: right;}


img.lfloat {float: left; margin-right: 10px; margin-bottom: 10px;}
img.rfloat {float: right; margin-bottom: 10px; margin-left: 10px;}

.lfloatmrb5 {float: left; margin-right: 5px; margin-bottom: 5px;}
.rfloatmbl5 {float: right; margin-bottom: 5px; margin-left: 5px;}
.lfloatmrb10 {float: left; margin-right: 10px; margin-bottom: 10px;}
.lfloatmrb15 {float: left; margin-right: 15px; margin-bottom: 15px;}
.lfloatmrb20 {float: left; margin-right: 20px; margin-bottom: 20px;}
.rfloatmbl10 {float: right; margin-left: 15px; margin-bottom: 10px; }
.lfloatmr20 {float: left; margin-right: 20px;}
.lfloatmr30 {float: left; margin-right: 30px;}

.lfloatbox {width:240px; float: left; margin-top:5px; margin-right: 0px; margin-bottom: 5px;}
.rfloatbox {width:240px; float: right; margin-top:5px; margin-left: 0px; margin-bottom: 5px; }

.m5 { margin: 5px;}
.m10 { margin: 10px;}
.m15 { margin: 15px;}
.m20 { margin: 20px;}
.m30 { margin: 30px;}
.m40 { margin: 40px;}

.mr5 { margin-right: 5px;}
.mr10 {	margin-right: 10px;}
.mr15 {	margin-right: 15px;}
.mr20 {	margin-right: 20px;}
.mr25 {	margin-right: 25px;}
.mr30 {	margin-right: 30px;}

.mrb5 { margin-right: 5px; margin-bottom: 5px;}
.mrb10 { margin-right: 10px; margin-bottom: 10px;}
.mrb20 { margin-right: 20px; margin-bottom: 20px;}


.mb0 { margin-bottom: 0px;}
.mb3 { margin-bottom: 3px;}
.mb5 { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb25 { margin-bottom: 25px;}
.mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 40px;}
.mb50 { margin-bottom: 50px;}
.mb60 { margin-bottom: 60px;}
.mb70 { margin-bottom: 70px;}


.ml10 {	margin-left: 10px;}
.ml20 {	margin-left: 20px;}
.ml30 {	margin-left: 30px;}

.mside10 { margin-right: 10px; margin-left: 10px;}
.mside15 { margin-right: 15px; margin-left: 15px;}
.mside20 { margin-right: 20px; margin-left: 20px;}

.p5 { padding: 5px;}
.p10 { padding: 10px;}
.p20 { padding: 20px;}

.ptb5 { padding-top: 5px; padding-bottom: 5px;}
.ptb10 { padding-top: 10px; padding-bottom: 10px;}
.ptb20 { padding-top: 20px; padding-bottom: 20px;}

.pside10 { padding-right: 10px; padding-left: 10px;}
.pside20 { padding-right: 20px; padding-left: 20px;}

.pt5 { padding-top: 5px}
.pr5 { padding-right: 5px}
.pb5 { padding-bottom: 5px}
.pl5 { padding-left: 5px}

.pt20 { padding-top: 20px}

  
  



clear{
clear:both;}




	
/* リストの余計な空白削除 
------------------------------------------------ */
ul, ol, li {
	margin: 0 0 0 0;
	padding: 0;
}
ul, li {
	list-style-type:none;
}

/* h1～h6 の余計な空白削除
------------------------------------------------ */ 
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}




/* each page
=============================================================================*/

/* index page
=============================================================================*/


/* welcome page
=============================================================================*/

#concept {
	width: 700px;
	height: 755px;
	background-image:url(../welcome/concept_bg.jpg);
	}
	#concept .typearea {
	float:right;
	width:345px;
    margin:500px 0px 0px 0px;
	text-align:left;
	}

.blogbg{
	background:url(../img/blogbg.jpg) no-repeat;
	width:280px;
	height:300px;}
	
.blogbg_in{
	background:#fff;
	width:260px;
	height:200px;
	margin-right:auto;
	margin-left:auto;}

.blogp{
	color:#fff;
	font-size:18px;
	text-align:center;
	padding:15px;}
	
.blogli{
	color:#3D3227;
	padding:20px 3px;
	font-weight:bold;}

.blogli a{
	padding-left:5px;}
	
/* cuisine page
=============================================================================*/

#cuisine {
	width: 700px;
	height: 450px;
	background-image:url(../cuisine/cuisine_bg.jpg);
	}
	#cuisine .typearea {
	float:left;
    margin:340px 0px 0px 20px;
	text-align:left;
	}
	#cuisine .object {
	float:left;
	width:480px;
    margin:40px 0px 0px 30px;
	}

#summer {
	width: 700px;
	height: 565px;
	background-image:url(../cuisine/summer.jpg);
	}
	#summer .thumb {
	float:right;
	width:480px;
    margin:475px -30px 0px 0px;
	text-align:left;
	}
	#summer li {
	float:left;
	display:inline;
    margin:0px;
	text-align:left;
	}

#autumn {
	width: 700px;
	height: 565px;
	background-image:url(../cuisine/autumn.jpg);
	}
	#autumn .thumb {
	float:right;
	width:480px;
    margin:475px -30px 0px 0px;
	text-align:left;
	}
	#autumn li {
	float:left;
	display:inline;
    margin:0px;
	text-align:left;
	}	


#breakfast {
	width: 700px;
	height: 860px;
	background-image:url(../cuisine/breakfast_bg.jpg);
	}
	#breakfast .typearea {
    margin:30px auto 0px;
	text-align:left;
	padding-top:555px;
	width:430px;
	}
	#breakfast1{
	position:relative;
	}
	
	#breakfast1 .typearea1 ul{
		padding-left:195px;
		    padding-top: 50px;
		}
	
	#breakfast1 .typearea1 ul li{
		color:#444;
		font-size:14px;
		padding-left:10px;}
	
	#breakfast1 .typearea1 ul li:nth-child(1):before{
		top:55px;
		background: #444;
        content: "";
        height: 10px;
        width: 10px;
        position: absolute;}
	#breakfast1 .typearea1 ul li:nth-child(2):before{
		top:75px;
		background: #444;
        content: "";
        height: 10px;
        width: 10px;
        position: absolute;}
	#breakfast1 .typearea1 ul li:nth-child(3):before{
		top:118px;
		background: #444;
        content: "";
        height: 10px;
        width: 10px;
        position: absolute;}
	#breakfast1 .typearea1 ul li:nth-child(4):before{
		top:139px;
		background: #444;
        content: "";
        height: 10px;
        width: 10px;
        position: absolute;}
	#breakfast1 .typearea1 ul li:nth-child(5):before{
		top:159px;
		background: #444;
        content: "";
        height: 10px;
        width: 10px;
        position: absolute;}
	#breakfast1 .typearea1 ul li:nth-child(6):before{
		top:180px;
		background: #444;
        content: "";
        height: 10px;
        width: 10px;
        position: absolute;}
	#breakfast1 .typearea1 ul li:nth-child(7):before{
		top:202px;
		background: #444;
        content: "";
        height: 10px;
        width: 10px;
        position: absolute;}
	#breakfast1 .typearea1 ul li:nth-child(8):before{
		top:223px;
		background: #444;
        content: "";
        height: 10px;
        width: 10px;
        position: absolute;}
		
#breakfast1:after{
	content:"";
	display:block;
	width: 193px;
	height: 116px;
	background-image:url(../cuisine/leaf.png);
	background-repeat:no-repeat;
	position:absolute;
	top:8%;
	left:2%;
	z-index:2;
}
#com_point{
	width:700px;
	height:400px;
	background-image:url(../cuisine/natto.png);
	background-repeat:no-repeat;
	position:relative;}
#com_point p{
	position:absolute;
	top:25%;
	right:3%;
	font-size:16px;
	color:#fff;
	font-weight:bold;
	line-height:1.8;
	font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;  
	}
  
   #com_point h3{
	   position:absolute;
	top:10%;
	right:20%;
	font-size:26px;
	color:#fff;
	font-weight:bold;
	line-height:1.6;
	font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;  
  padding-left:20px;}
  

  
 #com_point1{
	 width:700px;
	height:400px;
	background-image:url(../cuisine/shiitake.png);
	background-repeat:no-repeat;
	position:relative;}
	 
#com_point1 p{
	position:absolute;
	top:33%;
	left:5%;
	font-size:16px;
	color:#fff;
	font-weight:bold;
	line-height:1.8;
	font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;  
}
  
  #com_point1 h3{
	position:absolute;
	top:17%;
	left:10%;
	font-size:26px;
	color:#fff;
	font-weight:bold;
	line-height:1.8;
	font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;  
	}
	
	 #com_point2{
	 width:700px;
	height:269px;
	background-image:url(../cuisine/egg.png);
	background-repeat:no-repeat;
	position:relative;}

  
  #com_point2 h3{
	position:absolute;
	top:6%;
	right:7%;
	font-size:26px;
	color:#fff;
	font-weight:bold;
	line-height:1.8;
	font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;  
	}
	
/* kodawari page
=============================================================================*/

#kodawari {
	width: 700px;
	height: 495px;
	background-image:url(../kodawari/kodawari_bg.jpg);
	}
#shiitake{
	margin-top:50px;
	width:700px;
	height:900px;
	background:url(../kodawari/shiitake_bg.jpg) no-repeat;
	position:relative;
}
#shiitake .shiitake_text1{
	padding-top:630px;
	font-size:13px;}

#shiitake .shiitake_text2{
	position:absolute;
	bottom:34%;
	right:4%;
	font-size:15px;
	color:#fff;
	text-align:center;
}
	#kodawari .typearea {
	float:left;
	width:380px;
    margin:340px 0px 0px 20px;
	text-align:left;
	}
	#kodawari .object {
	float:left;
	width:480px;
    margin:40px 0px 0px 30px;
	}
	
#seihin {
	width: 700px;
	height: 250px;
	margin:15px 0px 15px 15px;
	}
#kodawari_01 {
	width: 320px;
	height: 400px;
	margin: 10px 0px 10px 5px;
	border: 1px #4d4d4d solid;
	padding: 10px;
	}
#kodawari_02 {
	float: right;
	width: 320px;
	height: 480px;
	margin: -432px 0px 10px 5px;
	border: 1px #4d4d4d solid;
	padding: 10px;
	}
	
#contact-wrap {
	background: ;
	padding: 30px 45px;
	margin-bottom: 50px;
}

dl.contact-c {
	position: relative;
	border-bottom: solid 1px #F9F9F9;
	margin: 10px auto 0 auto;
	width: 100%;
	padding:0;
	font-size: 18px;
}

dl.contact-c dt {
  position: absolute;
  left: 0;
width:13em;
padding-top: 18px;
color:#F9F9F9;



}


 
dl.contact-c dd {
  padding-left: 13em;
 margin-bottom: 15px;
padding-top: 18px;
color:#F9F9F9;

}


ul.form-list li{
	display: inline-block;
	margin-right: 10px;
}

span.requ {
	font-size: 13px;
	color:#F9F9F9;
	line-height: 1;
	margin-left: 5px;
}

p.txt-kanarazu {
	font-size: 14px;
	color:#F9F9F9;
	
}



/* facilities page
=============================================================================*/	

#facilities01 {
	width: 700px;
	height: 740px;
	background-image:url(../facilities/facilities_bg_01.jpg);
	}
	#facilities01 .typearea {
	float:left;
	width:350px;
    margin:500px 0px 0px 20px;
	text-align:left;
	}

#facilities02 {
	width: 700px;
	height: 460px;
	background-image:url(../facilities/facilities_bg_02.jpg);
	}
	#facilities02 .typearea {
	float:left;
	width:350px;
    margin:220px 0px 0px 0px;
	text-align:left;
	}
	
#restaurant {
	width: 700px;
	height: 270px;
	background-image:url(../facilities/restaurant.jpg);
	}
	#restaurant .typearea {
	float:left;
	width:350px;
    margin:110px 0px 0px 355px;
	text-align:left;
	}
	
#room_10 {
	width: 700px;
	height: 570px;
	background-image:url(../facilities/room_10.jpg);
	}
	#room_10 .typearea {
	float:left;
	width:540px;
    margin:480px 0px 0px 0px;
	text-align:left;
	}

#room_special {
	width: 700px;
	height: 965px;
	background-image:url(../facilities/room_special.jpg);
	}
	#room_special .typearea {
	float:left;
	width:350px;
    margin:760px 0px 0px 0px;
	text-align:left;
	}
	
		
		
	
	
/* spa page
=============================================================================*/

#spa {
	width: 700px;
	height: 870px;
	background-image:url(../spa/spa_bg.jpg);
	}
	#spa .object {
	float:right;
	width:510px;
    margin:580px 0px 0px 0px;
	}

#day {
	width: 700px;
	height: 475px;
	background-image:url(../spa/day_bg.jpg);
	}
	#day .typearea {
	float:left;
	width:370px;
    margin:340px 0px 0px 0px;
	text-align:left;
	}
	
#history {
	width: 700px;
	height: 350px;
	background-image:url(../spa/history.jpg);
	}
	#history .typearea {
	float:left;
	width:600px;
    margin:85px 0px 0px 45px;
	text-align:left;
	}
	


/* sightseeing page
=============================================================================*/	
.spot {
	float:left;
	width: 220px;
	height:auto;
	margin-right:20px;
	}
	.spot .typearea {
	float:left;
	width:220px;
    margin:5px 0px 0px 0px;
	text-align:left;
	}




/* plan page
=============================================================================*/




/* access page
=============================================================================*/





/* contact page
=============================================================================*/


#pamphlet {
	width;200px;
	border-radius:3px;
	border:solid 1px #fff;
	position: absolute;
	left:500px;
	top: 52px;
	font-size: 0.7em;
	padding:5px 10px;
	text-align:center;
	display:inline-block;
}

#pamphlet span {
	color:#ffcc33;
	font-size:0.9em;
}

#pamphlet_main a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

#pamphlet_main a:hover {
	color:#ffffff;
	transition:color 0.3s ease 0s;
}

a:hover #pamphlet {
	background:rgba(51,153,0,0.6);
	transition:color 0.3s ease 0s;
}


.border {
	border: 2px solid rgba(255,255,255 , 0.5 ) ;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	/*box-shadow:rgba(255, 255, 255, 0.458824) 1px 0px 6px 0px;
	-webkit-box-shadow:rgba(255, 255, 255, 0.458824) 1px 0px 6px 0px;
	-moz-box-shadow:rgba(255,255, 255, 0.458824) 1px 0px 6px 0px;*/
}


	
/* english page
=============================================================================*/

#english {
	width: 700px;
	height: 560px;
	background-image:url(../english/english_bg.png);
	background-repeat:no-repeat;
	}
	#english .typearea {
	width:400px;
    margin:55px 0px 0px 20px;
	text-align:left;
	}
	#english .ti {
	width:480px;
    padding:210px 0px 0px 0px;
	}
	.ki{
		margin:15px 0 17px 8px;
	}

#en_fa {
	width: 700px;
	height: 510px;
	clear:both;
	}

#en_fa .left{
			float:left;
	width:350px;
}
	#en_fa .typearea_l {
    margin:30px 0px 0px 15px;
	text-align:left;
	}

	#en_fa .le {
		width:323px;
		height:290px;
			background:url(../english/english_img03.jpg) no-repeat;
    margin:40px 0px 0px 0px;
	}
	#en_fa .le_02 {
		width:129px;
		height:66px;
    padding:224px 0px 0px 15px;
	}


#en_fa .right{
		float:right;
	width:350px;
}
	#en_fa .ri {
		width:323px;
		height:311px;
			background:url(../english/english_img02.jpg) no-repeat;
    margin:20px 0px 0px 0px;
	}
	#en_fa .ri_02 {
		width:129px;
		height:66px;
    padding:240px 0px 0px 15px;
	}
	#en_fa .typearea_r {
    margin:24px 0px 0px 0px;
	text-align:left;
	}

.ta{
	padding:15px 0 0 25px;}

.di_typearea {
    margin:30px 0px 33px 25px;
	text-align:left;
	}
	
#jp_di {
	width: 700px;
	height: 565px;
	background-image:url(../english2/jpbg.png);
	}

	#jp_di .thumb {
	float:right;
	width:480px;
    margin:490px -30px 0px 0px;
	text-align:left;
	}
	#jp_di li {
	float:left;
	display:inline;
    margin:0px;
	text-align:left;
	}
		
	
	
	
#en_di {
	width: 700px;
	height: 565px;
	background-image:url(../english/english_cuibg.png);
	}

	#en_di .thumb {
	float:right;
	width:480px;
    margin:490px -30px 0px 0px;
	text-align:left;
	}
	#en_di li {
	float:left;
	display:inline;
    margin:0px;
	text-align:left;
	}
	
	
#cn_di {
	width: 700px;
	height: 565px;
	background-image:url(../english/cn_cuibg.png);
	}

	#cn_di .thumb {
	float:right;
	width:480px;
    margin:490px -30px 0px 0px;
	text-align:left;
	}
	#cn_di li {
	float:left;
	display:inline;
    margin:0px;
	text-align:left;
	}	
	
	
	
	
	
	
.di_typearea02 {
    margin:0px 0px 0px 105px;
	text-align:left;
	}


#en_ty {
	width: 700px;
	height:293px;
	margin:50px 0 0 0 ;
	}
	#en_ty .left{
		float:left;
	}
	#en_ty .right{
		width:132px;
		margin:24px 0 0 46px;
		float:left;
			}
	#en_ty .text{
		width:160px;
		padding:102px 0 0 12px ;
		font-size:13px;
				float:right;
		}
		
	#en_ty .thumb {
	float:right;
	width:337px;
    margin:5px -30px 0px 0px;
	text-align:left;
	}
	#en_ty li {
	float:left;
	display:inline;
    margin:0px;
	text-align:left;
	}	
.syokuzai{
	margin: 0 0 19px 10px;
}



#en_spa {
	width: 700px;
	height: 830px;
	clear:both;
	background:url(../english/spa_bg.png) no-repeat;
	}
#en_spa .left{
			float:left;
	width:355px;
	margin:0 0 80px 0 ;
}
#en_spa .typearea {
    padding:327px 0px 0px 27px;
	text-align:left;
	}
#en_spa .le {
		width:335px;
		height:245px;
			background:url(../english/en_spa04.jpg) no-repeat;
    margin:54px 0px 0px 0px;
	}
#en_spa .le_02 {
		width:129px;
		height:66px;
    padding:224px 0px 0px 15px;
	}
	
	#en_spa .right{
		float:right;
		margin:30px 0 0 0 ;
	width:345px;
}
#en_spa .center{
	padding:32px 0 0 10px;  
	text-align:center;
}
#en_spa .ri {
		width:345px;
		height:387px;
			background:url(../english/en_spa03.jpg) no-repeat right;
    margin:38px 0px 0px 0px;
	}
#en_spa .ri_02 {
		width:129px;
		height:66px;
    padding:295px 0px 0px 0px;
	}





#en_ac{
	clear:both;
}
#en_ac .ac_le{
	width:440px;
	height:310px;
	float:left;
	}

#en_ac .ac_ri{
	width:245px;
	float:right;
	clear:right;
}
.ac_ri p{
	font-size:19px;
	line-height:40px;
	padding:25px 0 0 0 ;
}


#en_ac .den{
	clear:both;
	padding:45px 0 0 11px;
}
	
#en_ac .typearea {
    margin:28px 0px 0px 33px;
	text-align:left;
	}
	
#en_ac .typearea p{
	line-height:24px;
	padding:0 0 30px 0;
}