@charset "utf-8";

/* ------------------------
	reset
------------------------ */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

img{vertical-align:bottom;}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

li{
    list-style-type:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

input, select {
    vertical-align:middle;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

a:link {color: #3DA228;text-decoration: underline;}
a:visited {color: #3DA228;text-decoration: underline;}
a:active {color: #3DA228;text-decoration: underline;}
a:hover {color: #3DA228;text-decoration: underline;}

section {
	clear: both;
	padding-bottom: 20px;
}

p {
	font-size: 90%;
}


.clear {clear: both;}

strong{color:#FC5809;}
/* ------------------------
	body & base setting
------------------------ */

body{
	-webkit-text-size-adjust:none;
	min-height:416px;
	font:14px/1.231 "Arial";
	color: #333333;
    background:#ffffff;
}

html{
	height:100%;
}


#wrapper {
    min-height: 100%;
}

.inner{
	padding:0 10px;
}


/* ------------------------
	common setting
------------------------ */

h2 {
	font-size: 120%;
    text-shadow:0 1px 0 #fff;
    background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0e0e0)) #ffffff;
	padding: 8px 0 4px 10px ;
	color: #3DA228;
	margin: 0 8px 10px 8px;
	min-height: 23px;
	border-radius: 6px 6px 0 0;
	-webkit-border-radius:6px 6px 0 0;
	border:1px solid #aaa;
	border-bottom:2px solid #3DA228;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
}

h3 {
	font-size: 110%;
	background:-webkit-gradient(linear, left top, right top, from(#e6e6e6), to(#ffffff)) #ffffff;
	border-left:2px solid #3DA228;
	padding: 4px 0 3px 6px ;
	color: #3DA228;
	margin: 0 8px 10px 8px;
}

p{
	margin: 0 10px 10px 10px;
	clear:both;
}

p.point{
	margin: 0 8px 10px 8px;
	background:#D9F2BB;
	padding:8px 8px 6px 8px;
	border-radius: 6px;
	-webkit-border-radius:6px;	
}

p.point2{
	margin: 0 8px 10px 8px;
	background:#D9F2BB;
	padding:8px 8px 6px 8px;
	border-radius: 6px;
	-webkit-border-radius:6px;
	text-align:center;
}


.fl_photo{
	margin: 0 10px 10px 10px;
	overflow:hidden;
	float:left;
	font-size: 90%;
}

.fl_photo dt{
	margin: 0 10px 10px 0;
	overflow:hidden;
	float:left;
}


.fl_list{
	margin: 0;
	overflow:hidden;
}

.mb10{ margin:0 0 10px 0;}
.mb20{ margin:0 0 20px 0;}
.mb30{ margin:0 0 30px 0;}
.pmb30{ margin:0 10px 30px 10px;}


/* ------------------------
	header setting
------------------------ */

header{
	overflow:hidden;
	margin:0 0 10px 0;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 7px, rgba(255, 255, 255, 1) 0px 0px 0px inset;	
}

header h1 {
	font-size: 60%;
	font-weight: normal;
	color:#fff;
	padding:3px 0 3px 4px;
	background:#3DA228;
	margin:0 0 10px 0;
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 7px, rgba(255, 255, 255, 1) 0px 0px 0px inset;	
}

header ul{
	overflow:hidden;
	margin:0 0 8px 0;
}

header li.logo{
	float: left;
	padding:0 0 0 10px;
}

header li.menu{
	padding-top:2px;
	margin:3px 8px 0 0 ;
	float: right;
	displasy:table-cell;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	border-bottom-right-radius:4px;
	border-top-right-radius:4px;
	border:1px #b3b3b3 solid;
	-webkit-box-sizing:border-box;
	-webkit-box-shadow: rgba(0, 0, 0, 0.0976562) 0px 1px 3px, rgba(255, 255, 255, 1) 0px 0px 0px inset;
	vertical-align:middle;
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f5f5f5),
		color-stop(0.50, #f5f5f5),
		color-stop(0.50, #f5f5f5),
		to(#d4d4d4));
}

header .menu a{
	color: #333;
	font-size:70%;
	line-height:22px;
	font-weight:bold;
	padding:8px 6px 7px 13px;
    background:url(../img/arrow_head.png) no-repeat 6px center;
	text-decoration: none;
}

/* ------------------------
	main_menu setting
------------------------ */

#main_menu{
	clear: both;
    background:-webkit-gradient(linear, left top, right top, from(#ffffff), to(#c2ddbe)) #ffffff;
	margin:0 8px 10px 8px;
	border:1px solid #73b169;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px, rgba(255, 255, 255, 1) 0px 0px 0px inset;
	
}

#main_menu li a{
	font-size: 110%;
	font-weight: bold;
	padding:6px 30px 6px 6px;
	background: url(../img/arrow_01.png) no-repeat right center;
	-webkit-background-size: auto 16px;
	display:block;
}


#main_menu li{
	border-top:1px solid #fff;
	border-bottom:1px solid #73b169;
}

#main_menu li:first-child{
	border-top:none;
}

#main_menu li:last-child{
	border-bottom:none;
}

#main_menu li dl{
	overflow:hidden;
}

#main_menu li dl dt{
	float: left;
	margin:0 6px 0 0;
}

#main_menu li dl dd{
	float: left;
	padding:11px 0 0 0;
}


#main_menu a:link {color: #3DA228;text-decoration: none;}
#main_menu a:visited {color: #3DA228;text-decoration: none;}
#main_menu a:active {color: #3DA228;text-decoration: none;}
#main_menu a:hover {color: #3DA228;text-decoration: none;}

/* ------------------------
	banner_menu setting
------------------------ */


.banner_menu1,.banner_menu2{
	clear: both;
	margin:0 8px 10px 8px;
}

.banner_menu1 img{
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px, rgba(255, 255, 255, 1) 0px 0px 0px inset;
	border-radius: 6px;
}

.banner_menu2 img{
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px, rgba(255, 255, 255, 1) 0px 0px 0px inset;
	border-radius: 2px;
}




/* ------------------------
	sidelist setting
------------------------ */


#sidelist{
	clear: both;
	margin:0 8px 10px 8px;
	text-align:center;
	background: #3DA228;
	padding:4px;
}

#sidelist table{
	overflow:hidden;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(242, 242, 242, 1.0)), color-stop(50%, rgba(242, 242, 242, 1.0)), color-stop(51%, rgba(214, 214, 214, 1.0)), to(rgba(214, 214, 214, 1.0)));
}

#sidelist td{
	text-align:left;
	border-right:1px solid #b3b3b3;
	border-left:1px solid #fff;
	padding:6px 4px 4px 5px;
	font-weight:bold;
	width:31%;
	
}


#sidelist td a{
	text-decoration: none;
	padding-right:10px;
	background:url(../img/arrow_02.png) no-repeat right center;
	display:block;
}


/* ------------------------
	menulist setting
------------------------ */


#menulist{
	clear: both;
    background:#f2f2f2;
	margin:0 8px 20px 8px;
	border:1px solid #cccccc;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px, rgba(255, 255, 255, 1) 0px 0px 0px inset;
}

#menulist li{
	color: #888;
	border-bottom:1px solid #cccccc;
	font-weight: bold;
	background:url(../img/arrow_03.png) no-repeat right center;
}

#menulist li.nothref{
	color: #888;
	border-bottom:1px solid #cccccc;
	font-weight: bold;
	padding:10px 0 10px 12px;
	background:#ccc url(../img/arrow_04.png) no-repeat right center;
}


#menulist li:last-child{
	border-bottom:none;

}

#menulist li a{
	color: #666;
	padding:10px 0 10px 12px;
	background:#f2f2f2 url(../img/arrow_03.png) no-repeat right center;
	text-decoration: none;
	display:block;
	border-radius: 6px;
}


#menulist:after{
    display: block;
    clear: both;
    height: 0px;
    content: "";
}

#menulist > li a:not([href]){

}

.s_menu{
	clear: both;
    background:#f2f2f2;
	border:1px solid #cccccc;
	margin:0 8px 30px 8px;
	font-weight: bold;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px, rgba(255, 255, 255, 1) 0px 0px 0px inset;
}

.s_menu a{
	padding:10px 0 8px 12px;
	color: #666;
	clear: both;
	background:url(../img/arrow_03.png) no-repeat right center;
	text-decoration: none;
	display:block;
}


/* ------------------------
	footer setting
------------------------ */

footer {
	clear: both;
 	text-align:center;
	border-top: 1px solid #3DA228;
	background:#d6d6d6;
	overflow:hidden;
}

footer .info{
	text-align:center;
	border-bottom: 1px solid #3DA228;
	background:#fff;
	padding:5px 0 5px 0 ;
}

.number{
	margin:0 12px 0 0 ;
}

.tel{
	font-weight:bold;
    font-size:120%;
}

.tel a{
	color:#ee0000;
	text-decoration:underline;
    font-size:120%;
}
.time{
	text-align:center;
	font-size:70%;
	padding:0 0 0 12px;
	margin:0;
}
footer p{
	margin:0;
	padding:0;
}

footer ul{
	overflow:hidden;
	margin:0 auto;
	width:290px;
}

footer ul li{
	float: left;
	margin:0 5px 0 0;
}
footer ul li:lastchild{
	float: left;
	margin:0 0px 0 0;
}

address{
	clear: both;
	color: #ffffff;
	font-style:normal;
    font-size:80%;
 	text-align:center;
	background:#3DA228;
	padding:3px 0;
	margin:0 0 -20px 0;
}

address a:link {color: #fff;text-decoration: none;}
address a:visited {color: #fff;text-decoration: none;}
address a:active {color: #fff;text-decoration: none;}
address a:hover {color: #fff;text-decoration: none;}




/* ------------------------
	accordion setting
------------------------ */

dl#faq{
	margin:0 8px 20px 8px;

}

dl#faq dt{
	margin:0 0 10px 0;
    background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c5e7b1)) #ffffff;
	border-radius: 6px;
	border:1px solid #9AC793;
	color: #3DA228;
	padding:10px 6px 8px 10px;

}
dl#faq dt p{
	font-size: 100%;
	font-weight: bold;
    background: url(../img/arrow_05.png) no-repeat right center;
	margin:0;
	padding:0 20px 0 0;
}

dl#faq dd{
	margin:0 0 10px 0;
	font-size: 90%;
}



/* ------------------------
	process setting
------------------------ */

#process{
	text-align:center;
}

#process p{
	margin:0;
}

#process p img{
	margin:0 0 5px 0;
}


#process p.point{
	margin: 0 8px 5px 8px;
	background:#D9F2BB;
	padding:8px 8px 6px 8px;
	border-radius: 6px;
	-webkit-border-radius:6px;
	text-align:center;
}


/* ------------------------
	academy setting
------------------------ */


#academy{

}

#academy dl{
	margin:0 10px 20px 10px;
	font-size:90%;
}

#academy dl dt{
	margin:0 0 5px 0;
	font-weight:bold;
	padding:0 0 2px 0;
	border-bottom:1px dotted #999;
}

#academy dl dd{
	margin:0 0 20px 0;
}

/* ------------------------
	profile
------------------------ */


#profile dl{
	margin:0 10px 20px 10px;
	font-size:90%;
}

#profile dl dt{
	margin:0 0 5px 0;
	font-weight:bold;
	padding:0 0 2px 0;
	border-bottom:1px dotted #999;
}

#profile dd{
	margin:0 0 20px 0;
}


#cs_menu{
	margin:0 10px 30px 10px;
}

#cs_menu option,#cs_menu select{
	font-size:110%;
}

/* ------------------------
	counter
------------------------ */


dl#counter{
	margin:0 10px 20px 10px;
	font-size:90%;
}

#counter option,#counter select{
	font-size:110%;
}

#counter dd{
	margin:0 0 20px 0;
}


#map{
	width:300px;
	height:240px;
	margin:0 0 20px 10px;
}


/* ------------------------
	sitemap
------------------------ */


#sitemap{
	margin:0 10px 30px 10px;
	font-size:90%;
}

#sitemap ul{
	margin:0 0 15px 0;
}

#sitemap ul li{
	margin:0 0 5px 0;
}

#sitemap ul li a{
	padding:0 0 0 15px;
    background:url(../img/arrow_head.png) no-repeat 6px center;
}


/* ------------------------
	form setting
------------------------ */

.hissu,#form em{
	color:#FC5809;
	font-size:80%;
}


#form,#form_preview{
	margin:0 10px 30px 10px;
}

#form input,#form_preview input{
	font-size:110%;
}

#form dl dt{
	font-size:90%;
	margin:0 0 3px 0;
}

#form dl dd{
	margin:0 0 10px 0;
	overflow:hidden;
}

#form dl dd textarea{
	padding:3px;
	font-size:110%;
	width:90%;
}

#form dl dd input{
	padding:3px;
	font-size:110%;
	width:90%;
}

#form dl dd select{
	font-size:110%;
}

#form_submit{
	text-align:center;
}

#form_submit input{
	width:auto;
	line-height:110%;
}

#form_preview dt{
	font-size:90%;
	margin:0 0 3px 0;
	clear:both;
}

#form_preview dd{
	font-size:90%;
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	border-bottom:1px dotted #666;
}


.form_caution{
	margin:0 0 10px 0;
}

#form dd.no_wid input{
	width:15px;
}

#form dd.no_wid .wid input{
	width:90%;
	margin:5px 0 0 0;
}

#form dd.no_wid ul.left{
	float:left;
	margin:0 20px 0 0;
}
#form dd.no_wid ul.right{
	float:left;
}

#form input.short2{
	width:60px !important;
}

#confirm{
	padding:10px;
}



#confirm dt{
	font-weight:bold;
}

#confirm dd{
	margin:0 0 10px 0;
}