@charset "utf-8";

* {font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;}

body {
 color: #333;
 line-height:1.8;
 font-size:1.1em;
 -webkit-text-size-adjust: 100%;
 background: #fff;
}

img {
 max-width : 100% ;
 height : auto ;
 } 

a{
 font-size:100%;
 color:#2989d8;
 text-decoration:none;
}

a:hover, a:active{
 opacity:0.6;
 filter: alpha(opacity=60);
}

/* h
--------------------------------*/ 
h1{
 font-size:2.5em;
 font-weight:normal;
}
h1 a{color:#000;}
h1 a:link{
 opacity:1;
 filter: alpha(opacity=100);
}
h2{
 margin:0 0 20px 0;
 padding:0px 0.5em;
 font-size:2em;
 font-weight:normal;
 border-left:#000 solid 10px;
 border-bottom:#000 solid 1px;
}
h3{
 margin:80px 0 20px 0;
 padding:5px 0.5em;
 font-size:1.3em;
 border: 1px solid #d5d5d5; 
 border-left:#ddd solid 10px; 
 background:#dddddd; /* Old browsers */
 background:-moz-linear-gradient(top,  #dddddd 0%, #eeeeee 36%, #ffffff 100%); /* FF3.6-15 */
 background:-webkit-linear-gradient(top,  #dddddd 0%,#eeeeee 36%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
 background:linear-gradient(to bottom,  #dddddd 0%,#eeeeee 36%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
h3 a{color:#333;}
h4{
 margin:0 0 20px 0;
 padding:0px 1em;
 color:#fff;
 background:#999;
}

/* header
--------------------------------*/ 
header{
 overflow:hidden;
 border-top:5px solid #000;
 border-bottom:1px solid #ccc; 
 background: #fff;
}
#header-inner{
 width:98%;
 margin:0 auto;
}
#header-inner:after {
 content: "";
 clear: both;
 display: block;
}
#logo{
 margin:2px 10px 0 0px;
 float:left;
}


/* main-img
--------------------------------*/
#top-mainimg{width:100%;}
#top-mainimg img{width:100%;}

#mainimg{
width:100%;
height:300px;
background-image:url(../img/contents/mainimg.jpg);
background-position:center center;
background-repeat:no-repeat;
-moz-background-size:cover;
background-size:cover;
 border-top:3px solid #ddd;
 border-bottom:3px solid #ddd;
}


/* wrapper,content,section
--------------------------------*/ 
#wrapper{
 width:100%;
 margin:0px auto;
 background: #fff;
}

#content{
 width:98%;
 max-width:1200px;
 margin:0 auto 80px auto;
 padding:0px 0px 0 0px;
}

section{margin:0 0 40px 0;}
section:after {
  content: "";
  clear: both;
  display: block;
}

/* section中身
--------------------------------*/ 
section p{
margin:0 0 40px 0;
word-wrap: break-word;
}

.img-box-30,.img-box-50,.img-box-80{margin:0 0 40px 0;}
.img-box-30:after,.img-box-50:after,.img-box-80:after{
  content: "";
  clear: both;
  display: block;
}
.img-box-30 img,.img-box-50 img,.img-box-80 img{
 margin:0 3% 0px 0;
 float:left;
}
.img-box-30 img{width:30%;}
.img-box-50 img{width:50%;}
.img-box-80 img{width:80%;}


section ul{
 margin:0 0 40px 0;
 padding:0 0 0 1em;
 list-style:disc;
}



/* footer
--------------------------------*/ 
footer{}

#sitemap{background:#000;}
#sitemap-inner{
 width:98%;
 margin:0 auto;
 padding:15px 0 0 0;
 color:#ffa05b;
}
#sitemap-inner:after {
  content: "";
  clear: both;
  display: block;
}
#sitemap-inner ul{
 width:100%;
 font-size:0.8em;
 line-height:1;
}
#sitemap-inner li{
 margin:0 30px 15px 0 ;
 padding:0 0 0 1em;
 text-align:center;
 float:left;
 background:url(../img/common/sitemap-marker.gif) no-repeat;
}
#sitemap-inner li a{
 color:#fff;
}
#sitemap-inner li img{
 margin:0 5px 2px 0;
}
#sitemap-inner li ul li{
 margin:10px 0 0 70px;
 display:block;
 text-align:left;
 font-size:0.9em;
 line-height:1;
}

#menu-footer{
 width:100%;
 margin:0 auto;
 padding:15px 0;
 text-align:center;
}
#menu-footer li{
 text-align:center;
 font-size:0.9em;
 display:inline-block;
}

#footer-info{
/* Webkit系 */
 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
/* Mozilla系 */
 background: -moz-linear-gradient(top, #fff, #ddd);
/* IE10+ */
 background: -ms-linear-gradient(top, #fff, #ddd);
}
#footer-info-inner{
 width:90%;
 margin:0 auto;
 padding:15px 0;
}
#footer-info-inner:after {
 content: "";
 clear: both;
 display: block;
}
#footer-info-inner ul{
}
#footer-info-inner li{
 margin:0 40px 0 0;
 font-size:0.9em;
 float:left;
}
#footer-info-inner li a{
 color:#333;
}
#footer-info-inner li:nth-child(1) {
 font-size:1.4em;
}

small{
 padding:10px 0 20px 0;
 text-align:center;
 font-size:0.8em;
 display:block;
 clear:both;
 background: #fff;
 border-top:1px solid #ccc;
}

#page-top {
 position: fixed;
 bottom:50px;
 right: 20px;
 font-size:0.8em;
}
#page-top a {
 background: #666;
 text-decoration: none;
 color: #fff;
 width: 50px;
 height:40px;
 padding:10px 0 0 0;
 text-align: center;
 display: block;
 border-radius: 5px;
 line-height:1;
  opacity:0.8;
 filter: alpha(opacity=80);
}
#page-top a:hover {
 text-decoration: none;
 background: #999;
}


/* table
--------------------------------*/
/* difference
--------------------------------*/
table#difference {
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  border-collapse: collapse;
  width: 100%;
}
table#difference th,
table#difference td {
  border-left: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 10px;
}
table#difference th {
  background-color: #eee;
  text-align: left;
}

/* country
--------------------------------*/
table#country {
 width: 100%;
 margin:0 0 40px 0;
 border: 1px solid #999;
}
table#country th,
table#country td {
  border: 1px solid #999;
  padding: 10px;
  text-align:center;
}
table#country th {
  background-color: #eee;
}


/* individual
--------------------------------*/

/* top
--------------------------------*/


/* left
--------------------------------*/
#left{
 width:18%;
 margin:40px 0 0 0;
 float:right;
}
#left-inner{
 width:100%;
 margin:0px 0px 20px 0px;
 border:1px solid #5d2f0f;
}
#left-inner a{
 color:#333;
}
p.name{
 text-align:center;
 color:#fff;
 font-size:1.1em;
/* Webkit系 */
 background: -webkit-gradient(linear, left top, left bottom, from(#8b4d2c), to(#3c1500));
/* Mozilla系 */
 background: -moz-linear-gradient(top, #8b4d2c, #3c1500);
/* IE10+ */
 background: -ms-linear-gradient(top, #8b4d2c, #3c1500);
}
#left-inner ul{
margin:10px 0 0 0;
}
#left-inner ul li{
 padding:0 0 10px 28px;
 font-size:0.8em;
 background:url(../img/common/menu-marker.gif) no-repeat 2px 0%;
}

.ad{
 margin:0px 0 0 0;
}
.ad p{
 font-size:0.8em;
 color:#999;
 text-align:center;
}
.ad img{
 margin:0 0 25px 0;
}

/* right
--------------------------------*/
#right{
 width:100%;
 margin:40px 0px 0 0;
 float:left;
}
#right-in{
 margin:0 0 0 0;
}
#right-mainimage{
 margin:0 0 60px 0;
}



/* introduction
--------------------------------*/

/* price
--------------------------------*/
table#price {
 width:90%;
 margin:0 auto 40px auto;
}
table#price th {
 width:70%;
 padding:5px 0px;
 font-weight:normal;
 text-align:center;
 border: 1px solid #999; 
 background:#eee;
 vertical-align:middle;
}
table#price td {
 width:30%;
 padding:5px 15px;
 text-align:center;
 border: 1px solid #999; 
}

/* galley
--------------------------------*/
section.galley{
 margin:0 0 40px 0;
 padding:0 20px;
}
section.galley div{
 width:280px;
 margin:0 20px 20px 0;
 padding:0 0 5px 0;
 text-align:center;
 font-weight:bold;
 float:left;
 background:#ddd;
 border: 1px solid #bbb; 
}
section.galley div img{
 margin:0 0 5px 0;
}
section.galley div:nth-child(3n) {
 margin:0 0px 20px 0;
}

/* section.normal
--------------------------------*/
section.normal p,section.normal img{ margin:0 0 20px 0;}
section.normal ul{
margin:0 0 20px 0;
 padding:0 0 0 1em;
 list-style:disc;
}

/* access
--------------------------------*/
table#businesshour {
 width:100%;
 margin:0 0 40px 0;
}
table#businesshour th {
 padding:5px 0px;
 font-weight:normal;
 text-align:center;
 border: 1px solid #999; 
 background:#eee;
 vertical-align:middle;
}
table#businesshour td {
 padding:5px 15px;
 text-align:center;
 border: 1px solid #999; 
}

#access-contact{
 width:50%;
 margin:0 auto;
 padding:20px 0;
 text-align:center;
 font-size:1.4em;
 font-weight:bold;
 color:#fff;
 border-radius:10px;
 background: #ffb959;
}
#access-contact a{
 color:#fff;
}
#access-contact img{
 margin:0 8px 8px 0px;
}

#g-map {
 position: relative;
 padding-bottom: 56.25%;
 padding-top: 30px;
 height: 0;
 overflow: hidden;
}
 
#g-map iframe,
#g-map object,
#g-map embed {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

table#access {
 width:80%;
 margin:0 auto 40px auto;
}
table#access th {
 padding:5px 0px;
 font-weight:normal;
 text-align:center;
 border: 1px solid #999; 
 background:#eee;
 vertical-align:middle;
}
table#access td {
 padding:5px 15px;
 text-align:left;
 border: 1px solid #999; 
}
table#access td a{
 color:#333;
}

/* others
--------------------------------*/
.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.clear {clear: both;}

.red{color:#ff0000;}

.f-l {float:left}
.f-r {float:right}

.fs-08{font-size:0.8em;}
.fs-11{font-size:1.1em;}
.fs-12{font-size:1.2em;}
.fs-15{font-size:1.5em;}