@charset "UTF-8";

/*:::::::::::::::::::::::::::::::::::::::::::::

common.css


---------------------------------------------

10px = 77%   :  16px = 123.1%  :  22px = 167%
11px = 85%   :  17px = 131%    :  23px = 174%
12px = 93%   :  18px = 138.5%  :  24px = 182%
13px = 100%  :  19px = 146.5%  :  25px = 189%
14px = 108%  :  20px = 153.9%  :  26px = 197%
15px = 116%  :  21px = 161.6%

:::::::::::::::::::::::::::::::::::::::::::::*/



a:link,
a:visited,
a:active  {
    color: #00a0e9;
}

a:hover{
   text-decoration: underline;
}


.header-bg .h-left a:hover img,.t-recommend  a:hover img,.r-col a:hover img,aside a:hover img,.pagetop a:hover img,.p-con-body a:hover img,.p-btm-banner  a:hover img
{
filter:alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85;
text-decoration: none;
}

.localnav a:hover 
{
filter:alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85;
}


{
filter:alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
text-decoration: none;
}

.home {
	background-image: url(../../images/t-bg.jpg);
	background-repeat: repeat-x;
	}

.page {
	background-image: url(../../images/p-bg.jpg);
	background-repeat: repeat-x;
	}

	
.home .wrap-top {
	margin-right: auto;
	margin-left: auto;
	width: 1134px;
	position: relative;
	height: 766px;
}

.maincopy {
	position: absolute;
	top: 205px;
	left: 320px;
	z-index: 100;
}

.page .wrap-welcome {
	background-image: url(../../images/p-title-welcome.png);
	background-repeat: no-repeat;
	height: 283px;
	margin-right: auto;
	margin-left: auto;
	background-position: center 124px;
	width: 1134px;
	top: 2px;
	position: relative;
}
.page .wrap-philosophy {
	background-image: url(../../images/p-title-philosophy.png);
	background-repeat: no-repeat;
	height: 283px;
	margin-right: auto;
	margin-left: auto;
	background-position: center 124px;
	width: 1134px;
	top: 2px;
	position: relative;
}
.page .wrap-menu {
	background-image: url(../../images/p-title-menu.png);
	background-repeat: no-repeat;
	height: 283px;
	margin-right: auto;
	margin-left: auto;
	background-position: center 124px;
	width: 1134px;
	top: 2px;
	position: relative;
}
.page .wrap-shop {
	background-image: url(../../images/p-title-shop.png);
	background-repeat: no-repeat;
	height: 283px;
	margin-right: auto;
	margin-left: auto;
	background-position: center 124px;
	width: 1134px;
	position: relative;
	top: 2px;
}
.page .wrap-blog {
	background-image: url(../../images/p-title-blog.png);
	background-repeat: no-repeat;
	height: 283px;
	margin-right: auto;
	margin-left: auto;
	background-position: center 124px;
	width: 1134px;
	top: 2px;
	position: relative;
}

.page .wrap-about {
	background-image: url(../../images/p-title-sitemap.png);
	background-repeat: no-repeat;
	height: 283px;
	margin-right: auto;
	margin-left: auto;
	background-position: center 124px;
	width: 1134px;
	top: 2px;
	position: relative;
}

.header-bg {
	background-image: url(../../images/header-bg.png);
	background-repeat: no-repeat;
	height: 147px;
	z-index: 10;
	width: 1130px;
	position: absolute;
}
.header-bg .h-left {
	float: left;
	width: 181px;
	padding-left: 112px;
	padding-top: 32px;
}
.header-bg .h-right {
	float: right;
	width: 705px;
	padding-top: 30px;
	padding-right: 108px;
}

.globalnav li {
	float: left;
}

.g-nav01 a {
	background-image: url(../../images/g-nav.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	padding-top: 50px;
	overflow: hidden;
	height: 0px;
	width: 173px;
}
.g-nav02 a {
	background-image: url(../../images/g-nav.jpg);
	background-repeat: no-repeat;
	background-position: -173px 0px;
	display: block;
	padding-top: 50px;
	overflow: hidden;
	height: 0px;
	width: 163px;
}
.g-nav03 a {
	background-image: url(../../images/g-nav.jpg);
	background-repeat: no-repeat;
	background-position: -336px 0px;
	display: block;
	padding-top: 50px;
	overflow: hidden;
	height: 0px;
	width: 113px;
}
.g-nav04 a {
	background-image: url(../../images/g-nav.jpg);
	background-repeat: no-repeat;
	background-position: -447px 0px;
	display: block;
	padding-top: 50px;
	overflow: hidden;
	height: 0px;
	width: 111px;
}
.g-nav05 a {
	background-image: url(../../images/g-nav.jpg);
	background-repeat: no-repeat;
	background-position: -559px 0px;
	display: block;
	padding-top: 50px;
	overflow: hidden;
	height: 0px;
	width: 142px;
}

.g-nav01 a:hover,.globalnav .g-nav01 .active {
	background-position: 0px -50px;
}
.g-nav02 a:hover,.globalnav .g-nav02 .active {
	background-position: -173px -50px;
}
.g-nav03 a:hover,.globalnav .g-nav03 .active {
	background-position: -336px -50px;
}
.g-nav04 a:hover,.globalnav .g-nav04 .active {
	background-position: -447px -50px;
}
.g-nav05 a:hover,.globalnav .g-nav05 .active {
	background-position: -559px -50px;
	}
.t-recommend {
	width: 1042px;
	margin-top: 534px;
	position: absolute;
	left: 44px;
}
.contents {
	background-image: url(../../images/body-bg.jpg);
	background-repeat: repeat;
	padding-bottom: 20px;
}
.contents-inner {
	width: 973px;
	margin-right: auto;
	margin-left: auto;
}
.home .contents-inner aside {
	float: left;
	width: 282px;
	padding-top: 13px;
}
.page .contents-inner aside {
	float: left;
	width: 282px;
	padding-top: 5px;
}
.t-recommend h2 {
	margin-top: -5px;
}
.t-recommend div img {
	margin-bottom: 5px;
}
.home .r-col {
	float: left;
	width: 678px;
	margin-left: 10px;
	margin-top: 10px;
}
.page .r-col {
	float: left;
	width: 678px;
	margin-left: 10px;
	margin-top: 3px;
}

.blog-body {
	background-image: url(../../images/t-blog-body.png);
	background-repeat: repeat-y;
}
.r-col .blog-body .wrap-article,.wrap-article-detail{
	width: 602px;
	margin-left: 45px;
}
.r-col .blog-body .wrap-article .blogimg{
	float: left;
	width: 185px;
}
.r-col .blog-body .wrap-article .wrap-right {
	float: right;
	width: 400px;
	padding-top: 10px;
}
.r-col .wrap-blog-h2 {
	font-size: 0px;
}
.wrap-right h2 a {
	font-size: 116%;
	font-weight: bold;
	color: #224010;
}
.wrap-right h2 a span {
	font-size: 85%;
	font-weight: normal;
	margin-left: 10px;
}
.wrap-article .blog-li {
	width: 610px;
	margin-top: 20px;
}
.wrap-article .blog-li li {
	background-image: url(../../images/t-blog-arrow.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 5px;
}
.wrap-article .blog-li li a {
	padding-left: 15px;
	color: #224010;
	font-weight: bold;
}
.wrap-article .blog-li li a span {
	padding-left: 10px;
}
.r-col .r-banner {
	margin-left: 20px;
}
.footer-bg {
	background-image: url(../../images/footer-bg.jpg);
	background-repeat: repeat-x;
	height: 162px;
}
.footer-inner {
	background-image: url(../../images/footer-imgphoto.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	height: 162px;
	position: relative;
}
.footer-inner .pagetop a {
	height: 67px;
	width: 125px;
	position: absolute;
	top: -25px;
	z-index: 10;
	right: 0px;
}
.footer-inner .left {
	width: 720px;
	position: absolute;
	top: 10;
	z-index: 1;
	left: 0px;
}
.footer-inner .right {
	width: 230px;
	position: absolute;
	top: 125px;
	z-index: 10;
	right: 0px;
}
.footer-inner .right .copyright {
	color: #FFF;
	font-size: 85%;
}
.footer-inner .left ul li {
	display: inline;
	background-image: url(../../images/footer-li-img.png);
	background-repeat: no-repeat;
	margin-right: 7px;
}
.footer-inner .left ul li a {
	color: #FFF;
	padding-left: 20px;
	font-size: 93%;
}
.footer-inner .left ul {
	margin-top: 30px;
}
.address {
	color: #FFF;
	font-size: 93%;
	margin-top: 30px;
}
.address span {
	font-size: 131%;
}
.h-left h1 a {
	background-image: url(../../images/t-logo.png);
	background-repeat: no-repeat;
	display: block;
	height: 0px;
	padding-top: 76px;
	overflow: hidden;
	width: 181px;
	background-position: left top;
}
.h-left h1 a:hover {
	background-position: left bottom;
}
.p-contents {
	width: 972px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.wrap-blog .p-contents {
	padding-bottom: 20px;
}

.p-contents .p-con-top {
	font-size: 0px;
	margin-top: -5px;
}
.p-contents .p-con-body {
	background-image: url(../../images/p-con-body.png);
	background-repeat: repeat-y;
}
.p-contents .p-con-btm {
	font-size: 0px;
}
.body-bg {
	background-image: url(../../images/body-bg.jpg);
	background-repeat: repeat;
	margin-top: 20px;
}
.pankuz {
	margin-top: 5px;
	font-size: 85%;
	padding-top: 7px;
	color: #FFF;
}
.pankuz a {
	color: #2B5115;
}
.pankuz a:hover {
	text-decoration: underline;
}
.p-con-body .inner {
	width: 916px;
	margin-right: auto;
	margin-left: auto;
}
.article-shop,.menu-cate {
	width: 900px;
	margin-left: 8px;
}
.article-shop .left {
	float: left;
	width: 440px;
	border: 1px solid #FFF;
	line-height: 0px;
}
.article-shop .right {
	float: right;
	width: 443px;
}
.article-shop .right h3 {
	font-weight: bold;
	color: #2B5115;
	font-size: 138.5%;
	background-image: url(../../images/p-h3-img.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	background-position: left center;
	padding-bottom: 5px;
}
.article-shop .sm-h3 {
	font-weight: bold;
	color: #2B5115;
	font-size: 138.5%;
	background-image: url(../../images/p-h3-img.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	border-bottom-width: 0px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	background-position: left center;
	padding-bottom: 5px;
}
.article-shop .right table {
	background-color: #FFF;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
}
.article-shop .right  th {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
	text-align: left;
	padding-bottom: 10px;
	padding-top: 10px;
}
.article-shop .right table tr td {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
	text-align: left;
	padding-bottom: 10px;
	padding-top: 10px;
}
.article-shop .right table tr .first{
	border-top-width: 0px;
	border-top-style: none;
}
.article-shop .right table tr td {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
	text-align: left;
	padding-bottom: 10px;
	padding-top: 10px;
}

.article-shop .right .wrap-table {
	background-color: #FFF;
	border: 1px solid #2B5115;
	margin-top: 10px;
}
.shop-photo {
	float: left;
	width: 900px;
	margin-top: 30px;
	margin-bottom: 50px;
}
.shop-photo li {
	float: left;
	width: 212px;
	margin-left: 17px;
}
.shop-photo li:first-child {
	margin-left: 0px;
}
.p-btm-banner li {
	display: inline;
	font-size: 0px;
}
.p-btm-banner {
	width: 972px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	padding-bottom: 30px;
}
.localnav {
	padding-top: 10px;
}
.localnav li {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-image: url(../../images/localnav-bg.jpg);
	background-repeat: repeat;
	background-position: 10px center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.localnav li a {
	color: #FFF;
	background-image: url(../../images/footer-li-img.png);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.blog-nav-body {
	background-image: url(../../images/blog-nav-body.png);
	background-repeat: repeat-y;
	width: 297px;
}
aside .blog-nav h3 {
	font-size: 0px;
}
.blog-nav {
	width: 297px;
	margin-left: -15px;
}
.blog-nav-btm {
	font-size: 0px;
}
.blog-nav-body ul li {
	background-image: url(../../images/t-blog-arrow.jpg);
	background-repeat: no-repeat;
	background-position: left 6px;
	margin-bottom: 11px;
}
.blog-nav-body ul li a {
	color: #060;
	padding-left: 15px;
}
.blog-nav-body ul {
	margin-left: 50px;
	padding-bottom: 10px;
	padding-top: 9px;
}
.wrap-blog-h2-bg {
	background-image: url(../../images/blog-h2-bg.png);
	background-repeat: no-repeat;
	height: 96px;
	width: 678px;
}
.wrap-blog-h2-bg h2 {
	font-size: 116%;
	font-weight: normal;
	color: #FFF;
	padding-top: 38px;
	padding-left: 50px;
}
.article-catedate {
	margin-top: 10px;
	text-align: right;
	color: #030;
}
.article-catedate a {
	color: #030;
}
.h2-p-wel {
	background-image: url(../../images/h2-p01.png);
	background-repeat: no-repeat;
	height: 87px;
	width: 916px;
}
.h2-p-phi {
	background-image: url(../../images/h2-p02.png);
	background-repeat: no-repeat;
	height: 87px;
	width: 916px;
}
.h2-p-menu {
	background-image: url(../../images/h2-p03.png);
	background-repeat: no-repeat;
	height: 87px;
	width: 916px;
}
.h2-p-shop {
	background-image: url(../../images/h2-p04.png);
	background-repeat: no-repeat;
	height: 87px;
	width: 916px;
}
.h2-p-wel  h2,.h2-p-phi h2,.h2-p-menu h2,.h2-p-shop  h2 {
	font-size: 18px;
	color: #FFF;
	padding-top: 25px;
	padding-left: 75px;
}
.wrap-top .wrap-f {
	position: absolute;
}
.menu-detail {
	width: 850px;
	margin-left: 20px;
}
.menu-detail .m-left {
	float: left;
	width: 410px;
}
.menu-detail .m-right {
	float: right;
	width: 400px;
}
.menu-detail .m-right h3,.menu-detail .m-left h3 {
	font-size: 138.5%;
	width: 400px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #030;
	font-weight: bold;
	margin-bottom: 10px;
	background-image: url(../../images/mb-h3img.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 20px;
}
.menu-detail .m-right h4,.menu-detail .m-left h4 {
	font-size: 108%;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px;
}
.menu-detail .m-right h4 span,.menu-detail .m-left h4 span  {
	padding-left: 110px;
	background-image: url(../../images/ten.png);
	background-repeat: no-repeat;
	background-position: left 7px;
	margin-left: 20px;
	font-weight: bold;
}

.menu-detail02 {
	width: 850px;
	margin-left: 20px;
}
.menu-detail02 .m-left {
	float: right;
	width: 410px;
}
.menu-detail02 .m-right {
	float: left;
	width: 400px;
}
.menu-detail02 .m-right h3 {
	font-size: 138.5%;
	width: 390px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #030;
	font-weight: bold;
	margin-bottom: 10px;
	background-image: url(../../images/mb-h3img.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 20px;
}
.menu-detail02 .m-right h4 {
	font-size: 108%;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px;
}
.menu-detail02 .m-right h4 span {
	padding-left: 110px;
	background-image: url(../../images/ten.png);
	background-repeat: no-repeat;
	background-position: left 7px;
	margin-left: 20px;
	font-weight: bold;
}
.m-d-text {
	background-color: #FFF;
	margin-top: 10px;
	border: 1px solid #2B5115;
}
.m-d-text p {
	padding: 10px;
	font-size: 93%;
}
.article-shop .sm-h3 a {
	color: #2B5115;
}
.sm-li li a {
	color: #2B5115;
}
.sm-li li {
	list-style-type: disc;
	margin-left: 20px;
}

.archive-list > li {
	cursor: pointer;
}

.archive-list > li:not(.acv_open) > ul {
    display: none;
}

.archive-list > li:first-of-type ul {
	display: block;
}