@charset "utf-8";


/* common */
/* -------------------------------------------------------- */
html {font-size:62.5%;}
body {font-size:16px; font-size:1.6rem; font-family:Meiryo,MS PGothic,Osaka,arial,helvetica,sans-serif; color:#333; text-align:center; text-size-adjust:100%; -moz-text-size-adjust:100%; -webkit-text-size-adjust:100%; background:none;}
html,body {width:100%; height:100%;}
@media screen and (max-width:640px){
	body {font-size:14px; font-size:1.4rem;}
}

h1, h2, h3, h4, h5, h6, h7 {line-height:1.2;}
p, li, dt, dd, th, td, address, blockquote, div {line-height:1.6;}
input, select, textarea, button {font:12px Meiryo,MS PGothic,Osaka,arial,helvetica,sans-serif; line-height:1.4; vertical-align:middle;}

strong {font-weight:bold;}
ol {list-style-type:decimal; margin-left:2.2em;}
img {max-width:100%; max-height:100%; width:auto; height:auto; line-height:0; vertical-align:top; border:0; display:inline;}


/* container */
/* -------------------------------------------------------- */
#container {}


/* header */
/* -------------------------------------------------------- */
#header {width:100%; position:fixed; top:0; left:0; z-index:500;}

#header .block1 {padding:0 10px; background:#fff; border-bottom:solid 1px #b1b1b1;}
#header .block1 .inr {max-width:1150px; text-align:left; margin:0 auto; padding:5px 0 30px 0; position:relative;}

#header .logo {width:28.7%;}
#header .summary {font-size:12px; font-weight:normal; margin:0 0 20px 0;}

#header .nav1 {margin:0 0 0 30%; border-left:solid 1px #b1b1b1; position:absolute; bottom:30px; right:0;}
#header .nav1 li {line-height:1.2; padding:0 15px; border-right:solid 1px #b1b1b1; float:left;}
#header .nav1 li a {text-decoration:none; color:#ff4141;}
#header .nav1 li a span {padding:0 0 0 16px; background:url(../img/icon_01.png) no-repeat left 0.2em; display:inline-block;}
#header .nav1 li a:hover span {text-decoration:underline;}
#header .nav2 {width:100%; display:table;}
#header .nav2 li {line-height:1.2; text-align:center; vertical-align:middle; padding:5px 5px; display:table-cell;}
#header .nav2 li br {display:none;}
#header .nav2 li.ttl {width:auto; font-weight:bold; text-align:left; padding-right:25px; border-right:solid 1px #b1b1b1;}
#header .nav2 li.home {padding-left:25px;}
#header .nav2 li a {text-decoration:none; color:#323232;}
#header .nav2 li a:hover {text-decoration:underline;}
#header .nav2 li.sp {display:none;}
@media screen and (max-width:940px){
	#header .nav1 li {font-size:1.4rem; padding:0 10px;}
	#header .nav2 li {font-size:1.4rem;}
	#header .nav2 li br {display:block;}
	#header .nav2 li.ttl {padding-right:15px;}
	#header .nav2 li.home {padding-left:15px;}
}
@media screen and (max-width:640px){
	#header .block1 {padding:0; background:#fff; border-bottom:solid 1px #bfbfbf;}
	#header .block1 .inr {height:50px; padding:0;}

	#header .logo {width:180px; margin:0 0 0 10px; padding:15px 0 0 0;}
	#header .summary {display:none;}

	#header .nav1 {display:none;}
	#header .nav2 {width:100%; background:none; display:block;}
	#header .nav2 li {text-align:left; padding:0; border-bottom:solid 1px rgba(0,0,0,0.3); display:block;}
	#header .nav2 li br {display:none;}
	#header .nav2 li.ttl {display:none;}
	#header .nav2 li.home {padding-left:0;}
	#header .nav2 li a {padding:9px 20px 7px 20px; background:rgba(255,255,255,1); display:block;}
	#header .nav2 li.sp {display:block;}
	#header .nav2 li.bg a {background:rgba(255,198,198,1);}
	#header .nav2 li.close a {text-align:center; background:rgba(153,153,153,1);}
	#header .nav2 li a:hover {text-decoration:none; background:#eee;}
	#header .nav2 li.bg a:hover {background:rgba(255,198,198,1);}
	#header .nav2 li.close a:hover {background:rgba(153,153,153,1);}
}

#globalBtn {display:none;}
#globalNav {padding:6px 10px; background:#fff; border-bottom:solid 1px #b1b1b1;}
#globalNav .inr {max-width:1150px; text-align:left; margin:0 auto; position:relative;}
@media screen and (max-width:640px){
	#globalBtn {width:50px; height:50px; border-left:solid 1px #bfbfbf; display:block; position:absolute; top:0; right:0;}
	#globalNav {width:100%; padding:0; background:none; border-bottom:none; display:none; position:absolute;}
}


/* contents */
/* -------------------------------------------------------- */
#contents {margin:0 0 70px 0;}
@media screen and (max-width:640px){
	#contents {margin:0 0 30px 0;}
}


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

#footer .btnPagetop {font-size:1.6rem; font-weight:bold; text-align:center; margin:0 0 15px 0;}
#footer .btnPagetop a {text-decoration:none; color:#ff4141;}
#footer .btnPagetop a:hover {text-decoration:underline;}
#footer .btnPagetop a span {width:44px; text-align:center; padding:46px 0 0 0; background:url(../img/icon_pagetop.png) no-repeat center top; display:inline-block;}

#footer .block1 {padding:0 10px; background:#fff; border-top:solid 1px #b1b1b1;}
#footer .block1 .inr {max-width:1150px; text-align:left; margin:0 auto; padding:15px 0;}
#footer .block2 {padding:0 10px; background:#fff; border-top:solid 1px #b1b1b1;}
#footer .block2 .inr {max-width:1150px; text-align:left; margin:0 auto; padding:15px 0;}
#footer .block3 {padding:0 10px; background:#e6e6e6; border-top:solid 1px #b1b1b1;}
#footer .block3 .inr {max-width:1150px; text-align:left; margin:0 auto; padding:25px 0 50px 0;}
#footer .block4 {padding:0 10px; background:#e6e6e6;}
#footer .block4 .inr {max-width:1150px; text-align:left; margin:0 auto; padding:15px 0; position:relative;}

#footer .txt1 dt {font-weight:bold; margin:0 0 5px 0;}
#footer .txt1 dd {font-size:1.2rem;}
#footer .txt2 {font-size:1.2rem; color:#ff4141;}
#footer .txt3 {margin:0 0 0 30%; position:absolute; top:20px; right:0;}
#footer .txt3 dl {display:table;}
#footer .txt3 dt,
#footer .txt3 dd {font-size:1.2rem; line-height:1.4;text-align:left; vertical-align:top; display:table-cell;}
#footer .txt3 dd {font-size:1.2rem; line-height:1.4; padding:0 0 0 15px;}
#footer .txt3 dd a {text-decoration:none; color:#323232;}
#footer .txt3 dd a:hover {text-decoration:underline;}

#footer .nav {padding:0 55px 0 0; float:left;}
#footer .nav:last-child {padding:0;}
#footer .nav li {font-size:1.3rem;}
#footer .nav li a {text-decoration:none; color:#323232;}
#footer .nav li a:hover {text-decoration:underline;}

#footer .logo {width:28.7%; margin:0 0 20px 0;}
#footer .copy {font-size:1.1rem;}
@media screen and (max-width:940px){
	#footer .txt3 dt {width:42px;}
}
@media screen and (max-width:640px){
	#footer {padding:0 0 34px 0; position:relative;}

	#footer .btnPagetop {width:100%; height:34px; margin:0; position:absolute; left:0; bottom:0;}
	#footer .btnPagetop a {height:34px; line-height:34px; text-align:center; color:#333; background:#fff; display:block;}
	#footer .btnPagetop a span {width:auto; padding:0; background:none;}

	#footer .block1 {display:none;}
	#footer .block3 {display:none;}
	#footer .block4 .inr {padding:10px 0;}

	#footer .txt3 {margin:0 0 10px 0; position:static;}
	#footer .txt3 dt {width:32px;}
	#footer .txt3 dd {font-size:1rem;}

	#footer .logo {width:165px; margin:0 0 10px 0;}
}

/* clear */
/* -------------------------------------------------------- */
.cfix:after {content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0;}
.cfix {display:inline-block;}
/* no ie mac \*/
* html .cfix {height:1%;}
.cfix {display:block;}
/* */