@charset "utf-8";
/*=============================================================
 Common Layout
=============================================================*/

/* reset style
-------------------------------------------------------------*/
*{
	padding:0;
	margin:0;
}
section,article,aside,hgroup,header,footer,nav,figure,figcaption,summary{
	display:block;
	padding: 0px;
	margin: 0px;
}
ol,ul,dl,li,dt,dd{list-style: none;}
hr{display:none;}
img{vertical-align:top;}
html{-webkit-text-size-adjust:none;}
body{
	color: #333;
	font: 14px/1 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #eeeeee;
	text-align: center;
}
a,img{
	margin:0;
	padding:0;
	border:none;
}
h1,h2,h3,h4,h5,h6{
	font:100% 'Noto Sans Japanese', sans-serif;
	line-height:1;
	font-weight: 700;
}
table,
table th,
table td {
	margin:0;
	padding:0;
	border-collapse:collapse;
}
img.mainfull,
img.full{
	width:100%;
	height:auto;
}
/* JS element
-------------------------------------------------------------*/
.over{}
.png-bg{}
.noSc{}

/* a Element
-------------------------------------------------------------*/
a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

/* block Layout
-------------------------------------------------------------*/
.dsp-none{display:none;}
.dsp-sp{display:none;}
.dsp-pc{display:block;}

/* Float Element */
.cClear{clear:both !important;}
.cLeft {float:left !important;}
.cRight{float:right !important;}
.cNone{float:none !important;}
.clearfix:after{
	content:"";
	display:block;
	clear:both;
	height:0;
}
.ie6 .clearfix,
.ie7 .clearfix{display:inline-block;}
/* width */
.w-auto{width:auto !important;}
.w5{width:5%;}
.w10{width:10%;}
.w15{width:15%;}
.w20{width:20%;}
.w25{width:25%;}
.w30{width:30%;}
.w35{width:35%;}
.w40{width:40%;}
.w45{width:45%;}
.w50{width:50%;}
.w55{width:55%;}
.w60{width:60%;}
.w65{width:65%;}
.w70{width:70%;}
.w75{width:75%;}
.w80{width:80%;}
.w85{width:85%;}
.w90{width:90%;}
.w95{width:95%;}
.w100{width:100%;}
.w-maxSp{}/*---SmartPhone : 100% */

/* aligh */
.alignL{text-align:left !important;}
.alignC{text-align:center !important;}
.alignR{text-align:right !important;}
.valignT{vertical-align:top !important;}
.valignM{vertical-align:middle !important;}
.valignB{vertical-align:bottom !important;}

/* margin padding */
.mT0{margin-top:0 !important;}
.mT5{margin-top:5px !important;}
.mT10{margin-top:10px !important;}
.mT15{margin-top:15px !important;}
.mT20{margin-top:20px !important;}
.mT25{margin-top:25px !important;}
.mT30{margin-top:30px !important;}
.mT40{margin-top:40px !important;}
.mT50{margin-top:50px !important;}
.mB0 {margin-bottom:0 !important;}
.mB5 {margin-bottom:5px !important;}
.mB10{margin-bottom:10px !important;}
.mB15{margin-bottom:15px !important;}
.mB20{margin-bottom:20px !important;}
.mB25{margin-bottom:25px !important;}
.mB30{margin-bottom:30px !important;}
.mB40{margin-bottom:40px !important;}
.mB50{margin-bottom:50px !important;}
.pT0{padding-top:0 !important;}
.pT5{padding-top:5px !important;}
.pT10{padding-top:10px !important;}
.pT15{padding-top:15px !important;}
.pT20{padding-top:20px !important;}
.pT25{padding-top:25px !important;}
.pT30{padding-top:30px !important;}
.pT40{padding-top:40px !important;}
.pT50{padding-top:50px !important;}
.pB0 {padding-bottom:0 !important;}
.pB5 {padding-bottom:5px !important;}
.pB10{padding-bottom:10px !important;}
.pB15{padding-bottom:15px !important;}
.pB20{padding-bottom:20px !important;}
.pB25{padding-bottom:25px !important;}
.pB30{padding-bottom:30px !important;}
.pB40{padding-bottom:40px !important;}
.pB50{padding-bottom:50px !important;}

/* text Layout
-------------------------------------------------------------*/
/* SizeVariation( px) */
.txt-size90{font-size:90% !important;}
.txt-size110{font-size:110% !important;}
.txt-size120{font-size:120% !important;}
.txt-size130{font-size:130% !important;}
.txt-size140{font-size:140% !important;}
.txt-size150{font-size:150% !important;}
.txt-size200{font-size:120% !important;}
.lh-130{line-height:1.3 !important;}
.lh-150{line-height:1.5 !important;}
.lh-180{line-height:1.8 !important;}
.textNormal{font-weight: normal !important;}
.textBold{font-weight:bold !important;}
.nowrap{white-space:nowrap;}

/*=============================================================
Layout
=============================================================*/
#container{
	width:1100px;
	min-width:320px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	background-color:#fff;
	text-align:left;
}
#contents{
	width:850px;
	margin-left:250px;
	min-height: 1400px;
	line-height:1.6;
	padding-bottom:60px;
}
#contentsInner{
	padding:40px 30px 0;
}
/*=============================================================
 header
=============================================================*/
/*header
-------------------------------------------------------------*/
#header{
	width:250px;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	z-index:1000;
	background-color:#fff;
	box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 5px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 5px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 5px 0px;
}
/*logoArea
-------------------------------------------------------------*/
#logoArea{
	display:table;
	clear:both;
}
#logoAreaInner{
	width:250px;
	height:250px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
#logoArea #hdrMark{
	width:65px;
	display:block;
	margin:0 auto;
}
#logoArea #hdrLogoTxt{
	width:207px;
	display:block;
	padding-top:10px;
	margin:0 auto;
}
#logoAreaInner img{
	width:100%;
	height:auto;
}
/*global
-------------------------------------------------------------*/
#btnMenu{
	display:none;
}

/* gb */
#globalMenu ul#gb li{
	border-top:1px solid #3B8C44;
	position:relative;
}
#globalMenu ul#gb li a{
	display:block;
	padding:15px 20px;
	font-size:15px;
	color:#fff;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	box-sizing: border-box !important;
}
#globalMenu ul#gb li.new a:before{
	position: absolute;
	top:50%;
	right: 20px;
	width: 54px;
	height: 28px;
  transform: translate(0,-50%);
	content: '';
	background: url("../../img/icon_new.png") center center / cover;
}
#globalMenu ul#gb li a:hover{
	color:#F9DB57;
	text-decoration:none;
}
#globalMenu ul#gb li a:after{
	content: "";
	position: absolute;
	display: block;
	top: 50%;
	right: 8px;
	margin-top: -4px;
	width: 4px;
	height: 8px;
	background: url(../img/arw_gb_wh.png) no-repeat left top;
	background-size:4px 8px;
	-webkit-background-size:4px 8px;
}
#globalMenu ul#gb li a:hover:after{
	background: url(../img/arw_gb_orange.png) no-repeat left top;
	background-size:4px 8px;
	-webkit-background-size:4px 8px;
}
#globalMenu ul#gb li.gbRed{
	background-color:#3BA246;
}
#globalMenu ul#gb li.gbRed:before{
	content: "";
	position: absolute;
	display: block;
	top: 50%;
	left: 0;
	margin-top: -2px;
	width: 8px;
	height: 4px;
	background-color:#F6CA06;
}
#globalMenu ul#gb li.gbRed2{
	background-color:#52B35C;
}
#globalMenu ul#gb li.gbRed2:before{
	content: "";
	position: absolute;
	display: block;
	top: 50%;
	left: 0;
	margin-top: -2px;
	width: 8px;
	height: 4px;
	background-color:#F6CA06;
}
#globalMenu ul#gb li.gbGr{
	background-color:#6BC574;
}
#globalMenu ul#gb li.gbGr:before{
	content: "";
	position: absolute;
	display: block;
	top: 50%;
	left: 0;
	margin-top: -2px;
	width: 8px;
	height: 4px;
	background-color:#3B8C44;
}

/* sidebnr */
#globalMenu ul#sidebnr{
	padding:15px 20px 0;
}
#globalMenu ul#sidebnr li {
	padding:5px 0 10px;
}
#globalMenu ul#sidebnr li a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}


/* sub */
#globalMenu ul#sub{
	padding:15px 20px 20px;
}
#globalMenu ul#sub li{
	padding:5px 0 10px;
}

#globalMenu ul#sub li a{
	display:table;
	width:100%;
	height:32px;
	background-color:#eee;
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	color:#333;
	font-size:13px;
}
#globalMenu ul#sub li a span{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
#globalMenu ul#sub li a:hover{
	color:#d60000;
	text-decoration:none;
}
/*=============================================================
 footer
=============================================================*/
/* footer
-------------------------------------------------------------*/
#footer{
	width:100%;
	position:relative;
	z-index:1001;
	background-color:#3BA246;
	margin-top: 30px;
	clear: both;
}
#footer a{
	color:#fff;
}
#footerTop ul{
	padding:0 30px;
	background-color:#045B04;
}
#footerTop ul li{
	float:left;
	padding-right:30px;
}
#footerTop ul li#pagetopBtn{
	float:right;
	padding-right:0px;
}
#footerTop ul li a{
	display:block;
	padding:10px 0;
}
#footerTop ul li a#pagetop{
	color: #000;
	padding:10px;
	background:#F6CA06;
}
#footerCenter{
	padding:45px 30px;
}
#footerCenter #footerMap{
	float:left;
}
#footerCenter #footerMap ul {
    float: left;
    padding-right: 30px;
    margin-bottom: 15px;
}
#footerCenter #footerMap ul li{
	padding-top:15px;
}
#footerCenter #footerMap ul li:first-child{
	padding-top:0px;
}
#footerCenter #footerMap ul#ftrSub{
	width:218px;
	padding-left:10px;
}
#footerCenter #footerMap ul#ftrSub li{
	padding-top:5px;
}
#footerCenter #footerMap ul#ftrSub li:first-child{
	padding-top:0px;
}
#footerCenter #footerMap ul#ftrSub li a{
	text-align:center;
	display:block;
	padding:10px;
	font-size:12px;
	border:1px solid #FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color:transparent;
}
#footerCenter #footerCompany{
	float:right;
}
#footerCenter #footerCompany p{
	width:241px;
}
#footerCenter #footerCompany p img{
	width:100%;
	height:auto;
}
#footerCenter #footerCompany ul{
	padding-top:10px;
	margin-left: 30px;
}
#footerCenter #footerCompany ul li{
	font-size:12px;
	float:left;
	padding:0 0 0 20px;
}
#footerCenter #footerCompany ul li:first-child{
	padding:0;
}
#footerCenter #footerCompany ul li a{
	font-size: 12px;
	padding-left:14px;
	background: url(../img/arw_blank.png) no-repeat left center;
	background-size:11px 12px;
	-webkit-background-size:11px 12px;
}
/* footerCopyright
-------------------------------------------------------------*/
#footerCopyright{
	padding:10px;
	background-color:#6BC574;
	text-align:center;
	color:#fff;
	font-size:12px;
}
p.red {
    color: red;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 SP 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:769px){
body{
	font-size:12px;
}
/* block Layout
-------------------------------------------------------------*/
.dsp-none{display:none;}
.dsp-sp{display:block;}
.dsp-pc{display:none;}
/*=============================================================
Layout
=============================================================*/
#container{
	width:100%;
	max-width:640px;
}
#contents{
	width:100%;
	margin-left:0;
	padding-bottom:30px;
}
#contentsInner{
	padding:15px 0 0;
}
img {
    vertical-align: top;
    max-width: 100%;
}
/*=============================================================
 header
=============================================================*/
/*header
-------------------------------------------------------------*/
#header{
	width:100%;
	height:55px;
	position:relative;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
}
#globalMenu ul#gb li {
    border-top: 1px solid #3B8C44;
    width: 49.5%;
    float: left;
}
#globalMenu ul#gb li:nth-child(2n) {
    border-left: 1px solid #3B8C44;
}
/*logoArea
-------------------------------------------------------------*/
#logoArea{
	position:relative;
	z-index:9998;
	width:100%;
	background-color:#FFF;
}
#logoAreaInner{
	width:180px;
	height:auto;
	display:table;
	padding-left:10px;
	text-align:left;
}
#logoArea #hdrMark{
	width:29px;
	height:55px;
	display:table-cell;
	vertical-align:middle;
	margin:0;
}
#logoArea #hdrLogoTxt{
	width:auto;
	height:55px;
	display:table-cell;
	vertical-align:middle;
	margin:0;
	padding:0 0 0 7px;
}
/*global
-------------------------------------------------------------*/
#btnMenu{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 55px;
	height: 55px;
	background: url(../img/btn_menu.png) no-repeat center center;
	background-size:33px 24px;
	-webkit-background-size:33px 24px;
	text-indent:-9999px;
	z-index:9999;
}
#globalMenu{
	display:none;
	width:100%;
	position:absolute;
	top:55px;
	left:0;
	z-index:9997;
	background-color:#fff;
	box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 5px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 5px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 5px 0px;
}
#globalMenu ul#gb {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#globalMenu ul#gb li a {
    padding: 10px 20px;
    font-size: 14px;
}
/* sidebnr */
#globalMenu ul#sidebnr{
	padding:15px 0 0;
}
#globalMenu ul#sidebnr li {
	width: 31%;
	margin: 0 1%;
	padding: 0;
	float: left;
}
#globalMenu ul#sidebnr li img {
	width: 100%;
}

/* footer
-------------------------------------------------------------*/
#footerTop ul{
	padding:5px 10px;
}
#footerTop ul li{
	float:left;
	padding-right:30px;
	font-size:12px;
}
#footerTop ul li a{
	display:block;
	padding:11px 0;
}
#footerTop ul li a#pagetop{
	padding:0px;
	background: #333 url(../img/pagetop.png) no-repeat left top;
	background-size:35px 35px;
	-webkit-background-size:35px 35px;
	text-indent: -9999px;
	width:35px;
	height:35px;
}
#footerCenter{
	padding:15px 10px;
}
#footerCenter #footerMap{
	float:none;
	font-size:12px;
}
#footerCenter #footerMap ul#ftrSub{
	width:100%;
	padding:20px 0 0 0;
	display:table;
}
#footerCenter #footerMap ul#ftrSub li{
	padding: 0;
	display: block;
	width: 100%;
	margin: 4% 0;
}
#footerCenter #footerMap ul#ftrSub li:first-child{
	padding: 0;
}
#footerCenter #footerMap ul#ftrSub li a span{
	display:block;
	line-height:1.2;
}
#footerCenter #footerCompany{
	float:none;
	clear:both;
	padding:20px 0 0 0;
}
#footerCenter #footerCompany p{
	width:180px;
}
#footerCenter #footerCompany ul{
	margin-left: 0;
}

/* footerCopyright
-------------------------------------------------------------*/
#footerCopyright{
	background-color:#404040;
	text-align:left;
}
}