@charset "EUC-JP";

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}
img{border:none; vertical-align: top;}

#footer img {
border:none; display: block;
}

.opacity a:hover img{Filter: Alpha(Opacity=85);opacity:.85;}
.size10{font-size:10px !important; line-height:14px !important;}
.f-r{float: right;}
.f-l{float: left;}
.mgt8p{margin-top:8%;}
.mgt10p{margin-top:10%;}
.mgt5{margin-top:5px;}
.mgt9{margin-top:9px;}
.mgt10{margin-top:10px;}
.mgt12{margin-top:12px !important;}
.mgt14{margin-top:14px;}
.mgt15{margin-top:15px;}
.mgt16{margin-top:16px;}
.mgt17{margin-top:17px;}
.mgt20{margin-top:20px;}
.mgt25{margin-top:25px;}
.mgt30{margin-top:30px !important;}
.mgt35{margin-top:35px;}
.mgt40{margin-top:40px;}
.mgt45{margin-top:45px;}
.mgt50{margin-top:50px;}
.mgt55{margin-top:55px;}
.mgt65{margin-top:65px;}
.mgt80{margin-top:80px !important;}
.mgt100{margin-top:100px !important;}
.mgb5{margin-bottom:5px;}
.mgb10{margin-bottom:10px;}
.mgl3{margin-left:3px;}
.mgl5{margin-left:5px;}
.mgl8{margin-left:8px;}
.mgl10{margin-left:10px;}
.mgl15{margin-left:15px;}
.mgl35{margin-left:35px;}
.mgl16{margin-left:16px;}
.mgl17{margin-left:17px;}
.mgl19{margin-left:19px;}
.mgl20{margin-left:20px;}
.mgl48{margin-left:48px;}
.mgl57{margin-left:57px;}
.mgr15{margin-right:15px;}
.mgr30{margin-right:50px;}
.mgb20{margin-bottom:20px !important;}
.mgb30{margin-bottom:30px;}
.mgb40{margin-bottom:40px;}
.pdr0{padding-right:0 !important;}
.pdt14{padding-top:14px;}
.pdt50{padding-top:50px;}
.t-left{text-align:left !important;}
.t-right{text-align:right !important;}
.t-center{text-align:center !important;}

.cf {
	zoom:1;/*for IE 5.5-7*/
}
.cf:after {/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

/*全体*/
body{
	margin:0;
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a:hover img{
	Filter: Alpha(Opacity=85);opacity:.85;
}
a img,a img:hover{
	border: none;
}

.fixed {
position: fixed;
width: 980px;
margin:auto;
left:0;
right:0;
height: 100%;
overflow:scroll;
}
/*ヘッダー*/
#header{
	width:980px;
	margin:0 auto 30px;
	background:#fff;
	position:relative;
}
.headfixed{
	position:fixed;
	top:0;
	margin:auto;
	left:0;
	right:0;
	width:980px;
	height:235px;
	background:#fff;
	z-index:99998;
	transition: .3s;
}
.scroll .headfixed{
	height:97px;
	transition: .3s;
}
.fixedafter{
	margin-top:235px !important;
}
.headtop{
	width:100%;
}
#header h1{
	float:left;
	width:146px;
	position: relative;
	z-index: 9999;
}
#header input{
	border:none;
	}
.headright{
	float:right;
}
.headtab{
	opacity: 1.0;
	transition: .3s;
	visibility:visible;
}
.scroll .headtab{
	visibility:hidden;
	opacity: 0;
	transition: .3s;
}

.headtab li{
	float:left;
}

.headnavi{
	float:right;
	margin-top:20px;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0); 
	transition: .3s;
}
.scroll .headnavi{
	transform: translate(0,-40px); 
	margin-top:0px;
	-webkit-transform: translate(0,-40px); 
	transition: .3s;
}
.headnavi li{
	float:left;
}
.headnavi a{
	line-height:24px;
	font-size:15px;
	color:#313131;
	text-decoration: none;
}
.headnavi a:after{
	content:"";
	float:right;
	width:2px;
	height:16px;
	background:#d2d2d2;
	margin:3px 22px 0 23px;
}
.headnavi6{
	margin-left:30px;
}
.headnavi7{
	margin-left:14px;
}.headnavi6 a{
	display:block;
	width:28px;
	background: url(../img/headmail_on.gif) 0 0 no-repeat;

}
.headnavi7 a{
	display:block;
	width:29px;
	background: url(../img/headcart_on.gif) 0 0 no-repeat;
}
.headnavi6 a:hover img,
.headnavi7 a:hover img{
	Filter: Alpha(Opacity=0);opacity:.0;
}
.headnavi .headnavi5 a:after,
.headnavi .headnavi6 a:after,
.headnavi .headnavi7 a:after{
	content:none;
}
.headnavi a:hover{
	border-bottom:2px solid #00a642;
}

.headnavi .headnavi6 a:hover,
.headnavi .headnavi7 a:hover{
	border-bottom:none;
}



.headship{
	float:right;
	margin:12px 0 0 0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0); 
	transition: .3s;
}
.scroll .headship{
	transform: translate(0,-75px); 
	-webkit-transform: translate(0,-75px); 
	transition: .3s;
}
.search form{
	float:left;
	box-sizing: border-box;
	width:670px;
	height:45px;
	padding:0;
	margin:12px 0 0 0;
	background : none;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0); 
	transition: .3s;
}
.scroll .search form{
	transform: translate(0,-75px); 
	-webkit-transform: translate(0,-75px); 
	transition: .3s;
}
.search form .search_txt{
	float:left;
	width:553px;
	height:45px;
	outline:0;
	line-height:45px;
	font-size:17px;
	text-indent:17px;
	margin:0;
	padding:0 5px 0 0;
	box-sizing: border-box;
	color:#000;
	background: url(../img/searchback.gif) 0 0 no-repeat;
	transition: .3s;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0); 
}
.scroll .search form .search_txt{
	width:400px;
	transform: translate(155px,0px); 
	-webkit-transform: translate(155px,0px); 
	transition: .3s;
}
.search :placeholder-shown {
    color: #aaaaaa;
}
.search ::-webkit-input-placeholder {
    color: #aaaaaa;
}
.search :-moz-placeholder {
    color: #aaaaaa; opacity: 1;
}
.search ::-moz-placeholder {
    color: #aaaaaa; opacity: 1;
}
.search :-ms-input-placeholder {
    color: #aaaaaa;
}
.search form .search_btn{
	float:right;
	margin:0;
	width:117px;
	height:45px;
	outline:0;
	transition: .3s;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0); 

}
.scroll .search form .search_btn{
	transform: translate(0,0); 
	-webkit-transform: translate(0,0); 
	transition: .3s;
}
.search form .search_btn:hover{
	Filter: Alpha(Opacity=80);opacity:.80;
}
.headcatwrap{
	width:980px;
	background:#00a642;
	margin:20px 0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0); 
	transition: .3s;
}
.scroll .headcatwrap{
  visibility:hidden;
	opacity: 0;
	transform: translate(0,-75px); 
	-webkit-transform: translate(0,-75px); 
	transition: .3s;
}
.headcat{
	width:980px;
	margin:0 auto;
	height:47px;
	letter-spacing: -.4em;
	font-size:0;
	position:relative;
}
.headcat li.headcat1,
.headcat li.headcat2,
.headcat li.headcat3,
.headcat li.headcat4{
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	letter-spacing: normal;
	font-size:18px;
	height:47px;
	line-height:47px;
	font-weight:bold;
	box-sizing: border-box;

}
.headcat li.headcat1{
	width:246px;
}
.headcat li.headcat2{
	width:245px;
}
.headcat li.headcat3{
	width:244px;
}
.headcat li.headcat4{
	width:245px;
}
.headcat li.headcat1 a,
.headcat li.headcat2 a,
.headcat li.headcat3 a,
.headcat li.headcat4 a{
	color:#fff;
	text-decoration: none;


}
.headcat li.headcat1:hover,
.headcat li.headcat2:hover,
.headcat li.headcat3:hover,
.headcat li.headcat4:hover{
	background:#008234;
}
.megamenuwrap{
	position:absolute;
	top:47px;
	left:0;
	display:none;
	width:980px;
	max-height:506px;
	line-height:0;
	z-index:99999;
	margin:0;
	padding:0;
	box-sizing: border-box;
}


.megamenu_inner{
	background:rgba(0,0,0,0.9);
	width:980px;
	max-height:506px;
	overflow:auto;
	text-align:left;
	font-size:12px;
	padding:29px 0 18px 29px;
	box-sizing: border-box;
	margin:0;

}


.megamenu{
	float:left;
}
.width110{width:110px;}
.width147{width:147px;}
.width151{width:151px;}
.width159{width:159px;}
.width175{width:175px;}
.width179{width:179px;}
.width182{width:182px;}
.width183{width:183px;}
.width184{width:184px;}
.width188{width:188px;}
.width158{width:158px;}
.width193{width:193px;}
.width200{width:200px;}
.width323{width:323px;}
.width343{width:343px;}
.headcat li:hover .megamenuwrap{
	display:block;
}
.headcat .bold{font-weight:bold !important;}
.megamenu li{
	line-height:14px;
	margin:0 0 6px 0;
	padding:0;
	font-weight:normal;
}
.megamenu li.cattitle{
	padding-left:16px;
	margin:22px 0 10px;
	background: url(../img/headcatmark.png) 0 0 no-repeat;
}
.megamenu li:first-child{
	margin-top:0 !important;
}

.megamenu li a:hover{
	text-decoration: underline;
}
.fleft{
	float:left;
}
.fright{
	float:right;
}
.headbrand a{
	color:#535353;
	text-decoration: none;
}
.headbrand a:hover{
	text-decoration: underline;
}
.headbrandleft{
	display:block;
	float:left;
	width:480px;
	font-size:14px;
	color:#7d7d7d;
}
.headbrandleft .text,
.headbrandright .text{
	line-height:20px;
	margin-top:10px;
}
.headbrandright{
	display:block;
	float:right;
	width:480px;
	font-size:14px;
	color:#7d7d7d;
}
/*メイン枠*/
.mainscroll{
	width:980px;
	height:120px;
	background-color: #ffffff;
	overflow-x: hidden;
	overflow-y: scroll;
	border:1px solid #d2d2d2;
}
.mainscroll li{
	font-size:11px;
	border-bottom:1px dotted #d2d2d2;
	background:url("../img/catmark.gif") 9px 15px no-repeat;
	padding:2px 0 2px 23px;
}
.mainscroll dt{
	font-size:13px;
	font-color:#606060;
	font-weight:bolder;
}
.mainscroll dd{
	font-size:11px;
	font-color:#491cfe;
}
#container{
	width:980px;
	margin:57px auto 0;
}
/*サイドコンテンツ*/
#side{
	float:left;
	width:200px;
}
.sidesearch form{
	box-sizing: border-box;
	width:200px;
	height:45px;
	padding:0;
	margin:20px 0 0 0;
	background : none;
}
.sidesearch form .search_txt{
	float:left;
	width:155px;
	height:45px;
	outline:0;
	border:none;
	line-height:45px;
	font-size:17px;
	text-indent:15px;
	margin:0;
	padding:0 5px 0 0;
	box-sizing: border-box;
	color:#000;
	background: url(../img/sidesearchback.gif) 0 0 no-repeat;
}
.sidesearch :placeholder-shown {
    color: #aaaaaa;
}
.sidesearch ::-webkit-input-placeholder {
    color: #aaaaaa;
}
.sidesearch :-moz-placeholder {
    color: #aaaaaa; opacity: 1;
}
.sidesearch ::-moz-placeholder {
    color: #aaaaaa; opacity: 1;
}
.sidesearch :-ms-input-placeholder {
    color: #aaaaaa;
}
.sidesearch  form .search_btn{
	float:right;
	margin:0;
	width:45px;
	height:45px;
	outline:0;
}
.sidesearch  form .search_btn:hover{
	Filter: Alpha(Opacity=80);opacity:.80;
}
#side h2{
	margin-top:30px;
	line-height:100%;
	font-size:18px;
	text-align:center;
	color:#313131;
	border-bottom:4px solid #00a642;
	padding-bottom:18px;
	font-weight:normal;
}
#side h3 a{
	font-size:16px;
	color:#313131;
	font-weight:normal;

}
#side a{
	text-decoration: none;
}
#side a:hover{
	text-decoration: underline;
}
.sidecat1{
	margin:20px 0 18px;
	background:url("../img/sidecatmark1.gif") 0 0 no-repeat;
	padding:0 0 0 32px;
	line-height:20px;
}
.sidecat2{
	margin:15px 0 18px;
	background:url("../img/sidecatmark2.gif") 0 3px no-repeat;
	padding:0 0 0 32px;
	line-height:20px;
}
.sidecat3{
	margin:15px 0 18px;
	background:url("../img/sidecatmark3.gif") 0 2px no-repeat;
	padding:0 0 0 32px;
	line-height:20px;
}
.sidecat a{
	color:#535353;
}
.sidecat {
	padding-bottom:7px;
	border-bottom:1px solid #d2d2d2;
}
.sidecat li{
	font-size:13px;
	line-height:17px;
	margin:0 0 10px;
	background:url("../img/catmark.gif") 0 3px no-repeat;
	padding:0 0 0 19px;

}
.sidebtn{
	position:relative;
	margin-top:19px;
	background:url("../img/sidecatmore.gif") 0 0 no-repeat;
	width:200px;
	height:51px;

}
.sidebtn:hover{
	Filter: Alpha(Opacity=85);
	opacity: .85 !important;
}
.sidebtn a{
	font-size:14px;
	color:#ffffff;
	text-align:center;
	line-height:18px;
	position: absolute;
	top: 50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
#side .sidebtn a:hover{
	text-decoration: none;
}
.sidebrand{
	margin:0 0 9px;
}
.sidebrand p{
	float:right;
	width:95px;
}

.sidebrand p:first-child{
	float:left;
}
.calender{
	margin-top:20px;
}
/*メインコンテンツ*/
#main{
	float:right;
	width:740px;
}


.reco{
	margin-top:30px;
}
.recoitem{
	float:left;
	width:134px;
	margin-left:18px;
	color:#535353;
	text-decoration: none;

}
.recoitem:nth-child(even){
	margin-left:17px;
}
.recoitem:first-child{
	margin-left:0;
}
.recoitem .text{
	font-size:11px;
	line-height:16px;
	margin:12px 0;
}
.recoitem .price{
	font-size:13px;
	font-weight:bold;
}
.recoitem:hover{
	text-decoration: underline;
}
.featureitem{
	float:right;
	width:360px;
	font-size:14px;
	color:#535353;
	text-decoration: none;

}
.featureitem:first-child{
	float:left;
}
.featureitem .text{
	line-height:20px;
	margin-top:10px;
}
.featureitem:hover{
	text-decoration: underline;
}

.rank{
	margin-top:17px;
}
.rankitem{
	float:left;
	width:134px;
	padding-top:53px;
	margin-left:18px;
	color:#535353;
	text-decoration: none;

}
.rankitem:nth-child(even){
	margin-left:17px;
}
.rankitem:first-child{
	margin-left:0;
}
.rankitem .text{
	font-size:11px;
	line-height:16px;
	margin:12px 0;
}
.rankitem .price{
	font-size:13px;
	font-weight:bold;
}
.rankitem:hover{
	text-decoration: underline;
}
.rank1{
	background:url("../img/no1.gif") center 0 no-repeat;
}
.rank2{
	background:url("../img/no2.gif") center 0 no-repeat;
}
.rank3{
	background:url("../img/no3.gif") center 0 no-repeat;
}
.rank4{
	background:url("../img/no4.gif") center 24px no-repeat;
}
.rank5{
	background:url("../img/no5.gif") center 24px no-repeat;
}
.maincatranktab{
	margin:23px 0 0 0;
	padding-bottom:8px;
	border-bottom:4px solid #00a642;
}
.maincatranktab li{
	background:#d2d2d2;
	width:136px;
	height:40px;
	font-size:15px;
	color:#535353;
	float:left;
	margin-left:15px;
	margin-bottom:12px;
	text-align:center;
	position:relative;
	cursor: pointer;
	border-radius:10px;
}
.maincatranktab li.select{
	color:#fff;
	background:#00a642;
}
.maincatranktab li span{
	position:absolute;
	top: 50%;
	left:0;
	right:0;
	margin:auto;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.maincatranktab li:nth-child(5n+1){
	margin-left:0;
}
.hide{
	display:none;
}
.zindex{
	z-index:1;
}
.maincat{
	margin:45px 0 0 0;
	background:#eeeeee;
	padding:30px 30px 20px;
}
.maincat h2{
	text-align:left;
}
.maincat1{
	margin-top:30px;
	padding:105px 29px 20px 30px;
	background:url("../img/maincat1.jpg") 0 0 no-repeat #fff;
}
.maincat2{
	margin-top:20px;
	padding:105px 29px 20px 30px;
	background:url("../img/maincat2.jpg") 0 0 no-repeat #fff;
}
.maincat3{
	margin-top:20px;
	padding:105px 29px 20px 30px;
	background:url("../img/maincat3.jpg") 0 0 no-repeat #fff;
}
.maincat h3{
	font-size:18px;
	padding:2px 0 15px;
	border-bottom:2px solid #e5e5e5;
	color:#313131;
}
.maincat h3 a{
	color:#313131;
	text-decoration: none;
}
.maincat h3 a:hover{
	text-decoration: underline;
}
.maincatcon ul{
	float:left;
	margin-left:0;
}
.maincatcon ul li {
	line-height:14px;
	margin-bottom:6px;
}
.maincatcon ul li a{
	font-size:12px;
	color:#535353;
	text-decoration: none;
}
.maincatcon ul li a:hover{
	text-decoration: underline;
}
.maincatcon ul li.cattitle{
	padding-left:12px;
	background:url("../img/catmark.png") 0 4px no-repeat;
	margin-bottom:15px;
	margin-top:24px;

} 
.width139{width:139px;}
.width159{width:159px;}
.width162{width:162px;}
.width161{width:161px;}


.maincatmore{
	float:right;
	position:relative;
	margin-top:20px;
	background:url("../img/maincatmore.png") 0 0 no-repeat;
	width:172px;
	height:36px;

}
.maincatmore:hover{
	Filter: Alpha(Opacity=85);
	opacity: .85 !important;
}
.maincatmore a{
	font-size:14px;
	color:#ffffff;
	text-align:center;
	line-height:18px;
	position: absolute;
	top: 50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-decoration: none;
}

.mainbrand{
	margin-top:30px;
	background:url("../img/mainbrandback.gif");
	padding:30px 30px 20px;

}
.maincatbrandlist a{
	display:block;
	float:left;
	margin-left:16px;
	width:100px;
	font-size:12px;
	color:#535353;
	text-align:center;
	text-decoration: none;
}
.maincatbrandlist a:hover{
	text-decoration: underline;
}
.maincatbrandlist a:first-child{
	margin-left:0;
}
.maincatbrandlist a .text{
	margin-top:10px;
}

/*お知らせ*/
#info {text-align: center;margin-bottom: 15px;}
#info .info_wrapper {display: inline-block;white-space: nowrap;vertical-align: middle;text-align: left;}
#info .info_wrapper a {padding: 0 12px;display: block;line-height: 2.2;text-decoration: none;color: #2e2e2e;letter-spacing: 0;font-size: 20px;font-weight: bold;letter-spacing: 1px;color: #d30000;}
#info .info_wrapper a span {color: #FFFFFF;padding: 2px 4px;margin-right: 4px;border-radius: 2px;font-size: 15px;}
#info .info_wrapper a:hover { text-decoration: underline; }
#info .important span { background: #d30000; }
#info .info span { background: #2eb896; }


/*フッター*/
#footer {
	width: 980px;
	margin:0px auto 0;
}

.textcenter img{
	margin:0 auto;
}
.footinfo{
	margin:33px 0 40px;
}
.footinfo p{
	float:left;
}
.footinfo .footinfo5{
	float:left;
	width:170px;
}
.footinfo .footinfo5 a img{
	margin:0 auto;
}
.footcon{
	width:980px;
	margin:0;
	border:none;
}
.fo-left{
	float:left;
	width:450px;

}

.fo-right{
	float:right;
	width:450px;
}
.footcon p{
	font-size:13px;
	line-height:20px;
	color:#313131;
}
.marumark{
	padding-left:17px;
	margin-top:10px;
	background:url("../img/marumark.gif") 1px 5px no-repeat;
}
.marumark2{
	padding-left:17px;
	background:url("../img/marumark.gif") 1px 4px no-repeat;
}
.checkmark{
	padding-left:22px;
	background:url("../img/checkmark.gif") 6px 6px no-repeat;
}
#footer a{
	text-decoration: underline;
	color:#e60012;
}
#footer a:hover{
	text-decoration: none;
}
#footer a.maillink{
	color:#313131;
	text-decoration: none;
}
#footer a.maillink:hover{
	text-decoration: underline;
}
.red{color:#e60012;}
.size18{font-size:18px;}
.size11{font-size:11px; padding-left:17px;margin-top:5px;}

a.pagetop{
	display:block;
	float:right;
}
.copy{
	width:980px;
	height:36px;
	line-height:36px;
	font-size:11px;
	text-align:right;
	background:#00a642;
	padding-right:15px;
	box-sizing: border-box;
	color:#fff;
}