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

*{
margin:0px;
padding:0px;
}
img{
border:none;
}
body {
text-align:center;
color:#666666;
-webkit-text-size-adjust: none;
}
h1{
/*
color:#ffffff;
background-color:#000000;
*/
padding:2px;
font-size:12px;
          font-family: HiraKakuProN-W3;
}
p{
font-family: HiraKakuProN-W3;
font-size:12px;
}
h1 + p > img{
display:block;
margin:auto;
margin-bottom:4px;
}
h1 + p > a{
    border: 2px solid #666666;
    border-radius: 10px;
    display: inline-block;
    font-size: 14px;
    padding: 5px;
	margin-bottom:5px;
	font-weight:bold;
background-color:#FDFDFD;
background-image:-moz-linear-gradient(0% 0% -90deg,rgb(253,253,253) 0%,rgb(232,232,232) 99%); 
background-image:-webkit-linear-gradient(-90deg,rgb(253,253,253) 0%,rgb(232,232,232) 99%);
background-image:linear-gradient(-180deg,rgb(253,253,253) 0%,rgb(232,232,232) 99%);
box-shadow:1px 1px 2px rgba(255,255,255,1) inset, -1px -1px 2px rgba(0,0,0,0.5) inset;
}
h1 + p > a:before{
content:'\260e';
margin-right:4px;
display:inline-block;
}
ul#headnavi {
          background-image: -webkit-gradient(linear, left top, left bottom, from(#B0BCCD), to(#5A7499));
          border-top: 1px solid rgba(255,255,255,0.7);
          border-bottom: 1px solid rgba(0,0,0,0.7);
          background-color: #B0BCCD;
/*          text-shadow: rgba(0, 0, 0, 0.6) 0 -1px 0;*/
          font-family: HiraKakuProN-W6;
          font-size: 14px;
          color: #9A8743;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
		  text-align:left;
		  margin-top:0px;
		  margin-bottom:0px;
		  width:100%;
		  }
ul#headnavi li{
border: none;
padding:0px;
padding-top:2px;
text-align:center;
overflow: hidden;
text-overflow: ellipsis;
white-space:nowrap;
width:20%;
float:left;
font-size:10px;
border-left:1px solid rgba(255,255,255,0.5);
border-right:1px solid rgba(0,0,0,0.5);
	-webkit-box-sizing: border-box;　/* Safari,Google Chrome用 */
    -moz-box-sizing: border-box;　/* Firefox用 */
    -ms-box-sizing: border-box;　/* Internet Explorer 8用 */
    box-sizing: border-box;　/* Opera用 */

}

ul#headnavi li#first{
border-left:none;
}
ul#headnavi li#last{
border-right:none;
}
ul#headnavi li a{
display:block;
height:56px;
color:#ffffff;
text-align:center;
overflow: hidden;
text-overflow: ellipsis;
white-space:nowrap;
}

ul#headnavi li a:link, ul#headnavi li a:hover, ul#headnavi li a:visited{
color:#ffffff;
text-decoration:none;
}

/* added on ver.2014*/

ul#headnavi li img{
display:block;
margin:auto;
}
ul#headnavi.fixed{
display:block;
position:fixed;
top:0px;
z-index:9999;
height:30px;
box-shadow:0px 1px 2px rgba(0,0,0,0.5);
}
ul#headnavi.fixed li{
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
padding:0px;
}
ul#headnavi.fixed li img{
display:inline-block;
width:30px;
vertical-align:-4px;
}
ul#headnavi.fixed li a{
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
height:30px;
padding:4px 0px;
}

#absoluteTelBtn{
position:fixed;
top:auto;
bottom:0px;
font-weight:bold;
background-color:rgba(0,0,0,0.5);
width:100%;
height:50px;
z-index:10001;
}
#absoluteTelBtn.fixed{
display:block;
position:fixed;
top:auto;
bottom:0px;
border-top:1px solid rgba(0,0,0,0.25);
}
#absoluteTelBtn ul{
text-align:center;
}
#absoluteTelBtn ul li{
display:inline-block;
background-color:#FDFDFD;
background-image:-moz-linear-gradient(0% 0% -90deg,rgb(253,253,253) 0%,rgb(232,232,232) 99%); 
background-image:-webkit-linear-gradient(-90deg,rgb(253,253,253) 0%,rgb(232,232,232) 99%);
background-image:linear-gradient(-180deg,rgb(253,253,253) 0%,rgb(232,232,232) 99%);
box-shadow:1px 1px 2px rgba(0,0,0,0.3), -1px -1px 2px rgba(0,0,0,0.5) inset, 1px 1px 2px rgba(255,255,255,1) inset;
border:1px solid #333333;
border-radius:8px;
margin:5px 1px;
}
#absoluteTelBtn ul li a{
padding:7px;
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
line-height:1;
}

#baloonAllContents{
position:fixed;
top:0;
width:100%;
background-color:rgba(0,0,0,0.7);
z-index:10000;
}
#baloonAllContents ul{
position:relative;
overflow:auto;
z-index:10000;
list-style-type:none;
margin:20px;
margin-top:20px;
border-radius:10px;
border:2px solid #000000;
background-color:rgba(255,255,255,1);
}
#absoluteTelBtn.fixed + #baloonAllContents ul{
position:relative;
overflow:auto;
-webkit-overflow-scrolling:touch;
z-index:9999;
list-style-type:none;
margin:20px;
margin-top:20px;
border-radius:10px;
border:2px solid #000000;
}

/*
#absoluteTelBtn + #baloonAllContents ul:before {
    background-color: rgba(0,0,0,0.8);
    content: "メニュー";
    display: block;
    padding: 8px;
	color:#ffffff;
	font-weight:bold;
	position:fixed;
	width:calc(100% - 60px);
	border-bottom: 1px solid rgba(0, 0, 0, 0.7);
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);
}
#baloonAllContents ul li:first-child{
margin-top:35px;
}
*/
#baloonAllContents ul li{
border-bottom: solid 1px #B0BCCD;
font-family: HiraKakuProN-W3;
text-align:center;
overflow: hidden;
text-overflow: ellipsis;
font-size:18px;
font-weight:normal;
text-align:left;
}
#baloonAllContents ul li a{
padding:8px;
}
#baloonAllContents ul li.telbt{
background-color:#FDFDFD;
background-image:-moz-linear-gradient(0% 0% -90deg,rgb(253,253,253) 0%,rgb(232,232,232) 99%); 
background-image:-webkit-linear-gradient(-90deg,rgb(253,253,253) 0%,rgb(232,232,232) 99%);
background-image:linear-gradient(-180deg,rgb(253,253,253) 0%,rgb(232,232,232) 99%);
box-shadow: -1px -1px 2px rgba(0,0,0,0.5) inset, 1px 1px 2px rgba(255,255,255,1) inset;
text-align:center;
font-size:24px;
border: solid 1px #a9abae;
border-radius: 12px;
padding:15px;
margin:4px;
}
#baloonAllContents ul > li:before {
    color: #333333;
    content: ">";
    float: right;
    font-weight: bold;
	margin-top:8px;
	margin-right:8px;
}
#baloonAllContents ul > li.telbt:before {
    content: none;
}


#baloonAllContents ul li span{
color:#2B346D;
display:inline;
}


/*below*/

h3 {
          background-image: -moz-gradient(linear, left top, left bottom, from(#b0bccd), to(#6d84a2));
          background-image: -webkit-gradient(linear, left top, left bottom, from(#b0bccd), to(#6d84a2));
          border-top: 1px solid rgba(255,255,255,0.7);
          border-bottom: 1px solid rgba(0,0,0,0.7);
          background-color: #B0BCCD;
/*          text-shadow: rgba(0, 0, 0, 0.6) 0 -1px 0;*/
          font-family: HiraKakuProN-W3;
          font-size: 14px;
          color: #ffffff;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
		  text-align:left;
		  padding:5px;
		  margin-bottom:4px;
		  font-weight:normal;
		  }

ul#navi{
list-style-type:none;
/*width:100%;*/
margin:0px;
}
ul#navi li{
border-bottom: solid 1px #B0BCCD;
font-family: HiraKakuProN-W3;
text-align:center;
overflow: hidden;
text-overflow: ellipsis;
font-size:18px;
font-weight:normal;
text-align:left;
}

ul#navi li.telbt{
background-color:#FDFDFD;
background-image:-moz-linear-gradient(0% 0% -90deg,rgb(253,253,253) 0%,rgb(232,232,232) 99%); 
background-image:-webkit-linear-gradient(-90deg,rgb(253,253,253) 0%,rgb(232,232,232) 99%);
background-image:linear-gradient(-180deg,rgb(253,253,253) 0%,rgb(232,232,232) 99%);
box-shadow: -1px -1px 2px rgba(0,0,0,0.5) inset, 1px 1px 2px rgba(255,255,255,1) inset;
text-align:center;
font-size:24px;
border: solid 1px #a9abae;
border-radius: 12px;
padding:15px;
margin:4px;
}
ul#navi > li:before {
    color: #333333;
    content: ">";
    float: right;
    font-weight: bold;
padding:8px;
}
ul#navi > li.telbt:before {
    content: none;
}

ul#navi li span{
color:#2B346D;
display:inline;
}
ul#navi li a{
display:block;
padding:8px;
}
li a{
display:block;
}
a:link, a:visited, a:hover{
text-decoration:none;
}

a:link, a:visited, a:hover{
color:#333333;
}

#spswitch{
font-size:16px;
font-family: HiraKakuProN-W3;
background-color:#cccccc;
}
#spswitch ul{
list-style-type:none;
padding:15px;
}
#spswitch li{
display:inline-block;
color:#999999;
background-image:none;
}
#spswitch li:first-child{
color:#222222;
}
#spswitch li.last:before{
content:" | ";
}
#spswitch li{
}
#spswitch li a{
color:#000000;
display:inline;
}

address {
          border-top: 1px solid #cdd5df;
          background-image: -webkit-gradient(linear, left top, left bottom, from(#b0bccd), to(#6d84a2));
          border-bottom: 1px solid #2d3642;
          background-color: #b0bccd;
          text-shadow: rgba(0, 0, 0, 0.6) 0 -1px 0;
          font-family: HiraKakuProN-W6;
          font-size: 10px;
          color: #fff;
          text-align: center;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
		  padding:5px;
		  margin-bottom:50px;
		  }

/*回り込み解除用*/
.clearfix:after {  
content: ".";  
display: block;  
visibility: hidden;  
height: 0.1px;  
font-size: 0.1em;  
line-height: 0;  
clear: both;  
} 

.clr{
clear: both;  
}