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

@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:700);

/*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 .under{ background:#FFF; border:1px solid #EEE; padding:5%; margin-bottom:20px; border-radius:5px;}
#l_cont .under dt{ margin-bottom: 5%; padding-bottom: 5%; width: 30%; float: left; clear: both; color:#a4d647;}
#l_cont .under dd{ margin-bottom: 5%; padding: 0 0 5% 30%; border-bottom: 1px dotted #a4d647;  }
#l_cont .under p{ margin-bottom:5%;}
#l_cont .under img{ padding:2%; max-width: 100%; box-sizing: border-box; margin-bottom:10px;}
.access-bt{border-radius: 3px; -webkit-border-radius: 3px;  -moz-border-radius: 3px; display:block; background-color:#a4d647; padding:5px; line-height:10px; font-size:10px; width:100px; text-align:center; margin-bottom:20px;} 
#l_cont .under .access-bt a{color:#FFF; display:block;}
#l_cont .under 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;}
.name{ text-align:right;} .name img{ border:none !important; max-width: 100%;}
.sarvice-bt{border-radius: 3px; -webkit-border-radius: 3px;  -moz-border-radius: 3px; display:block; background-color:#a4d647; line-height:10px; width:100%; text-align:center; } 
#l_cont .under .sarvice-bt a{color:#FFF; display:block; padding:20px 0; }

.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{ }
.topics h3{ text-align: left; float:left;}

#l_cont .topics p{ text-align: right; }
#l_cont .news{ overflow:hidden; _zoom: 1; margin-bottom:30px; clear:both;}
#l_cont .news dt{ margin-bottom: 8px; padding-bottom: 8px; width: 100px; float: left; clear: both;}
#l_cont .news dd{ margin-bottom: 8px; padding: 0 0 8px 120px; border-bottom: 1px dotted #CCC;  }
#l_cont .news dd a{color:000;}
#l_cont .news dd a:hover{ color:666;}

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

#l_cont  table{ width:100%; margin-bottom:30px;}
#l_cont .mail th{ width:40%; padding:20px; border: 1px solid #333;}
#l_cont .mail th span{ font-size:9px; margin-left:5px; color:#84ccc9;}
#l_cont .mail td{ width:60%; padding:20px; border: 1px solid #333;}
#l_cont .mail td textarea {	width: 100%;　height: 120px;}

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

ul.privacy li{margin-bottom:20px; list-style-type: decimal; margin-left: 15px;}



/* UNDER RT-CONTENTS BNRBOX*/
#r_cont{　width: 220px; float:right; overflow:hidden; _zoom: 1;}

#r_cont a{color: #333;}
#r_cont a:hover{color: #a4d647;}
#r_cont .snav{ background:#FFF; margin-bottom:10px; width: 220px;}
#r_cont .snav h3{font-family: "Roboto Condensed", sans-serif; font-size:20px; color:#FFF; background: url(../img/snav-title.png) repeat; height: 24px; width: 200px; display:inline-block; padding:10px; text-indent:10px; margin-bottom:0;}
#r_cont .snav ul{ padding:0 15px; }
#r_cont .snav li{ background: url(../img/arrow4.png) no-repeat left center; border-bottom:1px dotted #CCC; padding:10px 0 10px 20px;  }
#r_cont .snav li a{ display:block;}
#r_cont .snav li:last-child{ border-bottom:none;}

#r_cont .bnr li{ margin-bottom:10px;}

/* FOOTER */
footer{ clear: both; color:#FFF; width: 100%; }
footer a{ color:#FFF;}
footer a:hover{ color:#CCC;}

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

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

.service1-2{margin-top:0px !important;}
.service1-2 td{width:33.3% !important;}

.service1-2-2{margin-top:0px !important;}
.service1-2-2 td{width:auto !important;}


.sarvice-bt2{border-radius: 3px; -webkit-border-radius: 3px;  -moz-border-radius: 3px; display:block; background-color:#a4d647;  width:100%; text-align:center;  padding:20px 0;} 
#l_cont .under .sarvice-bt2 a{color:#FFF; text-decoration:underline;  }
#l_cont .under .sarvice-bt2 a:hover{color:#000;}