@charset "utf-8";
/* CSS Document */


/*Micro Clearfix */
.cf{zoom: 1;}
.cf:before, .cf:after{content:""; display:table;}
.cf:after {clear: both;}

/*START */
body {	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;	
		font-size: 12px;line-height: 1.9em;	color: #333; background: #EEE; }
hr {border-style: none; clear:both; }
a{color: #000; text-decoration:none;}
a:hover{color: #666;}

/* BASIC SET */
.clear{clear:both; margin:0px; padding:0px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mr50{margin-right:50px !important;}

.no-boder{border:none !important;}

.medium{font-size:16px; margin-bottom:10px;}
.small{ font-size:10px; color:#666;}
.green{ color:#a4d647; }
.big_green{ font-size:16px; color:#a4d647;}

.img_left{float:left; margin-right:20px; margin-bottom:20px;}
.img_right{float:right; margin-left:30px; margin-bottom:30px;}

.l_box{float:left; margin-right:20px; margin-bottom:30px;}
.l_box_end{float:left; margin-bottom:30px;}
.r_box{float:right;  margin-bottom:30px;}


/* HEAD set */
header{ width: 100%; height:45px; background-color: #FFF; position: relative; margin-bottom:10px;}

#head{clear:both; }
header h1{ float:left; margin:0 2%; padding:0;}
.gnav{float:right; }
.gnav li{float:left;  border-left: 1px solid #CCC;}
.gnav li ul{  z-index:5000; width: 100%; position:absolute; left:0; top:45px; clear:both; }
.gnav li ul li{  border-bottom:1px solid #333; width: 100%; border-left:none; background: url(../img/arrow6.png) no-repeat 95% center #000; }
.gnav li ul li a{display:block; padding:10px; color:#FFF;}
.gnav li ul li a:hover{ background: url(../img/arrow6.png) no-repeat 95% center #666; }

/* TEASER set */
#teaser img{max-width: 100%; height: auto; width /***/:auto;　}

/* CONTENTS set */
#wrap{ width:95%;	margin-top: 0; margin-right: auto; margin-bottom: 10px; margin-left: auto; }

.page-title{ margin-bottom: 40px; padding: 50px; background-color: #000;}
.under-h2{ font-family: Arial, Helvetica, sans-serif; font-size: 28px; color: #FFF;	width:940px; margin:0 auto;}

/* CONTENTS H3 TITLE*/
h3{ font-family: "Roboto Condensed", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif; font-size:16px; width: 100%; display:inline-block; margin-bottom:5px; color:#FFF; background-color:#a4d647; padding:1% 0; text-indent:10px;}
h3 span{ font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif; font-size:10px; vertical-align:middle; margin-left:10px; font-weight:bold;}

/* CONTENTS H2 TITLE*/
h2{	font-family: "Roboto Condensed", sans-serif;
	line-height:40px; font-size:40px;	 width: 100%; display:inline-block; padding:10% 0;  }


/* TOP CONTENTS BNRBOX*/
.m_cnt{ width:100%; overflow:hidden; _zoom: 1; margin-bottom:20px;}
.linkbox{width:100%; margin-bottom:1px; background: url(../img/arrow3.png) no-repeat right bottom #FFF; border-radius:5px;}
.linkbox img{max-width: 40%; height: auto; width /***/:auto; float:left; margin-right:5%;}
.linkbox-text{ padding:5%; }
.linkbox-text h4 a{ color:#000; font-weight:normal; margin-bottom:5px;}
.linkbox-text a:hover{color: #000;}
.box_hover{ cursor:pointer;background-color:#FFF; }

.l-box{width:620px; float:left;}
.l-box ul{width:640px; margin-right:-20px; overflow:hidden; _zoom: 1;}
.l-box ul li{float:left;margin-right:20px;}
.r-box{width:300px; float:right;}

.jinzai{ width:100%;  background: url(../img/arrow5.png) no-repeat 95% center #FFF; box-sizing: border-box; border-radius:5px; margin-bottom:1%;}
.jinzai a{display:block; padding:20px; color:#a4d647; font-weight:bold;}
.fashion{ width:100%;   background: url(../img/arrow5.png) no-repeat 95% center #FFF; box-sizing: border-box; border-radius:5px; margin-bottom:1%;}
.fashion a{display:block; padding:20px; color:#F69; font-weight:bold;}
.haken2{ width:100%;  background: url(../img/arrow5.png) no-repeat 95% center #FFF; box-sizing: border-box; border-radius:5px;}
.haken2 a{display:block; padding:20px; color: #39C; font-weight:bold;}

/* UNDER L-CONTENTS BNRBOX*/
#l_cont{width: 100% ;float:left; }
#l_cont a{color: #a4d647;}
#l_cont a:hover{color: #333;}

#l_cont .category{ background:#FFF; border:1px solid #EEE; padding:10px; margin-bottom:20px;}
#l_cont .category img{ float:left; margin-right:20px;}
#l_cont .category h5{overflow:hidden; _zoom: 1;	background: url(../img/arrow3.png)  no-repeat left center;font-size: 18px;color: #a4d647;text-indent: 20px;	border-bottom: 1px dotted #a4d647; padding:10px 0; margin-bottom:10px;}

#l_cont .form{ background:#FFF; border:1px solid #EEE; padding:5%; margin-bottom:20px; border-radius:5px;}
#l_cont .form dt{ padding-bottom: 5%; width: 100%;  clear: both; color:#a4d647;}
#l_cont .form dd{ margin-bottom: 5%; padding: 0 0 5% 0; border-bottom: 1px dotted #a4d647;  }
#l_cont .form p{ margin-bottom:5%;}
#l_cont .form h4{ font-size:20px; border-bottom:1px dotted #a4d647; color:#a4d647; margin-bottom:20px;  background:url(../img/circle.png) no-repeat top left; padding:0 0 10px 20px;}

input,textarea{ padding:5px;}
.inputarea{ width:95%;}
.bbox{ width:100%;  box-sizing: border-box; border-radius:5px; margin-bottom:1%; border:1px solid #CCC; text-align:center; display:inline-block; padding:5%;}


#l_cont table{ width:100%; margin:30px 0;}
#l_cont th{ width:20%; padding:20px; border: 1px solid #CCC;}
#l_cont td{ width:80%; padding:20px; border: 1px solid #CCC;}

.topics h3{ text-align: left; float:left;}

#l_cont .cont_box{margin-bottom:50px;}
#l_cont .cont_box li{margin-bottom:30px;}

#l_cont .box p{line-height: 2em;}


/* FOOTER */
footer{ clear: both; color:#FFF; width: 100%; background: url(../img/foot-bg2.png) repeat; }
footer a{ color:#FFF;}
footer a:hover{ color:#CCC;}

#foot-top{ background: url(../img/foot-bg.png) no-repeat; height: 87px; width: 940px; margin-right: auto; margin-left: auto; position: relative; }
#foot-top img{ position: absolute; left: 691px; top: 22px;}

#foot-end{ background-color: #2f2f2f; padding:10px 0;}

.copyright{	clear:both; padding:10px 0; text-align:center; }
.copyright p{ font-size:10px;}