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

@import url(http://weloveiconfonts.com/api/?family=fontawesome);

/* zocial */
[class*="fontawesome-"]:before {
  font-family: 'fontawesome', sans-serif;
  margin:0 5px 0 0;
}

.post_nav{
	
}



body{
	font:normal 1em/1.22em skolar-1, skolar-2;
	color:#666666;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	letter-spacing:0.1em;
	margin:0;
	padding:0;
	font-size:13px;
	line-height:140%;
	background-color:#f6f6ed;
	}

.bgimage{
width:100%;
height:100%;	
background-image:url(../images/index_top_photo00.jpg);	
background-repeat: no-repeat;  
background-size:cover;
}


	
ol,ul{list-style:none;margin:0;padding:0}
h4,h5,h6,p{font-weight:400;margin:0;padding:0}
a{text-decoration:none;outline:0;color:#000000;}
a img{border:0}
p{font-size:1em;line-height:1.375em;margin:0 0 0px}
.clear{clear:both}


a{
	color:#87C606;
	text-decoration:none;
}
a:hover{
color:#87C606;
text-decoration:underline;
}

a:visited{
color:#87C606;
text-decoration:none;
}

span.att{
color:#ff0000;	
}


a img{opacity:1;
filter: alpha(opacity=100);        /* ie lt 8 */
-ms-filter: "alpha(opacity=100)";  /* ie 8 */
-moz-opacity:1;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 1;              /* Safari 1.x */
zoom:1;}

a:hover img{
opacity:0.6;
filter: alpha(opacity=60);        /* ie lt 8 */
-ms-filter: "alpha(opacity=60)";  /* ie 8 */
-moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.6;              /* Safari 1.x */
zoom:1;
}


.information{
wodth:auto;
height:auto;
color:#000000;
font-size:13px;
margin:20px 20px 20px 50px;
padding:0;
font-weight:bold;
}



#bg-tag{
	position:fixed;
	top:20px;
	right:-10px;
	text-decoration:none;
	color:#000;
	background-color:ff0000;
	font-family:proxima-nova-extra-condensed-1,proxima-nova-extra-condensed-2;
	z-index:100;
	padding:13px 30px 13px 13px;
	}


*html #bg-tag{
	position:fixed;
	top:20px;
	right:-25px;
	text-decoration:none;
	color:#000;
	background-color:ff0000;
	font-family:proxima-nova-extra-condensed-1,proxima-nova-extra-condensed-2;
	z-index:100;
	padding:13px 30px 13px 13px;
	}


#navigation{position:fixed;left:0px;top:0px}

#navigation_index{background-color:#FFFFFA;height:100%;position:fixed;left:0px;top:0px}

#header_logo{
width:110px;
height:auto;
margin:25px 0px 0px 25px;
padding:0;
}

#main_navi{
width:170px;
height:auto;
margin:50px 0px 0px 30px;
padding:0;
}

#main_navi li{
width:150px;
height:17px;
margin:0px;
text-align:left;
padding:0px 0px 11px 0px;
font-size:20px;
font-style:normal;
}

#main_navi li.ja{
width:150px;
height:17px;
margin:0px;
text-align:left;
padding:0px 0px 11px 0px;
font-size:15px;
}

#main_navi li.ja a{
color:#000000;	
font-weight:bold;
}

.current a{
color:#87C606!important;	
font-weight:bold;	
}


#main_navi li.ja a:hover{
color:#87C606;
font-weight:bold;
text-decoration:none;
}

#main_navi li a{
color:#000000;	
text-decoration:none;
}

#main_navi li a.current{
color:#87C606;	
font-weight:bold;	
}


#main_navi li a:hover{
color:#87C606;	
text-decoration:none;
}


#sub_navi{
width:165px;
height:auto;
margin:0px 0px 0px 30px;
padding:0;
}

#sub_navi li{
width:150px;
height:17px;
margin:0px;
text-align:left;
padding:0px 0px 3px 0px;
font-size:14px;
font-style:normal;
}

#sub_navi li a{
color:#727171;	
text-decoration:none;
}

#sub_navi li a:hover{
color:#87C606;	
text-decoration:none;
}


#article_ttl{
width:150px;
height:auto;
margin:15px 0px 7px 30px;
text-align:left;
padding:0px;
font-size:20px;
font-style:normal;	
}

#article_ttl a{
color:#000000;	
text-decoration:none;
}

#article_ttl a:hover{
color:#87C606;	
text-decoration:none;
}


#article_ttl02{
width:150px;
height:auto;
margin:15px 0px 7px 30px;
text-align:left;
padding:0px;
font-size:16px;
font-weight:bold;	
}

#article_ttl02 a{
color:#3B5998;	
text-decoration:none;
}

#article_ttl02 a:hover{
color:#87C606;	
text-decoration:none;
}

#feed{
width:150px;
height:auto;
margin:0px 0px 0px 30px;
text-align:left;
padding:0px;
font-size:12px;
font-style:normal;
color:#727171;	
list-style:none;
}

#feed a{
color:#727171;	
text-decoration:none;
}

#feed a:hover{
color:#87C606;	
text-decoration:none;
}


.pr{
width:155px;
height:auto;
margin:30px 0px 25px 20px;
}


#container{background-color:#FFFFFA;position:relative;width:850px;left:200px;top:0px;height:auto;padding:0;margin:0;float:left;}

*html #container{background-color:#FFFFFA;position:relative;width:850px;left:200px;top:-750px;height:auto;z-index:3;padding:0;margin:0;}


#container .main_contents{
padding:0px;
margin:0;
}


#container h1{
text-align:left;
margin:0 auto;
}


#container h3{
text-align:center;
margin:0px auto;
padding:50px 0px 50px 0px;
color:#666666;
line-height:140%;
font-size:12px;
}

.links_01{
	position:relative;
top:2px;
left:5px;
margin:0;
padding:0;
}


.links_02{
	position:relative;
top:2px;
right:5px;
margin:0;
padding:0;
}

#container .border{
width:850px;
height:3px;
background-image:url(../images/common_background_border.gif);
background-repeat:no-repeat;
clear:both;
}


#footer{
margin:0;
padding:15px 0;
}

.anchor{
font-weight:bold;
text-align:center;
margin:0px 0px 10px 0px;
}


.copy{
font-size:10px;
color:#000000;
text-align:center;
}


img.bgimage {
    display: none;
}
img.loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -12px;
}


::selection {
background: #cccccc; /* Safari */
}

::-moz-selection {
background: #cccccc; /* Firefox */
}


#left_footer {
   position:fixed;
   left:0px;
   bottom:0px;
   height:90px;
   width:185px;
}

/* IE 6 */
* html #left_footer {
   position:absolute;
   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}



#common_reservation_qr{
width:184px;
height:auto;
margin:15px 0px 25px 0px;
text-align:left;
padding:8px;
border-top:1px solid #cccccc;
letter-spacing:0;
}

#common_reservation_qr .sub{
margin:3px 0px 5px 25px;
padding:0;
font-weight:bold;
color:#000000;
font-size:16px;
}


#common_reservation_qr dt{
margin:3px 0px 3px 25px;
padding:0;
text-align:left;
color:#000000;
}


#common_reservation_qr dd{
margin:0 0 0 25px;
padding:0;
font-size:10px;
line-height:150%;
}


#common_reservation_qr a{
color:#000000;	
}


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

.clearfix {
  min-height: 1px;
}

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