@charset "UTF-8";
/*
 * cmn_layout.css
 *
 *  version --- 3.5
 *  updated --- 2012/12/7
 */
/* .fix a {
	cursor: default;
}
.fix a:hover>img {
	opacity: 1 !important;
} */
/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

/* !Reseting
---------------------------------------------------------- */

html { font-size: 62.5%; }
body {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Open Sans", "Helvetica Neue", Helvetica, "Arial", sans-serif;
	-webkit-text-size-adjust: none;
	line-height: 1.5;
	color: #333;
	font-feature-settings: "palt" 1;
}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; }
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; }
fieldset, img
{ border: 0;}
img
{ vertical-align: top;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}

/* !Reset Module
---------------------------------------------------------- */
.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6,
.reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td
{ margin: 0; padding: 0;}
.reset input, .reset textarea
{ margin: 0; }
.reset table
{ border-collapse: collapse; border-spacing: 0; }
.reset fieldset, .reset img, .reset abbr, .reset acronym
{ border: 0;}
.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var
{ font-style: normal; font-weight: normal;}
.reset ol, .reset ul
{ list-style: none;}
.reset caption, .reset th
{ text-align: left;}
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6
{ font-weight: normal;}
.reset a, .reset input
{ /* outline: none; */ }
.reset q:after, .reset q:before
{ content:'';}

/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#contents,
section,
article
{
	display: block;
	min-height: 1%;
}
.clearfix:after,
#contents:after,
section:after,
article:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix,
* html #contents,
* html section,
* html article
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* ==========================================================
 
     !SP

========================================================== */

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

img {
	width: 100%;
    max-width: 100%;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

.sp { display: block !important; }
.pc { display: none !important; }

/* !Layout
---------------------------------------------------------- */

html { overflow-y: scroll;}
body { font-size: 1.5rem; text-align: center;}
@media print {
	html,
	html body { *zoom: 0.65;}
}

/* !wrapper
---------------------------------------------------------- */

#wrapper {
	margin: 0 auto;
	width: 100%;
	text-align: left;
	position: relative;
}

.fix {
	width: 20%;
	max-width: 130px;
	position: fixed;
	right: 0;  
    top: 0;  
	z-index: 999;
}

/* !header
---------------------------------------------------------- */

#wrapper header {    
	width: 100%;
}

#wrapper header div.title {    
	background: #fff;
	height: 60px;
}

#wrapper header div.title h1 {
	width: 200px;
	margin: 0 auto;
	padding: 15px 0 0;
}


/* menu_sp
---------------------------------------------------------- */

div.menu {
	background: #187fc3;
}

#navre {
	width: 80%;
	max-width: 1000px;
	margin: auto;
}

#navre a {
  color: #fff;
  display: block;
  float: left;
  font-size: 15px;
  line-height: 40px;
  width: 20%;
  text-align: center;
  text-decoration: none;
}
#navre a:hover {
  background: #187fc3;
}

#navre a.hover {
  color: #fff;
  background: #1ea8d8;
}

@media screen and (max-width: 1000px) {
  #navre {
	width: 100%;
  }
  #navre a {
    float: none;
    margin: 0 0 1px 0;
    width: 100%;
  }
}


/* !contents
---------------------------------------------------------- */
#contents {
	
}

#contents > section { margin: 0 5% 80px; }

/* !pageTop
---------------------------------------------------------- */
.pageTop {
	
}

/* !footer
---------------------------------------------------------- */

footer {
	background:#187fc3;
	color: #fff;
	text-align: center;
}

footer div.ft_menu {
	height: 50px;
	
	/* 背景画像・背景グラデーション */
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1ea8d8+20,7b5ec3+80 */
	background: url(../img/common/bg.png), #1ea8d8; /* Old browsers */
	background: url(../img/common/bg.png),-moz-linear-gradient(left,  #1ea8d8 20%, #187fc3 80%); /* FF3.6-15 */
	background: url(../img/common/bg.png),-webkit-linear-gradient(left,  #1ea8d8 20%,#187fc3 80%); /* Chrome10-25,Safari5.1-6 */
	background: url(../img/common/bg.png),linear-gradient(to right,  #1ea8d8 20%,#187fc3 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ea8d8', endColorstr='#187fc3',GradientType=1 ); /* IE6-9 */
	
	/* 背景画像乗算 */
	background-blend-mode: multiply;

}

footer div.ft_menu nav { }

footer div.ft_menu nav a {
	padding: 0 1% 0;
	line-height: 50px;
	color: #fff;
}

footer div.inner_footer {
	width: 90%;
	margin: 0 auto;
	padding: 50px 0 30px;
}

footer div.inner_footer p.logo {
	width: 80%;
	max-width: 300px;
	margin: 0 auto 30px;
}

footer div.inner_footer dl { font-size: 130%; margin: 0 0 20px; }
footer div.inner_footer dl dt { font-weight: bold; }

footer div.inner_footer p { margin: 0 0 20px; }

/* !h(n)eading
---------------------------------------------------------- */




/* ==========================================================
 
     !PC

========================================================== */

@media only print, screen and (min-width: 769px) {

.sp { display: none !important; }
.pc { display: block !important; }

/* !header
---------------------------------------------------------- */

#wrapper header div.title {    
	background: #fff;
	height: 70px;
}

#wrapper header div.title h1 {
	width: 235px;
	margin: 0 auto;
	padding: 20px 0 0;
}
	
}