@charset "utf-8";


/*-----------------------------
	大枠設定
------------------------------*/

body{
	color:#333;
	text-align:center;
}
#wrapper{
	min-width:1030px;
	background:url(../images/contents-bg.png) repeat center top;
}
#wrapper2{
	background:url(../images/contents-bg2.png) repeat-x center 115px;
}
#wrapper2.top_page_wraper{
	background:url(../images/contents-bg2.png) repeat-x center top;
}
/*
fontsize 10px→70%
fontsize 12px→85%
fontsize 14px→100%
fontsize 16px→115%
fontsize 18px→120%
fontsize 20px→130%
*/

/* a */
a{
	color:#333;
	text-decoration:none;
}
a:hover{
	color:#999;
	text-decoration:underline;
}
/* colors */
.red{
	color:#D80000;
}
.green{
	color:#00ADB2;
}
.niju{
	display:inline-block;
	border-bottom:3px double #333;
	font-weight:normal;
	margin-bottom:1px;
}
@media screen and (max-width:640px){
body {
}
#wrapper{
	min-width:inherit;
}
#wrapper2{
	background:url(../images/contents-bg2.png) repeat-x center 60px;
	-webkit-background-size:100% 60px;
	-moz-background-size:100% 60px;
	background-size:100% 60px;
}
/* a */
a:hover{
	color:#333;
	text-decoration:none;
}
}






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

header{
	background:url(../images/header-bg.png) repeat;
}
header div{
	width:100%;
	max-width:1000px;
	height:115px;
	margin:0 auto;
	position:relative;
}
header div h1{
	float:left;
	max-width: 210px;
}
header div h1 img{
	width: 100%;
}
header div ul{
	float:right;
}
header div ul #gnav1,
header div ul #gnav2,
header div ul #gnav12{
	display:none;
}
header div ul #gnav3,
header div ul #gnav4,
header div ul #gnav5,
header div ul #gnav6,
header div ul #gnav7,
header div ul #gnav8,
header div ul #gnav9,
header div ul #gnav13{
	float:left;
	margin-left:6px;
/*	background:url(../images/gnav-bg.png) no-repeat center top;
*/}
header div ul #gnav3 a{
	display:block;
	width:90px;
	height:115px;
	background:url(../images/gnav3.png) no-repeat center top;
	background-size: 100%;
	text-indent:-99999px;
}
header div ul #gnav4 a{
	display:block;
	width:90px;
	height:115px;
	background:url(../images/gnav4.png) no-repeat center top;
	background-size: 100%;
	text-indent:-99999px;
}
header div ul #gnav5 a{
	display:block;
	width:90px;
	height:115px;
	background:url(../images/gnav5.png) no-repeat center top;
	background-size: 100%;
	text-indent:-99999px;
}
header div ul #gnav6 a{
	display:block;
	width:90px;
	height:115px;
	background:url(../images/gnav6.png) no-repeat center top;
	background-size: 100%;
	text-indent:-99999px;
}
header div ul #gnav7 a{
	display:block;
	width:90px;
	height:115px;
	background:url(../images/gnav7.png) no-repeat center top;
	background-size: 100%;
	text-indent:-99999px;
}
header div ul #gnav8 a{
	display:block;
	width:90px;
	height:115px;
	background:url(../images/gnav8.png) no-repeat center top;
	background-size: 100%;
	text-indent:-99999px;
}
header div ul #gnav9 a{
	display:block;
	width:90px;
	height:115px;
	background:url(../images/gnav9.png) no-repeat center top;
	background-size: 100%;
	text-indent:-99999px;
}
header div ul #gnav10{
	position:absolute;
	left:0;
	bottom:0;
}
header div ul #gnav10 a{
	display:block;
	width:118px;
	height:26px;
	background:url(../images/gnav10.png) no-repeat center top;
	text-indent:-99999px;
}
header div ul #gnav11{
	position:absolute;
	left:118px;
	bottom:0;
}
header div ul #gnav11 a{
	display:block;
	width:91px;
	height:26px;
	background:url(../images/gnav11.png) no-repeat center top;
	text-indent:-99999px;
}
header div ul #gnav13 a{
    display: block;
    width: 90px;
    height: 115px;
    background: url(../images/gnav13.png) no-repeat center top;
	background-size: 100%;
    text-indent: -99999px;
}
header div ul #gnav13{
	position: relative;
}
/* ITADAKIについていた「NEW」 */
/* header div ul #gnav13:before{
	content: "";
	width: 40px;
	height: 24px;
	margin: -12px 0 0;
	background: url(../images/new_pc.png) no-repeat center right;
	background-size: contain;
	position: absolute;
	bottom: 18px;
	right: 0px;
	z-index: 1000;
} */

@media screen and (max-width:640px){
header{
	background:url(../images/header-bg.png) repeat;
}
header div{
	width:100%;
	max-width:1000px;
	height:60px;
	margin:0 auto;
	position:relative;
}
header div h1{
	float:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:60px;
	margin:0 auto;
}
header div h1 img{
	width:auto;
	height:60px;
	margin-right:10px;
}
/*! #######################################################################

	MeanMenu 2.0.7
	--------

	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */
a.meanmenu-reveal {
	display: none;
}
.mean-container .mean-bar {
	float: left;
	width: 100%;
	position: relative;
	padding: 0;
	min-height: 60px;
	z-index: 999999;
}
.mean-container a.meanmenu-reveal {
	width: 56px;
	height: 60px;
	position: absolute;
	top: 0;
	right: 12px;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	text-indent: -9999em;
	display: block;
	background:url(../images/gnav-menu.png) no-repeat center top;
	-webkit-background-size:auto 100%;
	-moz-background-size:auto 100%;
	background-size:auto 100%;
}
.mean-container a.meanmenu-reveal span {
}
.mean-container a.meanmenu-reveal.meanclose {
	text-indent: -9999em;
	background:url(../images/gnav-menu-close.png) no-repeat center top;
	-webkit-background-size:auto 100%;
	-moz-background-size:auto 100%;
	background-size:auto 100%;
}
.mean-container .mean-nav {
	float: left;
	width: 100%;
	background: rgba(231,243,240, 0.95);
	margin-top: 60px;
}
.mean-container .mean-nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
}
.mean-container .mean-nav ul li a.mean-expand {
	margin-top: 1px;
	width: 26px;
	height: 32px;
	padding: 12px !important;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
	background: rgba(255,255,255,0.1);
	border: none !important;
	border-left: 1px solid rgba(255,255,255,0.4) !important;
	border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}
.mean-container .mean-push {
	display:none;
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}
.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.mean-remove {
	display: none !important;
}
header div ul{
	float:none;
	display:none;
}
header div ul #gnav1{
	display:block;
	background:url(../images/gnav1-sp.png) no-repeat center left;
	-webkit-background-size:40px 55px;
	-moz-background-size:40px 55px;
	background-size:40px 55px;
}
header div ul #gnav2{
	display:block;
	background:url(../images/gnav2-sp.png) no-repeat center left;
	-webkit-background-size:40px 55px;
	-moz-background-size:40px 55px;
	background-size:40px 55px;
}
header div ul #gnav3,
header div ul #gnav4,
header div ul #gnav5,
header div ul #gnav6,
header div ul #gnav7,
header div ul #gnav8,
header div ul #gnav9,
header div ul #gnav13{
	float:none;
	margin-left:0;
	background:none;
}
header div ul #gnav3{
	background:url(../images/gnav3-sp.png) no-repeat center left;
	-webkit-background-size:40px 55px;
	-moz-background-size:40px 55px;
	background-size:40px 55px;
}
header div ul #gnav4{
	background:url(../images/gnav4-sp.png) no-repeat center left;
	-webkit-background-size:40px 55px;
	-moz-background-size:40px 55px;
	background-size:40px 55px;
}
header div ul #gnav5{
	background:url(../images/gnav5-sp.png) no-repeat center left;
	-webkit-background-size:40px 55px;
	-moz-background-size:40px 55px;
	background-size:40px 55px;
}
header div ul #gnav6{
	background:url(../images/gnav6-sp.png) no-repeat center left;
	-webkit-background-size:40px 55px;
	-moz-background-size:40px 55px;
	background-size:40px 55px;
}
header div ul #gnav7{
	background:url(../images/gnav7-sp.png) no-repeat center left;
	-webkit-background-size:40px 55px;
	-moz-background-size:40px 55px;
	background-size:40px 55px;
}
header div ul #gnav8{
	background:url(../images/gnav8-sp.png) no-repeat center left;
	-webkit-background-size:40px 55px;
	-moz-background-size:40px 55px;
	background-size:40px 55px;
}
header div ul #gnav9{
	background:url(../images/gnav9-sp.png) no-repeat center left;
	-webkit-background-size:40px 55px;
	-moz-background-size:40px 55px;
	background-size:40px 55px;
}
header div ul #gnav10{
	position:static;
	background:url(../images/gnav10-sp.png) no-repeat center left;
	-webkit-background-size:40px 55px;
	-moz-background-size:40px 55px;
	background-size:40px 55px;
}
header div ul #gnav10 a{
	display:block;
	width:auto;
	height:55px;
	text-indent:0;
}
header div nav ul li a{
	display:block;
	width:auto!important;
	height:55px!important;
	line-height:55px;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	padding:0 0 0 50px;
	background:url(../images/icon-btn-sp.png) no-repeat right center!important;
	-webkit-background-size:30px 16px!important;
	-moz-background-size:30px 16px!important;
	background-size:30px 16px!important;
	text-indent:0!important;
	border-top:1px solid #01A86E;
}
header div ul #gnav11{
	position:static;
	float:left;
	width:50%;
	background:url(../images/header-sp-line.png) no-repeat center right;
	-webkit-background-size:1px 22px;
	-moz-background-size:1px 22px;
	background-size:1px 22px;
}
header div ul #gnav11 a{
	display:block;
	width:91px;
	height:26px;
	text-indent:0;
	padding:0;
	text-align:center;
	background:none!important;
}
header div ul #gnav11 a span{
	padding-left:23px;
	background:url(../images/gnav11-sp.png) no-repeat left center;
	-webkit-background-size:23px 15px;
	-moz-background-size:23px 15px;
	background-size:23px 15px;
}
header div ul #gnav12{
	display:block;
	float:left;
	width:50%;
	text-align:center;
}
header div ul #gnav12 a{
	text-align:center;
	padding:0;
	background:none!important;
}
header div ul #gnav12 a span{
	text-align:center;
	padding-left:20px;
	background:url(../images/gnav12-sp.png) no-repeat left center;
	-webkit-background-size:18px 15px;
	-moz-background-size:18px 15px;
	background-size:18px 15px;
}
header div ul #gnav13 {
    background: url(../images/gnav13-sp.png) no-repeat center left;
    -webkit-background-size: 40px 55px;
    -moz-background-size: 40px 55px;
    background-size: 40px 55px;
	position: relative;
}
/* header div ul #gnav13:before{
	content: "";
    width: 50px;
    height: 20px;
    margin: -10px 0 0;
    background: url(../images/new_sp.png) no-repeat center right;
    background-size: contain;
    position: absolute;
    top: 50%;
	bottom: auto;
    left: 228px;
	right: auto;
} */
}


/*-----------------------------
	contents
------------------------------*/

#contents{
	clear:both;
	width:100%;
	max-width:1030px;
	margin:0 auto;
	padding:0 15px;
}
/* pagetitle */
#contents #pagetitle{
	margin-bottom:10px;
}
/* pnav */
#contents #pnav{
	text-align:left;
	font-weight:bold;
	padding-left:20px;
	background:url(../images/pnav.png) no-repeat left center;
	margin-bottom:20px;
}
#contents #pnav li{
	color:#0E7740;
	display:inline-block;
}
#contents #pnav li a{
	color:#0E7740;
	padding:0 5px;
}
#contents #pnav li:last-child{
	color:#333;
}
@media screen and (max-width:640px){
/* pagetitle */
#contents #pagetitle{
	margin:0 -15px 20px;
	background:#dfff;
}
#contents #pagetitle img{
	width:auto;
	max-height:60px;
}
/* pnav */
#contents #pnav{
	display:none;
}
}







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

footer{
	clear:both;
	background:url(../images/footer-bg.png) no-repeat center top #009C62;
}
/* fnav */
footer #fnav{
	width:100%;
	max-width:1030px;
	margin:0 auto;
	padding:42px 15px 25px;
	overflow:hidden;
}
footer #fnav #pagetop{
	text-align:right;
	margin-bottom:10px;
}
footer #fnav #pagetop img{
	width:76px;
	height:88px;
}
footer #fnav div{
	float:left;
	width:680px;
	overflow:hidden;
	margin-bottom:20px;
}
footer #fnav div dl{
	float:left;
	width:680px;
	text-align:left;
	font-weight:bold;
	overflow:hidden;
	padding-top:10px;
	margin-bottom:20px;
}
footer #fnav div dl dt{
	float:left;
	margin-right:20px;
}
footer #fnav div dl dt img{
	width:257px;
	height:61px;
}
footer #fnav div dl dd{
	padding:15px 0 0;
	color:#fff;
	line-height:1.8;
}
footer #fnav div dl dd em{
	display:block;
	font-size:120%;
	font-weight:bold;
}
footer #fnav div ul{
	clear:both;
	overflow:hidden;
}
footer #fnav div ul li{
	float:left;
	width:120px;
	margin-right:5px;
}
footer #fnav div ul li a{
	display:block;
	color:#009C62;
	text-decoration:none;
	font-weight:bold;
	line-height:26px;
	background:#fff;
}

footer #fnav #footer-twitter {
	float:right;
	width:258px;
	overflow: hidden;
	}
	footer #fnav #footer-twitter li {
		margin: 0 auto 10px;
		}
	footer #fnav #footer-twitter li:last-child {margin: 0;}


/* fnav2 */
footer #fnav2{
	clear:both;
	padding:15px 0;
	background:#D7E1E3;
}
footer #fnav2 li{
	display:inline-block;
	border-right:1px solid #101010;
}
footer #fnav2 li a{
	display:block;
	line-height:15px;
	padding:0 15px 0 30px;
	background:url(../images/footer-blank.png) no-repeat 15px center;
	-webkit-background-size:10px 9px;
	-moz-background-size:10px 9px;
	background-size:10px 9px;
}
footer #fnav2 li:first-child{
	border-left:1px solid #101010;
}


/* fnav3 */
footer #fnav3{
	clear:both;
	padding:15px 0;
	background:#D7E1E3;
	overflow: hidden;
	}
	footer #fnav3 .e_link01 {
		text-align: center;
		overflow: hidden;
		width: 100%;
		max-width: 774px;
		margin: 0 auto 10px;
		}
	footer #fnav3 .e_link01:last-child{margin-bottom: 0;}


		footer #fnav3 .e_link01 li {
			float: left;
			margin-right: 2%;
			width: 23.5%
			}
		footer #fnav3 .e_link01 li:last-child{margin-right: 0;}




/* copy */
footer #copy{
	clear:both;
	padding:15px 0;
	background:#fff;
}
@media screen and (max-width:640px){
footer{
	clear:both;
	background:url(../images/footer-bg-sp.png) no-repeat center top #009C62;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
/* fnav */

footer #fnav{
	padding:42px 15px 0;
	overflow:hidden;
}


footer #fnav #pagetop{
	text-align:right;
	margin-bottom:0;
}
footer #fnav #pagetop img{
	width:20%;
	height:auto;
}
footer #fnav div{
	float:none;
	width:100%;
	overflow:hidden;
	margin-bottom:20px;
}
footer #fnav div dl{
	float:none;
	width:100%;
	text-align:center;
	font-weight:bold;
	overflow:hidden;
	padding-top:10px;
	margin-bottom:20px;
}
footer #fnav div dl dt{
	float:none;
	margin-right:0;
	margin-bottom:10px;
}
footer #fnav div dl dt img{
	width:60%;
	max-width:360px;
	height:auto;
}
footer #fnav div dl dd{
	padding:0;
	color:#fff;
	line-height:1.8;
}
footer #fnav div dl dd em{
	display:block;
	font-size:100%;
	font-weight:bold;
}
footer #fnav div ul{
	clear:both;
	max-width:340px;
	margin:0 auto;
	overflow:hidden;
}
footer #fnav div ul li{
	display:inline-block;
	float:none;
	width:49%;
	margin:0;
}
footer #fnav div ul li:first-child{
	margin-right:2%;
}
footer #fnav div ul li a{
	display:block;
	color:#009C62;
	text-decoration:none;
	font-weight:bold;
	line-height:26px;
	background:#fff;
}
footer #fnav #footer-twitter{
	clear:both;
	float:none;
	width:258px;
	margin:30px auto;
}

footer #fnav #footer-twitter {
	clear:both;
	float:none;
	width:258px;
	overflow: hidden;
	}
	footer #fnav #footer-twitter li {
		margin: 0 auto 10px;
		}
	footer #fnav #footer-twitter li:last-child {margin: 0;}






/* fnav2 */
footer #fnav2{
	clear:both;
	padding:0;
	background:#D7E1E3;
}
footer #fnav2 li{
	display:block;
	border-right:none;
	border-bottom:1px solid #fff;
}
footer #fnav2 li a{
	display:block;
	line-height:45px;
	text-align:left;
	font-weight:bold;
	padding:0 45px;
	background:url(../images/footer-blank.png) no-repeat 25px center;
	-webkit-background-size:10px 9px;
	-moz-background-size:10px 9px;
	background-size:10px 9px;
}
footer #fnav2 li:first-child{
	border-left:none;
}

/* fnav3 */
footer #fnav3 {padding: 15px 0 5px 0;}
	footer #fnav3 .e_link01 {
		text-align: center;
		overflow: hidden;
		width: 100%;
		margin: 0 auto 0;
		padding: 0 2%;
		}
	footer #fnav3 .e_link01:last-child{margin-bottom: 0;}
		footer #fnav3 .e_link01 li {
			float: left;
			margin: 0 2% 10px 0;
			width: 49%
			}
		footer #fnav3 .e_link01 li:nth-child(2n) {margin-right: 0;}
		footer #fnav3 .e_link01 li img { width: 100%;}



/* copy */
footer #copy{
	clear:both;
	padding:10px 0;
	background:#fff;
	font-size:80%;
}
}