@charset "utf-8";
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/* CSS Document */
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* Global properties ======================================================== */
html,
  body {
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;}
  
body { 
    background:#d6eefb; 
    font-family: 'M PLUS Rounded 1c',"メイリオ",Meiryo,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","游ゴシック","Yu Gothic","游ゴシック体","YuGothic",sans-serif;
	font-size:18px; 
	line-height:1.5em;
	color:#444;}
	
.container {
	margin: 0 auto;
	position: relative;
	width:100%;
	overflow-x: hidden;}
 
 .wrapper { 
	margin: 0 auto;
	position: relative;
	width:100%;
	overflow:hidden;}

a img, img { border:0; }
a img:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: “alpha( opacity=70 )”;}
	
a {
	color:#000; 
	outline:none;}
a:hover { color:#666;}
	
/*  header ======================================*/
header {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;}
	
/* ロゴ */
header h1.logo {
	margin:10px;}
	
header h1.logo img { 	
	max-width:100%;
	height: auto;}
	
@media only screen and (max-width: 767px) {
header h1.logo,
header h1.logo img  {
    max-width:100%;}
}


/* ヘッダーナビスペース */
#headermenu {
	overflow:hidden;
	margin:33px 30px 0 0;}

/* ヘッダーナビゲーション */
#headermenu ul {
	float:right;
	margin:0;
	width:648px;/*678px*/}
	
#headermenu li {
	float:left;
	padding-left:15px;}
	
#headermenu li img { 	
	max-width:100%;
	height: auto;}

#headermenu li.nav_w94 { width:94px; }
#headermenu li.nav_w125 { width:125px; }
#headermenu li.nav_w62 { width:62px; }
#headermenu li.nav_w65 { width:65px; }

#headermenu li.textsize {
	padding-left:8px;
	width:20px;}		

/*ヘッダーナビプルダウンメニュー*/
#headermenu li ul {
  display: none;
  position: absolute;
  padding:0;
  margin:0;
  width:220px;
  z-index:10;}
#headermenu li ul li {
  margin:0;
  padding:0;
  width: 220px;
  border: none;}
#headermenu li ul li a {
  display: inline-block;
  width: 220px;}

#headermenu li ul li a img:hover {
	opacity:1.0;
	filter:alpha(opacity=100);
	-ms-filter: “alpha( opacity=100 )”;}

/*  footer ======================================*/	
#gotop {
	height:45px;
	text-align:right;
	padding:0;
	margin:0;
	width:100%;}

footer {
	width:100%;}

.footer_bg { background:#436b6f; }
	
footer li img { 	
	max-width:100%;
	height: auto;}
	
#footermenu { 
	padding:0 20px;
	margin:0;
	overflow:hidden;}

#footerbottom {
	margin:0;
	overflow:hidden;
	width:100%;}
	
ul.foot_navi { 
	float:left;
	margin:0;
	width:100%;}
	
ul.foot_navi li { 
	float:left; 
	text-align:center;
	width:33.00%;}
    
li.menuLine { border-right:1px dotted #999; }

#footer_cntnavi { 
	border-bottom:1px dotted #999;
	padding:0;
	margin:0;
	overflow:hidden;}
	
#footer_cntnavi ul.shisetsu {
	float:left;
	margin:0;
	padding:0;
	width:100%;}
	
#footer_cntnavi ul.shisetsu li { 
	float:left; 
	margin:0;
	padding:0;
	text-align:center;
	width:49.50%;}

	
/*フッターバナー ----------------------------------*/
ul.bnrbox {
	list-style: none outside; 
	margin:10px 0; 
	overflow:hidden;}

ul.bnrbox li {
    display:inline-block;
    *display: inline;	/*for IE*/
    *zoom: 1;		/*for IE*/
	padding-right:10px;
	margin:0; 
	text-align:left;
	width:20%;
	max-width:250px;}

.rightspace {
    display:inline-block;
    *display: inline;	/*for IE*/
    *zoom: 1;		/*for IE*/
width:40%;
float:right;
max-width:250px;}
	
ul.bnrbox li img { 	
	max-width:100%;
	height: auto;}

/* フッター下コピーライト関連テキスト ----------------------*/
#foottext {
	margin:5px 0;
	overflow:hidden;
	width:100%;}

ul.ftextbox {
	list-style: none outside; 
	margin:0; 
	overflow:hidden;}
	
ul.ftextbox  li {
	display:inline-block;
	*display: inline;	/*for IE*/
	*zoom: 1;		/*for IE*/
	padding-right:10px;
	margin:0; 
	text-align:left;}

ul.ftextbox li.foottext {
	width:15%;
	font-size:0.8em;
	line-height:1.3em;}
	
ul.ftextbox  li.address {
	width:45%;
	font-size:0.8em;
	line-height:1.3em;}

ul.ftextbox  li.copyright {
	display:inline-block;
	*display: inline;	/*for IE*/
	*zoom: 1;		/*for IE*/
	width:20%;
	float:right;
	max-width:250px;
	font-size:0.65em;
	line-height:1.3em;}
	
footer a { 
	color:#fff;
	outline:none; }
footer a:hover { color:#ffe87c; }

ul.ftextbox li.foottext a.toplink {
	color:#fff;
	text-decoration:none; }
ul.ftextbox li.foottext a.toplink:hover { 
	color:#ffe87c;
	text-decoration:underline; }	

.sitemap_icon { 
	background:url("../images/footer_sitemap_icon.png") no-repeat 0 2px; 
	margin-left:10px;
	padding-left:15px;}
	
/*  調整 ======================================*/		
/* Left & Right alignment */

.clear { clear:both;}

.col-1, .col-2, .col-3 { float:left;}

.alignleft { text-align:left;}
.alignright { text-align:right;}
.aligncenter { text-align:center;}

/* The inside class provides consistent padding. To be used often! */
.inside{ padding: 32px 37px 50px 37px; }

/* margin/padding */
.ptb10 { padding:10px 0; }
.pt10 { margin-top:10px; }
.mb50  { margin-bottom:50px; }
.mb30  { margin-bottom:30px; }
.mrl60  { 
	margin-left:60px;
	margin-right:60px;
	}
.mt50  { margin-top:50px; }
.mt30  { margin-top:30px; }

.pb20  { padding-bottom:20px; }
.pb60  { padding-bottom:60px; }

p {margin-bottom:18px;}
.p1 { margin-bottom:9px;}
.p2 { margin-bottom:18px;}
.p3 { margin-bottom:27px;}

iframe { border:1px solid #000; }