@charset "utf-8";

/*--------------------------------------------------
powerd by travision Inc. 
recent status 2015.10.06
--------------------------------------------------*/


@media screen and (min-width: 481px){
*{ margin:0;padding:0; }
body {
	background:#ffffff;
	-webkit-text-size-adjust:100%;
	-webkit-font-smoothing: antialiased;
	font-family:"Helvetica,ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo;
}
#wrapper {
	width:100%;
	min-width:1000px;
	color:#333333;
	font-size:16px;
	line-height:1.6;
	position:relative;
}
a {
	color:#333;
	text-decoration:underline;
}
a:hover {
	color:#333;
	text-decoration:none;
}

section {
	width:100%;
	padding:50px 0;
	overflow:hidden;
}

section .inner,
header .inner,
footer .inner {
	width:950px;
	margin:0 auto;
	overflow:hidden;
}

.yumin {
  font-family:"游明朝","YuMincho","serif", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho" ;
 }
 
 .sp {
  display:none;
}

/*--------------------------------------------------
Float Ban
--------------------------------------------------*/
.float {
	width:956px;
	height:81px;
	position:fixed;
	top:0;
	left:50%;
	margin-left:-478px;
	overflow:hidden;
}
.float .float-ban {
	float:left;
}
/*--------------------------------------------------
footer
--------------------------------------------------*/
footer {
	width:100%;
	overflow:hidden;
}
footer .banArea {
	width:950px;
	margin:0 auto 30px;
	overflow:hidden;
}
footer .banArea .mh {
	float:left;
}
footer .banArea .mz {
	float:right;
}
footer .pagetop {
	width:950px;
	margin:0 auto;
	padding:20px 0;
	overflow:hidden;
}
footer .pagetop a {
	width:121px;
	height:30px;
	float:right;
	display:block;
	text-indent:-9999px;
	background:url(../img/common/btn_pagetop.png) no-repeat;
	float:right;
}

footer .logoArea {
	width:100%;
	border-top:1px solid #c9c9c9;
	padding:20px 0;
}
footer .logoArea .inner {
	overflow:hidden;
}
footer .logoArea .logo {
	float:right;
	padding-left:20px;
}
footer .logoArea .copy {
	font-size:10px;
	font-family:Helvetica;
	color:#666666;
	float:right;
	padding-top:30px;
}
}

@media screen and (max-width: 480px){
html {
	width:100%; *zoom: 1;
}
*{ margin:0;padding:0; }

body {
	background:#ffffff;
	-webkit-text-size-adjust:100%;
	-webkit-font-smoothing: antialiased;
	font-family:"Helvetica,ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo;
}
#wrapper {
	width:100%;
	color:#333333;
	font-size:1em;
	line-height:1.6;
	position:relative;
}
a {
	color:#284534;
	text-decoration:underline;
}
a:hover {
	color:#284534;
	text-decoration:none;
}
section,div,header,footer,article,img,li,ul,dl,dt,dd {
	 -moz-box-sizing: border-box; 
	 box-sizing: border-box; 
}

section {
	width:100%;
	padding:15px;
	overflow:hidden;
}
section .inner,
header .inner,
footer .inner {
	width:100%;
	margin:0 auto;
	overflow:hidden;
}

.pc {
  display:none;
}

/*--------------------------------------------------
Float Ban
--------------------------------------------------*/
.float {
	width:320px;
	height:39px;
	position:fixed;
	top:0;
	right:50%;
	margin-right:-160px;
	overflow:hidden;
	box-shadow:0 0 3px #000;
}
.float .float-ban {
	float:left;
	height:39px;
}
.float .float-ban img {
	width:auto;
	height:39px;
}

/*--------------------------------------------------
footer
--------------------------------------------------*/
footer {
	padding:15px 0 0 0;
}
footer .banArea {
	padding:0 15px;
	margin-bottom:15px;
}
footer .banArea .mh,
footer .banArea .mz {
	margin-bottom:10px;
}
footer .banArea img {
	width:100%;
	height:auto;
}
footer .pagetop a {
	width:90%;
	padding:10px 0;
	display:block;
	text-align:center;
	text-decoration:none;
	border-radius:10px;
	margin:0 auto 15px;
	color:#fff;
	font-weight:bold;
	background:#1b6071;
}
footer .logoArea {
	border-top:1px solid #c9c9c9;
	padding:10px 0;
}
footer .logoArea .inner {
	overflow:hidden;
}
footer .logoArea .logo {
	margin-bottom:8px;
	text-align:center;
}
footer .logoArea .logo img {
	width:60px;
	height:auto;
}
footer .logoArea .copy {
	font-size:0.7em;
	color:#666666;
	text-align:center;
}
}