@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%;
 text-decoration:none;
}

a:link, a:visited{
 text-decoration:none;
 color: #333;}

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


/* h
--------------------------------*/ 
h1{
 font-size:2.5em;
 font-weight:normal;
}
h1 a:link, h1 a:visited{color:#fff;}
h1 a:link{
 opacity:1;
 filter: alpha(opacity=100);
}
h2{
 margin:0 0 50px 0;
 padding:0px 20px;
 font-size:2em;
 font-weight:normal;
 border-bottom:#ccc solid 1px;
 background:url(../img/common/h2-marker.gif) repeat-y;
}
h3{
 margin:0px 0 25px 0;
 padding:5px 20px;
 font-size:1.3em;
 border: 1px solid #d5d5d5; 
 background:url(../img/common/h3-marker.gif) repeat-y, #dddddd; /* Old browsers */
 background:url(../img/common/h3-marker.gif) repeat-y, -moz-linear-gradient(top,  #dddddd 0%, #eeeeee 36%, #ffffff 100%); /* FF3.6-15 */
 background:url(../img/common/h3-marker.gif) repeat-y, -webkit-linear-gradient(top,  #dddddd 0%,#eeeeee 36%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
 background:url(../img/common/h3-marker.gif) repeat-y, 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 25px 0;
 padding:0px 20px;
 color:#fff;
 background:#999;
}


/* header
--------------------------------*/ 
header{
 overflow:hidden;
 background: #6dc5af;
 border-top:5px solid #1e836a;
 border-bottom:1px solid #77d2bb;
}
#header-inner{
 width:98%;
 max-width:1400px;
 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%;
height:500px;
background-image:url(../img/contents/top-mainimg.jpg);
background-position:center center;
background-repeat:no-repeat;
-moz-background-size:cover;
background-size:cover;
 border-bottom:3px solid #ccc;
}
#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-bottom:3px solid #ccc;
}


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

#content{
 width:98%;
 max-width:1400px;
 margin:0 auto 50px auto;
}

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


/* section中身
--------------------------------*/ 
section p{margin:0 0 25px 0;}

section a:hover, section a:active{
 opacity:1;
 filter: alpha(opacity=100);
}

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

.img-box-02 img{
width:30%;
margin:0 3% 0px 0;
float:left;
}
.img-box-02 p{
width:67%;
float:left;
}

section ul{
 margin:0 0 25px 0;
 padding:0 0 0 1em;
 list-style:disc;
}
section ul.decimal{
 padding:0 0 0 1.5em;
 list-style:decimal;
}
section ul.none{
 padding:0;
 list-style:none;
}


/* left
--------------------------------*/
#left{
 width:280px;
 margin:50px 0 0 0;
 float:left;
}
#left-inner{
 width:100%;
 margin:0px 0px 20px 0px;
 border:1px solid #ccc;
}
#left-inner a{
 color:#333;
}
p.name{
 text-align:center;
 color:#fff;
 font-size:1.1em;
 background: #ca0021;
}
#left-inner ul{
margin:10px 0 0 0;
}
#left-inner ul li{
 padding:0 0 10px 25px;
 font-size:0.8em;
 background:url(../img/common/menu-marker.gif) no-repeat 5px 2px;
}

.ad{
 margin:50px 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:50px 0px 0 -280px;
 float:right;
}
#right-in{
 margin:0 0 0 320px;
}
#right-mainimage{
 margin:0 0 60px 0;
}


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

#sitemap{background:#ca0021;}
#sitemap-inner{
 width:98%;
 max-width:1400px;
 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);
 border-top:1px solid #ccc;
}
#footer-info-inner{
 width:98%;
 max-width:1400px; 
 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;
}


/* 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;}