@charset "utf-8";

/* html, body css attributes correction */
html, body {
	min-height: 100%;
	height: auto;
}


.container {
	position: relative;
	z-index: 1;
	width: 960px;
	overflow: hidden;
	background-color: #F9FBF7;
}
.sideArea {
	padding: 10px 0 0;
	z-index: 1;
}
.MainCon {
 background: url(../images/bg_footer_pc.png) no-repeat bottom right;
 background-color: #fff;
 z-index: 100;
}

header.row {
	z-index: 1;
}

.first_pos {
	position: fixed;
	width: 180px;
	z-index: -1;
}

.second_pos {
	position: fixed;
	left: 50%;
	bottom: 20px;
	width: 180px;
	margin: 0 0 0 -480px;
	z-index: -1;
}
.logo {
	margin: 0 auto;
	padding: 15px 0 0;
	text-align: center;
}

.logoB {
	padding: 0;
	margin-top: -6px;
	text-align: center;
}
.logo_old {
	margin: 0 auto 20px auto;
	padding: 15px 0 0;
	text-align: center;
	width:115px;
}
.logo_old img {
  width:100%;
}

.bugerMenu {display: none;}

#modal {
	display: none;
}
#navigation {
	margin: 15px 0 0;
}
#navigation li {
	display: table;
	width: 100%;
  border-bottom: 1px solid #ccc;
}
#navigation ul li:first-child {
	border-top: 1px solid #ccc;
}
#navigation li a {
	display: table-cell;
	height: 50px;
	margin: 0;
	padding: 0 0 0 38px;
	/* color: #444; */
	/* font-size: 14px; */
	/* font-weight: bold; */
	/* text-decoration: none; */
	/* line-height: 1.1; */
	/* background-position: 9px 13px; */
	background-repeat: no-repeat;
	vertical-align: middle;
	text-indent: -99999px;
}
#navigation li a:hover {
	opacity: 0.7;
}
#navigation li:nth-child(1) a {background-image: url(../images/gnavi_bg_1_pc.png);}
#navigation li:nth-child(2) a {background-image: url(../images/gnavi_bg_2_pc.png);}
#navigation li:nth-child(3) a {background-image: url(../images/gnavi_bg_3_pc.png);}
#navigation li:nth-child(4) a {background-image: url(../images/gnavi_bg_4_pc.png);}
#navigation li:nth-child(5) a {background-image: url(../images/gnavi_bg_5_pc.png);}

#sub_navigation {
	margin: 0 0 15px;
}
#sub_navigation ul {
	width: 100%;
	background: #F9FBF7 none;
}
#sub_navigation li {
	margin:0 0px 5px;
	padding-left: 10px;
}
#sub_navigation li a {
	display: table-cell;
	height: 20px;
	width: 160px;
	margin: 0;
	/* color: #000; */
	/* text-decoration: none; */
	/* line-height: 20px; */
	background-repeat: no-repeat;
	text-indent: -99999px;
}
#sub_navigation li a:hover {
	opacity: 0.7;
}

#sub_navigation li:nth-child(1) {padding:0 0 2px 20px;}
#sub_navigation li:nth-child(1) a {background-image: url(../images/gnavisub_bg_add1_pc.png);height: 29px;}
#sub_navigation li:nth-child(2) a {background-image: url(../images/gnavisub_bg_1_pc.png);}
#sub_navigation li:nth-child(3) a {background-image: url(../images/gnavisub_bg_2_pc.png);}
#sub_navigation li:nth-child(4) a {background-image: url(../images/gnavisub_bg_3_pc.png);}
#sub_navigation li:nth-child(5) a {background-image: url(../images/gnavisub_bg_4_pc.png);}
#sub_navigation li:nth-child(6) a {background-image: url(../images/gnavisub_bg_5_pc.png);}
#sub_navigation li:nth-child(7) a {background-image: url(../images/gnavisub_bg_6_pc.png);}

#sub_navigation li a[target="_blank"] {
	/* display: inline-block; */
	/* padding: 0 28px 0 0; */
	/* background: transparent url(../images/icon_target_blank.png) right top no-repeat; */
}

.conTopImg {
	box-shadow: 0px 1px 1px #333;
}

.bx-wrapper .bx-controls-direction a {
 width: 13px;
 height: 23px;
	margin-top: -11.5px;
}

.conPopup {
  background-color: #24170F;
  background-image: url("../images/woodBg.png");
  padding:10px 0 0 3px;
  margin: 10px 0 20px 0;
}
.linkBaner {
  text-align: center;
  margin: 0 auto;
}
.linkBaner a:hover, a.hover {
	-o-border-filter: brightness(120%);
	-ms-border-filter: brightness(120%);
	-moz-border-filter: brightness(120%);
	-webkit-filter: brightness(120%);
	filter:brightness(120%);
}
.conPopup .PopUp {
  background:rgba(255,255,255,0.9);
  height: 320px;
  margin: 5px 0 10px 10px;
	padding:15px 0 0;
  border:1px solid #417505;
	border-collapse: collapse;
	border-spacing: 0;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	text-align: center;
}
.conPopup .PopUp h2 {
	display: block;
	width: 218px;
	height: 140px;
	margin: 0 auto;
	text-indent: -99999px;
}
.conPopup .PopUp:nth-child(1) h2 {background: transparent url(../images/popUp_01_pc.png) center top no-repeat;}
.conPopup .PopUp:nth-child(2) h2 {background: transparent url(../images/popUp_02_pc.png) center top no-repeat;}
.conPopup .PopUp:nth-child(3) h2 {background: transparent url(../images/popUp_03_pc.png) center top no-repeat;}

.conPopup .PopUp p {
  width:185px;
  /* height:90px; */
  margin: 0 auto;
  padding:10px;
  text-align: left;
  line-height: 18px;
  color:#417505;
}

/* 角丸 */
.Radius15 {
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}

/* ボタン共通 */

#Link_btn_one {
	overflow: hidden;
	width: 220px;
	height: 30px;
	margin: 38px auto 15px auto;
	padding: 0;
}

#Link_btn_two {
	overflow: hidden;
	width: 220px;
	height: 30px;
	margin: 20px auto 15px auto;
	padding: 0;
}

.LinkGreen_btn {
	overflow: hidden;
	width: 220px;
	height: 30px;
	margin: 0 auto 10px auto;
	padding: 0;
}

.LinkGreen_btn a {
	display: block;
	position: relative;
	z-index: 100;
	text-align:center;
	background: #417505;
	color: #fff;
	font-size: 12px;
	line-height: 30px;
	text-decoration:none;
}
.LinkGreen_btn a:hover, a.hover {
	background: #5C9A14;    /* マウスオーバーカラー */
}

.LinkGreen_btn a:before {    /*白いひし型 */
 	display: block;
 	content: "";
 	position: absolute;
 	-webkit-transform: rotate(45deg);
 	transform: rotate(45deg);
 	top: 50%;
 	right: 10px;
 	width: 10px;
 	height: 10px;
 	margin-top: -5px;
 	background: #fff;
 }
.LinkGreen_btn a:after {    /*バックグラウンドと同じ色のひし型をずらして「before要素」を隠す */
 	display: block;
 	content: "";
 	position: absolute;
 	-webkit-transform: rotate(45deg);
 	transform: rotate(45deg);
 	top: 50%;
 	right: 13px;
 	width: 10px;
 	height: 10px;
 	margin-top: -5px;
 	background: #417505;
 }
.LinkGreen_btn a:hover:after {    /*「after要素」のマウスオーバー（カラーを合わせる） */
 	background: #5C9A14;
 }
footer .footerlink_sp .LinkGreen_btn a {    /*特例：フッタに置いた場合＠topページ*/
 	color: #fff;
}
footer .footerlink_sp .LinkGreen_btn {
 	width:auto;
}

.conMain, #new {
  padding:0 10px;
}
.title_bnr {
 	overflow: hidden;
 	height: 30px;
 	margin: 0 auto 15px auto;
 	padding: 0;
   background-color: #ECF1E6;
   text-align: center;
   border-radius: 15px;    /* CSS3草案 */
   -webkit-border-radius: 15px;  /* Safari,Google Chrome用 */
   -moz-border-radius: 15px;   /* Firefox用 */
 }
.service {
  border:1px solid #D0CED1;
	border-collapse: collapse;
	border-spacing: 0;
	border-radius: 6px;
  padding: 10px;
  margin: 0 0 10px 0;
  overflow: hidden;
}

.service a:hover, a.hover {
	opacity: 0.75;
}

.service .serImg {
  float: left;
}
.service .serText {
  width: 240px;
  overflow: hidden;
  padding-left: 10px;
}

.service .serText p,
.pickup .picText p {
  margin-top: 10px;
  line-height: 18px;
}

.service h3,
.pickup h3 {
  font-size: 14px;
  line-height: 20px;
}
.service a {
	display: block;
	position: relative;
	z-index: 100;
	text-align:left;
	font-size: 12px;
 height:86px;
	text-decoration:none;
}

#Ser_btn a:before {    /*白いひし型 */
 	display: block;
 	content: "";
 	position: absolute;
 	-webkit-transform: rotate(45deg);
 	transform: rotate(45deg);
 	top: 50%;
 	right: 5px;
 	width: 13px;
 	height: 13px;
 	margin-top: -5px;
 	background: #D0CED1;
 }
#Ser_btn a:after {    /*バックグラウンドと同じ色のひし型をずらして「before要素」を隠す */
 	display: block;
 	content: "";
 	position: absolute;
 	-webkit-transform: rotate(45deg);
 	transform: rotate(45deg);
 	top: 50%;
 	right: 8px;
 	width: 13px;
 	height: 13px;
 	margin-top: -5px;
 	background: #fff;
 }
#Ser_btn a:hover:after {    /*「after要素」のマウスオーバー（カラーを合わせる） */
 	background: #fff;
 }
 .pickup h3 {
   font-size: 14px;
   margin-top:2px;
   margin-bottom: 5px;
 }
.pickup {
  border:1px solid #D0CED1;
  height:224px;
	border-collapse: collapse;
	border-spacing: 0;
	border-radius: 6px;
  padding: 0;
  margin: 10px 0;
  overflow: hidden;
}

.pickup a {
  display: block;
  position: relative;
  z-index: 100;
  text-align:left;
  font-size: 12px;
  text-decoration:none;
}

.pickup a:hover, a.hover {
	opacity: 0.75;
}

#Pickup_btn a:before  {    /*白いひし型 */
 	display: block;
 	content: "";
 	position: absolute;
 	-webkit-transform: rotate(45deg);
 	transform: rotate(45deg);
 	bottom: 40px;
 	right: 9px;
 	width: 13px;
 	height: 13px;
 	margin-top: -5px;
 	background: #D0CED1;
 }

#Pickup_btn a:after {    /*バックグラウンドと同じ色のひし型をずらして「before要素」を隠す */
 	display: block;
 	content: "";
 	position: absolute;
 	-webkit-transform: rotate(45deg);
 	transform: rotate(45deg);
 	bottom: 40px;
 	right: 12px;
 	width: 13px;
 	height: 13px;
 	margin-top: -5px;
 	background: #fff;
 }

#Pickup_btn a:hover:after {    /*「after要素」のマウスオーバー（カラーを合わせる） */
 	background: #fff;
 }

.pickText {
 width:250px;
 height: 85px;
 padding:8px 2px 2px 8px;
 line-height: 18px;
}

#newinfo {
border:1px solid #D0CED1;
border-collapse: collapse;
border-spacing: 0;
border-radius: 6px;
margin: 10px 0;
}

#new ul {
 overflow-y: auto;
 height: 148px;
 padding:10px;
 list-style:none;
}

#new li {
 padding:3px 0 3px 7em;
 text-indent: -7em;
 color:#4A4A4A;
}
#new li .open {
 display:inline-block;
 width:150px;
 text-indent:0;
 padding:3px;
 margin-right: 10px;
 background: url(../images/icon_open.png) no-repeat 75px 0;
}

#new li .renew {
  display:inline-block;
  width:150px;
  text-indent:0;
  padding:3px;
  margin-right: 10px;
  background: url(../images/icon_renew.png) no-repeat 75px 0;
}

#new li .news {
 display:inline-block;
 width:150px;
 text-indent:0;
 padding:3px;
 margin-right: 10px;
 background: url(../images/icon_news.png) no-repeat 75px 0;
}

#new li .other {
display:inline-block;
width:150px;
text-indent:0;
padding:3px;
margin-right: 10px;
background: url(../images/icon_other.png) no-repeat 75px 0;
}

.text {
 display:inline-block;
 /*width:565px;*/
 text-indent:0;
 vertical-align: middle;
 color:#60352E;
}

#new ul li .text a {
 color:#ff0000;
}

#new a {
   text-decoration:none;
}

#new a:hover {
   text-decoration:underline;
}

#new a:hover .text {
   text-decoration:underline;
}

#new .list-links {
  text-align: right:
}

#new .list-links a {
	display: table-cell;
	height: 20px;
	width: 800px;
	margin: 0;
	background: url(../images/btn_backnumber_pc.png) no-repeat right;
	text-indent: -99999px;
}
#new .list-links a:hover {
	opacity: 0.7;
}

#mini_banner {
 margin: 30px 10px;
}

.bx-wrapper .bx-controls-direction a {
	margin-top: -28px;
}
.bx-wrapper .bxslider_mini li {
    padding: 0 11px;
}

.footerlink a {
   color: #666464;
   text-decoration: none;
}

.footerlink a:hover {
   text-decoration: underline;
}

.footerlink h2,
.footerlink h3 {
   font-size: 14px;
   padding: 10px;
   margin: 5px;
   border-bottom: 1px solid #D0CED1;
}
.footerlink h4 {
   padding: 10px 0 5px 10px;
   margin: 0 0 0 5px;
}
.footerlink p {
   margin: 0 0 8px 25px;
}

footer .footerlink_sp {
	display: none;
}

.conCopy {
   clear: both;
   padding:25px 10px;
   /* font-weight: bold; */
}

.nav_shopsearch {
	display: none;
}


/* --- page-topボタン --- */
#page-top {
    z-index: 10002;
    position: fixed;
    bottom: 20px;
    right: 20px;
}
#page-top a {
    background: rgba(0,0,0,0.4);
    text-decoration: none;
    color: #fff;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    border-radius: 12px;
    width:77px;
    height: 77px;
}
#page-top a:hover {
    text-decoration: none;
    background: rgba(0,0,0,0.6);
}
#page-top a img {
	width:72%;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}


/* Responsive
---------------------------------- */

@media(max-width: 768px) {
	//style_spに移設
}