@charset "utf-8";
/* ==================================================================
CSS information
style info :Topページ用
================================================================== */


@media screen and (min-width: 768px) { /* 768px以上の記述 */
}

@media screen and (max-width: 767px) { /* スマートフォン用の記述 */
}

/* --------------------------------------------------------
#mainvisual
-------------------------------------------------------- */
@media screen and (min-width: 768px) { /* 768px以上の記述 */
#mainvisual { background:url(../_img/mainvisual.jpg) no-repeat center top; width:950px; height:311px; position:relative; margin:0 auto 20px; }
#mainvisual a {  width:950px; height:311px; }
#mainvisual a { display:block; text-indent: 100%; white-space: nowrap; overflow: hidden; }
}

@media screen and (max-width: 767px) { /* スマートフォン用の記述 */
#mainvisual { background:#b5d111; width:100%; position:relative; margin-bottom:5px; }
#mainvisual a { width:100%; height:100%; text-align:center; display:block; }
#mainvisual a span { display:none; }
}

/* --------------------------------------------------------
.nengaBnrP
-------------------------------------------------------- */
@media screen and (min-width: 768px) { /* 768px以上の記述 */
	.nengaBnrP{text-align: center; margin: 1em 0 -4em 0;}
}

@media screen and (max-width: 767px) { /* スマートフォン用の記述 */
	.nengaBnrP{width: 90%; margin: 1em auto;}
}

/* --------------------------------------------------------
#topMenu
-------------------------------------------------------- */
@media screen and (min-width: 768px) { /* 768px以上の記述 */
#topMenu { width:713px; margin-top: 10%;}
#topMenu  ul { margin-left:-13px; margin-top: 5%;}
#topMenu  li { width:222px; background-color:#f8fcdd; display:inline-block; /display:inline; /zoom: 1; margin-left:13px; margin-bottom:13px; border:3px solid #edf5ac; zoom: 1; position:relative; 
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
behavior: url(../_common/PIE.htc);
box-shadow: inset 0px 0px 10px 5px #fff; /* CSS3 */
}
#topMenu  li a { display:block; padding:13px; padding-bottom:125px; margin-bottom:13px; color:#444343; font-weight:bold; }
#topMenu  li.btn1 a { background:url(../_img/menu_pic1_b.jpg?v20230301) no-repeat center bottom; }
#topMenu  li.btn2 a { background:url(../_img/menu_pic2_b.jpg?v20230301) no-repeat center bottom; }
#topMenu  li.btn3 a { background:url(../_img/menu_pic3.jpg) no-repeat center bottom; }
#topMenu  li.btn4 a { background:url(../_img/menu_pic4_b.jpg?v20230301) no-repeat center bottom; }
#topMenu  li.btn5 a { background:url(../_img/menu_pic5.jpg) no-repeat center bottom; }
#topMenu  li.btn6 a { background:url(../_img/menu_pic6.jpg) no-repeat center bottom; }

#topMenu  li a span { background:url(../_common/img/icon_arrow_g_l2.png) no-repeat right center; display:block; }

}

@media screen and (max-width: 767px) { /* スマートフォン用の記述 */
#topMenu { background-color:#c1d614; padding:5px 0 2px; }
#topMenu  li { margin-bottom:3px; }
#topMenu  li {
background: #feffdc; /* Old browsers */
background: -moz-linear-gradient(top,  #feffdc 0%, #feffba 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffdc), color-stop(100%,#feffba)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #feffdc 0%,#feffba 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top,  #feffdc 0%,#feffba 100%); /* IE10+ */
background: linear-gradient(to bottom,  #feffdc 0%,#feffba 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffdc', endColorstr='#feffba',GradientType=0 ); /* IE6-9 */
box-shadow: #889900 0px 1px 1px;
behavior: url(../_common/PIE.htc);
}

#topMenu  li a { background-size:94px 47px; display:block; padding:10px; color:#444343; font-weight:bold; }
#topMenu  li a { 
text-shadow: rgba(255,255,255,0.8) 1px 1px 2px;
-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#fff,offx=1,offy=1)"; /* IE7以下は不可 */
zoom: 1;
}
#topMenu  li.btn1 a { background:url(../_img/menu_pic1_b-sp.png) no-repeat 5px center; }
#topMenu  li.btn2 a { background:url(../_img/menu_pic2_b-sp.png) no-repeat 5px center; }
#topMenu  li.btn3 a { background:url(../_img/menu_pic3-sp.jpg) no-repeat 5px center; }
#topMenu  li.btn4 a { background:url(../_img/menu_pic4_b-sp.png) no-repeat 5px center; }
#topMenu  li.btn5 a { background:url(../_img/menu_pic5-sp.jpg) no-repeat 5px center; }
#topMenu  li.btn6 a { background:url(../_img/menu_pic6-sp.jpg) no-repeat 5px center; }

#topMenu  li a span { background:url(../_common/img/icon_arrow_g_l.png) no-repeat right center; background-size:11px 16px; display:block; margin-left:99px; }
}





/* --------------------------------------------------------
#infoBox
-------------------------------------------------------- */
@media screen and (min-width: 768px) { /* 768px以上の記述 */
#infoBox { width:713px; float:left; font-size:93%; margin-bottom:30px; float:left; }
#infoBox dt { border-bottom:2px solid #c1d614; font-size:131%; padding-bottom:5px; margin-bottom:5px; }
#infoBox dd { border-bottom:1px dotted #eee; padding:5px 0 5px 90px; color:#00ae29; position:relative; }
#infoBox dd span { display:inline-block; /display:inline; /zoom: 1; color:#666464; position:absolute; top:5px; left:0; }
}

@media screen and (max-width: 767px) { /* スマートフォン用の記述 */
#infoBox { padding:10px; }
#infoBox dt { border-bottom:1px solid #c1d614; font-size:123.1%; padding-bottom:5px; }
#infoBox dd span { display:block; color:#666464; }
#infoBox dd { border-bottom:1px dotted #666; padding:5px 0; color:#00ae29; }
}
#infoBox { color:#666464; margin-top:10px; }
#infoBox dd a{ color:#00ae29; text-decoration:underline; }



/* --------------------------------------------------------
#bnrCamp
-------------------------------------------------------- */
@media screen and (min-width: 768px) { /* 768px以上の記述 */
#bnrCamp { width:216px; float:right; }
#bnrCamp img { width:216px; }
#bnrCamp { margin-bottom: 10px;}
}

@media screen and (max-width: 767px) { /* スマートフォン用の記述 */
#bnrCamp { padding:5px 10px 10px; text-align:center; }
#bnrCamp a img { box-shadow: #c4c4c4 0px 1px 3px; behavior: url(../_common/PIE.htc); }
}


/* --------------------------------------------------------
#bnrBox
-------------------------------------------------------- */
@media screen and (min-width: 768px) { /* 768px以上の記述 */
/*#bnrBox { width:216px; float:right; }*/
#bnrBox { width:216px; position:absolute; top:480px; right:0px; }
#bnrBox img { width:100%; }
#bnrBox li { padding:0px 0px 10px; }
/*紹介制度バナーのみ */
#bnrBox { width:216px; position:absolute; top:0%; right:2%; }
}

@media screen and (max-width: 767px) { /* スマートフォン用の記述 */
#bnrBox { padding:0px 10px 5px; }
#bnrBox li a img{ 
box-shadow: #c4c4c4 0px 1px 3px;
behavior: url(../_common/PIE.htc);
}
#bnrBox li { text-align:center; padding:0px 0px 5px; }
}



/* --------------------------------------------------------
#mygabaBox
-------------------------------------------------------- */
#mygabaBox dl { 
	border:2px solid #0aa23d; 
	zoom: 1; 
	position:relative; 
	/*margin-bottom:10px;*/
	margin-bottom: 20px;/*キャンペーンバナー挿入時のheight変更*/
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(../_common/PIE.htc);
}

@media screen and (min-width: 768px) { /* 768px以上の記述 */
#mygabaBox dt { padding:10px 0; text-align:center; }
#mygabaBox dt img { width:195px; height:50px; }
#mygabaBox dd { padding:0 10px 10px; text-align:center; }
}

@media screen and (max-width: 767px) { /* スマートフォン用の記述 */
#mygabaBox dt { padding:20px; text-align:center; }
#mygabaBox dd { padding:0 20px 20px; text-align:center; }
}