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




/* ----------------------
	base
---------------------- */

body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height:1.7;
	font-size:16px;
}


body, h1, h2, h3, h4, h5, ul, li, dl, dt, dd, p {
	margin: 0;
	padding: 0;
}

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

ul {
	list-style: none;
}

img{
	vertical-align:top;
	border: none;
}

sup,
sub {
    line-height: 1;
}

.clear{
	clear:both;
}

a{
	color:#009847;
	text-decoration:none;
}

a:hover {
	color:#25c565;
	text-decoration:none;
}

body .link a{
	color:#000 !important;
	-webkit-transition: opacity 200ms;
	-moz-transition: opacity 200ms;
	-ms-transition: opacity 200ms;
	transition: opacity 200ms;
}

body .link a:hover{
	color:#000 !important;
	filter:Alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.50;
}

.contents{
	max-width:1180px;
	min-width:980px;
	margin:0 auto 150px auto;
	padding:151px 10px 0 10px;
}

.contents2{
	width:100%;
	margin-bottom:150px;
	padding-top:151px;
}

.contents:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}

.show_headerNews .contents {
	padding-top: 175px;
}

.show_headerNews .contents2 {
	padding-top: 175px;
}




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

/* large */

#header_l {
	width: 100%;
	min-width:1000px;
	background: #fff;
}

.header_l_inner {
	max-width:1200px;
	min-width:1000px;
	height: 180px;
	margin:0 auto;
	position:relative;
}

#header_l #header_l_news{
	display: none;
	background-color: #ededed;
}

#header_l #header_l_news p {
	max-width:1200px;
	min-width:1000px;
	height:24px;
	margin: 0 auto;
	text-align:center;
	font-size:11px;
	line-height:24px;
	color:#009847;
	font-weight:bold;
}

.show_headerNews #header_l #header_l_news {
	display: block;
}

#header_l h1{
	width:245px;
	height:63px;
	margin:0 auto 36px auto;
	padding-top: 26px;
}

#header_l h1 a{
	display:block;
	width:245px;
	height:63px;
	background:url(../img/h_logo.png) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
}

#header_l nav ul{
	text-align:center;
}

#header_l nav ul li{
	display:inline-block;
	margin:0 20px;
}

#header_l nav ul li.nav_about{
	margin:0 14px 0 13px;
}

_#header_l nav ul li.nav_users{
	margin:0 10px;
}

#header_l #nav_s{
	position:absolute;
	width:181px;
	height:40px;
	right:20px;
	top:18px;
	text-align:left;
}

#header_l #nav_s li{
	height:40px;
	display:inline-block;
	margin-left:12px;
}

#header_l #nav_s li#nav_s_member{
	margin-left:0;
}

#header_l #nav_s li#nav_s_like{
	margin-left:5px;
}

#header_l a, #header_s a {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: opacity 200ms;
	-moz-transition: opacity 200ms;
	-ms-transition: opacity 200ms;
	transition: opacity 200ms;
}

#header_l a:hover, #header_s a:hover {
	filter:Alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.50;
}


/* small */

#header_s {
	min-width:1000px;
	position: fixed;
	width: 100%;
	z-index: 1000;
	-webkit-transition: top .5s;
	transition: top .5s;
	background: #fff;
	border-bottom: 1px solid #bfbfbf;
}

#header_s.active {
	top: 0px;
}

.header_s_inner {
	position:relative;
	max-width:1200px;
	min-width:1000px;
	height: 90px;
	margin:0 auto;
}

#header_s #header_news{
	display: none;
	background-color: #ededed;
}

#header_s #header_news p {
	max-width:1200px;
	min-width:1000px;
	height:24px;
	margin: 0 auto;
	text-align:left;
	font-size:11px;
	line-height:24px;
	color:#009847;
	font-weight:bold;
	padding-left:10px;
	box-sizing: border-box;
}

.show_headerNews #header_s #header_news {
	display: block;
}

#header_s h1{
	position:absolute;
	width:160px;
	height:41px;
	top:25px;
	left:10px;
}

#header_s h1 a{
	display:block;
	width:160px;
	height:41px;
	background:url(../img/h_logo.png) no-repeat left top;
	background-size:160px auto;
	text-indent:-9999px;
	overflow:hidden;
}

#header_s nav ul{
	text-align:center;
	margin:0 auto 0 auto;
	padding:33px 181px 0 160px;
}

#header_s nav ul li{
	display:inline-block;
	margin:0 9px;
}



#header_s ul#nav_m li{
	display:inline-block;
	margin:0 9px;
}




/*#header_s nav ul li.nav_products{
	margin:0 6px 0 10px;
}

#header_s nav ul li.nav_about_us{
	margin:0 2px;
}

#header_s nav ul li.nav_users{
	margin:0 3px;
}

#header_s nav ul li.nav_shops{
	margin:0 10px 0 6px;
}*/




_#header_s nav ul li.nav_products{
	margin:0 6px 0 10px;
}

#header_s nav ul li.nav_about_us{
	margin:0 2px;
}

_#header_s nav ul li.nav_users{
	margin:0 3px;
}

_#header_s nav ul li.nav_shops{
	margin:0 10px 0 6px;
}




#header_s #nav_s{
	position:absolute;
	width:181px;
	height:40px;
	right:10px;
	top:28px;
	text-align:left;
}

#header_s #nav_s li{
	height:40px;
	display:inline-block;
	margin-left:12px;
}

#header_s #nav_s li#nav_s_member{
	margin-left:0;
	position: relative;
}

#header_s #nav_s li#nav_s_like{
	margin-left:5px;
}

#nav_s_member ul {
	visibility: hidden;
	opacity: 0;
	width:170px;
	position:absolute;
	top:30px;
	left:-60px;
	margin:0;
	padding:0;
	background:#ededed;
	border:7px solid #ededed;
	-webkit-transition: all .2s ease;
    transition: all .2s ease;
}

#nav_s_member:hover ul {
	top:40px;
	visibility: visible;
    opacity: 1;
}

#nav_s_member ul li {
	width:170px;
	height:36px !important;
	margin-left:0 !important;
}

#nav_s_member ul li a {
	display:block;
	width:150px;
	padding:5px 5px 5px 25px;
	height:26px;
	line-height:26px;
	font-size:14px;
	color:#000;
	background:url(/common/img/arrow_b.png) no-repeat 12px 14px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: opacity 200ms;
	-moz-transition: opacity 200ms;
	-ms-transition: opacity 200ms;
	transition: opacity 200ms;
}

#nav_s_member ul li a:hover {
	color:#000 !important;
	filter:Alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.50;
}




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

#footer {
	width: 100%;
	background: #ededed;
}

#footer .footer_inner {
	min-width:1000px;
	max-width:1200px;
	margin:0 auto;
	background: #ededed;
}

#footer .footer_left {
	width: 330px;
	float:left;
	margin:50px 0 0 10px;
}

#footer .footer_left .f_logo {
	width: 204px;
	height:56px;
	margin:0 auto 30px auto;
}

#footer .footer_left .f_facebook{
	width: 330px;
	margin-bottom:20px;
}

#footer .footer_sitemap {
	width : calc(100% - 360px) ;
	float:right;
	margin-top:20px;
}

#footer .footer_sitemap div.sitemap_list {
	width:33%;
	float:left;
}

#footer .footer_sitemap div.sitemap_list h3 {
	width:194px;
	height:13px;
	padding:30px 0 0 0;
	text-align:left;
	margin:0 auto;
}

#footer .footer_sitemap div.sitemap_list ul {
	width:194px;
	padding:10px 0 5px 13px;
	margin:0 auto;
}

#footer .footer_sitemap div.sitemap_list ul li {
	font-size:12px;
	line-height:26px;
	background:url(../img/arrow_sb.png) left 10px no-repeat;
	padding-left:8px;
	text-align:left;
}

#footer p.f_txt {
	width:100%;
	clear:both;
	text-align:right;
	font-size:11px;
	line-height:21px;
	padding: 70px 10px 20px 0;
	box-sizing:border-box;
}

#footer p.f_txt small {
	display:block;
}

#footer a {
	color:#000;
}

#footer a:hover {
	color:#999;
}

#footer .sitemap_list h3 a,
#footer a.btn_twitter {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: opacity 200ms;
	-moz-transition: opacity 200ms;
	-ms-transition: opacity 200ms;
	transition: opacity 200ms;
}


#footer .sitemap_list h3 a:hover,
#footer a.btn_twitter:hover {
	color:#000 !important;
	filter:Alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.50;
}


#btn_pagetop {
	position: fixed;
	right: 20px;
	bottom: 20px;
}



/* ----------------------
	tab
---------------------- */

.tab{
	max-width:1180px;
	min-width:980px;
	margin:0 auto 30px;
	height:46px;
	background:url(../../common/img/line_g.gif) left bottom repeat-x;
}

.contents2 .tab{
	border-right:10px #fff solid;
	border-left:10px #fff solid;
}

.tab li{
	height:45px;
	float:left;
	margin-right:10px;
}

.tab li a{
	display:block;
	height:44px;
	font-size:17px;
	line-height:44px;
	padding: 0 25px;
	background:#eee;
	border-top:#eee 1px solid;
	border-right:#eee 1px solid;
	border-left:#eee 1px solid;
	border-bottom:#bfbfbf 1px solid;
	color:#000;
	-webkit-transition: opacity 200ms;
	-moz-transition: opacity 200ms;
	-ms-transition: opacity 200ms;
	transition: opacity 200ms;
}

#about .tab li a{
	padding: 0 19px;
}

#about .tab li:last-child{
	margin-right:0;
}

.tab li a:hover{
	color:#000;
	filter:Alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.50;
}

.tab li.active a{
	background:none;
	border-top:#bfbfbf 1px solid;
	border-right:#bfbfbf 1px solid;
	border-left:#bfbfbf 1px solid;
	border-bottom:#fff 1px solid;
}

.tab li.active a:hover{
	color:#000;
	filter:Alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1;
	background:none;
	border-top:#bfbfbf 1px solid;
	border-right:#bfbfbf 1px solid;
	border-left:#bfbfbf 1px solid;
	border-bottom:#fff 1px solid;
}



/* ----------------------
	contact
---------------------- */

#contact{
	width:635px;
	margin: 0 auto;
}

#contact h4{
	width:100px;
	float:left;
	font-size:18px;
	line-height:72px;
	border-right:1px solid #bfbfbf;
	border-bottom:none;
	margin:10px 0;
	font-weight:bold;
}

#contact .contact_info{
	padding-left:120px;
}

#contact .contact_info ul li{
	line-height:30px;
	padding:8px 0;
}