@charset "utf-8";

/* h */
h1 {display:block;float:none;margin:0 0 22px 0;background:#87B02E;}
h1 a {display:block;padding:0 0 0 10px;height:56px;font-size:24px;color:#fff;line-height:56px;text-align:left;letter-spacing:0;}
h1 a:hover,
h1 a:active {color:#fff;}
h1 #web_logo {display:none;}
h1 #mobile_logo {display:block;}

/* layout */
.inner {position:relative; width:100%; margin:0 auto; }

/* Header */
#header {position:relative;height:auto;border:0px none;background:none;z-index:1000;box-shadow:none;}
#top_menu {display:none;}

/* layout */
.inner {width:auto;margin:0 auto;}

/* nav */
#nav {display:block;float:none;margin:0;background:none;border:0px none;}
#nav ul {display:block;border-top:1px solid #E0E0E0;border-left:1px solid #E0E0E0;}
#nav ul li {display:block;float:left;width:50%;height:auto;color:#333;}
#nav ul li a {
	display:block;
	padding:0 0 0 25px;
	height:68px;
	font-size:20px;
	font-weight:normal;
	line-height:68px;
	color:#222;
	background:#ffffff;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{global-active-background-start}*/), to( #f6f6f6 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkidt-linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/);
	border-right:1px solid #E0E0E0;
	border-bottom:1px solid #E0E0E0;
}
#nav ul li a:hover {
	color:#222;
	background:#ffffff;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{global-active-background-start}*/), to( #f6f6f6 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkidt-linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/);
}
#nav ul li a span {display:block;position:absolute;width:46%;margin:0 0 0 -25px;font-size:16px;color:#9A9A9A;text-align:right;}
#nav ul li a:hover span {color:#9A9A9A;}
#nav .last {float:left;width:50%;text-align:left;}
#nav .empty_menu {display:block;text-align:center;}
#nav-sub {display:none;}


/* ---------- Content ---------- */
#content {margin-top:22px;}

/* Footer */
#footer #footer-logo {display:none;}
#footer #footer-logotxt {display:none;}
#footer #copyright {margin:0 0 0 40px;}

/* Skin */
/* ---------- Content ---------- */
#content {padding-top:0px;}
#content_pc {display:none;}
#content_mobile {display:block;position:relative;}
#content_mobile #area1 {display:block;position:absolute;width:100%;top:50px;}
#content_mobile #area1 ul {display:block;}
#content_mobile #area1 ul li {dsiplay:block;float:left;margin-right:18px;padding:8px 0;width:226px;font-size:12px;border-top:1px #ccc solid;border-bottom:1px #ccc solid;}
#content_mobile #area1 ul li span {dsiplay:block;float:right;margin-right:10px;font-size:15px;font-weight:bold;color:#0066CC;}
#content_mobile #area1 ul li.last {float:right;margin-right:0;}
#content_mobile #area2 {display:block;position:absolute;top:100px;}
#content_mobile #area2 ul {display:block;}
#content_mobile #area2 ul li {dsiplay:block;float:left;margin-right:18px;width:226px;}
#content_mobile #area2 ul li.last {float:right;margin-right:0;}
/* ---------- Slide ---------- */
.touchslider {position:relative;height:350px;overflow:hidden;}
.touchslider .touchslider-nav {display:none;}
/* ---------- Footer ---------- */
#footer {position:relative;}