@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: url(../img/bg.gif)repeat;
		border-top:4px solid #a4d647; min-width:960px; _display: inline; _zoom:1;}
hr {border-style: none; clear:both; }
a{color: #000; text-decoration:none;}
a:hover{color: #666;}

/* BASIC SET */
.clear{ clear:both}
.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;}

.p10{padding:10px; line-height:0px; margin:0;}
.no-boder{border:none !important;}

.medium{font-size:18px; margin-bottom:10px;}
.small{ font-size:10px; color:#666;}
.green{ color:#a4d647; }
.big_green{ font-size:20px; color:#a4d647;}
.suji{display:block; float:left; font-size:40px; height:40px; line-height:30px; padding:10px; font-family:Arial, Helvetica, sans-serif;  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;}

.map-size{width:620px; height:300px;}
/* HEAD set */
header{ width: 100%; height: 100%; padding-bottom:10%;}

.head-nav{ float:right;  margin-bottom:30px;}
.head-nav li{float: left; margin-left:1px;}

#head{clear:both; }
header h1{ float:left; margin:0; padding:0;}
.gnav{ float:right; padding-top:10px;}
.gnav li{float: left; position: relative; margin-left:30px; }
.gnav li ul{ display:none; position:absolute; top:100%; left:-30px; z-index:100;  }
.gnav li ul li{  border-bottom:1px solid #CCC; width: 200px; background-color:#FFF;}
.gnav li ul li a{display:block;padding:10px; }
.gnav li ul li a:hover{ background-color:#EEE;}

/* TEASER set */
#teaser{}

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

.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:26px; background: url(../img/bar.png) no-repeat left bottom; text-indent: 30px; height: 43px; width: 100%; display:inline-block; margin-bottom:20px; }
h3 span{ font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif; font-size:12px; 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;	height: 41px; width: 100%; display:inline-block; padding:70px 0; margin-bottom:20px; background: url(../img/category_title_bg.png) no-repeat;}
h2 span{ font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif; font-size:12px; vertical-align:middle; margin-left:30px; font-weight:bold;}

/* BREDCRUMBS*/
#breadcrumbs{ background:#FFF; border-radius:5px; overflow:hidden; width:100%; margin:10px 0 30px; }
#breadcrumbs li{ float:left; line-height:1;}
#breadcrumbs a{ padding:.7em 1em .7em 3em; float:left; color:#333; position:relative; background-color:#CCC;}
#breadcrumbs li:first-child a{ padding-left:1.5em; border-radius:5px 0 0 5px;}
#breadcrumbs a:after,#breadcrumbs a:before{
	content:""; position:absolute; top:50%; margin-top:-1.5em; border-top: 1.5em solid transparent; border-bottom: 1.5em solid transparent; border-left: 1.5em solid; right:-1.5em;}
#breadcrumbs a:after{ border-left-color:#CCC; z-index:3;}
#breadcrumbs a:before{ border-left-color:#FFF; right:-1.6em; z-index:2;}
#breadcrumbs span{ padding:.7em 1em .7em 2.5em; color:#333; display:block;}

/* TOP CONTENTS BNRBOX*/
.m_cnt{ width:940px; overflow:hidden; _zoom: 1; margin-bottom:20px;}
.linkbox{width:295px; float:left; margin-right:20px; border:1px solid #EEE; background: url(../img/arrow3.png)#FFF no-repeat right bottom;}
.linkbox-end{width:295px; float:left; border:1px solid #EEE; background: url(../img/arrow3.png) no-repeat right bottom; background-color:#FFF; margin-bottom:20px;}
.linkbox-text{ padding:20px;}
.linkbox-text h4{ color:#a4d647; font-weight:bold; 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;}

/* UNDER L-CONTENTS BNRBOX*/
#l_cont{width: 700px;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:40px; margin-bottom:20px;}
#l_cont .under dt{ margin-bottom: 20px; padding-bottom: 20px; width: 100px; float: left; clear: both; color:#a4d647;}
#l_cont .under dd{ margin-bottom: 20px; padding: 0 0 20px 120px; border-bottom: 1px dotted #a4d647;  }
#l_cont .under p{ margin-bottom:20px;}
#l_cont .under img{ padding:5px; border:1px solid #CCC;}
.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; line-height:2em; background:url(../img/circle.png) no-repeat center left; text-indent:20px;}
.name{ text-align:right;} .name img{ border:none !important;}
.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; }

.sarvice-bt2{border-radius: 3px; -webkit-border-radius: 3px;  -moz-border-radius: 3px; display:block; background-color:#a4d647; line-height:10px; 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;}

#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 .iv_box{ 
	padding: 30px;
	background-color: #333;
	margin-bottom: 30px;
}
#l_cont .iv_box_end{
	padding: 30px;
	background-color: #333;
}

#l_cont .iv{ border: 3px solid #FFF;}
#l_cont .iv_p{ float: left; border: 3px solid #FFF; margin-right:30px;}
#l_cont .iv_m{ float: left; margin-right:30px;}

#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%; background: url(../img/foot-bg2.png) repeat;}
footer a{ color:#FFF;}
footer a:hover{ color:#CCC;}

#foot-top{ background: url(../img/foot-bg.gif) 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:30px 0;}

#foot-inner{width: 940px; margin:0 auto; position: relative;}
.foot_left{float:left;  padding:10px 0;}
.foot_left img{margin-bottom:10px;}
.foot_left h4{font-size:14px;}
.foot_left p{line-height:1.5em;}

.foot_right{float:right; text-align:right;}
.foot_right ul{width:655px; height:12px; position: relative; border-bottom: 1px dotted #666; clear:both; padding:10px 0; line-height:1em;}
.foot_right ul li{float:left; }
.arrow{	background: url(../img/arrow2.png) no-repeat left center; text-indent: 15px; font-weight:bold; margin-right:20px;}
.bar{border-right: 1px solid #666;padding-right:10px;margin-right:10px; }
.foot_right img{margin:10px 0;}

.copyright{	border-top: 1px dotted #666; clear:both; padding:20px 0; }
.copyright p{float:left;}
.copyright ul{float:right;}
.copyright li{float:left; font-size:10px; margin-right: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;}