@charset "Shift_JIS";
.TabNavBlock font{ color: #f3ff05 !important; }
body { -webkit-text-size-adjust: 100%;}
body { font-size:100%\9; }}
body, x:-moz-any-link  { font-size:0.83em; line-height:1.2; }
body, x:-moz-any-link, x:default  { font-size:0.83em; line-height:1.2; }
input,
select,
textarea{
	font-family:"ヒラギノ角ゴ Pro" ,"Hiragino Kaku Gothic Pro" ,"メイリオ" ,"Meiryo",sans-serif !important;
}

.mark-h18 img{ width: auto !important; max-height: 18px !important; }
.mark-h34 img{ width: auto !important; max-height: 34px !important; }

.text-red,
.expirationdate-red { color: #ff0000 !important; }
.specialPrice {
	color: #ff0000;
	font-weight: bold;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { body { font-size:0.96em; line-height:1.2; }}
/*div, dl, ul, ol { min-height:0.01em; }*/
input { background-color:transparent; }
body:nth-of-type(1) p { /*color:red;*/ }/*OPERA*/
a { color:#61C11E; text-decoration:none; }
.smt_only{
	display:none !important;
}

.waitMain{
	width:100%;
	height:100%;
	background:#FFF url(../img/peace.gif) no-repeat center 50%;
	opacity:0.8;
	filter:Alpha(Opacity=80);
	-ms-filter:"Alpha(Opacity=80)";
	position:fixed;
	top:0px;
	left: 0;
	z-index:1000;
}
/*
.waitMain { margin:0 auto -1000px auto; width:100%; height:12000px; background:#FFF url(../img/peace.gif) no-repeat center 350px; opacity:0.8; filter:Alpha(Opacity=80); -ms-filter:"Alpha(Opacity=80)"; position:absolute; top:0px; z-index:1000; }
*/
.waitMain div { /*display:none;*/ }
.noItemPage { width: 100%; border-bottom:#AAA 1px solid;border-right:#AAA 1px solid; min-height:400px; text-align:center; background: #fff; }
.sptmlinner img{ width: 100%; }
.noItemPage p { margin:0 auto; padding:200px 0 0 0; width:560px; height:160px; background:url(../img/peaceful.gif) no-repeat center 100px; font-size:1.4em; font-weight:600; color:#555; }

.sphtmlWrapper {
	margin:0px auto;
	width:940px;
	/*height:248px;*/
	border:#999 1px solid;
	border-bottom: none;
	clear:both;
	position:relative;
	overflow:hidden;
	box-sizing: border-box;
	}
.sphtmlWrapper.Ranking{ top:0px; }/* ランキングページ */
.sphtmlWrapper:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.sphtmlWrapper:not(:target) { left:-0.01em\9; }
.sphtmlWrapper div.sphtmlinner { min-height:; }
.sphtmlWrapper div.sphtmlinner:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }

.sphtmlWrapperFav { margin:0 auto; width:941px; clear:both; position:relative; overflow:hidden; left:-0.05em\9; }
.sphtmlWrapperFav:not(:target) { left:-0.01em\9; }
.sphtmlWrapperFav div.sphtmlinner { }
.sphtmlWrapperFav div.sphtmlinner:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.sphtmlWrapperFav div.sphtmlinner img {  }
/*AlertBox*/
.AlertBox { width:100%; position:fixed; top:0px; z-index:1111; }
.AlertBox p { margin:0 auto; padding:10px 0; width:940px; font-size:1.4em; font-weight:600; }
.AlertBox a { padding:0 25px 0 0; width:100px; height:20px; background:url(../img/x_wh.png) no-repeat right 0px; color:#FFF; font-size:1.4em; font-weight:600; text-align:right; text-indnt:-9999px; text-decoration:none; position: relative; top:-2.0em; right:30px; display:block; overflow:hidden; float:right; }
.AlertMessage { height:66px; background:#61C11E; color:#FFF; font-weight:600; }
.AlertCaution { height:66px; background:#FFE200; color:#FFF; font-weight:600; }
.AlertWarning { height:66px; background:#FF1A00; color:#FFF; font-weight:600; }
.forIE6 { margin:0 0 30px 0; padding:0 0 0 0; padding:0 0 15px 0\9; border:#F60000 2px solid; background:#FFFFFC; width:; _height:1px; }
.forIE6:after { content:'.'; height:0.01em; display:block; visibility:hidden; clear:both; }
.forIE6 h3 { margin:0 0 15px 0; padding:5px; width:; height:; background:#F60000; color:#FFF; font-size:1.4em; font-weight:600; line-height:1.2; }
.forIE6 .forIE6Left { margin:0 20px 0 0; width:190px; float:left; }
.forIE6 .forIE6Left a { margin:10px 0 0 20px; width:180px; height:60px; background:url(../img/btn_forie6.png) no-repeat; display:block; }
.forIE6 .forIE6Left a:hover { background-position:0px -60px; }
.forIE6 .forIE6Right { width:710px; background:; text-align:left; float:left; }
.forIE6 p { margin:0 0 8px 0; padding:0; width:; height:; color:#111; font-size:1.0em; font-weight:400; line-height:1.5; }
.forIE6 .notes { margin:; padding:0; width:; height:; color:#666; font-size:0.9em; font-weight:400; line-height:1.2; }
.forIE6 p.gotoDownload { margin:0 0 -10px 0; }

/*Head*/
.Head { }
.Head:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.HeadWrap { margin:0 auto; width:940px; }

/* 20140331-ito */
.HeadLeft { width:330px; height:50px; margin:0; padding:0; float:left; position:relative; }
.HeadLogo { margin-top:5px; width:170px; float:left; }
.HeadLogo img{ width: 120px; }
.HeadLogo span{
	display: block;
	color: #000;
	font-size: 12px;
}
.HeadUser {
	width:160px;
	margin-top:5px;
	padding:25px 0 3px 0;
	border-bottom:#CCC 1px dotted;
	background:url(../img/ico_welcom.png) no-repeat;
	font-size:0.9em;
	float:left;
}
.HeadUser { padding-top:25px\9; padding-bottom:0px\9;  height:20px\9; }
.HeadUser:not(:target) { padding-top:25px\9; padding-bottom:0px\9; height:20px\9; }
.HeadUser span { padding-left:15px; background:url(../img/ico01.png) no-repeat 0px 0px; font-size:1.1em;}
.HeadUser span { background-position:0px 3px; }
.HeadNice { width:auto; height:20px; font-size:0.76em; line-height:1.2em; float:left; position:absolute; top:7px; left:240px; }
.HeadNice strong { padding:4px 0 0 62px; height:20px; background:url(../img/icons.png) no-repeat -700px 0px; color:#222; text-decoration:none; display:block; }
.HeadNice strong { color:#F60; font-size:1.2em; }
/* 20140331-ito */

/* HeadRight　530px */
.HeadRight { width:604px; float:right; }
.HeadRight .logout{
	margin:5px 0 0;
	padding-left:15px;
	font-size:12px;
	background:url(../img/icon_logout.gif) no-repeat ;
}
.HeadRight .logout a{ color:#999; }
.HeadRight .logout a:hover{ text-decoration:underline; }
.HeadWrapSearch { width:527px; margin:; zoom:1; }
.HeadWrapSearch:after { content:"."; display:block; height:0.1em; clear:both; visibility:hidden; }
.HeadWrapSearch .logout { float:right; }
.HeadRight ul {
	width:604px;
	float:left;
	list-style-type: none;
	zoom:1;
}
.HeadRight ul:after { content:"."; display:block; height:0.1em; clear:both; visibility:hidden; }
.HeadRight ul li {
	padding: 0;
	float: left;
}
.HeadRight ul li.nav07 a{
	margin-right: 0;
}
.HeadRight ul li a {
	height: 36px;
	text-indent:-9999px;
	display: block;
	text-decoration: none; /*mozilla系でインデント分のはみだしリンク線対策*/
/* MacIE5.X除外 start \*/
	overflow: hidden;
/* MacIE5.X除外 end */
}
.HeadRight ul li.mn01 a { width:81px; margin-right:9px; background: url(../img/btn_hnav.png) no-repeat 0 0 ; }
.HeadRight ul li.mn01 a:hover { background: url(../img/btn_hnav.png) no-repeat 0 -36px ;}
.HeadRight ul li.mn02 a { width:101px; margin-right:8px; background: url(../img/btn_hnav.png) no-repeat -90px 0px ;}
.HeadRight ul li.mn02 a:hover { background: url(../img/btn_hnav.png) no-repeat -90px -36px ;}
.HeadRight ul li.mn03 a { width:115px; margin-right:9px; background: url(../img/btn_hnav.png) no-repeat -199px 0px ;}
.HeadRight ul li.mn03 a:hover { background: url(../img/btn_hnav.png) no-repeat -199px -36px ;}
.HeadRight ul li.mn04 a { width:120px; margin-right:9px; background: url(../img/btn_hnav.png) no-repeat -323px 0px ;}
.HeadRight ul li.mn04 a:hover { background: url(../img/btn_hnav.png) no-repeat -323px -36px ;}
.HeadRight ul li.mn05 a { width:75px; background: url(../img/btn_hnav.png) no-repeat -452px 0px ;}
.HeadRight ul li.mn05 a:hover { background: url(../img/btn_hnav.png) no-repeat -452px -36px ;}


/*Main*/
.Main{ width:; margin:0 auto; }
.Main #headerpanel{ position: relative; }

/*MainHead*/
.MainWrap { width:940px; min-height: 192px; margin:5px auto 0; position:relative; }
.MainWrap:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }


/*締め切りまで○○ラベル_20190205*/
.MainWrap .TabArea li .deadlineLabel{
	padding: 1px 5px;
	border-radius: 6px;
	color: #fff;
	text-align: right;
	background: #ff3000;
	position:absolute;
	top: -2px;
	right: -3px;
	z-index: 11;
}
/*季節ラベル_20201111*/
.MainWrap .TabArea li .seasonalLabel{
	padding: 1px 5px;
	border-radius: 6px;
	color: #fff;
	text-align: right;
	background: #fa7413;
	position:absolute;
	top: -2px;
	right: -3px;
	z-index: 12;
}


/*////////// Tab01 //////////*/
.MainWrap .Tab01 .TabArea{
	width:230px;
	height:54px;
	font-size:0.95em;
	list-style-type: none;
	zoom:1;
}

.MainWrap .Tab01 .TabArea li{
	width:230px;
	height:50px;
	margin: 0 5px 0 0;
	padding:0;
	background: url(../img/main_tabbg.jpg) no-repeat bottom ;
}

.MainWrap .Tab01 .TabArea li a{
	width:215px;
	height:35px;
	margin:0;
	padding:20px 0 0 15px;
	display:block;
	color:#FFF;
	background: url(../img/main_tabbg.jpg) no-repeat 0 -53px ;
}
.MainWrap .Tab01 .TabArea li a span{ font-size:1.7em; font-weight:700; }
.MainWrap .Tab01 .TabArea li img{ margin:0 0 7px 3px; }

/*////////// Tab02 //////////*/
.MainWrap .Tab02 .TabArea{
	width: 940px;
	height:54px;
	font-size:0.95em;
	list-style-type: none;
	background:url(../img/tab_bg.gif) repeat-x bottom ;
	zoom:1;
}
.MainWrap .Tab02 .TabArea li a{
	width:215px;
	height:34px;
	margin:0;
	padding:20px 0 0 15px;
	display:block;
	color:#999;
	background: url(../img/main_tabbg.jpg) no-repeat 0 0 ;
}
.MainWrap .Tab02 .TabArea li a span{ font-size:1.7em; font-weight:700; }
.MainWrap .Tab02 .TabArea li a:hover{
	height:54px;
	color:#FFF;
	background: url(../img/main_tabbg.jpg) no-repeat 0 -108px;
	position:relative;
}
.MainWrap .Tab02 .TabArticle{ display:none; }


/*////////// TabBlock01 //////////*/
.MainWrap .TabBlock01 .TabArea li{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

/*////////// TabBlock02 //////////*/
.MainWrap .TabBlock02{
	position:absolute;
	top:0;
	left:0;
}
.MainWrap .TabBlock02 .TabArea li{
	position:absolute;
	left:235px;
	z-index:2;
}

/*////////// TabBlock03 //////////*/
.MainWrap .TabBlock03{
	position:absolute;
	top:0;
	left:0;
}
.MainWrap .TabBlock03 .TabArea li{
	position:absolute;
	top:0;
	left:470px;
	z-index:3;
}

/*////////// TabBlock04 //////////*/
.MainWrap .TabBlock04{
	position:absolute;
	top:0;
	left:0;
}
.MainWrap .TabBlock04 .TabArea li{
	position:absolute;
	top:0;
	left:705px;
	z-index:4;
}

/*TabArticle*/
.MainWrap .TabArticle{ width:930px; margin-top:-1px; padding:5px; background:#6BC321 url(../img/headbg.jpg) repeat-x bottom ; zoom:1; }
.MainWrap .TabArticle:after { content:"."; display:block; height:0.1em; clear:both; visibility:hidden; }

.MainWrap .TabArticle .TabNavBlock{ }
.MainWrap .TabArticle .TabNavBlock:after { content:"."; display:block; height:0.1em; clear:both; visibility:hidden; }
.MainWrap .TabArticle .TabNavBlock form {
	padding-left: 10px;
	border:#ccc 2px solid;
	border-right: 0;
	float:right;
	display: flex;
	align-items: center;
	background: #FFF;
	position: relative;
}
.MainWrap .TabArticle .TabNavBlock label{
	display: flex;
	align-items: center;
	font-size: 12px;
	cursor: pointer;
}
.MainWrap .TabArticle .TabNavBlock input[type="radio"]{
	width: 11px;
	margin: 0 5px 1px 0;
}
.MainWrap .TabArticle .TabNavBlock label + label{ margin-left: 10px; }
.MainWrap .TabArticle .TabNavBlock input.serch_keywords {
	width:190px;
	height:21px;
	line-height:21px;/* IE8 */
	margin: 0 25px 0 6px;
	border: 0;
	border-left:#ccc 1px solid;
	padding:0 5px;
	position:relative;
	z-index:6;
}
.MainWrap .TabArticle .TabNavBlock input.serch_btn {
	position:absolute;
	top: -2px;
	right: 0;
	z-index:7;
}

/* ↓一行コメント↓ */
/*.MainWrap .TabArticle ul.news{
	width:700px;
	height:22px;
	margin:0 0 0 5px;
	padding:0;
	overflow:hidden;
	float:left;
}
.MainWrap .TabArticle ul.news li{ height:20px; margin-bottom:3px; font-size:1.1em; font-weight:600; color:#FFF; }
.MainWrap .TabArticle ul.news li img{ margin:0 3px; padding:0 5px 2px 0; }
.MainWrap .TabArticle ul.news li a{ color:#fff; text-decoration:none; }
.MainWrap .TabArticle ul.news li a:hover{ text-decoration:underline; }*/
/* ↑一行コメント↑ */

.MainWrap .TabArticle .LeftBlock{
	width:225px;
	height:60px;
	float:left;
	position:relative;
}
.MainWrap .TabArticle .LeftBlock .btn > img{ height:14px; padding-bottom:3px; display:block; }
.MainWrap .TabArticle .LeftBlock .btn { width:159px; position:absolute; top:6px; left:35px; z-index:10; }
.MainWrap .TabArticle .LeftBlock .btn span a {
	width:159px;
	height: 36px;
	margin-top: 7px;
	text-indent:-9999px;
	display: block;
	text-decoration: none; /*mozilla系でインデント分のはみだしリンク線対策*/
/* MacIE5.X除外 start \*/
	overflow: hidden;
/* MacIE5.X除外 end */
}
.MainWrap .TabArticle .LeftBlock .btn a { background: url(../img/btn_looklist.png) no-repeat 0 0 ; }
.MainWrap .TabArticle .LeftBlock .btn a:hover { background: url(../img/btn_looklist.png) no-repeat 0 -36px ;}

.MainWrap .TabArticle .RightBlock{ width:705px; float:right; }

.MainWrap .TabArticle .RightBlock table{
	width:705px;
	border:#CCC 1px solid;
	border-collapse: collapse;
	font-size:15px;
	background:#FFF;
}
.MainWrap .TabArticle .RightBlock table th{
	padding:5px 10px;
	border:#CCC 1px solid;
	border-collapse: collapse;
	font-weight:700;
	background:#F7EFEF;
}
.MainWrap .TabArticle .RightBlock table th .Deadline{/*締切日時アイコン*/
	padding-left:20px;
	background:url(../img/ico23.png) no-repeat left;
}
.MainWrap .TabArticle .RightBlock table th .Delivery{/*配達日アイコン*/
	padding-left:20px;
	background:url(../img/ico24.png) no-repeat left;
}
.MainWrap .TabArticle .RightBlock table tr { line-height: 24px; }
.MainWrap .TabArticle .RightBlock table td{
	height: 35px;
	padding:5px 8px;
	border:#CCC 1px solid;
	border-collapse: collapse;
	font-size:0.80em;
	vertical-align:middle;
}
.MainWrap .TabArticle .RightBlock table td strong{
	padding:0 2px;
	font-size:20px;
	font-weight:700;
}
/*はじめて割引*/
.deliveryComment{
	font-weight: normal;
}
.MainWrap .TabArticle .RightBlock table td strong.discountLabel{
	margin: 0 5px 0 0;
	padding: 2px 8px;
	color: #fff;
	display: inline-block;
	border-radius: 10px;
	font-size: 16px;
	background: #e22727;
	position: relative;
	top: -2px;
}
.MainWrap .TabArticle .RightBlock table td span.discountText{
	color: #e22727;
	line-height: 24px;
	font-size: 12.5px;
	font-weight: bold;
}
/*はじめて割引ここまで*/
.pointTargetPrice{
	color: #555;
	display: block;
	font-size: 12px;
}

.pointTargetPrice span{ font-weight: bold; }
.TabSelect { display:none; }

/*
.TabAreax2 { margin:0 0 0 10px; }
.TabAreax2:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.TabAreax2 a { width:auto; height:auto; color:transparent; background:transparent; display:inherit; position:relative; }
.TabAreax2 .TabBlank { margin-right:10px; padding-bottom:30px; width:455px; float:left; }
*/

/*TabAreax2//////////Tab01*/
/*
.TabAreax2 .Tab01 { margin-right:10px; padding-bottom:10px; border-bottom-right-radius:4px; border-bottom-left-radius:4px; width:465px; color:#FFF; float:left; }
.TabAreax2 .Tab01 { background:-webkit-gradient(linear, left top, left bottom, from(#61C11E), to(#40B25D)); }
.TabAreax2 .Tab01 { background:-moz-linear-gradient(top, #61C11E, #40B25D); }
.TabAreax2 .Tab01 { background:-o-linear-gradient(#61C11E, #40B25D); }
.TabAreax2 .Tab01 { 
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#61C11E, endcolorstr=#40B25D));/*IE6 IE7 *//*
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#61C11E, endcolorstr=#40B25D))";/* IE8 *//*
	zoom:1;
	background-image:linear-gradient(to bottom, #61C11E 0%, #40B25D 100%);/* IE10 *//*
}
.TabAreax2 .Tab01 .tabCheck { background:url(../img/bg_peace2.png) no-repeat 80px center; }
.TabAreax2 .Tab01 a { color:inherit; text-decoration:none; }
.TabAreax2 .Tab01 .TabHead { margin:10px 10px 7px 10px; padding:0 0 2px 0; border-bottom:#CDE498 1px dotted; }
.TabAreax2 .Tab01 .TabHead:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.TabAreax2 .Tab01 .TabHead p { padding-top:4px; width:165px; font-size:1.8em; font-weight:600; line-height:1.1; color:#FFF; float:left; }
.TabAreax2 .Tab01 .TabHeadRight { width:280px; float:left; }
.TabAreax2 .Tab01 .TabHead dl { margin:0 0 3px 0; clear:both; font-weight:600; }
.TabAreax2 .Tab01 .TabHead dl:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.TabAreax2 .Tab01 .TabHead dt { width:78px; color:#FFF; float:left; }
.TabAreax2 .Tab01 .TabHead dt a { color:#FFF; }
.TabAreax2 .Tab01 .TabHead dd { width:202px; float:left; }
.TabAreax2 .Tab01 .TabHead dd strong { color:#FF6; /*font-size:1.2em;*//* }
.TabAreax2 .Tab01 .Deadline { margin:0 0 3px 0; color:#FFF; }
.TabAreax2 .Tab01 .Deadline span { font-size:0.8em; color:#FFF; }
.TabAreax2 .Tab01 .DeliDay { position:relative; color:#FFF; }
.TabAreax2 .Tab01 .DeliDay strong { font-weight:600; }
.TabAreax2 .Tab01 .TabBottom { margin:0px 10px 5px 10px; width:445px; position:relative; clear:both; }
.TabAreax2 .Tab01 .TabBottom:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.TabAreax2 .Tab01 .TabBottom strong { padding-right:0.1em; font-weight:600; color:#FF6; }
.TabAreax2 .Tab01 .TabBottom dl { margin:0 0 3px 165px; width:445px; }
.TabAreax2 .Tab01 .TabBottom dl:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.TabAreax2 .Tab01 .TabBottom dt { width:78px; float:left; }
.TabAreax2 .Tab01 .TabBottom dd { width:202px; float:left; }
.TabAreax2 .Tab01 .TabBottom .nums {  }
.TabAreax2 .Tab01 .TabBottom .nums dt { font-weight:600; }
.TabAreax2 .Tab01 .TabBottom .nums dd { display:inline; }
.TabAreax2 .Tab01 .TabBottom .total {  }
.TabAreax2 .Tab01 .TabBottom .total dt { font-weight:600; }
.TabAreax2 .Tab01 .TabBottom .total dd { display:inline; }
.TabAreax2 .Tab01 .TabBottom .total dd span.note { padding:4px 0 0 0; font-size:0.88em; color:#FFF; clear:both; }

/*TabAreax2//////////Tab02*/
/* 20130321 追記 *//*
.TabAreax2 .Tab02 a { color: #999; text-decoration:none; }
.TabAreax2 .Tab02 { margin:0 10px 0 0; padding-bottom:8px; border-right:#EEE 2px dashed; border-bottom:#EEE 2px dashed; border-left:#EEE 2px dashed; border-bottom-right-radius:4px; border-bottom-left-radius:4px; width:451px; color:#999; float:left; }
.TabAreax2 .Tab02 { background:-webkit-gradient(linear, left top, left bottom, from(#bfe9a0), to(#defaca)); }
.TabAreax2 .Tab02 { background:-moz-linear-gradient(top, #bfe9a0, #defaca); }
.TabAreax2 .Tab02 { background:-o-linear-gradient(#bfe9a0, #defaca); }
.TabAreax2 .Tab02 { 
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#bfe9a0, endcolorstr=#defaca));/*IE6 IE7 *//*
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#bfe9a0, endcolorstr=#defaca))";/* IE8 *//*
	zoom:1;
	background-image:linear-gradient(to bottom, #bfe9a0 0%, #defaca 100%);/* IE10 *//*
}

.TabAreax2 .Tab02 a { color:inherit; text-decoration:none; }
.TabAreax2 .Tab02 .TabHead { margin:10px 10px 7px 10px; padding:0 0 2px 0; border-bottom:#CCC 1px dotted; }
.TabAreax2 .Tab02 .TabHead:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.TabAreax2 .Tab02 .TabHead p { padding-top:4px; width:150px; font-size:1.8em; font-weight:600; line-height:1.1; color:#999; float:left; }
.TabAreax2 .Tab02 .TabHeadRight { width:280px; float:left; }
.TabAreax2 .Tab02 .TabHead dl { margin:0 0 3px 0; clear:both; font-weight:600; }
.TabAreax2 .Tab02 .TabHead dl:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.TabAreax2 .Tab02 .TabHead dt { width:78px; color:#999; float:left; }
.TabAreax2 .Tab02 .TabHead dt a { color:#999; }
.TabAreax2 .Tab02 .TabHead dd { width:202px; float:left; }
.TabAreax2 .Tab02 .TabHead dd strong { color:#999; }
.TabAreax2 .Tab02 .Deadline { margin:0 0 3px 0; color:#999; }
.TabAreax2 .Tab02 .Deadline span { font-size:0.8em; color:#999; }
.TabAreax2 .Tab02 .DeliDay { position:relative; color:#999; }
.TabAreax2 .Tab02 .DeliDay strong { font-weight:600; }
.TabAreax2 .Tab02 .TabBottom { margin:0px 10px 5px 10px; width:440px; position:relative; clear:both; }
.TabAreax2 .Tab02 .TabBottom:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.TabAreax2 .Tab02 .TabBottom dl { margin:0 0 3px 150px; width:440px; }
.TabAreax2 .Tab02 .TabBottom dl:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.TabAreax2 .Tab02 .TabBottom dt { width:78px; float:left; }
.TabAreax2 .Tab02 .TabBottom dd { width:202px; float:left; }
.TabAreax2 .Tab02 .TabBottom strong { padding-right:0.1em; font-weight:600; color:#999; }
.TabAreax2 .Tab02 .TabBottom .nums {  }
.TabAreax2 .Tab02 .TabBottom .nums dt { font-weight:600;  }
.TabAreax2 .Tab02 .TabBottom .nums dd { color:#999; }
.TabAreax2 .Tab02 .TabBottom .total {  }
.TabAreax2 .Tab02 .TabBottom .total dt { font-weight:600; }
.TabAreax2 .Tab02 .TabBottom .total dd { color:#999; }
.TabAreax2 .Tab02 .TabBottom .total dd span.note { padding:4px 0 0 0; font-size:0.88em; color:#999; clear:both; }
/* /20130321 追記 */

/* 20130321 追記
.TabAreax2 .Tab02 { margin:0 10px 0 0; padding-bottom:8px; border-right:#EEE 2px dashed; border-bottom:#EEE 2px dashed; border-left:#EEE 2px dashed; border-bottom-right-radius:4px; border-bottom-left-radius:4px; width:451px; color:#CCC; float:left; }
.TabAreax2 .Tab02 { background:-webkit-gradient(linear, left top, left bottom, from(#bfe9a0), to(#FEFFFD)); }
.TabAreax2 .Tab02 { background:-moz-linear-gradient(top, #bfe9a0, #FEFFFD); }
.TabAreax2 .Tab02 { background:-o-linear-gradient(#bfe9a0, #FEFFFD); }
.TabAreax2 .Tab02 { 
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#bfe9a0, endcolorstr=#FEFFFD));
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#bfe9a0, endcolorstr=#FEFFFD))";
	zoom:1;
	background-image:linear-gradient(to bottom, #bfe9a0 0%, #FEFFFD 100%);
}

.TabAreax2 .Tab02 a { color:inherit; text-decoration:none; }
.TabAreax2 .Tab02 .TabHead { margin:10px 10px 7px 10px; padding:0 0 2px 0; border-bottom:#CCC 1px dotted; }
.TabAreax2 .Tab02 .TabHead:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.TabAreax2 .Tab02 .TabHead p { padding-top:4px; width:150px; font-size:1.8em; font-weight:600; line-height:1.1; color:#999; float:left; }
.TabAreax2 .Tab02 .TabHeadRight { width:280px; float:left; }
.TabAreax2 .Tab02 .TabHead dl { margin:0 0 3px 0; clear:both; font-weight:600; }
.TabAreax2 .Tab02 .TabHead dl:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.TabAreax2 .Tab02 .TabHead dt { width:78px; color:#CCC; float:left; }
.TabAreax2 .Tab02 .TabHead dt a { color:#CCC; }
.TabAreax2 .Tab02 .TabHead dd { width:202px; float:left; }
.TabAreax2 .Tab02 .TabHead dd strong { color:#CCC; }
.TabAreax2 .Tab02 .Deadline { margin:0 0 3px 0; color:#CCC; }
.TabAreax2 .Tab02 .Deadline span { font-size:0.8em; color:#CCC; }
.TabAreax2 .Tab02 .DeliDay { position:relative; color:#999; }
.TabAreax2 .Tab02 .DeliDay strong { font-weight:600; }
.TabAreax2 .Tab02 .TabBottom { margin:0px 10px 5px 10px; width:440px; position:relative; clear:both; }
.TabAreax2 .Tab02 .TabBottom:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.TabAreax2 .Tab02 .TabBottom dl { margin:0 0 3px 150px; width:440px; }
.TabAreax2 .Tab02 .TabBottom dl:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.TabAreax2 .Tab02 .TabBottom dt { width:78px; float:left; }
.TabAreax2 .Tab02 .TabBottom dd { width:202px; float:left; }
.TabAreax2 .Tab02 .TabBottom strong { padding-right:0.1em; font-weight:600; color:#CCC; }
.TabAreax2 .Tab02 .TabBottom .nums {  }
.TabAreax2 .Tab02 .TabBottom .nums dt { font-weight:600;  }
.TabAreax2 .Tab02 .TabBottom .nums dd { color:#CCC; }
.TabAreax2 .Tab02 .TabBottom .total {  }
.TabAreax2 .Tab02 .TabBottom .total dt { font-weight:600; }
.TabAreax2 .Tab02 .TabBottom .total dd { color:#CCC; }
.TabAreax2 .Tab02 .TabBottom .total dd span.note { padding:4px 0 0 0; font-size:0.88em; color:#CCC; clear:both; }
*/

/*TabAreax4//////////Tab04*//*
.TabAreax4 { margin:0 10px; line-height:1.1; }
.TabAreax4:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.TabAreax4 .Tab01 a { color:#FFF; text-decoration:none; }
.TabAreax4 .TabBlank { margin-right:25px; padding-bottom:40px; width:210px; float:left; }
.TabAreax4 .Tab01 { margin:0 5px 0 0; padding:10px; border-bottom-right-radius:4px; border-bottom-left-radius:4px; width:210px; color:#FFF; float:left; }
.TabAreax4 .Tab01 { background:-webkit-gradient(linear, left top, left bottom, from(#61C11E), to(#40B25D)); }
.TabAreax4 .Tab01 { background:-moz-linear-gradient(top, #61C11E, #40B25D); }
.TabAreax4 .Tab01 { background:-o-linear-gradient(#61C11E, #40B25D); }
.TabAreax4 .Tab01 { 
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#61C11E, endcolorstr=#40B25D));/*IE6 IE7 *//*
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#61C11E, endcolorstr=#40B25D))";/* IE8 *//*
	zoom:1;
	background-image:linear-gradient(to bottom, #61C11E 0%, #40B25D 100%);/* IE10 *//*
}

.TabAreax4 .Tab01 .tabCheck { background:url(../img/bg_peace.png) no-repeat center center; }
.TabAreax4 .Tab01 p { margin:0 0 5px 0; font-size:1.3em; font-weight:600; }
.TabAreax4 .Tab01 strong { font-size:1.4em; font-weight:600; line-height:1.2; color:#FF6; }
.TabAreax4 .Tab01 .TabHead { margin:0 0 4px 0; padding:0 0 4px 0; border-bottom:#79C98D 2px dotted; }
.TabAreax4 .Tab01 .TabHead:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.TabAreax4 .Tab01 .TabHeadRight {  }
.TabAreax4 .Tab01 .TabHeadRight .Deadline { clear:both; }
.TabAreax4 .Tab01 .TabHeadRight .Deadline dt { padding:5px 0 0 0; width:70px; float:left; }
.TabAreax4 .Tab01 .TabHeadRight .Deadline dd { width:140px; float:left; }
.TabAreax4 .Tab01 .TabHeadRight .DeliDay { clear:both; }
.TabAreax4 .Tab01 .TabHeadRight .DeliDay dt { padding:5px 0 0 0; width:70px; float:left; }
.TabAreax4 .Tab01 .TabHeadRight .DeliDay dd { width:140px; float:left; }
.TabAreax4 .Tab01 .TabBottom { clear:both; }
.TabAreax4 .Tab01 .TabBottom:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.TabAreax4 .Tab01 .TabBottom .nums { clear:both; }
.TabAreax4 .Tab01 .TabBottom .nums dt { padding:5px 0 0 0; width:70px; float:left; }
.TabAreax4 .Tab01 .TabBottom .nums dd { width:140px; float:left; }
.TabAreax4 .Tab01 .TabBottom .total { clear:both; }
.TabAreax4 .Tab01 .TabBottom .total dt { padding:5px 0 0 0; width:70px; float:left; }
.TabAreax4 .Tab01 .TabBottom .total dd { width:140px; float:left; }
.TabAreax4 .Tab01 .TabBottom .total span { display:block; font-size:0.9em; }

/* 20130321 追記 *//*
.TabAreax4 .Tab02 a { color:#999; text-decoration:none; }
.TabAreax4 .Tab02 { margin:0 5px 0 0; padding:10px 10px 0 10px; border-right:#EEE 2px dashed; border-bottom:#EEE 2px dashed; border-left:#EEE 2px dashed; border-bottom-right-radius:4px; border-bottom-left-radius:4px; width:206px; color:#CCC; float:left; }
.TabAreax4 .Tab02 { background:-webkit-gradient(linear, left top, left bottom, from(#bfe9a0), to(#defaca)); }
.TabAreax4 .Tab02 { background:-moz-linear-gradient(top, #bfe9a0, #defaca); }
.TabAreax4 .Tab02 { background:-o-linear-gradient(#bfe9a0, #defaca); }
.TabAreax4 .Tab02 { 
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#bfe9a0, endcolorstr=#defaca));/*IE6 IE7 *//*
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#bfe9a0, endcolorstr=#defaca))";/* IE8 *//*
	zoom:1;
	background-image:linear-gradient(to bottom, #bfe9a0 0%, #defaca 100%);/* IE10 *//*
}

.TabAreax4 .Tab02 p { margin:0 0 5px 0; font-size:1.3em; font-weight:600; }
.TabAreax4 .Tab02 strong { font-size:1.4em; font-weight:600; line-height:1.2; color:#999; }
.TabAreax4 .Tab02 .TabHead { margin:0 0 4px 0; padding:0 0 4px 0; border-bottom:#CCC 2px dotted; }
.TabAreax4 .Tab02 .TabHead:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.TabAreax4 .Tab02 .TabHeadRight {  }
.TabAreax4 .Tab02 .TabHeadRight .Deadline { clear:both; }
.TabAreax4 .Tab02 .TabHeadRight .Deadline dt { padding:5px 0 0 0; width:70px; float:left; }
.TabAreax4 .Tab02 .TabHeadRight .Deadline dd { margin-right:-4px; width:140px; float:left; }
.TabAreax4 .Tab02 .TabHeadRight .DeliDay { clear:both; }
.TabAreax4 .Tab02 .TabHeadRight .DeliDay dt { padding:5px 0 0 0; width:70px; float:left; }
.TabAreax4 .Tab02 .TabHeadRight .DeliDay dd { width:130px; float:left; }
.TabAreax4 .Tab02 .TabBottom { clear:both; }
.TabAreax4 .Tab02 .TabBottom:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.TabAreax4 .Tab02 .TabBottom .nums { clear:both; }
.TabAreax4 .Tab02 .TabBottom .nums dt { padding:5px 0 0 0; width:70px; float:left; }
.TabAreax4 .Tab02 .TabBottom .nums dd { width:130px; float:left; }
.TabAreax4 .Tab02 .TabBottom .total { clear:both; }
.TabAreax4 .Tab02 .TabBottom .total dt { padding:5px 0 0 0; width:70px; float:left; }
.TabAreax4 .Tab02 .TabBottom .total dd { width:130px; float:left; }
.TabAreax4 .Tab02 .TabBottom .total span { display:block; font-size:0.9em; }
/* /20130321 追記 */

/* 20130321 追記
.TabAreax4 .Tab02 a { color:#CCC; text-decoration:none; }
.TabAreax4 .Tab02 { margin:0 5px 0 0; padding:10px 10px 0 10px; border-right:#EEE 2px dashed; border-bottom:#EEE 2px dashed; border-left:#EEE 2px dashed; border-bottom-right-radius:4px; border-bottom-left-radius:4px; width:206px; color:#CCC; float:left; }
.TabAreax4 .Tab02 { background:-webkit-gradient(linear, left top, left bottom, from(#E9FDD5), to(#FEFFFD)); }
.TabAreax4 .Tab02 { background:-moz-linear-gradient(top, #E9FDD5, #FEFFFD); }
.TabAreax4 .Tab02 { background:-o-linear-gradient(#E9FDD5, #FEFFFD); }
.TabAreax4 .Tab02 { 
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#E9FDD5, endcolorstr=#FEFFFD));
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#E9FDD5, endcolorstr=#FEFFFD))";
	zoom:1;
	background-image:linear-gradient(to bottom, #E9FDD5 0%, #FEFFFD 100%);
}

.TabAreax4 .Tab02 p { margin:0 0 5px 0; font-size:1.3em; font-weight:600; }
.TabAreax4 .Tab02 strong { font-size:1.4em; font-weight:600; line-height:1.2; color:#CCC; }
.TabAreax4 .Tab02 .TabHead { margin:0 0 4px 0; padding:0 0 4px 0; border-bottom:#EEE 2px dotted; }
.TabAreax4 .Tab02 .TabHead:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.TabAreax4 .Tab02 .TabHeadRight {  }
.TabAreax4 .Tab02 .TabHeadRight .Deadline { clear:both; }
.TabAreax4 .Tab02 .TabHeadRight .Deadline dt { padding:5px 0 0 0; width:70px; float:left; }
.TabAreax4 .Tab02 .TabHeadRight .Deadline dd { margin-right:-4px; width:140px; float:left; }
.TabAreax4 .Tab02 .TabHeadRight .DeliDay { clear:both; }
.TabAreax4 .Tab02 .TabHeadRight .DeliDay dt { padding:5px 0 0 0; width:70px; float:left; }
.TabAreax4 .Tab02 .TabHeadRight .DeliDay dd { width:130px; float:left; }
.TabAreax4 .Tab02 .TabBottom { clear:both; }
.TabAreax4 .Tab02 .TabBottom:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.TabAreax4 .Tab02 .TabBottom .nums { clear:both; }
.TabAreax4 .Tab02 .TabBottom .nums dt { padding:5px 0 0 0; width:70px; float:left; }
.TabAreax4 .Tab02 .TabBottom .nums dd { width:130px; float:left; }
.TabAreax4 .Tab02 .TabBottom .total { clear:both; }
.TabAreax4 .Tab02 .TabBottom .total dt { padding:5px 0 0 0; width:70px; float:left; }
.TabAreax4 .Tab02 .TabBottom .total dd { width:130px; float:left; }
.TabAreax4 .Tab02 .TabBottom .total span { display:block; font-size:0.9em; }
*/

/*viewcart_fortabs*/
.viewCart_fortabs {  }
.TabAreax2 .viewCart_fortabs p.unchosen { height:7px; }
.TabAreax4 .viewCart_fortabs p.unchosen { height:70px; }
.viewCart_fortabs p.unchosen a { display:none; }
.viewCart_fortabs p.tab2 { margin:0 -150px -55px 0; width:150px; position:relative; top:-55px; left:10px; }
.viewCart_fortabs p.tab2 a { margin:10px 0 0 0; padding:0; border:#F9AE00 1px solid; border-radius:3px; height:50px; -webkit-box-shadow:0 0 2px rgba(0,0,0,0.5); text-align:center; text-shadow:-1px -1px 0px rgba(0,0,0,0.2); font-size:1.1em; font-weight:600; line-height:52px; display:block; }
.viewCart_fortabs p.tab2 a { background:-webkit-gradient(linear, left top, left bottom, from(#FBC954), to(#F9AE00)); }
.viewCart_fortabs p.tab2 a { background:-moz-linear-gradient(top, #FBC954, #F9AE00); }
.viewCart_fortabs p.tab2 a { background:-o-linear-gradient(#FBC954, #F9AE00); }
.viewCart_fortabs p.tab2 a { 
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FBC954, endcolorstr=#F9AE00));/*IE6 IE7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FBC954, endcolorstr=#F9AE00))";/* IE8 */
	background-image:linear-gradient(to bottom, #FBC954 0%, #F9AE00 100%);/* IE10 */
}

.viewCart_fortabs p.tab2 a span { /*margin:0 3px -4px 0; width:14px; height:20px; background:url(../img/ico20.png) no-repeat 0px 0px; position:relative; top:1px; left:; display:inline-block;*/ display:none; }

.viewCart_fortabs p.tab4 {  }
.viewCart_fortabs p.tab4 a { margin:10px 0 0 0; padding:4px 0; border:#F9AE00 1px solid; border-radius:3px; height:40px; -webkit-box-shadow:0 0 2px rgba(0,0,0,0.5); text-align:center; text-shadow:-1px -1px 0px rgba(0,0,0,0.2); font-size:1.1em; line-height:40px; display:block; }
.viewCart_fortabs p.tab4 a { background:-webkit-gradient(linear, left top, left bottom, from(#FBC954), to(#F9AE00)); }
.viewCart_fortabs p.tab4 a { background:-moz-linear-gradient(top, #FBC954, #F9AE00); }
.viewCart_fortabs p.tab4 a { background:-o-linear-gradient(#FBC954, #F9AE00); }
.viewCart_fortabs p.tab4 a { 
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FBC954, endcolorstr=#F9AE00));/*IE6 IE7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FBC954, endcolorstr=#F9AE00))";/* IE8 */
	background-image:linear-gradient(to bottom, #FBC954 0%, #F9AE00 100%);/* IE10 */
}
.viewCart_fortabs p.tab4 a span { /*margin:0 3px -4px 0; width:14px; height:20px; background:url(../img/ico20.png) no-repeat 0px 0px; position:relative; top:1px; left:; display:inline-block;*/ display:none; }


/*OrderSheet01*/
.OrderSheet01 { width:100%; background:#FFF; position:fixed; bottom:40px; z-index:; }
.OrderSheet01Head { border-bottom:#000 1px solid; height:auto; position:relative; top:-30px; }

/*MainMenu*/
.MainMenuWrapperTop { width:940px; margin:0 auto;  /*height:20px;*/ clear:both; position:relative;}
.MainMenuWrapperTop:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.MainMenuWrapper {
	width:940px;
	margin: 0 auto;
	position: relative;
	/*z-index: 100;*/
}
.MainMenuWrapper:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.MainMenuWrapper .listToBack { width:105px; margin-top:3px; float:right; }
.MainMenuWrapper .listToBack:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.MainMenuWrapper .listToBack a {
	width:103px;
	height:33px;
	text-indent:-9999px;
	display:block;
	text-decoration:none;
	background:url(../img/btns02.png) no-repeat 0 -80px;
}
.MainMenuWrapper .listToBack a:hover {
	background:url(../img/btns02.png) no-repeat 0 -114px;
}
#commentpanel .listToBack { width:105px; margin-top:3px; }
#commentpanel .listToBack:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
#commentpanel .listToBack a {
	width:103px;
	height:33px;
	text-indent:-9999px;
	display:block;
	float:right;
	text-align: left;
	text-decoration:none;
	background:url(../img/btns02.png) no-repeat 0 -80px;
}
#commentpanel .listToBack a:hover {
	background:url(../img/btns02.png) no-repeat 0 -114px;
}
.MainMenu { width:400px; margin:3px 0; font-size:0.9em; float:left; }
.MainMenu { margin:-5px 0 3px\9; font-size:0.75em\9; }/* IE */
.MainMenu:not(:target) { font-size:0.75em\9; }
.MainMenu:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.MainMenu .categoriesOpener { width:127px; height:22px; float:left; margin-bottom:2px;}
.MainMenu .categoriesOpener:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.MainMenu .categoriesOpener a { width:127px; height:22px; display:block; text-decoration:none; color:#666; text-indent:-9999px; background:url(../../img/btn_cate.gif);}
.MainMenu .categoriesOpener a:hover{background-position:0 -22px;}
.MainMenu .categoriesOpener span { margin-right:0.1em; width:15px; height:13px; display:inline-block; overflow:hidden; position:relative; top:2px; }
.MainMenu .categoriesOpener span:not(:target) { top:3px\9; }
.MainMenu .categoriesOpener span img { position:relative; top:-4px; left:-245px; }
.MainMenu .marksOpener { width:150px; float:left; }
.MainMenu .marksOpener:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.MainMenu .marksOpener a { text-decoration:none; color:#666; }
.MainMenu .marksOpener span { margin-right:0.1em; width:15px; height:13px; display:inline-block; overflow:hidden; position:relative; top:2px; }
.MainMenu .marksOpener span:not(:target) { top:3px\9; }
.MainMenu .marksOpener span img { position:relative; top:-4px; left:-245px; }

.MainMenuHead { margin:10px 15px 15px; border-bottom:1px dotted #c7c7c7;}
.MainMenuHead:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
body:nth-of-type(1) .MainMenu .categoriesOpener { font-size:0.86em; }/*OPERA*/
body:nth-of-type(1) .MainMenu .marksOpener { font-size:0.86em; }/*OPERA*/
@media screen and (-webkit-min-device-pixel-ratio:0) { .MainMenu { font-size:0.86em; }}

/*Search*/
.MainMenuBottomSearch { margin:0; padding:4px 10px; width:920px; height:25px; background:#D0D0D0; text-align:right; clear:both; opacity:0.9; }
@media screen and (-webkit-min-device-pixel-ratio:0) { .MainMenuBottomSearch { padding:6px 10px 3px 10px; height:auto; min-height:20px; position:relative; top:5px; }}
.Searching input.searchBox { margin:0 0 0 725px; padding:2px 5px 2px 20px; border:#BBB 1px solid; border-top-left-radius:4px; border-bottom-left-radius:4px; width:100px; height:12px; display:inline; float:left; background:#FFF url(../img/ico03.png) no-repeat 2px center; font-size:0.8em; line-height:1.2; }
input.searchBtn { width:50px; height:18px; display:inline; float:left; font-size:; line-height:1.2; }
.Searching {  }
.goSearching:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.categoryTitle:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.categoryTitle{font-size:15px; font-weight:600; text-indent:5px; color:#74c930; line-height:30px; border-bottom:1px solid #74c930;}
.categoryTitle a.category_close{float:right; cursor:pointer; margin-top:2px;}
.categoriesList { border:#74c930 2px solid; border-radius:0 4px 4px 4px; width:936px; background:#FEFEFE; font-size:0.9em\9; display:none; z-index:110; position:absolute; top:15px; clear:both; }
.categoryView .category_close{ display: none; }
.categoryView .categoriesList{ margin: 30px auto; display: block; float: none !important; border-radius: 4px; position: static; }
.categoryRank{
	padding-left: 30px;
	position: relative;
}
.categoryView > div:last-child .categoryRank{ padding-left: 25px; }
.categoryView > div:last-child .categoryRank:before{
	background: url(../../img/sp_ico_cat_piece.png) no-repeat left;
	background-size: 30px;

}
.categoryRank:before{
	content: "";
	width: 30px;
	height: 24px;
	margin: auto 0;
	display: block;
	background: url(../../img/categoryrank.png) no-repeat left;
	background-size: 30px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
}
.categoriesList:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.categoriesList ul:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.categoriesList .categoryList{
	width: 880px;
	margin: 10px auto 0;
	border-top:1px solid #b2b2b2;
	list-style: none;
	box-sizing: border-box;
}
.categoriesList .categoryList:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.categoriesList .categoryList li {
	width:80px;
	float:left;
	border-right:1px solid #b2b2b2;
	border-bottom:1px solid #b2b2b2;
	text-align:center;
	font-size:0.8em;
	line-height:1.2em;
	background:url(../../img/sp_ico_cat_piece.png) no-repeat;
	background-position: center 5px ;
	background-size:52px auto;
	box-sizing: border-box;
}
.categoriesList .categoryList li.category10{background:url(../../img/sp_ico_cat_rice.png)      no-repeat; background-position: center 5px ; background-size:52px auto;}
.categoriesList .categoryList li.category11{background:url(../../img/sp_ico_cat_tofu.png)      no-repeat; background-position: center 5px ; background-size:52px auto;}
.categoriesList .categoryList li.category15{background:url(../../img/sp_ico_cat_drink.png)     no-repeat; background-position: center 5px ; background-size:52px auto;}
.categoriesList .categoryList li.category16{background:url(../../img/sp_ico_cat_egg.png)       no-repeat; background-position: center 5px ; background-size:52px auto;}
.categoriesList .categoryList li.category17{background:url(../../img/sp_ico_cat_milk.png)      no-repeat; background-position: center 5px ; background-size:52px auto;}
.categoriesList .categoryList li.category18{background:url(../../img/sp_ico_cat_bred.png)      no-repeat; background-position: center 5px ; background-size:52px auto;}
.categoriesList .categoryList li.category20{background:url(../../img/sp_ico_cat_cheese.png)    no-repeat; background-position: center 5px ; background-size:52px auto;}
.categoriesList .categoryList li.category23{background:url(../../img/sp_ico_cat_soup.png)      no-repeat; background-position: center 5px ; background-size:52px auto;}
.categoriesList .categoryList li.category25{background:url(../../img/sp_ico_cat_vegetable.png) no-repeat; background-position: center 5px ; background-size:52px auto;}
.categoriesList .categoryList li.category26{background:url(../../img/sp_ico_cat_vegetable02.png) no-repeat; background-position: center 5px ; background-size:52px auto;}
.categoriesList .categoryList li.category28{background:url(../../img/sp_ico_cat_fish.png)      no-repeat; background-position: center 5px ; background-size:52px auto;}
.categoriesList .categoryList li.category30{background:url(../../img/sp_ico_cat_meat.png)      no-repeat; background-position: center 5px ; background-size:52px auto;}
.categoriesList .categoryList li.category34{background:url(../../img/sp_ico_cat_frozen.png)    no-repeat; background-position: center 5px ; background-size:52px auto;}
.categoriesList .categoryList li.category36{background:url(../../img/sp_ico_cat_noodle.png)    no-repeat; background-position: center 5px ; background-size:52px auto;}
.categoriesList .categoryList li.category40{background:url(../../img/sp_ico_cat_seas.png)      no-repeat; background-position: center 5px ; background-size:52px auto;}
/* 2021/09/17 IKEDA */
.categoriesList .categoryList li.category41{background:url(../../img/sp_ico_cat_dry.png)      no-repeat; background-position: center 5px ; background-size:52px auto;}
/* 2021/09/17 IKEDA */
.categoriesList .categoryList li.category43{background:url(../../img/sp_ico_cat_can.png)       no-repeat; background-position: center 5px ; background-size:52px auto;}
.categoriesList .categoryList li.category45{background:url(../../img/sp_ico_cat_sweets.png)    no-repeat; background-position: center 5px ; background-size:52px auto;}
.categoriesList .categoryList li.category50{background:url(../../img/sp_ico_cat_goods.png)     no-repeat; background-position: center 5px ; background-size:52px auto;}
.categoriesList .categoryList li.category51{background:url(../../img/sp_ico_cat_omutu.png)     no-repeat; background-position: center 5px ; background-size:52px auto;}
.categoriesList .categoryList li.category52{background:url(../../img/sp_ico_cat_baby.png)      no-repeat; background-position: center 5px ; background-size:52px auto;}
.categoriesList .categoryList li.category71{background:url(../../img/sp_ico_cat_liquor.png)    no-repeat; background-position: center 5px ; background-size:52px auto;}
.categoriesList .categoryList li.category80{background:url(../../img/sp_ico_cat_allergies.png) no-repeat; background-position: center 5px ; background-size:52px auto;}
.categoriesList .categoryList li.category84{background:url(../../img/sp_ico_cat_wappan.png) no-repeat; background-position: center 5px ; background-size:52px auto;}
.categoriesList .categoryList li.category85{background:url(../../img/sp_ico_cat_set.png)       no-repeat; background-position: center 5px ; background-size:52px auto;}
.categoriesList .categoryList li.category96{background:url(../../img/sp_ico_cat_point.png) no-repeat; background-position: center 5px ; background-size:52px auto;}
.categoriesList .categoryList li.category97{background:url(../../img/sp_ico_cat_begginers.png) no-repeat; background-position: center 5px ; background-size:52px auto;}
.categoriesList .categoryList li:nth-of-type(1),
.categoriesList .categoryList li:nth-of-type(12),
.categoriesList .categoryList li:nth-of-type(23){
	border-left:1px solid #b2b2b2;
}
.categoriesList .categoryList li a{
    height: 25px;
    padding: 55px 0 5px;
    display: block;
	color: #333;
	font-size: 12px;
}
div + .categoryTitle{ margin-top: 30px; }
.categoriesList { margin:-5px 0 -200px 0\9; top:5px\9; float:left\9; clear:none\9; }
.categoriesList:not(:target) { float:left\9; }
.categoriesList, x:-moz-any-link { top:30px; float:left; }
.categoriesList, x:-moz-any-link, x:default { top:30px; float:left; }
body:nth-of-type(1) .categoriesList { font-size:0.9em; float:left; top:22px; }
.categoriesList a.mark{
	width: 45px;
	margin-bottom:4px;
	display: block;
	font-size: 11px !important;
	cursor: pointer;
	float: right;
	font-weight: 400;
	line-height: 1.2em;
	border: 1px solid #b9b9b9;
	color: #9e9e9e;
	border-radius: 4px;
	padding: 2px;
	margin-right: 5px;
	text-align: center;
}
.markList ul{
    display: flex;
    width: 910px;
    margin: 0;
    padding: 10px 0;
    list-style: none;
    flex-wrap: wrap;
    align-items: center;
}
.markList ul:nth-child(6) { margin-right:0px; }
.markList ul li { width:160px; margin-bottom:15px; font-size:15px !important;}
.markList ul li { background: none; width: 179px;}
.markList ul li span img { width:25px; }
.markList:after{ content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.markList ul li span { margin-right:5px; width:25px; display:inline-block; position:relative; }
.markList a {
    color: #000;
    text-decoration: none;
    font-size: 15px !important;
}
/*.markList { margin:-35px auto -130px auto; border:#CCC 1px solid; border-radius:4px; width:940px; height:130px; background:#FEFEFE; font-size:0.9em\9; display:none; z-index:211; position:relative; top:7px; clear:both; }
.markList:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
/*.MarksList ul { margin-right:8px; width:180px; list-style:none; float:left; }*//*
ul.markList{ margin-right:8px; width:170px; list-style:none; float:left; }
.markList ul:nth-child(6) { margin-right:0px; }
.categoriesList ul.markList li { padding:0 0 8px 0; background:none;}
.markList ul li span { margin-right:2px; width:20px; height:20px; display:inline-block; position:relative; }
.markList ul li span img { width:20px; height:20px; }
.markList a { color:#666; text-decoration:none; }
.markList { margin:-5px 0 -130px 0\9; top:5px\9; float:left\9; }
.markList:not(:target) { float:left\9; }
.markList, x:-moz-any-link { top:30px; float:left; }
.markList, x:-moz-any-link, x:default { top:30px; float:left; }
body:nth-of-type(1) .MarksList { font-size:0.9em; float:left; top:30px; }*/

.itemlistpanel { max-width:960px; }
/*#itemlistpanel { margin-top:-25px; }*/

/*===================================
	表示切り替え--MainAreaWrapperNav
===================================*/
.MainAreaWrapper {
	width:940px;
	margin:0 auto;
	position: relative;
	z-index: 1;
}
.MainAreaWrapper.Bottom {
	width:940px;
	margin:0 auto;
	position: relative;
	top:-10px;
	z-index: 1;
}

.MainAreaWrapper .MainAreaWrapperNav { width:940px; margin:0 0 5px; }
.MainAreaWrapper .MainAreaWrapperNav.Bottom { width:940px; margin:5px 0; }
.MainAreaWrapper .MainAreaWrapperNav:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.MainAreaWrapper .MainAreaWrapperNav .viewChange{ width:auto; float:right; }
.MainAreaWrapper .MainAreaWrapperNav .viewChange p{ width:103px; margin-left:10px; float:left; }
.MainAreaWrapper .MainAreaWrapperNav .viewChange a{
	width:103px;
	height:35px;
	text-indent:-9999px;
	display:block;
	text-decoration:none;
	/* MacIE5.X除外 start \*/
	overflow: hidden;
	/* MacIE5.X除外 end */
}
.MainAreaWrapper .MainAreaWrapperNav .viewChange p.view01 a{/* 通常表示 */
	background:url(../img/btn_view.png) no-repeat 0 0;
}
.MainAreaWrapper .MainAreaWrapperNav .viewChange p.view01 a:hover,
.MainAreaWrapper .MainAreaWrapperNav .viewChange p.view01stay{
	background:url(../img/btn_view.png) no-repeat 0 -38px;
}
.MainAreaWrapper .MainAreaWrapperNav .viewChange p.view02 a{/* ワイド表示 */
	background:url(../img/btn_view.png) no-repeat -111px 0;
}
.MainAreaWrapper .MainAreaWrapperNav .viewChange p.view02 a:hover,
.MainAreaWrapper .MainAreaWrapperNav .viewChange p.view02stay{
	background:url(../img/btn_view.png) no-repeat -111px -38px;
}
.MainAreaWrapper .MainAreaWrapperNav .viewChange p.view04 a{/* リスト表示 */
	background:url(../img/btn_view.png) no-repeat -224px 0;
}
.MainAreaWrapper .MainAreaWrapperNav .viewChange p.view04 a:hover,
.MainAreaWrapper .MainAreaWrapperNav .viewChange p.view04stay{
	background:url(../img/btn_view.png) no-repeat -224px -38px;
}
.MainAreaWrapperNav .listToBack { width:103px; margin-left:10px; float:left; }
.MainAreaWrapperNav .listToBack a {
	width:103px;
	height:33px;
	text-indent:-9999px;
	display:block;
	text-decoration:none;
	background:url(../img/btns02.png) no-repeat 0 -80px;
}
.MainAreaWrapperNav .listToBack a:hover {
	background:url(../img/btns02.png) no-repeat 0 -114px;
}


/*
.MainAreaWrapper .viewChange { margin:0 0 -45px 320px; width:590px; float:right; position:relative; top:-45px; float:left; }
.MainAreaWrapper .viewChange p { border:#CCC 1px solid; border-radius:3px; width:110px; height:30px; text-shadow:1px 1px 0px #FFF; display:block; float:left; }
.MainAreaWrapper .viewChange p {
	background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE)); background:-moz-linear-gradient(top, #FFF, #EEE); background:-o-linear-gradient(#FFF, #EEE);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFFFFF, endcolorstr=#EEEEEE));
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFFFFF, endcolorstr=#EEEEEE))"; zoom:1;
	background-image:linear-gradient(to bottom, #FFFFFF 0%, #EEEEEE 100%);/* IE10 *//*
}
.MainAreaWrapper .viewChange span { display:none; }
.MainAreaWrapper .viewChange a { margin:0; padding:3px 10px 3px 30px; width:70px; height:24px; line-height:26px; font-size:0.9em; text-decoration:none; color:#222; display:inline-block; position:relative; top:0; left:0; }
.MainAreaWrapper .viewChange a:hover { color:#666; }

.viewChange .view01, .viewChange .view01stay { margin:0 5px 0 0; background:url(../img/icon_viewchange.png) no-repeat 3px 3px; }
.viewChange .view02, .viewChange .view02stay { margin:0 5px 0 0; }
.viewChange .view03, .viewChange .view03stay { margin:0 5px 0 0; }
.viewChange .view04, .viewChange .view04stay { margin:0 -40px 0 0; }

.viewChange .view01 a { background:url(../img/icon_viewchange.png) no-repeat 3px 3px; }
.viewChange .view02 a { background:url(../img/icon_viewchange.png) no-repeat 3px -21px; }
.viewChange .view03 a { background:url(../img/icon_viewchange.png) no-repeat 3px -45px; }
.viewChange .view04 a { background:url(../img/icon_viewchange.png) no-repeat 3px -69px; }

.viewChange .view01stay a { background:url(../img/icon_viewchange.png) no-repeat 3px 3px; }
.viewChange .view02stay a { background:url(../img/icon_viewchange.png) no-repeat 3px -21px; }
.viewChange .view03stay a { background:url(../img/icon_viewchange.png) no-repeat 3px -45px; }
.viewChange .view04stay a { background:url(../img/icon_viewchange.png) no-repeat 3px -69px; }

.viewChange p.view01stay, .viewChange p.view02stay, .viewChange p.view03stay, .viewChange p.view04stay {
	background:-webkit-gradient(linear, left top, left bottom, from(#FFFFF0), to(#FFF673)); background:-moz-linear-gradient(top, #FFFFF0, #FFFF4D); background:-o-linear-gradient(#FFFFF0, #FFFF4D);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFFFF0, endcolorstr=#FFFF4D));
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFFFF0, endcolorstr=#FFFF4D))"; zoom:1;
	background-image:linear-gradient(to bottom, #FFFFF0 0%, #FFFF4D 100%);/* IE10 *//*
}


.MainAreaWrapper .listToBack { margin:0 0 -32px 880px; width:70px; height:32px; position:relative; oerflow:hidden; top:-45px; z-index:31; float:left; }
.MainAreaWrapper .listToBack a { border-radius:3px; width:70px; height:32px; background:#333 url(../img/icon_viewchange.png) no-repeat 3px -93px; font-weight:600; line-height:34px; text-decoration:none; text-indent:30px; color:#FFF; opacity:0.9; position:relative; display:block; }
*/




/*===================================
	ページャー--pagingWrap
===================================*/
.MainAreaWrapper .pagingWrap.Bottom { margin-bottom:5px; }
.MainAreaWrapper .pagingWrap:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.MainAreaWrapper .pagingWrap .paging { 
	width:930px;
	padding:5px 0 5px 10px;
	display: flex;
	align-items: center;
	line-height: 1.8rem;
	background:#EEE;
	font-size:0.8em;
}
.MainAreaWrapper .pagingWrap .paging p { width:83%; }
.MainAreaWrapper .pagingWrap .paging a {
	padding:0 4px;
	padding/*\**/: 0 4px\9; /* IE8 */
	border-left:#999 1px solid;
	font-size:0.86em;
	color:#222;
	text-align:center;
	text-decoration:none;
	display:block;
	float:left;
}
.MainAreaWrapper .pagingWrap .paging a.pre,
.MainAreaWrapper .pagingWrap .paging a.post,
.MainAreaWrapper .pagingWrap .paging span.pagenumber a{ padding: 0 6px; }
.MainAreaWrapper .pagingWrap .paging a.pre,
.MainAreaWrapper .pagingWrap .paging a.post{ font-size: 1.3em; }
.MainAreaWrapper .pagingWrap .paging span.pagenumber{ margin-right: 0; }
.MainAreaWrapper .pagingWrap .paging span.pagenumber a{ font-size: 1.6em; }
.MainAreaWrapper .pagingWrap .paging a.pre { border:none; }
.MainAreaWrapper .pagingWrap .paging span {
	margin:0 3px 0 0;
	padding:0 3px 0 0;
	font-size:0.86em;
	font-weight:600;
	display:block;
	float:left;
}
.MainAreaWrapper .pagingWrap .paging a:hover { color:#999; }
.MainAreaWrapper .pagingWrap .paging a.stay { color:#F60; }

.MainAreaWrapper .pagingWrap .paging p.GoToNomOrder{ width:153px; }
.MainAreaWrapper .pagingWrap .paging p.GoToNomOrder a{
	width:153px;
	height: 32px;
	border-left:none;
	text-indent:-9999px;
	display: block;
	text-decoration: none; /*mozilla系でインデント分のはみだしリンク線対策*/
/* MacIE5.X除外 start \*/
	overflow: hidden;
/* MacIE5.X除外 end */
	background:url(../img/btns02.png) no-repeat 0px -156px;
}
.MainAreaWrapper .pagingWrap .paging p.GoToNomOrder a:hover{
	background:url(../img/btns02.png) no-repeat 0px -192px;
}

/* 20130321 追記 */
@-moz-document url-prefix() { .MainAreaWrapper .pagingWrap { font-size:1.1em; }}
/*body:nth-of-type(1) .MainAreaWrapper .pagingWrap { font-size:0.7em; }OPERA*/
/* /20130321 追記 */

/* 20130321 追記 */
/*@media screen and (min-width: 321px) and (max-device-width: 920px) {
.MainAreaWrapper .pagingWrap { font-size:0.9em; background:transparent; clear:both; }
.MainAreaWrapper .pagingWrap .paging p { margin:5px auto 10px auto; padding:8px 10px 2px 10px; border-radius:3px; width:920px; height:22px; background:#F0F0F0; position:relative; top:-12px; font-size:0.9em; font-family:Arial; line-height:1.2; font-weight:600; clear:both; }
}*/
/* /20130321 追記 */

/*ListFoot Navi*/
.MainMenuBottom { margin:10px auto 20px; width:960px; clear:both; }
.MainMenuBottom:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.MainMenuBottom .MainEndMenu { clear:both; }

.MainBottom { margin:10px auto 20px auto; width:940px; clear:both; }
.MainBottom:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.MainBottom .MainEndMenu { clear:both; }

.MainBottom .MainEndMenuPagination { font-size:0.86em; margin:0; padding:0; border:0; clear:both; }
.MainBottom .MainEndMenuPagination p {  margin:5px auto 0 auto; padding:8px 10px 2px 10px; border-radius:3px; width:920px; height:22px; background:#F0F0F0; position:relative; top:-12px; font-size:0.86em; line-height:1.2; font-weight:600; clear:both; }
.MainBottom .MainEndMenuPagination span { margin:0; padding:0 5px 0 0; border-right:#CCC 1px solid; font-weight:600; }
.MainBottom .MainEndMenuPagination a { padding:0 3px; border-right:#CCC 1px solid; color:#222; }
.MainBottom .MainEndMenuPagination a.stay { color:#F60; }
.MainBottom .MainEndMenu .paging { width:800px; position:relative; top:0px; left:0px; font-size:0.6em; color:#666; float:left; }
*/

/* 20130321 追記 */
@-moz-document url-prefix() { .MainBottom .MainEndMenuPagination { font-size:1.1em; } }
/*body:nth-of-type(1) .MainBottom .MainEndMenuPagination { font-size:0.7em; }OPERA*/
/* /20130321 追記 */

/* 20130321 追記 */
@media screen and (min-width: 321px) and (max-device-width: 920px) {
.MainBottom .MainEndMenuPagination { font-size:0.9em; margin:0; padding:0; border:0; clear:both; }
.MainBottom .MainEndMenuPagination p {  margin:5px auto 0 auto; padding:8px 10px 2px 10px; border-radius:3px; width:920px; height:22px; background:#F0F0F0; position:relative; top:-12px; font-size:0.9em; line-height:1.2; font-weight:600; clear:both; }
}
/* /20130321 追記 */

.MainEndSubMenu { clear:both; }
.MainEndSubMenu:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }

.MainBottom .viewChange { margin:0 0 0 310px; width:470px; position:relative; float:left; z-index:11; }
.MainBottom .viewChange p { border:#CCC 1px solid; border-radius:3px; width:110px; height:30px; text-shadow:1px 1px 0px #FFF; display:block; float:left; }
.MainBottom .viewChange p {
	background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EEEEEE));
	background:-moz-linear-gradient(top, #FFFFFF, #EEEEEE);
	background:-o-linear-gradient(#FFFFFF, #EEEEEE);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFFFFF, endcolorstr=#EEEEEE));
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFFFFF, endcolorstr=#EEEEEE))";
	zoom:1;
	background-image:linear-gradient(to bottom, #FFFFFF 0%, #EEEEEE 100%);/* IE10 */
}
.MainBottom .viewChange span { display:none; }
.MainBottom .viewChange a { margin:0; padding:3px 10px 3px 30px; width:70px; height:24px; line-height:26px; font-size:0.9em; text-decoration:none; color:#222; display:inline-block; position:relative; top:0; left:0; }
.MainBottom .viewChange a:hover { color:#666; }
.MainBottom .view01 { margin:0 5px 0 0; }
.MainBottom .view02 { margin:0 5px 0 0; }
.MainBottom .view03 { margin:0 5px 0 0; }
.MainBottom .view04 { margin:0; }
.MainBottom .view01 a { background:url(../img/icon_viewchange.png) no-repeat 3px 3px; }
.MainBottom .view02 a { background:url(../img/icon_viewchange.png) no-repeat 3px -21px; }
.MainBottom .view03 a { background:url(../img/icon_viewchange.png) no-repeat 3px -45px; }
.MainBottom .view04 a { background:url(../img/icon_viewchange.png) no-repeat 3px -69px; }

.MainBottom .view01, .MainBottom .view01stay { margin:0 5px 0 0; background:url(../img/icon_viewchange.png) no-repeat 3px 3px; }
.MainBottom .view02, .MainBottom .view02stay { margin:0 5px 0 0; }
.MainBottom .view03, .MainBottom .view03stay { margin:0 5px 0 0; }
.MainBottom .view04, .MainBottom .view04stay { margin:0 -40px 0 0; }


.MainBottom .view01stay a { background:url(../img/icon_viewchange.png) no-repeat 3px 3px; }
.MainBottom .view02stay a { background:url(../img/icon_viewchange.png) no-repeat 3px -21px; }
.MainBottom .view03stay a { background:url(../img/icon_viewchange.png) no-repeat 3px -45px; }
.MainBottom .view04stay a { background:url(../img/icon_viewchange.png) no-repeat 3px -69px; }


.MainBottom p.view01stay, .MainBottom p.view02stay, .MainBottom p.view03stay, .MainBottom p.view04stay {
	background:-webkit-gradient(linear, left top, left bottom, from(#FFFFF0), to(#FFF673)); background:-moz-linear-gradient(top, #FFFFF0, #FFFF4D); background:-o-linear-gradient(#FFFFF0, #FFFF4D);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFFFF0, endcolorstr=#FFFF4D));
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFFFF0, endcolorstr=#FFFF4D))"; zoom:1;
	background-image:linear-gradient(to bottom, #FFFFF0 0%, #FFFF4D 100%);/* IE10 */
}


.MainBottom .listToBack { margin:0; width:70px; height:32px; position:relative; overflow:hidden; float:left; }
.MainBottom .listToBack a { border-radius:3px; width:70px; height:32px; background:#333 url(../img/icon_viewchange.png) no-repeat 3px -93px; font-weight:600; line-height:34px; text-decoration:none; text-indent:30px; color:#FFF; opacity:0.9; position:relative; display:block; }

.MainBottom .GoToNomOrder { margin:0 0 0 0; width:90px; height:; position:relative; oerflow:hidden; z-index:31; float:left; }
.MainBottom .GoToNomOrder a { width:80px; height:32px; background:url(../img/btns.png) no-repeat 0px -1880px; text-indent:-9999px; display:block; }
.MainBottom .GoToNomOrder a:hover { background-position:-80px -1880px; }

/*20200519_一宮生協*/
.ichinomiyaCautionBox{
	width: 540px;
	margin: 15px auto 0;
	padding: 20px 10px;
	border: 2px dashed #ccc;
	font-size: 14px;
	box-sizing: border-box;
}
.ichinomiyaCautionBox h2 {
	margin-bottom: 15px;
	color: #ff3300;
	font-size: 15px;
}
.ichinomiyaCautionBox dl{
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dashed #ccc;
}
.ichinomiyaCautionBox dl dt,
.ichinomiyaCautionBox dl dd span{ font-weight: bold; }
.ichinomiyaCautionBox dl dt{ color: #40B25C; }
.ichinomiyaCautionBox dl dd{ margin-top: 15px; }
.ichinomiyaCautionBox dl dd + dd{ margin-top: 10px; }
.ichinomiyaCautionBox dl dd span{ color: #ff0000; }

/*LoginInfo*/
.LoginInfo {
	width: 540px;
	margin: 0 auto 20px;
	padding: 0;
	-moz-border-radius: 4px; /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Google Chrome */
	border-radius: 4px; /* CSS3 */
/*
	-moz-box-shadow: 0 1px 3px #c9caca;
	-webkit-box-shadow: 0 1px 3px #c9caca;
	box-shadow:0 1px 3px rgba(0, 0, 0, 0.3);
*/
	behavior: url(common/css/PIE.htc); /* CSS3のIE9未満（IE8以下）への対応 */
	position: relative;
}
.LoginInfoWrap {
	margin: 30px auto 0;
	-moz-border-radius: 4px; /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Google Chrome */
	border-radius: 4px; /* CSS3 */
	border: solid 1px #f86523;
	background: #fff;
/* 2013/04/16 IKEDA */
/*	behavior: url(common/css/PIE.htc); */ /* CSS3のIE9未満（IE8以下）への対応 */
/* 2013/04/16 IKEDA */
	position: relative;
}
.LoginInfoWrap h2 {
	margin: 0;
	padding: 10px 0;
	color: #ff3300;
	font-size: 15px;
	-moz-border-radius: 4px 4px 0 0; /* Firefox */
	-webkit-border-radius: 4px 4px 0 0; /* Safari,Google Chrome */
	border-radius: 4px 4px 0 0; /* CSS3 */
	border-bottom: solid 1px #f86523;
	background: #ffddc0; /* Firefox */
	background: -moz-linear-gradient(top, #ffe8d0, #ffddc0); /* Firefox */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffe8d0), to(#ffddc0)); /* Safari,Google Chrome */
/* 2013/04/16 IKEDA */
/* behavior: url(common/css/PIE.htc);*/ /* CSS3のIE9未満（IE8以下）への対応 */
/* 2013/04/16 IKEDA */
	position: relative;
}
/*	2013/02/26 IKEDA */
.LoginInfoTxt_black { color:#000; text-align: left; }
.LoginInfoTxt_red { color:#ff3300; text-align: left; }
/*	2013/02/26 IKEDA */
.LoginInfoWrap dl{
	padding: 15px 20px;
	text-align: left;
	font-size: 13px;
	box-sizing: border-box;
}
.LoginInfoWrap dl + dl{ border-top: 1px dotted #ccc; }
.LoginInfoWrap dl dt{
	display: block;
	font-weight: 600;
	cursor: pointer;
	position: relative;
}
.LoginInfoWrap dl dt:after{
	content: "＋";
	color: #aaa;
	font-size: 16px;
	font-weight: 600;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
}
.LoginInfoWrap dl dt:hover{ text-decoration: underline; }
.LoginInfoWrap dl dt.active:after{ content: "−"; }
.LoginInfoWrap dl dd{ margin-top: 15px; }
.loginBannerSlider{
	width: 600px;
	margin: 40px auto 20px;
	position: relative;
}
.mainSlider{
	width: 600px;
	margin: 0 auto;
}
.mainSlider .slick-slide{
	margin: 0;
}
.subSlider{
	width: 600px;
	margin: 10px auto 0;
}
.subSlider .slick-slide{
	margin: 0;
	outline: 0;
	position: relative;
	cursor: pointer;
	box-sizing: border-box;
}
.subSlider .slick-current:after {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	border: 2px solid #71c41c;
	position: absolute;
	top: 0;
	box-sizing: border-box;
}
/*HomePush*/
.HomePush { margin:0 auto 5px auto; width:940px; clear:both; }
.HomePush:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.HomePushWrap { padding-bottom:10px; background:#9BC92F; }
/*.HomePushWrap { padding:5px 10px 10px 10px ; border-radius:4px; background:#9BC92F; }*/

.HomePushWrap h2 { margin-bottom:5px; }
.PushItemWrap { /*padding:10px 0; border-radius:4px;*/ width:920px; margin:-10px auto 0; padding-top:10px; background:#FFF; position:relative; overflow:hidden; }
.PushItemWrap:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.PushItemWrapWidth { margin:0 0 0 3px; padding:0 2px 10px 0; width:224px; position:relative; overflow:hidden; float:left; }
.PushItemWrapInner { border-right:#CCC 1px dotted; }
/*.PushItemWrapInner { margin:0 0 0 5px; padding:0 4px 0 0; border-right:#CCC 1px dotted; width:220px; position:relative; overflow:hidden; float:left; }*/
.PushItemWrapInner:nth-child(4) { border-right:none; }
.PushItemWrapInner:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
/*.HomePushTitle { padding:6px; }*/
.HomePushTitle{
	width:940px;
	height:45px;
	margin:0;
	padding:0;
	background:url(../img/HomePushTitle.png) no-repeat 0 0;
}
.HomePushTitle h2{
	padding:5px 0 5px 10px;
	font-size:1.4em;
	font-size:1.2em\9;
	font-weight:600;
	color:#FF6;
}
/*.HomePushTitle h2 { margin:0 0 3px 0; font-size:1.4em; font-size:1.2em\9; font-weight:600; color:#FF6; }*/

.HomePushTitle p { font-size:0.9em; color:#FFF; }
.PushItemWrapInner h3 { margin-bottom:5px; font-size:1.05em; font-size:1.04em\9; letter-spacing:-0.1em\9; min-height:2.2em; font-weight:600; color:#F60; }
.PushItemWrapInner .PushItemWrapDetail { font-size:0.9em; background:; }
.PushItemWrapInner .PushItemWrapDetail:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.PushItemWrapInner .PushItemWrapDetailLeft { width:123px; float:left; }
.PushItemWrapInner .PushItemWrapDetailLeft p { width:120px; height:122px; text-align:center; position:relative; overflow:hidden; }
.PushItemWrapInner .PushItemWrapDetailLeft img { margin:0 -25%; min-width:123px; height:auto; max-height:122px; position:relative; }
.PushItemWrapInner .PushItemWrapDetailRight { width:95px; height:; float:left; overflow:hidden; text-overflow:ellipsis; }
.PushItemWrapInner .PushItemWrapDetailRight p.gogocomment { font-size:13px; line-height:17px; width:95px; height:104px; height:102px\9; position:relative; overflow:hidden; display:block; }
.PushItemWrapInner .PushItemWrapDetailRight br { display:none; }
.PushItemWrapInner .PushItemWrapDetailRight a { color:#222; text-decoration:none; }
.PushItemWrapInner .PushItemWrapDetailRight p.gogomore { }
.PushItemWrapInner .PushItemWrapDetailRight p.gogomore a {
	width:95px;
	height:25px;
	text-indent:-9999px;
	display: block;
	text-decoration: none; /*mozilla系でインデント分のはみだしリンク線対策*/
/* MacIE5.X除外 start \*/
	overflow: hidden;
/* MacIE5.X除外 end */
	position:relative;
	z-index:21;
	background:url(../img/btns02.png) no-repeat -211px -559px;
}
.PushItemWrapInner .PushItemWrapDetailRight p.gogomore a:hover { background-position:-211px -589px; }
/*
.PushItemWrapInner .PushItemWrapDetailRight p.gogomore a span.moreIcon { display:none; }
.PushItemWrapInner .PushItemWrapDetailRight p.gogomore a span.moreIcon img { /*height:14px; position:relative; top:0px; left:-460px;*//* display:none; }
*/

/*LatestArea*/
.LatestArea { border:#B3E0BF 2px solid; border-radius:4px; width:960px; background:#FFFEF5; }
.LatestArea a { color:#000; text-decoration:none; }
.LatestWrap { margin:10px; }
/*.LatestArea .LatestTitle { margin:0 0 0.65em 0; padding:0.25em 1em; border-radius:4px; background:#B3E0BF; }*/
.LatestArea .LatestTitle { border-radius:4px; background:#B3E0BF; }
.LatestArea .LatestTitle:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.LatestArea .LatestTitle h2 { width:70%; float:left; }
.LatestArea .LatestTitle h2 span { margin-right:0.2em; width:20px; height:20px; display:inline-block; overflow:hidden; position:relative; }
.LatestArea .LatestTitle h2 span img { position:relative; top:0px; left:-280px; }
.LatestArea .LatestTitle p { width:30%; font-size:0.9em; line-height:1.8; text-align:right; float:left; }
.LatestArea .LatestTitle a { color:#666; }
.LatestArea dl { margin:0 0 0.8em 0; padding:0 0 0.3em 0; border-bottom:#D6D6D0 1px dotted; font-size:0.9em; clear:both; }
.LatestArea dl:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.LatestArea dt { width:12%; color:#40B25D; float:left; }
.LatestArea dt span { margin-right:0.1em; width:20px; height:20px; display:inline-block; overflow:hidden; position:relative; }
.LatestArea dt span img { position:relative; top:-2px; left:-300px; }
.LatestArea dd { width:88%; float:left; }

/*LatestArea x2*/
.LatestArea_x2 { margin:0 10px; border:#B3E0BF 2px solid; border-radius:4px; width:460px; background:#FFFEF5; float:left; }
.LatestArea_x2 a { color:#000; text-decoration:none; }
.Latest_x2Wrap { margin:10px; }
.LatestBody { width:438px; height:200px; background:transparent; position:relative; overflow-y:scroll; }
.LatestArea_x2 .LatestTitle {
	margin:0 0 6px 0;
	padding:2px 10px;
	border-radius:4px;
	background:#B3E0BF;
}
.LatestArea_x2 .LatestTitle:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.LatestArea_x2 .LatestTitle h2 { width:50%; float:left; position:relative; }
.LatestArea_x2 .LatestTitle h2 span { margin-right:3px; width:20px; height:20px; display:inline-block; overflow:hidden; position:relative; }
.LatestArea_x2 .LatestTitle h2 span img { position:relative; top:0px; left:-280px; }
.LatestArea_x2 .LatestTitle p { width:50%; font-size:0.9em; line-height:1.8; text-align:right; float:left; position:relative; }
.LatestArea_x2 .LatestTitle p { top:0.2em\9; }
.LatestArea_x2 .LatestTitle p:not(:target) { top:0.2em\9; }
.LatestArea_x2 .LatestTitle a { color:#666; }
iframe.LatestBody { height:200px; }
.LatestArea_x2 dl { margin:0 0 0.8em 0; padding:0 0 0.3em 0; border-bottom:#D6D6D0 1px dotted; font-size:0.9em; clear:both; }
.LatestArea_x2 dl:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.LatestArea_x2 dl.end { margin:0; padding:0; border-bottom:0; }
.LatestArea_x2 dt { width:20%; color:#40B25D; float:left; }
.LatestArea_x2 dt span { margin-right:2px; width:12px; height:20px; display:inline-block; overflow:hidden; position:relative; float:left; }
.LatestArea_x2 dt span img { position:relative; top:-2px; left:-305px; }
.LatestArea_x2 dd { width:80%; position:relative; float:left; top:0.25em; }

@media screen and (-webkit-min-device-pixel-ratio:0) { .iframeWrap { width:438px; height:200px; overflow-y: scroll; overflow-x: hidden;  -webkit-overflow-scrolling:touch; position:relative; }}

/*ReviewArea x2*/
.ReviewArea_x2 { margin:0 5px 0 0; border:#FDD8A3 2px solid; border-radius:4px; width:460px; background:#FFFEF5; float:left; }
.ReviewArea_x2 a { color:#000; text-decoration:none; }
.ReviewArea_x2 a:hover { text-decoration:underline; }
.Review_x2Wrap { margin:10px; }
.ReviewArea_x2 .LatestTitle {
	margin:0 0 6px 0;
	padding:1px 0 2px 10px;
	border-radius:4px;
	background:#FDD8A3;
}
.ReviewArea_x2 .LatestTitle:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.ReviewArea_x2 .LatestTitle h2 { width:50%; float:left; /*position:relative;*/ }
.ReviewArea_x2 .LatestTitle h2 span { margin:1px 3px 0 0; width:20px; height:20px; display:inline-block; overflow:hidden; position:relative; }
.ReviewArea_x2 .LatestTitle h2 span img { position:relative; top:0px; left:-280px; }
.ReviewArea_x2 .LatestTitle p.revlist{
	padding-left:18px;
	font-size:0.9em;
	float:right;
}
.ReviewArea_x2 .LatestTitle a {
	width:130px;
	height: 25px;
	text-indent:-9999px;
	display: block;
	text-decoration: none; /*mozilla系でインデント分のはみだしリンク線対策*/
/* MacIE5.X除外 start \*/
	overflow: hidden;
/* MacIE5.X除外 end */
	background:url(../img/btn_contrib.png) no-repeat 0 0;
}
.ReviewArea_x2 .LatestTitle a:hover { background-position: 0 -30px; }

/*
.ReviewArea_x2 .LatestTitle p { width:50%; font-size:0.9em; line-height:1.8; text-align:right; float:left; position:relative; }
.ReviewArea_x2 .LatestTitle a { color:#666; }
*/
.ReviewArea_x2 dl { margin:0 0 0.8em 0; padding:0 0 0.3em 0; border-bottom:#D6D6D0 1px dotted; font-size:0.9em; clear:both; }
.ReviewArea_x2 dl:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.ReviewArea_x2 dl.end { margin:0; padding:0; border-bottom:0; }
.ReviewArea_x2 dt { width:10%; color:#40B25D; float:left; }
.ReviewArea_x2 dt span { margin-right:2px; width:40px; height:20px; display:inline-block; overflow:hidden; position:relative; float:left; top:-2px; }
.ReviewArea_x2 dt span img { position:relative; top:0px; left:-340px; }
.ReviewArea_x2 dd { width:90%; position:relative; float:left; top:0.25em; line-height:1.4; }
.ReviewArea_x2 dd strong { color:#000; font-weight:600; }

/*Latest-ReviewArea HACK IE8*/
/*
.LatestArea_x2 .LatestTitle h2 { top:-0.2em\9; }
.LatestArea_x2 .LatestTitle h2 span { top:0.4em\9; }
*/
.LatestArea_x2 dt { padding-top:0.3em\9; margin-bottom:-0.4em\9; }
.LatestArea_x2 dt span { top:-0.2em\9; }

/*Latest-ReviewArea HACK IE9*/
/*
.LatestArea_x2 .LatestTitle h2:not(:target) { top:0.15em\9; min-height:2.5em\9; }
.LatestArea_x2 .LatestTitle h2 span:not(:target) { top:0.5em\9; }
*/
.LatestArea_x2 .LatestTitle p:not(:target) { padding-top:0.3em\9; }
.LatestArea_x2 dt:not(:target) { padding-top:0.3em\9; margin-bottom:-0.4em\9; }
.LatestArea_x2 dt span:not(:target) { top:-0.2em\9; }

/*Latest-ReviewArea HACK FF*/
.LatestArea_x2 .LatestTitle h2, x:-moz-any-link { top:-0.2em; }
.LatestArea_x2 .LatestTitle h2, x:-moz-any-link, x:default { top:-0.2em; }
.LatestArea_x2 .LatestTitle h2 span, x:-moz-any-link { top:0.3em; }
.LatestArea_x2 .LatestTitle h2 span, x:-moz-any-link, x:default { top:0.3em; }
/*
.ReviewArea_x2 .LatestTitle h2 { top:-0.2em\9; }
.ReviewArea_x2 .LatestTitle h2 span { top:0.4em\9; }
*/
.ReviewArea_x2 .LatestTitle p { top:0.2em\9; }
.ReviewArea_x2 dt { padding-top:0.3em\9; margin-bottom:-0.4em\9; }
.ReviewArea_x2 dt span { top:-0.2em\9; }
/*
.ReviewArea_x2 .LatestTitle h2:not(:target) { top:0.15em\9; min-height:2.5em\9; }
.ReviewArea_x2 .LatestTitle h2 span:not(:target) { top:0.5em\9; }
*/
.ReviewArea_x2 .LatestTitle p:not(:target) { top:0.2em\9; }
.ReviewArea_x2 dt:not(:target) { padding-top:0.3em\9; margin-bottom:-0.4em\9; }
.ReviewArea_x2 dt span:not(:target) { top:-0.2em\9; }
.ReviewArea_x2 .LatestTitle h2, x:-moz-any-link { top:-0.2em; }
.ReviewArea_x2 .LatestTitle h2 span, x:-moz-any-link { top:0.3em; }
.ReviewArea_x2 .LatestTitle h2, x:-moz-any-link, x:default { top:-0.2em; }
.ReviewArea_x2 .LatestTitle h2 span, x:-moz-any-link, x:default { top:0.3em; }

/*Latest-ReviewArea HACK webkit*/
@media screen and (-webkit-min-device-pixel-ratio:0) { .LatestArea_x2 dl { font-size:1.0em; line-height:1.8; }}
/*@media screen and (-webkit-min-device-pixel-ratio:0) { .LatestArea_x2 .LatestTitle h2 { padding-top:0.4em; }}*/
@media screen and (-webkit-min-device-pixel-ratio:0) { .LatestArea_x2 .LatestTitle p { padding-top:0.3em; font-size:0.9em; line-height:1.9; }}
@media screen and (-webkit-min-device-pixel-ratio:0) { .ReviewArea_x2 dl { font-size:1.0em; line-height:1.8; }}
/*@media screen and (-webkit-min-device-pixel-ratio:0) { .ReviewArea_x2 .LatestTitle h2 { padding-top:0.4em; }}*/

/*MainHome*/
.MainHome { margin:0 auto 20px; width:960px; clear:both; }
.MainHome:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.MainHome p { margin:0; display:inline; float:left; }

/*orderSheet*/
.Ordered { }
.orderSheet { margin:0 auto; width:960px; }
.orderSheet img.nowloading { margin:23px auto 0 auto; width:35px; height:35px; }
.Max { background:#F00; color:#FFF; font-weight:600; }
.OrderSheetBodyError { padding:3px 0 0 0; color:#F00; text-align:left; clear:both; }

/*1Line_Title*/
.OrderSheetArea { width:100%; position:fixed; bottom:0px; height:1800px; font-size:0.9em; z-index:1000; }
.orderSheetWrap { width:; position:relative; top:-27px; }
.OrderSheetTitleWrap { border-bottom:#78AD1F 1px solid; width:100%; height:60px; }
.OrderSheetTitle { margin:0 auto; padding:10px; border-top-left-radius:3px; border-top-right-radius:3px; width:920px; height:40px; background:#78AD1F; color:#FFF; }
.OrderSheetTitleInnerLeft { margin:0 20px 0 0; width:540px; float:left; }
.OrderSheetTitleInnerWrap { margin:0 0 2px 0; }
.OrderSheetTitleInnerWrap:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.OrderSheetTitleHeadLeft { margin:0 10px 0 0; width:370px; float:left; }
.OrderSheetTitleDate { width:250px; font-size:1.25em; font-weight:600; float:left; }
.OrderSheetTitleNum { margin:0; padding:0.15em 0 0 0; width:120px; font-size:1.0em; text-align:right; position:relative; top:-3px; float:left; }
.OrderSheetTitleNum span { padding:0 0 0 3px; font-size:1.4em; font-weight:600; color:#FF6; }
.OrderSheetTitleHeadRight { width:160px; float:left; }
.OrderSheetTitlePrice { margin:0; padding:0.15em 0 0 0; font-size:1.0em; text-align:right; position:relative; top:-3px; }
.OrderSheetTitlePrice span { padding:0 0 0 3px; font-size:1.4em; font-weight:600; color:#FF6; }
.OrderSheetTitleBottom { font-size:1.0em; clear:both; }
.OrderSheetTitleBottom p { color:#FF6701; font-size:1.0em; font-size:0.9em\9; letter-spacing:-0.05em\9; font-weight:600; } .OrderSheetTitleBottom p:not(:target) { letter-spacing:0.05em\9; }
.OrderSheetTitleBottom span { color:#FF6; float:right; }
.OrderSheetTitleBottom span.cautions { padding:2px; background:#FFF; font-weight:600; color:#FF6701; display:inline-block; float:none; }
.OrderSheetTitleFix { margin:0; padding:0; font-size:1.0em; position:relative;clear:both; }
.OrderSheetTitleInnerRight { width:360px; float:left; }
.OrderSheetTitleRightMax { margin:0 10px 0 0; width:50px; float:left; }
.OrderSheetTitleRightMax a { width:50px; height:40px; background:url(../img/btns.png) no-repeat -100px -1120px; display:block; }
.OrderSheetTitleRightMax a:hover { background-position:-100px -1160px; }
.OrderSheetTitleRightMax a.stay { width:50px; height:40px; background:url(../img/btns.png) no-repeat -100px -1160px; display:block; }
.OrderSheetTitleRightOpen { margin:0 10px 0 0; width:50px; float:left; }
.OrderSheetTitleRightOpen a { width:50px; height:40px; background:url(../img/btns.png) no-repeat -50px -1120px; display:block; }
.OrderSheetTitleRightOpen a:hover { background-position:-50px -1160px; }
.OrderSheetTitleRightOpen a.stay { width:50px; height:40px; background:url(../img/btns.png) no-repeat -50px -1160px; display:block; }
.OrderSheetTitleRightClose { margin:0 10px 0 0; width:50px; float:left; }
.OrderSheetTitleRightClose a { width:50px; height:40px; background:url(../img/btns.png) no-repeat 0px -1120px; display:block; }
.OrderSheetTitleRightClose a:hover { background-position:0px -1160px; }
.OrderSheetTitleRightClose a.stay { width:50px; height:40px; background:url(../img/btns.png) no-repeat 0px -1160px; display:block; }
.OrderSheetTitleRightSending { width:180px; position:relative; overflow:hidden; float:left; }
.OrderSheetTitleRightSending a { padding:7px 0 3px 42px; width:138px; height:30px; font-size:0.86em; font-weight:600; color:#64A100; display:block; position:relative; overflow:hidden; background:url(../img/btns.png) no-repeat 0px -1040px; text-decoration:none; }
.OrderSheetTitleRightSending a:hover { background:url(../img/btns.png) no-repeat 0px -1080px; color:#FF6600; }
.OrderSheetTitleRightSending a span { font-size:0.85em; }
.OrderSheetTitleRightSending a { padding-top:9px\9; height:28px\9; /*font-size:1.3em\9;*/ }
.OrderSheetTitleRightSending a:not(:target) { padding-top:6px\9; height:31px\9; /*font-size:1.0em\9;*/ }
.OrderSheetTitleRightSending a, x:-moz-any-link { padding-top:5px; height:32px; }
.OrderSheetTitleRightSending a, x:-moz-any-link, x:default { padding-top:5px; height:32px; }

/*1Line_Foot*/
.OrderSheetFoot { margin:0 auto; padding:0; width:100%; height:30px; background:#FF9900; font-size:1.1em; clear:both; position:absolute; bottom:26px; }
.OrderSheetFootMessage { margin:0 auto; width:940px; text-align:right; color:#FFF; }
.OrderSheetFootMessage p.OrderSheetBottomMessage { padding:0 10px 0 0; font-size:1.0em; display:inline-block; position:relative; top:5px; }
.OrderSheetFootMessage p.OrderSheetBottomMessage span { font-weight:600; font-size:120%; color:#FF6; }
.OrderSheetFootMessage p.viewOrderSheetAll { color:#FFF; display:inline-block; float:right; }
.OrderSheetFootMessage p.viewOrderSheetAll a { padding:4px 10px; height:22px; font-weight:600; line-height:22px; color:#FFF; text-decoration:none; text-shadow:-1px -1px 0px #C26B00; display:block; }
.OrderSheetFootMessage p.viewOrderSheetAll a { background:-webkit-gradient(linear, left top, left bottom, from(#FDC064), to(#FF6600)); }
.OrderSheetFootMessage p.viewOrderSheetAll a { background:-moz-linear-gradient(top, #FDC064, #FF6600); }
.OrderSheetFootMessage p.viewOrderSheetAll a { background:-o-linear-gradient(#FDC064, #FF6600); }
.OrderSheetFootMessage p.viewOrderSheetAll a { 
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FDC064, endcolorstr=#FF6600));/*IE6 IE7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FDC064, endcolorstr=#FF6600))";/* IE8 */
	zoom: 1;
	background-image:linear-gradient(to bottom, #FDC064 0%, #FF6600 100%);/* IE10 */
}
.OrderSheetBodyWrapper { margin:0 0 0 8px; min-height:180px; background:#FFF; position:relative; position:relative; clear:both;  }
.OrderSheetBodyWrapper:after { content:'.'; height:0.01em; display:block; visibility:hidden; clear:both; }
.OrderSheetBody { margin:0 auto 10px auto; width:960px; clear:both; position:relative; top:10px; clear:both; }
.OrderSheetBody:after { content:'.'; height:0.01em; display:block; visibility:hidden; clear:both; }
.OrderSheetBoxWidth { width:189px; float:left; }
.OrderSheetBox { margin:0 0 0 2px; padding:0 4px 10px 2px; border-right:#444 1px solid; border-bottom:#444 1px solid; height:77px; }

/*.OrderSheetBox { margin:0 0 0 2px; padding:0 4px 10px 2px; border-right:#444 1px solid; border-bottom:#444 1px solid; width:180px; height:77px; float:left; }*/
*+html .OrderSheetBox { margin-top:8px; }

.OrderSheetBoxWidth, x:-moz-any-link { width:186px; }
.OrderSheetBoxWidth, x:-moz-any-link, x:default { width:186px; }

.OrderSheetBoxPhoto { margin:0 -64px -64px 0; width:64px; height:64px; border:#EEE 1px solid; float:left; position:relative; overflow:hidden; top:15px; }
.OrderSheetBoxPhoto span { margin:0 -96px 0 0; width:96px; display:block; position:relative; overflow:hidden; left:-16px; text-align:center; }
.OrderSheetBoxPhoto img { margin:0 auto; width:auto; max-height:64px; }
.OrderSheetBoxNumNum { margin:0 -80px -14px 0; width:80px; height:14px; font-size:1.0em; font-weight:600; color:#333; display:block; }
.OrderSheetBoxName { width:110px; height:39px; font-size:0.9em; line-height:13px; position:relative; top:; left:70px; clear:both; overflow:hidden; }
.OrderSheetBoxName span { padding:0 0 0 3px; color:#333; }
.OrderSheetBoxDelete { margin:0; padding:0; border:0; width:108px; height:16px; display:block; position:relative; top:21px; left:70px; }
.OrderSheetBoxDelete input { margin:0; padding:0; border:0; width:108px; height:16px; display:inline; position:relative; top:-16px; left:0px; }
*+html .OrderSheetBoxDelete input { top:-12px; left:-60px; clear:both; float:left; }
.OrderSheetBoxInput { width:62px; height:17px; position:relative; overflow:hidden; top:2px; left:70px; float:left; }
.OrderSheetBoxInputBox { margin:0; padding:1px; border:0; width:24px; height:16px; background:transparent; position:relative; text-align:right; line-height:16px; float:left; }
.OrderSheetBoxInputPlus { width:18px; position:relative; float:left; }
.OrderSheetBoxInputMinus { width:18px; position:relative; float:left; }

.OrderSheetBoxPrice { width:50px; position:relative; top:5px; left:67px; text-align:right; font-size:90%; float:left; }
.OrderSheetBoxPrice, x:-moz-any-link { top:5px; }
.OrderSheetBoxPrice, x:-moz-any-link, x:default { top:5px; }
.OrderSheetTitleNum dd { top:-0.1em\9; }
.OrderSheetBoxName { font-size:0.86em\9; }
.OrderSheetTitlePrice dd { top:-0.1em\9; }
.OrderSheetTitleRightSending a { font-size:0.85em\9; }

/* 20130305 追記
.NowEdit { margin:0 -64px -64px 0; width:64px; height:64px; border:#EEE 1px solid; background:url(../img/waiting.gif) no-repeat center center; float:left; position:relative; top:15px; }
.NowEdit img { position:relative; left:-100px; }
*/

.OrderSheetBox .Max { background:#F00; color:#FFF; font-weight:600; }
.OrderSheetBoxGift .Max { background:#F00; color:#FFF; font-weight:600; }
.OrderSheetBoxLimited .Max { background:#F00; color:#FFF; font-weight:600; }
.Invest .OrderSheetBoxDelete { display:; position:relative; top:0px; }
.Invest .OrderSheetBoxInput { width:55px; position:relative; top:43px; left:70px; float:left; }
.Invest .OrderSheetBoxInputBox { margin:0; padding:0; border:0; width:21px; height:14px; background:#FFF; position:relative; text-align:right; float:left; }
.Invest .OrderSheetBoxInputPlus { width:16px; height:16px; position:relative; float:left; }
.Invest .OrderSheetBoxInputMinus { width:16px; height:16px; position:relative; float:left; }
.Invest .OrderSheetBoxPrice { width:50px; position:relative; top:41px; left:70px; text-align:right; font-size:90%; float:left; }
.Invest .OrderSheetBoxInput { top:44px\9; }
.Invest .OrderSheetBoxInput:not(:target) { top:43px\9; }
.Invest .OrderSheetBoxPrice { top:43px\9; }
.Invest .OrderSheetBoxPrice:not(:target) { top:42px\9; }

.investWrappin { margin:0 0 0 2px; padding:0 4px 10px 2px; border-right:#444 1px solid; border-bottom:#444 1px solid;  width:180px; float:left; }
*+html .investWrappin { margin-top:8px !important; }
/*body:nth-of-type(1) .investWrappin { margin-top:-2px !important; }*/
.investWrappin .OrderSheetBoxInvestin { width:180px; height:77px; }
.investWrappin .OrderSheetBoxInvestinPhoto { margin:0 -64px -64px 0; width:64px; height:64px; border:#EEE 1px solid; float:left; position:relative; overflow:hidden; top:15px; }
.investWrappin .OrderSheetBoxInvestinPhoto img { height:64px; }
.investWrappin .OrderSheetBoxInvestinNumNum { margin:0 -80px -14px 0; width:80px; height:14px; font-size:1.0em; font-weight:600; color:#333; display:block; position:relative; overflow:hidden; }
.investWrappin .OrderSheetBoxInvestinName { widt:110px; height:39px; font-size:0.9em; line-height:13px; position:relative; top:; left:70px; clear:both; overflow:hidden; }
.investWrappin .OrderSheetBoxInvestinName span { padding:0 0 0 3px; color:#333; }
.investWrappin .OrderSheetBoxInvestinDelete { margin:0; padding:0; border:0; width:108px; height:16px; display:block; position:relative; top:21px; left:70px; clear:both; }
.investWrappin .OrderSheetBoxInvestinDelete input { margin:0; padding:0; border:0; width:108px; height:16px; display:inline; position:relative; top:-16px; left:0px; }
.investWrappin .OrderSheetBoxInvestinInput { width:110px; height:22px; position:relative; overflow:hidden; top:-22px; left:70px; float:left; clear:both; }
.investWrappin .OrderSheetBoxInvestinInputBox { margin:0 -24px -16px 0; padding:1px; border:0; width:24px; height:16px; background:transparent; position:relative; text-align:right; font-weight:400; line-height:16px; float:left; top:27px; }
.investWrappin .OrderSheetBoxInvestinInputPlus { width:27px; height:22px; position:relative; float:left; }
.investWrappin .OrderSheetBoxInvestinInput10 { margin:0 0 0 0; width:26px; height:22px; position:relative; float:left; }
.investWrappin .OrderSheetBoxInvestinInput-10 { margin:0 0 0 0; width:26px; height:22px; position:relative; float:left; }
.investWrappin .OrderSheetBoxInvestinInputMinus { width:27px; height:22px; position:relative; float:left; }
.investWrappin .OrderSheetBoxInvestinPrice { margin:0 0 -20px 0; width:40px; height:20px; position:relative; top:8px; left:140px; text-align:right; font-size:90%; letter-spacing:-0.1em; float:left; }
.investWrappin .OrderSheetBoxInvestinName { font-size:0.86em\9; }

/*OrderSheet Gift*/
.OrderSheetBoxGiftPhoto:after { content:url('../img/redRibbon.png'); margin:0 -10px -10px 0; width:10px; height:10px; display:block; position:relative; top:-65px; left:-1px; }
.NowEdit .OrderSheetBoxGiftPhoto:after { content:url('../img/redRibbon.png'); margin:0 -10px -10px 0; width:10px; height:10px; display:block; position:relative; top:30px; left:-1px; }
.OrderSheetBoxGift { margin:0 0 0 2px; padding:0 4px 10px 2px; border-right:#444 1px solid; border-bottom:#444 1px solid; width:180px; height:77px; float:left; }
*+html .OrderSheetBoxGift { margin-top:8px; }
.OrderSheetBoxGiftPhoto { margin:0 -64px -64px 0; width:64px; height:64px; border:#EEE 1px solid; float:left; position:relative; top:15px;overflow:hidden; }
.OrderSheetBoxGiftPhoto img { height:64px; }
.OrderSheetBoxGiftNumNum { margin:0 -80px -14px 0; width:80px; height:14px; font-size:1.0em; font-weight:600; color:#333; display:block; }
.OrderSheetBoxGiftName { width:110px; height:26px; font-size:0.9em; line-height:13px; position:relative; top:; left:70px; clear:both; overflow:hidden; }
.OrderSheetBoxGiftName span { padding:0 0 0 3px; color:#333; }
.OrderSheetBoxGiftDelete { margin:0; padding:0; border:0; width:108px; height:16px; display:block; position:relative; top:21px; left:70px; }
.OrderSheetBoxGiftDelete input { margin:0; padding:0; border:0; width:108px; height:16px; display:inline; position:relative; top:-16px; left:0px; }
*+html .OrderSheetBoxGiftDelete input { top:-12px; left:-60px; clear:both; float:left; }
.OrderSheetBoxGiftInput { width:62px; position:relative; overflow:hidden; top:-13px; left:70px; float:left; }
.OrderSheetBoxGiftInputBox { margin:0; padding:1px; border:0; width:24px; height:16px; background:transparent; position:relative; text-align:right; line-height:16px; float:left; }
.OrderSheetBoxGiftInputPlus { width:18px; position:relative; float:left; }
.OrderSheetBoxGiftInputMinus { width:18px; position:relative; float:left; }
.OrderSheetBoxGiftPrice { width:50px; position:relative; top:-10px; left:67px; text-align:right; font-size:90%; float:left; }
.OrderSheetBoxGiftName { font-size:0.86em\9; }
.OrderSheetBoxGiftEdit { position:relative; top:21px; left:70px; }
.OrderSheetBoxGiftEdit a { width:108px; height:14px; background:url(../img/btn_ordersheet_edit.png) no-repeat; text-indent:-9999px; display:block; }
/*OrderSheet Limited*/
.OrderSheetBoxLimited { margin:0 0 0 2px; padding:0 4px 10px 2px; border-right:#444 1px solid; border-bottom:#444 1px solid; width:180px; height:77px; float:left; }
*+html .OrderSheetBoxLimited { margin-top:8px; }
.OrderSheetBoxLimitedPhoto { margin:0 -64px -64px 0; width:64px; height:64px; border:#EEE 1px solid; float:left; position:relative; overflow:hidden; top:15px; }
.OrderSheetBoxLimitedPhoto img { max-height:64px; }
.OrderSheetBoxLimitedNumNum { margin:0 -80px -14px 0; width:80px; height:14px; font-size:1.0em; font-weight:600; color:#333; display:block; }
.OrderSheetBoxLimitedName { width:110px; height:39px; font-size:0.9em; line-height:13px; position:relative; top:; left:70px; clear:both; overflow:hidden; }
.OrderSheetBoxLimitedName span { padding:0 0 0 3px; color:#333; }
.OrderSheetBoxLimitedDelete { margin:0; padding:0; border:0; width:108px; height:16px; display:block; position:relative; top:21px; left:70px; }
.OrderSheetBoxLimitedDelete input { margin:0; padding:0; border:0; width:108px; height:16px; display:inline; position:relative; top:-16px; left:0px; }
*+html .OrderSheetBoxLimitedDelete input { top:-12px; left:-60px; clear:both; float:left; }
.OrderSheetBoxLimitedInput { width:62px; height:17px; position:relative; overflow:hidden; top:2px; left:70px; float:left; }
.OrderSheetBoxLimitedInputBox { margin:0; padding:1px; border:0; width:24px; height:16px; background:transparent; position:relative; text-align:right; line-height:16px; float:left; }
.OrderSheetBoxLimitedInputPlus { width:18px; position:relative; float:left; }
.OrderSheetBoxLimitedInputMinus { width:18px; position:relative; float:left; }
.OrderSheetBoxLimitedPrice { width:50px; position:relative; top:5px; left:67px; text-align:right; font-size:90%; float:left; }
.OrderSheetBoxLimitedPrice { top:4px\9; }
.OrderSheetBoxLimitedPrice:not(:target) { top:2px\9; }
.OrderSheetBoxLimitedPrice, x:-moz-any-link { top:5px; }
.OrderSheetBoxLimitedPrice, x:-moz-any-link, x:default { top:5px; }
.OrderSheetBoxLimitedName { font-size:0.86em\9; }

/*OrderSheetOpen*/
#order_deliver {  }
.orderSheetWrapOpen { height:2000px; position:relative; }

/*FullOpen_Title*/
.orderSheetWrapOpen .OrderSheetArea { width:100%; position:fixed; bottom:0px; height:1800px; font-size:0.9em; z-index:1000; }
.orderSheetWrapOpen .orderSheetWrap { position:relative; top:-27px; }
.orderSheetWrapOpen .OrderSheetTitleWrap { border-bottom:#78AD1F 1px solid; width:100%; height:75px; }
.orderSheetWrapOpen .OrderSheetTitle { margin:0 auto; padding:10px; border-top-left-radius:3px; border-top-right-radius:3px; width:920px; height:55px; background:#78AD1F; color:#FFF; }
.orderSheetWrapOpen .OrderSheetTitleInnerLeft { margin:0 20px 0 0; width:540px; float:left; }
.orderSheetWrapOpen .OrderSheetTitleInnerWrap { margin:0 0 2px 0; }
.orderSheetWrapOpen .OrderSheetTitleInnerWrap:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.orderSheetWrapOpen .OrderSheetTitleHeadLeft { margin:0 10px 0 0; width:330px; float:left; }
.orderSheetWrapOpen .OrderSheetTitleDate { width:200px; font-size:1.25em; font-weight:600; float:left; }
.orderSheetWrapOpen .OrderSheetTitleNum { margin:0 10px 0 0; padding:0.15em 0 0 0; width:120px; font-size:1.0em; position:relative; top:-3px; float:left; }
.orderSheetWrapOpen .OrderSheetTitleNum span { padding:0 0 0 3px; font-size:1.4em; font-weight:600; color:#FF6; }
.orderSheetWrapOpen .OrderSheetTitleHeadRight { width:200px; float:left; }
.orderSheetWrapOpen .OrderSheetTitlePrice { margin:0 10px 0 0; padding:0.15em 0 0 0; width:200px; font-size:1.0em; text-align:right; position:relative; top:-3px; float:left; }
.orderSheetWrapOpen .OrderSheetTitlePrice span { padding:0 0 0 3px; font-size:1.4em; font-weight:600; color:#FF6; }
.orderSheetWrapOpen .OrderSheetTitleBottom { font-size:1.0em; clear:both; }
.orderSheetWrapOpen .OrderSheetTitleBottom span { font-weight:600; float:right; }
.orderSheetWrapOpen .OrderSheetTitleBottom span.cautions { padding:2px; background:#FFF; font-weight:600; color:#FF6701; display:inline-block; float:left; }
.orderSheetWrapOpen .OrderSheetTitleFix { margin:0; padding:0; font-size:1.0em; position:relative;clear:both; }
.orderSheetWrapOpen .OrderSheetTitleInnerRight { width:360px; float:left; }
.orderSheetWrapOpen .OrderSheetTitleRightMax { margin:0 10px 0 0; width:50px; float:left; }
.orderSheetWrapOpen .OrderSheetTitleRightMax a { width:50px; height:40px; background:url(../img/btns.png) no-repeat -100px -1120px; display:block; }
.orderSheetWrapOpen .OrderSheetTitleRightMax a:hover { background-position:-100px -1160px; }
.orderSheetWrapOpen .OrderSheetTitleRightMax a.stay { width:50px; height:40px; background:url(../img/btns.png) no-repeat -100px -1160px; display:block; }
.orderSheetWrapOpen .OrderSheetTitleRightOpen { margin:0 10px 0 0; width:50px; float:left; }
.orderSheetWrapOpen .OrderSheetTitleRightOpen a { width:50px; height:40px; background:url(../img/btns.png) no-repeat -50px -1120px; display:block; }
.orderSheetWrapOpen .OrderSheetTitleRightOpen a:hover { background-position:-50px -1160px; }
.orderSheetWrapOpen .OrderSheetTitleRightOpen a.stay { width:50px; height:40px; background:url(../img/btns.png) no-repeat -50px -1160px; display:block; }
.orderSheetWrapOpen .OrderSheetTitleRightClose { margin:0 10px 0 0; width:50px; float:left; }
.orderSheetWrapOpen .OrderSheetTitleRightClose a { width:50px; height:40px; background:url(../img/btns.png) no-repeat 0px -1120px; display:block; }
.orderSheetWrapOpen .OrderSheetTitleRightClose a:hover { background-position:0px -1160px; }
.orderSheetWrapOpen .OrderSheetTitleRightClose a.stay { width:50px; height:40px; background:url(../img/btns.png) no-repeat 0px -1160px; display:block; }
.orderSheetWrapOpen .OrderSheetTitleRightSending { width:180px; position:relative; overflow:hidden; float:left; }
.orderSheetWrapOpen .OrderSheetTitleRightSending a { padding:7px 0 3px 42px; width:138px; height:30px; font-size:0.86em; font-weight:600; color:#64A100; display:block; position:relative; overflow:hidden; background:url(../img/btns.png) no-repeat 0px -1040px; text-decoration:none; }
.orderSheetWrapOpen .OrderSheetTitleRightSending a:hover { background:url(../img/btns.png) no-repeat 0px -1080px; color:#FF6600; }
.orderSheetWrapOpen .OrderSheetTitleRightSending a span { font-size:0.85em; }
.orderSheetWrapOpen .OrderSheetTitleRightSending a { padding-top:9px\9; height:28px\9; /*font-size:1.3em\9;*/ }
.orderSheetWrapOpen .OrderSheetTitleRightSending a:not(:target) { padding-top:6px\9; height:31px\9; /*font-size:1.0em\9;*/ }
.orderSheetWrapOpen .OrderSheetTitleRightSending a, x:-moz-any-link { padding-top:5px; height:32px; }
.orderSheetWrapOpen .OrderSheetTitleRightSending a, x:-moz-any-link, x:default { padding-top:5px; height:32px; }

/*FullOpen_Foot*/
.orderSheetWrapOpen .OrderSheetFoot { margin:0 auto; padding:0; width:100%; height:30px; background:#FF9900; font-size:1.1em; clear:both; position:absolute; bottom:26px; }
.orderSheetWrapOpen .OrderSheetFootMessage { margin:0 auto; width:940px; text-align:right; color:#FFF; }
.orderSheetWrapOpen .OrderSheetFootMessage p.OrderSheetBottomMessage { padding:0 10px 0 0; font-size:1.0em; display:inline-block; position:relative; top:5px; }
.orderSheetWrapOpen .OrderSheetFootMessage p.OrderSheetBottomMessage span { font-weight:600; font-size:120%; color:#FF6; }
.orderSheetWrapOpen .OrderSheetFootMessage p.viewOrderSheetAll { color:#FFF; display:inline-block; float:right; }
.orderSheetWrapOpen .OrderSheetFootMessage p.viewOrderSheetAll a { padding:4px 10px; height:22px; font-weight:600; line-height:22px; color:#FFF; text-decoration:none; text-shadow:-1px -1px 0px #C26B00; display:block; }
.orderSheetWrapOpen .OrderSheetFootMessage p.viewOrderSheetAll a { background:-webkit-gradient(linear, left top, left bottom, from(#FDC064), to(#FF6600)); }
.orderSheetWrapOpen .OrderSheetFootMessage p.viewOrderSheetAll a { background:-moz-linear-gradient(top, #FDC064, #FF6600); }
.orderSheetWrapOpen .OrderSheetFootMessage p.viewOrderSheetAll a { background:-o-linear-gradient(#FDC064, #FF6600); }
.orderSheetWrapOpen .OrderSheetFootMessage p.viewOrderSheetAll a { 
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FDC064, endcolorstr=#FF6600));/*IE6 IE7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FDC064, endcolorstr=#FF6600))";/* IE8 */
	zoom: 1;
	background-image:linear-gradient(to bottom, #FDC064 0%, #FF6600 100%);/* IE10 */
}


.OrderSheetError-Print {  }
.OrderSheetError-Print:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.orderSheetWrapOpen p.OrderSheetBodyError { padding:10px 0 20px 20px; width:600px; height:20px; color:#F00; text-align:left; float:left; }
.orderSheetWrapOpen p.gotoPrinting { width:340px; text-align:right; float:right; }
.orderSheetWrapOpen p.gotoPrinting a { margin:0 15px 0 0; width:50px; height:40px; background:url(../img/btns.png) no-repeat 0px -2032px; text-indent:-9999px !important; display:block; float:right; }
.orderSheetWrapOpen p.gotoPrinting a:hover { background-position:-50px -2032px; }

.scrolled { min-height:25em; max-height:45em; overflow-y:auto; }
.scrolled2 { height:35em; overflow-y:auto; }
.orderSheetWrapOpen .OrderSheetBodyWrapper { margin:0 0 0 -2px; min-height:2000px; background:#FFF; position:relative; }
.orderSheetWrapOpen .OrderSheetBody { margin:0 auto 10px auto; width:960px; height:30em; clear:both; position:relative; top:10px; }
@media screen and (-webkit-min-device-pixel-ratio:0) { .orderSheetWrapOpen .OrderSheetBody { padding-left:16px; }}
body:nth-of-type(1) .orderSheetWrapOpen .OrderSheetBody { padding-left:16px; }

.orderSheetWrapOpen .OrderSheetBody:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.orderSheetWrapOpen .OrderSheetBodyWrap { margin:10px 0 20px 6px; min-height:90px; clear:both; position:relative; }
.orderSheetWrapOpen .OrderSheetBodyWrap:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.orderSheetWrapOpen .OrderSheetBodyTitle { margin:0 10px 10px 10px; padding:4px 15px; border-radius:3px; min-height:22px; background:#78AD1F; color:#FFF; }
.orderSheetWrapOpen .OrderSheetBodyTitle:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.orderSheetWrapOpen .OrderSheetBodyTitle h3 { padding:0 0 0 10px; width:480px; background:url(../img/ico08.png) no-repeat left center; float:left; position:relative; top:3px; }
.orderSheetWrapOpen .OrderSheetBodyTitle p { width:420px; text-align:right; float:left; }
.orderSheetWrapOpen .OrderSheetBodyTitle p span { font-size:140%; font-weight:600; color:#FF0; position:relative; top:1px; }
.orderSheetWrapOpen .OrderSheetBodyTitleGift { margin:0 0 10px 10px; padding:4px 15px; border-radius:3px; min-height:22px; background:#ED5B95; color:#FFF; }
.orderSheetWrapOpen .OrderSheetBodyTitleGift:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.orderSheetWrapOpen .OrderSheetBodyTitleGift h3 { padding:0 0 0 10px; width:480px; background:url(../img/ico08.png) no-repeat left center; float:left; position:relative; top:3px; }
.orderSheetWrapOpen .OrderSheetBodyTitleGift p { width:420px; text-align:right; float:left; }
.orderSheetWrapOpen .OrderSheetBodyTitleGift p span { font-size:140%; font-weight:600; color:#FF0; position:relative; top:1px; }
.orderSheetWrapOpen .OrderSheetBox { margin:0 0 0 2px; padding:0 4px 10px 2px; border-right:#444 1px solid; border-bottom:#444 1px solid; width:180px; height:77px; float:left; }
.orderSheetWrapOpen .OrderSheetBoxPhoto { margin:0 -64px -64px 0; width:64px; height:64px; border:#EEE 1px solid; float:left; position:relative; overflow:hidden; top:15px; }
.orderSheetWrapOpen .OrderSheetBoxPhoto img { max-height:64px; position:relative; }
.orderSheetWrapOpen .OrderSheetBoxNum {  }
.orderSheetWrapOpen .OrderSheetBoxNumNum { margin:0 -80px -14px 0; width:80px; height:14px; font-size:1.0em; font-weight:600; color:#333; display:block; }
.orderSheetWrapOpen .OrderSheetBoxName { width:110px; height:42px; font-size:0.8em; line-height:14px; position:relative; top:; left:70px; clear:both; overflow:hidden; }
.orderSheetWrapOpen .OrderSheetBoxName span { padding:0 0 0 3px; font-size:0.9em; color:#333; }
.orderSheetWrapOpen .OrderSheetBoxDelete { margin:0; padding:0; border:0; width:108px; height:16px; display:block; position:relative; top:18px; left:70px; }
.orderSheetWrapOpen .OrderSheetBoxDelete input { margin:0; padding:0; border:0; width:108px; height:16px; display:inline; position:relative; top:-16px; left:0px; }
.orderSheetWrapOpen .OrderSheetBoxInput { width:62px; height:17px; position:relative; overflow:hidden; top:0px; left:70px; float:left; }
.orderSheetWrapOpen .OrderSheetBoxInputBox { margin:0; padding:1px; border:0; width:24px; height:16px; background:transparent; position:relative; text-align:right; line-height:16px; float:left; }
.orderSheetWrapOpen .OrderSheetBoxInputPlus { width:18px; position:relative; float:left; }
.orderSheetWrapOpen .OrderSheetBoxInputMinus { width:18px; position:relative; float:left; }
.orderSheetWrapOpen .OrderSheetBoxPrice { width:50px; position:relative; top:5px; left:67px; text-align:right; font-size:90%; float:left; }
.orderSheetWrapOpen .orderSheetWrapOpen .OrderSheetBoxPrice { top:4px\9; }
.orderSheetWrapOpen .OrderSheetBoxPrice:not(:target) { top:2px\9; }
.orderSheetWrapOpen .OrderSheetBoxPrice, x:-moz-any-link { top:5px; }
.orderSheetWrapOpen .OrderSheetBoxPrice, x:-moz-any-link, x:default { top:5px; }
.orderSheetWrapOpen .OrderSheetBodyTitle, x:-moz-any-link { margin-left:20px; }
.orderSheetWrapOpen .OrderSheetBodyTitleGift, x:-moz-any-link { margin-left:20px; }
.orderSheetWrapOpen .OrderSheetBodyTitle h3, x:-moz-any-link { width:470px; }
.orderSheetWrapOpen .OrderSheetBodyTitle p, x:-moz-any-link { padding-top:3px; }
.orderSheetWrapOpen .OrderSheetBodyWrap, x:-moz-any-link { margin-left:16px; }
.orderSheetWrapOpen .OrderSheetBox, x:-moz-any-link { margin-bottom:15px; }
.orderSheetWrapOpen .OrderSheetBodyTitle, x:-moz-any-link, x:default { margin-left:20px; }
.orderSheetWrapOpen .OrderSheetBodyTitleGift, x:-moz-any-link, x:default { margin-left:20px; }
.orderSheetWrapOpen .OrderSheetBodyTitle h3, x:-moz-any-link, x:default { width:470px; }
.orderSheetWrapOpen .OrderSheetBodyTitle p, x:-moz-any-link, x:default { padding-top:3px; }
.orderSheetWrapOpen .OrderSheetBodyWrap, x:-moz-any-link, x:default { margin-left:16px; }
.orderSheetWrapOpen .OrderSheetBox, x:-moz-any-link, x:default { margin-left:1px; margin-bottom:15px; }
.OrderSheetTitleNum dd { top:-0.1em\9; }
.OrderSheetTitlePrice dd { top:-0.1em\9; }
.orderSheetWrapOpen .OrderSheetTitleRightSending a { font-size:0.85em\9; }
.orderSheetWrapOpen .OrderSheetBodyTitle { margin-right:0px\9; margin-left:20px\9; }
.orderSheetWrapOpen .OrderSheetBodyWrap { margin-left:15px\9; }
.orderSheetWrapOpen .OrderSheetBodyTitle p { padding-top:4px\9; }

.orderSheetWrapOpen .OrderSheetBoxGiftPhoto:after { content:url('../img/redRibbon.png'); margin:0 -10px -10px 0; width:10px; height:10px; display:block; position:relative; top:-65px; left:-1px; }
.orderSheetWrapOpen .OrderSheetBoxGift { margin:0 0 0 2px; padding:0 4px 10px 2px; border-right:#444 1px solid; border-bottom:#444 1px solid; width:180px; height:77px; float:left; }
.orderSheetWrapOpen .OrderSheetBoxGiftPhoto { margin:0 -64px -64px 0; width:64px; height:64px; border:#EEE 1px solid; float:left; position:relative; overflow:hidden; top:15px; }
.orderSheetWrapOpen .OrderSheetBoxGiftPhoto img { max-height:64px; }
.orderSheetWrapOpen .OrderSheetBoxGiftNumNum { margin:0 -80px -14px 0; width:80px; height:14px; font-size:1.0em; font-weight:600; color:#333; display:block; }
.orderSheetWrapOpen .OrderSheetBoxGiftName { width:110px; height:26px; font-size:0.9em; line-height:13px; position:relative; top:; left:70px; clear:both; overflow:hidden; }
.orderSheetWrapOpen .OrderSheetBoxGiftName span { padding:0 0 0 3px; color:#333; }
.orderSheetWrapOpen .OrderSheetBoxGiftDelete { margin:0; padding:0; border:0; width:108px; height:16px; display:block; position:relative; top:21px; left:70px; }
.orderSheetWrapOpen .OrderSheetBoxGiftDelete input { margin:0; padding:0; border:0; width:108px; height:16px; display:inline; position:relative; top:-16px; left:0px; }
.orderSheetWrapOpen .OrderSheetBoxGiftInput { width:62px; height:17px; position:relative; overflow:hidden; top:-15px; left:70px; float:left; }
.orderSheetWrapOpen .OrderSheetBoxGiftInputBox { margin:0; padding:1px; border:0; width:24px; height:16px; background:transparent; position:relative; text-align:right; line-height:16px; float:left; }
.orderSheetWrapOpen .OrderSheetBoxGiftInputPlus { width:18px; position:relative; float:left; }
.orderSheetWrapOpen .OrderSheetBoxGiftInputMinus { width:18px; position:relative; float:left; }
.orderSheetWrapOpen .OrderSheetBoxGiftPrice { width:50px; position:relative; top:-12px; left:67px; text-align:right; font-size:90%; float:left; }
.orderSheetWrapOpen .OrderSheetBoxGiftName { font-size:0.86em\9; }
.orderSheetWrapOpen .OrderSheetBoxGiftEdit { position:relative; top:21px; left:70px; }
.orderSheetWrapOpen .OrderSheetBoxGiftEdit a { width:108px; height:14px; background:url(../img/btn_ordersheet_edit.png) no-repeat; text-indent:-9999px; display:block; }

.orderSheetWrapOpen .OrderSheetBoxLimited { margin:0 0 0 2px; padding:0 4px 10px 2px; border-right:#444 1px solid; border-bottom:#444 1px solid; width:180px; height:77px; float:left; }
.orderSheetWrapOpen .OrderSheetBoxLimitedPhoto { margin:0 -64px -64px 0; width:64px; height:64px; border:#EEE 1px solid; float:left; position:relative; top:15px; }
.orderSheetWrapOpen .OrderSheetBoxLimitedPhoto img { height:64px; }
.orderSheetWrapOpen .OrderSheetBoxLimitedNumNum { margin:0 -80px -14px 0; width:80px; height:14px; font-size:1.0em; font-weight:600; color:#333; display:block; }
.orderSheetWrapOpen .OrderSheetBoxLimitedName { widt:110px; height:39px; font-size:0.9em; line-height:13px; position:relative; top:; left:70px; clear:both; overflow:hidden; }
.orderSheetWrapOpen .OrderSheetBoxLimitedName span { padding:0 0 0 3px; color:#333; }
.orderSheetWrapOpen .OrderSheetBoxLimitedDelete { margin:0; padding:0; border:0; width:108px; height:16px; display:block; position:relative; top:21px; left:70px; }
.orderSheetWrapOpen .OrderSheetBoxLimitedDelete input { margin:0; padding:0; border:0; width:108px; height:16px; display:inline; position:relative; top:-16px; left:0px; }
.orderSheetWrapOpen .OrderSheetBoxLimitedInput { width:62px; height:17px; position:relative; top:2px; left:70px; float:left; }
.orderSheetWrapOpen .OrderSheetBoxLimitedInputBox { margin:0; padding:1px; border:0; width:24px; height:16px; background:transparent; position:relative; text-align:right; line-height:16px; float:left; }
.orderSheetWrapOpen .OrderSheetBoxLimitedInputPlus { width:18px; position:relative; float:left; }
.orderSheetWrapOpen .OrderSheetBoxLimitedInputMinus { width:18px; position:relative; float:left; }
.orderSheetWrapOpen .OrderSheetBoxLimitedPrice { width:50px; position:relative; top:5px; left:67px; text-align:right; font-size:90%; float:left; }
.orderSheetWrapOpen .OrderSheetBoxLimitedPrice { top:4px\9; }
.orderSheetWrapOpen .OrderSheetBoxLimitedPrice:not(:target) { top:2px\9; }
.orderSheetWrapOpen .OrderSheetBoxLimitedPrice, x:-moz-any-link { top:5px; }
.orderSheetWrapOpen .OrderSheetBoxLimitedPrice, x:-moz-any-link, x:default { top:5px; }
.orderSheetWrapOpen .OrderSheetBoxLimitedName { font-size:0.86em\9; }

.orderSheetWrapOpen .Invest {  }
.orderSheetWrapOpen .Invest .OrderSheetBoxDelete { display:; position:relative; top:0px; }
.orderSheetWrapOpen .Invest .OrderSheetBoxInput { width:55px; height:17px; position:relative; overflow:hidden; top:43px; left:70px; float:left; }
.orderSheetWrapOpen .Invest .OrderSheetBoxInput { top:44px\9; }
.orderSheetWrapOpen .Invest .OrderSheetBoxInput:not(:target) { top:43px\9; }
.orderSheetWrapOpen .Invest .OrderSheetBoxInputBox { margin:0; padding:0; border:#CCC 1px solid; width:21px; height:14px; background:#FFF; position:relative; text-align:right; float:left; }
.orderSheetWrapOpen .Invest .OrderSheetBoxInputPlus { width:16px; position:relative; float:left; }
.orderSheetWrapOpen .Invest .OrderSheetBoxInputMinus { width:16px; position:relative; float:left; }
.orderSheetWrapOpen .Invest .OrderSheetBoxPrice { width:50px; position:relative; top:41px; left:70px; text-align:right; font-size:90%; float:left; }
.orderSheetWrapOpen .Invest .OrderSheetBoxPrice { top:43px\9; }
.orderSheetWrapOpen .Invest .OrderSheetBoxPrice:not(:target) { top:42px\9; }
.orderSheetWrapOpen .Max { background:#F00; color:#FFF; font-weight:600; }

*+html .OrderSheetBody { position:static; }
*+html .OrderSheetBodySort { position:static; }
*+html .OrderSheetBodySort p { position:static; }
*+html .OrderSheetBodyError { position:static; }
*+html .scrolled2 { position:static; overflow:scroll; }
*+html .orderSheetWrapOpen .OrderSheetBodyTitle h3 { position:static; }
*+html .orderSheetWrapOpen .OrderSheetBody { position:static; }
*+html .orderSheetWrapOpen .OrderSheetBodyWrap { position:static; }
*+html .orderSheetWrapOpen .OrderSheetBox { position:static; margin:5px 0 0 0; }
*+html .orderSheetWrapOpen .OrderSheetBoxPhoto { position:static; margin-top:3px; }
*+html .orderSheetWrapOpen .OrderSheetBoxPhoto span { position:static; text-align:center; }
*+html .orderSheetWrapOpen .OrderSheetBoxPhoto img { margin:0 -25%; position:static; }
*+html .orderSheetWrapOpen .OrderSheetBoxNum { position:static; margin:-12px 0 0 0; }
*+html .orderSheetWrapOpen .OrderSheetBoxNumNum { position:static; }
*+html .orderSheetWrapOpen .OrderSheetBoxName { position:static; margin-left:70px; }
*+html .orderSheetWrapOpen .OrderSheetBoxDelete { position:static; margin:2px 0 0 70px; }
*+html .orderSheetWrapOpen .OrderSheetBoxDelete input { position:static; }
*+html .orderSheetWrapOpen .OrderSheetBoxInput { position:static; margin:10px 0 0 0; }
*+html .orderSheetWrapOpen .OrderSheetBoxInputBox { position:static; margin:-10px 0 0 70px; }
*+html .orderSheetWrapOpen .OrderSheetBoxInputPlus { position:static; margin:-18px 0 0 96px; }
*+html .orderSheetWrapOpen .OrderSheetBoxInputMinus { position:static; margin:-18px 0 0 114px; }
*+html .orderSheetWrapOpen .OrderSheetBoxPrice { position:static; margin:-15px 0 0 130px; }
*+html .orderSheetWrapOpen .OrderSheetBodyTitle { position:static; }

*+html .orderSheetWrapOpen .OrderSheetBoxGift { position:static; margin:5px 0 0 0; }
*+html .orderSheetWrapOpen .OrderSheetBoxGiftPhoto { position:static; margin-top:3px; }
*+html .orderSheetWrapOpen .OrderSheetBoxGiftPhoto span { position:static; text-align:center; }
*+html .orderSheetWrapOpen .OrderSheetBoxGiftPhoto img { margin:0 -25%; position:static; }
*+html .orderSheetWrapOpen .OrderSheetBoxGiftNum { position:static; margin:-12px 0 0 0; }
*+html .orderSheetWrapOpen .OrderSheetBoxGiftNumNum { position:static; }
*+html .orderSheetWrapOpen .OrderSheetBoxGiftName { position:static; margin-left:70px; }
*+html .orderSheetWrapOpen .OrderSheetBoxGiftDelete { position:static; margin:2px 0 0 70px; }
*+html .orderSheetWrapOpen .OrderSheetBoxGiftDelete input { position:static; }
*+html .orderSheetWrapOpen .OrderSheetBoxGiftInput { position:static; margin:10px 0 0 0; }
*+html .orderSheetWrapOpen .OrderSheetBoxGiftInputBox { position:static; margin:-10px 0 0 70px; }
*+html .orderSheetWrapOpen .OrderSheetBoxGiftInputPlus { position:static; margin:-18px 0 0 96px; }
*+html .orderSheetWrapOpen .OrderSheetBoxGiftInputMinus { position:static; margin:-18px 0 0 114px; }
*+html .orderSheetWrapOpen .OrderSheetBoxGiftPrice { position:static; margin:-15px 0 0 130px; }

*+html .orderSheetWrapOpen .OrderSheetBoxLimited { position:static; margin:5px 0 0 0; }
*+html .orderSheetWrapOpen .OrderSheetBoxLimitedPhoto { position:static; margin-top:3px; }
*+html .orderSheetWrapOpen .OrderSheetBoxLimitedPhoto span { position:static; text-align:center; }
*+html .orderSheetWrapOpen .OrderSheetBoxLimitedPhoto img { margin:0 -25%; position:static; }
*+html .orderSheetWrapOpen .OrderSheetBoxLimitedNum { position:static; margin:-12px 0 0 0; }
*+html .orderSheetWrapOpen .OrderSheetBoxLimitedNumNum { position:static; }
*+html .orderSheetWrapOpen .OrderSheetBoxLimitedName { position:static; margin-left:70px; }
*+html .orderSheetWrapOpen .OrderSheetBoxLimitedDelete { position:static; margin:2px 0 0 70px; }
*+html .orderSheetWrapOpen .OrderSheetBoxLimitedDelete input { position:static; }
*+html .orderSheetWrapOpen .OrderSheetBoxLimitedInput { position:static; margin:10px 0 0 0; }
*+html .orderSheetWrapOpen .OrderSheetBoxLimitedInputBox { position:static; margin:-10px 0 0 70px; }
*+html .orderSheetWrapOpen .OrderSheetBoxLimitedInputPlus { position:static; margin:-18px 0 0 96px; }
*+html .orderSheetWrapOpen .OrderSheetBoxLimitedInputMinus { position:static; margin:-18px 0 0 114px; }
*+html .orderSheetWrapOpen .OrderSheetBoxLimitedPrice { position:static; margin:-15px 0 0 130px; }

*+html .orderSheetWrapOpen .Invest .OrderSheetBody { position:static; }
*+html .orderSheetWrapOpen .Invest .OrderSheetBodyWrap { position:static; }
*+html .orderSheetWrapOpen .Invest .OrderSheetBox { position:static; margin:5px 0 0 0; }
*+html .orderSheetWrapOpen .Invest .OrderSheetBoxPhoto { position:static; margin-top:3px; }
*+html .orderSheetWrapOpen .Invest .OrderSheetBoxPhoto span { position:static; text-align:left; }
*+html .orderSheetWrapOpen .Invest .OrderSheetBoxPhoto img { position:static; }
*+html .orderSheetWrapOpen .Invest .OrderSheetBoxNum { position:static; margin:-12px 0 0 0; }
*+html .orderSheetWrapOpen .Invest .OrderSheetBoxNumNum { position:static; }
*+html .orderSheetWrapOpen .Invest .OrderSheetBoxName { position:static; margin-left:70px; }
*+html .orderSheetWrapOpen .Invest .OrderSheetBoxDelete { position:static; margin:2px 0 0 70px; }
*+html .orderSheetWrapOpen .Invest .OrderSheetBoxDelete input { position:static; }
*+html .orderSheetWrapOpen .Invest .OrderSheetBoxInput { position:static; margin:10px 0 0 0; }
*+html .orderSheetWrapOpen .Invest .OrderSheetBoxInputBox { position:static; margin:-10px 0 0 70px; }
*+html .orderSheetWrapOpen .Invest .OrderSheetBoxInputPlus { position:static; margin:-18px 0 0 96px; }
*+html .orderSheetWrapOpen .Invest .OrderSheetBoxInputMinus { position:static; margin:-18px 0 0 114px; }
*+html .orderSheetWrapOpen .Invest .OrderSheetBoxPrice { position:static; margin:-15px 0 0 130px; }
*+html .orderSheetWrapOpen .Invest .OrderSheetBodyTitle { position:static; }

/*BrowserBox*/
.BrowserBox span.recommend { font-size:0.8em; }
.BrowserBoxNote { margin:0 auto; width:80%; font-size: 0.8em; color:#666; }
.BrowserBoxNote span { color:#FF3300; }
.LoginFoot { clear:both; text-align:center; }
.FootCopyright { }
.FootCopyright a { text-decoration:none; font-size: 0.8em; color:#999; }

/*Foot Block*/
.Foot { width: 100%; margin:40px 0 0 0; border-top:#C1DC8D 5px solid; }
.FootWrap { margin:0 auto; width:940px; }
.gototop{ text-align:right; }

/*
.Foot { margin:20px 0 0 0; padding:0 0 20px 0; border-top:#CCC 1px solid; }

.gototop { padding:0.3em 0.5em 0.15em; border-bottom-right-radius:3px; border-bottom-left-radius:3px; width:14em; background:#EEE; font-size:0.8em; float:right; }
.gototop { padding-top:0.6em\9; }
.gototop:not(:target) { padding-top:0.6em\9; }
.gototop:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.gototop a { color:#666; text-decoration:none; display:block; }
.gototop span { width:20px; height:20px; display:block; overflow:hidden; position:relative; float:left; }
.gototop span { top:-2px\9; }
.gototop span:not(:target) { top:-2px\9; }
.gototop span img { position:relative; top:-1px; left:-60px; }
*/
.FootNavi { margin-left:20px; }
.FootNavi:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.FootNaviLeft { width:62%; float:left; }
.FootNaviLeft ul { list-style:none; font-size:0.8em; font-size:0.76em\9; letter-spacing:-0.1em\9; }
.FootNaviLeft li { width:auto; float:left; }
.FootNaviLeft li a { padding:0 3px 0 0; display: flex; align-items: center; color:#333; text-decoration:none; }
.FootNaviLeft li a::before{
	content: "";
	width:15px;
	height:20px;
	display:block;
	overflow:hidden;
	background: url(../img/icons.png)no-repeat -263px;
}
.FootNaviLeft span img { position:relative; top:-1px; left:-105px; }
.FootNaviLeft .pcSpChange{ margin-top: 10px; }
.FootNaviRight { /*width:38%;*/ font-size:0.8em; text-align:right; float:right; }
.FootNaviRight .FootLogo { position:relative; top:1.35em; }
.FootNaviRight .FootLogo span { margin:0 0.4em -1.0em 0; position:relative; top:-1.0em; }
.FootNaviRight .FootLogo span img { width:100px; }
.FootNaviRight p { margin-top:7px; text-align:right; }
.FootNaviRight strong { padding:0 0.2em 0 0; font-size:1.5em; overflow:hidden; position:relative; }
.FootNaviRight strong span { width:24px; height:16px; overflow:hidden; position:relative; display:inline-block; }
.FootNaviRight strong span img { position:relative; top:0px; left:-80px; }
/* ▽エラー画面用 */
.FootNaviRightError { /*width:38%;*/ font-size:0.8em; text-align:right; float:right; }
.FootNaviRightError .FootLogo { position:relative; top:1.35em; top:0.8em;}
.FootNaviRightError .FootLogo span { margin:0 0.4em -1.0em 0; position:relative; }
.FootNaviRightError .FootLogo span img { width:100px; }
.FootNaviRightError p { margin-top:7px; text-align:right; }
.FootNaviRightError strong { padding:0 0.2em 0 0; font-size:1.5em; overflow:hidden; position:relative; }
.FootNaviRightError strong span { width:24px; height:16px; overflow:hidden; position:relative; display:inline-block; }
.FootNaviRightError strong span img { position:relative; top:0px; left:-80px; }


.FootNaviLeft ul, x:-moz-any-link { font-size:0.78em; }
.FootNaviLeft ul, x:-moz-any-link, x:default { font-size:0.78em; }
body:nth-of-type(1) .FootNaviLeft ul { font-size:0.7em; }
body:nth-of-type(1) .FootNaviLeft ul:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.copyright { margin-top:1.5em; /*margin-bottom:155px;*/ padding-top:1.0em; font-size:0.7em; text-align:right; clear:both; }
.copyright:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.copyright a { color:#777; text-decoration:none; }
.copyright_next { margin-top:1.0em; margin-bottom:155px; width:740px; font-size:0.7em; text-align:right; float:left; }
.copyright_next:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.copyright_next a { color:#777; text-decoration:none; }
@media screen and (-webkit-min-device-pixel-ratio:0) { .gototop { line-height:1.8; }}

.GoPageSt { margin:0 0 0 20px; border:0; border-bottom-left-radius:3px; border-bottom-right-radius:3px; width:180px; background:#88BD43; text-align:center; font-size:0.9em; font-weight:600; float:left; }
.GoPageSt a { padding:7px 0 0 0; height:20px; color:#FFF; display:block; }

/*ajust*/
.ajust_r20 { margin-right: 20px; }
.ajust_b-60 { margin-bottom:-60px; }
/*LogIn*/
.LoginHead { margin:0; padding:20px 0 0 0; border-top:#78AD1F 5px solid; text-align:center; }
.LoginHead:after { content:'.'; height:0.01em; display:block; visibility:hidden; clear:both; }
.LoginHeadWrap { margin:0 auto 20px auto; padding:0 0 10px 0; border-bottom:#CCC 1px dotted; width:960px; }
.LoginHeadWrap h1 { margin:0 0 15px 0; }
.LoginHeadWrap p { margin:0 0 10px 0; }
.LoginHeadWrap a { color:#88BD43; text-decoration:none; font-weight:600; }
.LoginHeadWrap a:hover { text-decoration:underline; }
.LoginHeadWrap .firstVisit span { margin:0 4px 0 0; border:; width:20px; height:20px; position:relative; display:inline-block; overflow:hidden; float:; top:4px; }
.LoginHeadWrap .firstVisit span img { position:relative; left:-640px; top:0px; }
@media screen and (-webkit-min-device-pixel-ratio:0) { .LoginHeadWrap .firstVisit span { top:0px; }}
.memberMovie iframe{ margin: 20px auto; display: block; }
.LoginBody { margin:0; padding:0 0 0 0; text-align:center; }
.LoginBody:after { content:'.'; height:0.01em; display:block; visibility:hidden; clear:both; }
.LoginBodyWrap { margin:0 auto; width:960px; }
.LoginBodyTop h3 { margin:0 0 15px 0; font-size:1.6em; font-weight:400; color:#189E4F; }
.LoginBodyTop p { margin:0 0 10px 0; }
.LoginBodyTopCaution { color:#F00; }
.memberLoginBox { margin:30px 0 30px 0; padding:0 0 30px 0; border-bottom:#CCC 1px dotted; }
.memberLoginBox:after { content:'.'; height:0.01em; display:block; visibility:hidden; clear:both; }
.memberLoginBox h2 { margin: 0;  border-bottom:#CCC 1px dotted; width:; }
.memberLoginBox form dl { margin:0 0 10px 0; width:; }
.memberLoginBox form dl:after { content:'.'; height:0.01em; display:block; visibility:hidden; clear:both; }
.memberLoginBox form dt { margin:0 10px 0 0; padding:0.2em 0 0 0; width:380px; text-align:right; float:left; }
.memberLoginBox form dd { width:255px; text-align:left; float:left; }
.memberLoginBox form dd span{ font-size:0.77em; }
.memberLoginBox form dt label { margin:0; padding:0; border:0; }
.memberLoginBox form dd input[type="text"],
.memberLoginBox form dd input[type="password"] { margin:0 0 5px 0; padding:0.3em; border:#999 1px solid; width:240px; font-size:1em; font-weight:400; background:#FFFFF0;  }
.memberLoginBox form dd .showpass{
	margin-top: 3px;
	display: inline-block;
	cursor: pointer;
}
.memberLoginBox form dd .showpass span{ font-size: 14px; }
.memberLoginBox .spChange{
	margin:10px 0;
	padding-top: 20px;
	text-decoration:underline;
}
.memberLoginBox .spChange:hover{
	text-decoration:none;
}
.memberLoginBoxInner { margin:0 auto; width:405px; text-align:center; }
.memberLoginBoxInner p { margin:0 auto; width:240px; text-align:center; display:display; }
.memberLoginBoxInnerLeft { padding-top:20px; }
.memberLoginBoxInnerRight {  }
.memberLoginBoxBack { margin:7px 0 0 0; width:118px; height:30px; background:url(../../img/btn_back.gif) no-repeat 0px 0px; display:inline-block; flaot:left; }
.memberLoginBoxBack:hover { background:url(../../img/btn_back_on.gif) no-repeat 0px 0px; }
.memberLRemaindBox { margin:0 auto; width:440px; text-align:center; clear:both; }
.memberLRemaindBox:after { content:'.'; height:0.01em; display:block; visibility:hidden; clear:both; }
.memberLRemaindBox p.login{
	width: 300px;
	height:50px;
	margin: 20px auto 0;
	background:#ffc23f url(../img/sp_ico_login.png) no-repeat;
	background-position: center right;
	background-position: center right 10px;
	box-shadow: 0px 5px 0px rgba(194,146,44,1);
	border-radius:5px;
	background-size:90px auto;
	position:relative;
	transition: .4s;
}
.memberLRemaindBox p.login:hover{ opacity: .7; }
.memberLRemaindBox p.login:after{
	content:"i-choice netにログインする";
	display:block;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	font-weight:600;
	font-size:18px;
	border-radius:5px;
	color:#fff;
	line-height:50px;
	text-align:center;
}
.memberLRemaindBox p.login input{
	width:100%;
	opacity:0;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.memberLRemaindBox .pwreminder_link a{
	margin-top: 20px;
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: center;
	text-decoration: underline;
	color: #199E4E;
}
.memberLRemaindBox .pwreminder_link a::before{
	content: "?";
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100vmax;
	color: #fff;
	background: #199E4E;
	font-size: 16px;
}
.memberLRemaindBox .pwreminder_link a:hover{ text-decoration: none; }

.spLoginBottomBlock:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.spLoginBottomBlock {
	width: 600px;
	margin: 40px auto 0;
}
.spLoginBottomBlock p{
	width:45%;
	width:calc(50% - 15px);
	float:left;
}
.spLoginBottomBlock p{
	padding-left:10px;
	margin-bottom:15px;
	height:40px;
	padding-top:5px;
	text-align:left;
	border-radius:4px;
	font-size:14px;
	line-height:1.3em;
	background:#a0d431 url(../img/sp_ico_forgot.png) no-repeat;
	background-position: center right;
	background-position: center right -5px;
	background-size:70px auto;
	box-shadow: 0px 5px 0px rgba(108,144,30,1);
	transition: .4s;
}
.spLoginBottomBlock p:hover{ opacity: .7; }
.spLoginBottomBlock p *{
	cursor: pointer;
}
.spLoginBottomBlock p.firstVisitStart{
	margin-left:10px;
	height:45px;
	float: right;
	padding-top:0px;
	background:#fbf7ee url(../img/sp_ico_registration.png) no-repeat;
	background-position: center right;
	background-position: center right -5px;
	background-size:70px auto;
	box-shadow: 0px 5px 0px rgba(203,200,192,1);
}
.spLoginBottomBlock p.pcChange{
	margin-right:10px;
	background: #d9d9d9 url(../../img/sp_ico_top_pc.png) no-repeat;
	background-position: center right;
	background-position: center right 5px;
	background-size: 50px auto;
	border-radius: 5px;
	box-shadow: 0px 5px 0px rgba(157,157,157,1);
	font-size: 16px;
	line-height: 38px;

}
.spLoginBottomBlock p.pcChange a{ color: #333; }
.spLoginBottomBlock p.loginQA{
	background: #4baf7c url(../img/sp_ico_top_qa.png) no-repeat;
	background-position: top right ;
	background-position: top -10px right 5px;
	background-size: 56px auto;
	border-radius: 5px;
	float: right;
	box-shadow: 0px 5px 0px rgba(56,132,93,1);
	font-size: 18px;
	line-height: 40px;
	text-indent:15px;
}
.spLoginBottomBlock p a{
	color:#fff;
	text-decoration:none;
	display:block;
}
.spLoginBottomBlock p.firstVisitStart{

}
.spLoginBottomBlock p.firstVisitStart input{
	display:block;
	width:100%;
	font-size:16px;
	line-height:45px;
	color:#3c7955;
	background:none;
	text-align:left;
	border:none;
}
.LoginBodyTop { }
.LoginBodyTop p { font-size:0.9em; }
.LoginBodyTop .caution { color:#F00; }
.LoginBodyTop p span { font-size:0.9em; color:#666; }
.LoginBodyBottom ul { margin:15px auto 20px auto; padding:0 0 15px 0; border-bottom:#999 1px dotted; list-style:none; text-align:center; }
.LoginBodyBottom li { padding:0 0 0 10px; background:url(../img/ico02.png) no-repeat 0px center; display:inline-block; }
.LoginBodyBottom a { font-size: 0.8em; text-decoration:none; color:#F60; }
.BrowserBox { clear:both; }
.BrowserBox h2 { margin:0 0 0 0; font-size:1.6em; font-weight:600; color:#666; }
.BrowserBox h2 img { margin:0 3px; position:relative; top:-15px; }
.BrowserBoxCaution { margin:20px 0; font-size: 1.1em; font-weight:600; color:#FF3300; }
.BrowserBox ul { margin:0 auto 20px auto; width:600px; list-style:none; }
.BrowserBox ul:after { content:'.'; height:0.01em; display:block; visibility:hidden; clear:both; }
.BrowserBox li { width:200px; text-align:center; display:block; float:left; }
.BrowserBox a { padding:20px; border:#FFF 3px dashed; display:block; color:#212121; text-decoration:none; }
.BrowserBox a:hover { border:#BBB 3px dashed; }
.BrowserBox span.icons { margin:0 auto; width:60px; height:70px; position:relative; overflow:hidden; display:block; }
.BrowserBox span.ie img { position:relative; left:0px; }
.BrowserBox span.ch img { position:relative; left:-180px; }
.BrowserBox span.sf img { position:relative; left:-120px; }
.BrowserBox span.op img { position:relative; left:-240px; }
.BrowserBox span.ff img { position:relative; left:-60px; }
.BrowserBox span.recommend { font-size:0.8em; }
.BrowserBoxNote { margin:0 auto; width:80%; font-size: 0.8em; color:#666; }
.BrowserBoxNote span { color:#FF3300; }
.LoginFoot { clear:both; text-align:center; }
.FootCopyright { 
    font-size: 0.7em;
    text-align: right;
    clear: both;
}
.FootCopyright a { text-decoration:none; font-size: 0.8em; color:#999; }

.loginhelp{
	margin: 0 auto 40px;
	padding-top: 50px;
	line-height: 1.5;
}
.loginhelp h2{
	text-align: center;
	font-size: 20px;
	color: #199E4E;
}
.loginhelp p{ margin-top: 10px; }
.loginhelp a{
	width: 300px;
	margin: 20px auto 0;
	padding: 10px;
	border-radius: 5px;
	display: block;
	color: #fff;
	text-decoration: none;
}
.loginhelp a:hover{ opacity: .7; }
.loginhelp a[href*="pwreminder_input"]{
	background: #199E4E;
}
.loginhelp a[href*="login"]{
	margin-top: 10px;
	background: #ffc23f;
}
/*RecommendBlock*/
.RecommendBlock { margin:0 auto; width:940px; }
.RecommendBlock { font-size:0.8em\9; line-height:1.4\9; }
.RecommendBlock:not(:target) { font-size:0.8em\9; line-height:1.4\9; }
.RecommendBlock:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.RecommendTitleWrap { padding-bottom:10px; border-bottom:#CCC 1px dotted; }
.RecommendTitleWrap:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.RecommendTitleWrap p { font-size:150%; color:#FF6600; }
.RecommendTitleWrap p span { padding-left:5px; font-size:85%; color:#666; }
.RecommendTitleWrap .RecommendTitle { margin:0 0 4px 0; width:20px; height:21px; position:relative; overflow:hidden; display:block; position:relative; float:left; }
.RecommendTitleWrap .RecommendTitle { top:-0.2em\9; }
.RecommendTitleWrap .RecommendTitle:not(:target) { top:0.02em\9; }
.RecommendTitleWrap .RecommendTitle img { position:relative; top:4px; left:-484px; }
.RecommendTitleWrap .RecommendTitleNote { font-size:0.9em; color:#000; }
.RecommendInputWrap { margin:0 0 10px 0; padding:15px 30px; border-bottom:#CCC 1px dotted; width:880px; font-size:100%; }
.RecommendInputWrap .inputName { margin:0 auto 7px auto; }
.RecommendInputWrap .inputName:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.RecommendInputWrap span { padding:0 0 0 10px; color:#FF0000; }
.RecommendInputWrap .inputName dl { margin:; padding:; }
.RecommendInputWrap .inputName dl:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.RecommendInputWrap .inputName dt { margin:; padding:; width:140px; float:left; vertical-align:middle; }
.RecommendInputWrap .inputName dd { margin:; padding:; vertical-align:middle; }
.RecommendInputWrap .inputComment { margin:0 auto; }
.RecommendInputWrap .inputComment:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.RecommendInputWrap .inputComment dl { margin:; padding:; }
.RecommendInputWrap .inputComment dl:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.RecommendInputWrap .inputComment dt { margin:; padding:; width:140px; float:left; vertical-align:middle; }
.RecommendInputWrap .inputComment dd { margin:; padding:; vertical-align:middle; float:left; }
.RecommendInputWrap .inputComment dd.inputCommentBox { width:450px; }
.RecommendInputWrap .inputComment dd.inputCommentBox textarea { width:380px; height:80px; }
.RecommendInputWrap .inputComment dd.inputCommentSend { margin:; padding:; width:200px; vertical-align:middle; float:left; }
.RecommendInputWrap .inputComment dd.inputCommentSend input { margin-top:55px; }

.contributBlock { margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:#CCC1 px dotted; }
.contributBlock:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.contributWrap { margin:0 0 10px 0; padding:10px 0; border-bottom:#CCC 1px dotted; }
.contributWrap:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.contributCommentWrap {  }
.contributCommentWrap .comment { word-break:break-all; }
.contributCommentWrap .comment span { margin:0 5px 0 0; width:13px; height:20px; position:relative; overflow:hidden; display:block; float:left; }
.contributCommentWrap .comment span img { position:relative; top:-1px; left:-505px; }
.contributCommentWrap .commentedName { clear:both; }
.contributCommentWrap .commentedName dt { padding-top:5px; width:500px; color:#FF6600; display:block; position:relative; float:left; }
.contributCommentWrap .commentedName dt span { margin:0 2px 0 0; width:10px; height:20px; position:relative; overflow:hidden; display:block; float:left; top:0.1em; }
.contributCommentWrap .commentedName dt span { top:-0.2em\9; }
.contributCommentWrap .commentedName dt span:not(:target) { top:-0.1em\9; }
.contributCommentWrap .commentedName dt span img { position:relative; top:-1px; left:-528px; }
.contributCommentWrap .commentedName dd.commentedDate { padding:5px 0 0 10px; width:300px; color:#666; text-align:right; float:left; display:block; }
.contributCommentWrap .commentedName dd.commentedVote { padding-left:10px; width:120px; text-align:right; float:left; display:block; }
.contributEvaluationWrap { clear:both; }
.contributEvaluationWrap:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.contributEvaluationWrapLeft { width:800px; float:left; }
.contributEvaluationWrapRight { width:140px; float:left; }
.contributEvaluationWrapLeft dl { margin:3px 0 0 0; float:left; }
.contributEvaluationWrapLeft dt { width:250px; float:left; }
.contributEvaluationWrapLeft dd.bravo { width:240px; float:left; }
.contributEvaluationWrapLeft dd.helpfull { width:160px; float:left; }
.contributEvaluationWrapLeft dd.worrisome { width:130px; float:left; }
.contributEvaluationWrapRight p { position:relative; top:-8px; }

/*for Preview*/
.PreviewPage .MainList_normal .itemPhotoBox { overflow:visible; }
.PreviewPage .MainList_normal .itemPhotoBox img { margin:0 0 0 0; max-width:160px; height:auto; }
.PreviewPage .MainList_normalGift .itemPhotoBox { overflow:visible; }
.PreviewPage .MainList_normalGift .itemPhotoBox img { margin:0 0 0 0; max-width:160px; height:auto; }
.PreviewPage .MainList_normalLimit .itemPhotoBox { overflow:visible; }
.PreviewPage .MainList_normalLimit .itemPhotoBox img { margin:0 0 0 0; max-width:160px; height:auto; }
.PreviewPage .MainList_Large .itemPhotoBox { overflow:visible; }
.PreviewPage .MainList_Large .itemPhotoBox img { margin:0 0 0 0; max-width:220px; height:auto; }
.PreviewPage .MainList_Photo .itemPhotoBox { overflow:visible; }
.PreviewPage .MainList_Photo .itemPhotoBox img { margin:0 0 0 0; max-width:216px; height:auto; }
.PreviewPage .itemDetailBlockPhoto { margin-bottom: 20px; overflow:visible; }
.PreviewPage .itemDetailBlockPhoto p:nth-of-type(1) { overflow:visible; }
.PreviewPage .itemDetailBlockPhoto p img { margin:0; }
.PreviewPage .itemDetailBlockPhoto ul li { overflow:visible; }

.MainHome .readingText{
	height:0;
	text-indent:-9999px;
}
.MainHome .readingText + div,
.MainHome .topOshirase + div{ overflow: auto; }

/* 20160517チラシ追加 */

#chirashiListWrap{
	position:relative;
	width:960px;
	margin:0 auto;
}


body{
	width:100%;
	height:100%;
	position: relative;
	top:0;
	left:0;
}

.chirashiList{
	padding-top:60px;
}
#slideBlock{
	width:100%;
	position:fixed;
	top:-229px;
	left:0;
	z-index:10;
}

.slideBtn{
	width:100%;
	min-width:940px;
}
.btnOff{
	cursor:pointer;
}
.slideBtn #main{
	width:164px;
	height:57px;
	margin:0 auto;
	font-size:18px;
	font-weight:600;
	line-height:45px;
	border-radius:0 0 5px 5px;
	text-align:center;
	color:#fff;
	background:url(../../img/btn_top_slide.png) no-repeat center;
	cursor:pointer;
}

.Head,.Main{
	background-color:#fff;
}
.Main{
	padding-bottom:10px;
/*	border-bottom:5px solid #74c930;*/
}



.no-scroll{
	/*position: relative;*/
	overflow:hidden;
}
.overlay{
	background:url(../../img/bg_overlay.png);
	position:fixed;
	width:110%;
	height:10000px;
	display:none;
	cursor:pointer;
	z-index:11;
	overflow:hidden;
}
.overlaySide{
	background:url(../../img/bg_overlay.png);
	position:fixed;
	width:150%;
	height:200%;
	display:none;
	cursor:pointer;
	z-index:12;
}
.sideSlide:after{ content: "."; display: block; height: 0; font-size:0;	clear: both; visibility:hidden;}

.sideSlide{
	width:486px;
	height:100%;
	position:fixed;
	top:7.5%;
	left:-366px;
	z-index:9;

}
.sideSlideBlock{
	width:310px;
	height:80%;
	max-height:660px;
	overflow:scroll;
	overflow-x:hidden;
	padding:20px 20px 20px 30px;
	float:left;
	background-color:#fff;
	border-top:3px solid #74c930;
	border-right:3px solid #74c930;
	border-bottom:3px solid #74c930;
	border-radius:0 5px 5px 0;
}

.sideSlideBlock p{
	width:100%;
	height:42px;
	margin-bottom:15px;
	font-size:19px;
	line-height:42px;
	font-weight:600;
	background:url(../../img/bg_leaflet_title.gif) repeat-x;
}

.sideSlideBlock ul{
	margin-left:25px;
}

.sideSlideBlock ul li{
	position:relative;
	list-style:none;
}
.sideSlideBlock ul li.favorite:before{
	content:"";
	width:25px;
	height:20px;
	display:block;
	position:absolute;
	top:0;
	left:-25px;
	background:url(../../img/ico_fav.gif);
}
.sideSlideBlock ul li.leafletListOrdered:after{
	content:"";
	width:25px;
	height:20px;
	display:block;
	position:absolute;
	top:0;
	left:-50px;
	background:url(../../img/ordered.gif);
}
.sideSlideBlock ul li a{
	display:block;
	padding: 2px 8px 2px 1.5em;
	color:#5a5a5a;
	text-indent:-1em;
}

.sideSlideBlock ul li a:hover{
	color:#fff;
	background-color:#74c930;
	border-radius:10px;
}

#sideSlideBtn{
	width:117px;
	height:63px;
	float:left;
	margin-top:20px;
	padding:20px 0 10px;
	border-radius:0 5px 5px 0;
	text-align:center;
	background:url(../../img/btn_side_slide.png);
	cursor:pointer;
}
#sideSlideBtn p{
	height: 20px;
	margin: 0 20px 0 5px;
	border-radius:15px;
	line-height:30px;
	font-size:18px;
	font-weight:900;
	color:#fff;
	letter-spacing:0.2em;
}
#sideSlideBtn p.number{
	height: 30px;
	margin: 0 20px 0 8px;
	border-radius:15px;
	line-height:30px;
	font-size:12px;
	font-weight:900;
	color:#89cf46;
	background-color:#fff;
	letter-spacing:0.1em;
}
#sideSlideBtn p.number span{
	font-size:22px;
}
.favConBtn:after{ content: "."; display: block; height: 0; font-size:0;	clear: both; visibility:hidden;}
.favConBtn{
	width:291px;
	border:solid 1px #ececec;
	border-radius:5px;
}
.favConBtn p{
	width:161px;
	height:20px;
	line-height:20px;
	margin:5px 0;
	font-size:12px;
	text-indent:25px;
	float:left;
	background:url(../../img/ico_fav.gif) no-repeat;
}
.favConBtn ul:after{ content: "."; display: block; height: 0; font-size:0;	clear: both; visibility:hidden;}
.favConBtn ul{
	width:130px;
	float:left;
	margin:5px 0;
}
.favConBtn ul li{
	width:65px;
	height:22px;
	float:left;
}
.favConBtn ul li a{
	display:block;
	width:59px;
	height:22px;
	padding:0;
	cursor:pointer;
	text-indent:-9999px;
}
.favConBtn ul li.favOn a{
	background:url(../../img/toggle_btn.gif) no-repeat 0 -22px;
}
.favConBtn ul li.favOff a{
	background:url(../../img/toggle_btn.gif) no-repeat -59px -22px;
}
.favConBtn ul li.favOn a.active{
	background:url(../../img/toggle_btn.gif) no-repeat 0 0;
}
.favConBtn ul li.favOff a.active{
	background:url(../../img/toggle_btn.gif) no-repeat -59px 0;
}
.favConBtn ul li.favOn a.active:hover{
	background:url(../../img/toggle_btn.gif) no-repeat 0 0;
	border-radius:0;
}
.favConBtn ul li.favOff a.active:hover{
	background:url(../../img/toggle_btn.gif) no-repeat -59px 0;
	border-radius:0;
}
.favConBtn ul li.favOn a:hover{
	background:url(../../img/toggle_btn.gif) no-repeat 0 0 !important;
	border-radius:0;
}
.favConBtn ul li.favOff a:hover{
	background:url(../../img/toggle_btn.gif) no-repeat -59px 0 !important;
	border-radius:0;
}
#lean_overlay{
	position: fixed; z-index:100; 
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background:url(../../img/bg_overlay.png);
	display: none;
	cursor:pointer;
}
.popup{
	width: 400px;
	display: none;
	top:5% !important;
	padding: 30px;
	border-radius:5px;
	background: none repeat scroll 0 0 #FFFFFF;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
 }
/*.modal_close{ 
	position: absolute;
	top: 12px;
	right: 12px;
	display: block; 
	width: 14px;
	height: 14px; 
	background: url(../../../img/modal_close.png);
	z-index: 2;
}*/
.pageList{
	position:relative;
}

p.rankIcon{
	position:absolute;
	top:320px;
	left:450px;
	font-size:30px;
}
p.rankIcon .icoWrap{
	position:relative;
}
p.rankIcon .rank{
	position:absolute;
	top:0px;
	left:15px;
	font-size:30px;
}
p.rankIcon .type{
	position:absolute;
	top:30px;
	left:0px;
}

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

.popupTopBlock{
	width:400px;
}
.popupTopBlock .leftBlock{
	width:190px;
	float:left;
	margin-right:10px;
}
.popupTopBlock .leftBlock img{
	max-width:100%;
	height:200px;
	overflow:hidden;
}
.popupTopBlock .rightBlock{
	width:200px;
	float:left;
}
.markBlock:after{ content: ".";  display: block;  height: 0;  font-size:0;	 clear: both;  visibility:hidden;}
.markBlock{
	padding-bottom:10px;
	margin:10px 0;
	border-bottom:1px solid #d2d2d2;
}
.markBlock ul li{
	height:40px;
	float:left;
}
.markBlock ul li img{
	vartical-align:middle;
}
#itemDatailBlock{
	margin-bottom:5px;
}

.popupRightTop:after{ content: ".";  display: block;  height: 0;  font-size:0;	 clear: both;  visibility:hidden;}
.popupRightTop p{
	float:left;
}

.popupRightTop p.number{
	padding:3px 4px 2px;
	font-weight:600;
	font-size:18px;
	color:#fff;
	background-color:#000;
}
.popupRightTop p.itemDetailClose{
	float:right;
}
.popupRightTop p.itemDetailClose a{
	padding:0 0 20px 30px;
	display:block;
}
.popupTopBlock .rightBlock dl dt{
	height:100px;
	margin:30px 0 0;
	font-size:18px;
}
.popupTopBlock .rightBlock dl dd{
	font-size:16px;
}
.itemDetailClose{
	cursor:pointer;
}

.popup .itemDetailDone{
	width: auto;
	height: 32px;
	overflow: hidden;
	float: left;
}
.popup .itemDetailDone .itemDetailNums{
	width: 45px;
	margin: 0;
	padding: 0 5px 0 0;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	border: 1px solid #CCC;
	border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	-o-border-radius: 3px 0 0 3px;
	-ms-border-radius: 3px 0 0 3px;
	text-align: right;
	float: left;
}
.popup .itemDetailDone .itemDetailNumsPlus{
	width: 30px;
	position: relative;
	overflow: hidden;
	float: left;
}
.popup .itemDetailDone .itemDetailNumsMinus{
	width: 30px;
	position: relative;
	overflow: hidden;
	float: left;
}
.popup .itemFavorite{

	margin: 0 20px 0 0;
	padding: 0;
	width: 100px;
	height: 32px;
	float: left;
}
.popup .itemFavorite p a{
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	width: 100px;
	height: 32px;
	text-indent: -9999px;
	background: transparent url(../img/btns02.png) no-repeat 0px -313px;
}
.itemDetailDone:after{ content: ".";  display: block;  height: 0;  font-size:0;	 clear: both;  visibility:hidden;}
.itemBtn:after{ content: ".";  display: block;  height: 0;  font-size:0;	 clear: both;  visibility:hidden;}


.popup .itemDetailNumsDone{
	margin: 0 0 0 20px;
	position: relative;
	overflow: hidden;
}
p.mark{
	width:166px;
	height:76px;
	position:absolute;
	top:300px;
	left:200px;
	font-size:30px;
}
p.mark a{
	width:166px;
	height:76px;
	display:block;
}
p.favIcon a{
	background:url(../../img/fav.png) no-repeat center center;
}
p.orderIcon a{
	background:url(../../img/ordered.png) no-repeat center center;
}

area{
	z-index:5;
}
.moreView{
	width:220px;
	margin:15px auto 0;
}
.moreView p a{
	display:block;
	width:220px;
	height:41px;
	text-indent:-9999px;
	background:url(../img/more_view.jpg);
}
.moreView p a:hover{
	background-position:0 -41px;
}
.itemInfoBox .itemDetailAllergy {
	margin: 0;
	padding: 0;
}
.itemInfoBox .itemDetailAllergy dl:after{ content: ".";  display: block;  height: 0;  font-size:0;	 clear: both;  visibility:hidden;}
.itemInfoBox .itemDetailAllergy dl{
	width:100%;
}
.itemInfoBox .itemDetailAllergy dt {
	width: 92px;
	margin: 0 10px 0 0;
	padding: 13px 0 5px 0;
	color: #000;
	font-size:13px;
	float: left;
}
.itemInfoBox .itemDetailAllergy dd {
	width:330px;
	padding: 5px 0;
	float: left;
}
.itemInfoBox .itemDetailAllergy dd span {
	margin: 0 0 0 3px;
	width: 30px;
	height: 30px;
	position: relative;
	overflow: hidden;
	float: left;
}
.HeadRight ul{
}
.HeadRight ul li a{
	width:72px;
	height:52px;
	margin:5px 4px 0 0;
	float:left;
}

.HeadRight ul li.nav01 a{
	background:url(../../img/header_nav.jpg?ccv20220113);
}
.HeadRight ul li.nav01 a:hover{
	background:url(../../img/header_nav.jpg?ccv20220113) 0 -52px;
}
.HeadRight ul li.nav02 a{
	background:url(../../img/header_nav.jpg?ccv20220113) -72px 0;
}
.HeadRight ul li.nav02 a:hover{
	background:url(../../img/header_nav.jpg?ccv20220113) -72px -52px;
}
.HeadRight ul li.nav03 a{
	background:url(../../img/header_nav.jpg?ccv20220113) -144px 0;
}
.HeadRight ul li.nav03 a:hover{
	background:url(../../img/header_nav.jpg?ccv20220113) -144px -52px;
}
.HeadRight ul li.nav04 a{
	background:url(../../img/header_nav.jpg?ccv20220113) -216px 0;
}
.HeadRight ul li.nav04 a:hover{
	background:url(../../img/header_nav.jpg?ccv20220113) -216px -52px;
}
.HeadRight ul li.nav05 a{
	background:url(../../img/header_nav.jpg?ccv20220113) -288px 0;
}
.HeadRight ul li.nav05 a:hover{
	background:url(../../img/header_nav.jpg?ccv20220113) -288px -52px;
}
.HeadRight ul li.nav06 a{
	background:url(../../img/header_nav.jpg?ccv20220113) -360px 0;
}
.HeadRight ul li.nav06 a:hover{
	background:url(../../img/header_nav.jpg?ccv20220113) -360px -52px;
}
.HeadRight ul li.nav07 a{
	background:url(../../img/header_nav.jpg?ccv20220113) -432px 0;
}
.HeadRight ul li.nav07 a:hover{
	background:url(../../img/header_nav.jpg?ccv20220113) -432px -52px;
}
.HeadRight ul li.nav08 a{
	background:url(../../img/header_nav_g.jpg?ccv20220113) -504px 0;
}
.HeadRight ul li.nav08 a:hover{
	background:url(../../img/header_nav_g.jpg?ccv20220113) -504px -52px;
}
.HeadRight ul li.navPointBtn a{
	background:url(../../img/header_PointBtn.jpg?ccv20220113) 0 0;
}
.HeadRight ul li.navPointBtn a:hover{
	background:url(../../img/header_PointBtn.jpg?ccv20220113) 0 -52px;
}
.HeadRight ul li.navDeliveryBtn a{
	background:url(../../img/header_DeliveryBtn.jpg?ccv20220113) 0 0;
}
.HeadRight ul li.navDeliveryBtn a:hover{
	background:url(../../img/header_DeliveryBtn.jpg?ccv20220113) 0 -52px;
}
.HeadRight ul li.navNewsBtn{
	position: relative;
}
.HeadRight ul li.navNewsBtn a{
	background:url(../../img/header_NewsBtn.jpg) 0 0;
}
.HeadRight ul li.navNewsBtn a:hover{
	background:url(../../img/header_NewsBtn.jpg) 0 -52px;
}
.HeadRight ul li.navGuideBtn a{
	background:url(../../img/header_GuideBtn.jpg) 0 0;
}
.HeadRight ul li.navGuideBtn a:hover{
	background:url(../../img/header_GuideBtn.jpg) 0 -52px;
}
.HeadRight ul li .newsNumLabel{/*未読件数表示*/
	width: 24px;
	height: 24px;
	display: block;
	color: #fff;
	text-align: center;
	line-height: 24px;
	font-size: 1em;
	font-weight: bold;
	border-radius: 50%;
	background: #f03838;
	position: absolute;
	top: 2px;
	right: 2px;
	z-index: 100;
}

/*お届け票*/


.voucherList{
	width:940px;
	margin:0 auto 80px;
}
.deliveryList .deliveryAnchor{ position:relative; margin-bottom:0; z-index:2; }
.deliveryList .deliveryAnchor .selectedItem{
	width:150px;
	margin:10px 0 10px auto;
	margin-left:auto;
	padding:5px 10px;
	border:1px solid #afa7ab;
	background:#fff;
	position:relative;
	cursor:pointer;
}
.deliveryList .deliveryAnchor .selectedItem::after{
	content:"";
	display:block;
	width:6px;
	height:6px;
	border-top:solid 2px #17b669;
	border-right:solid 2px #17b669;
	-webkit-transform:rotate(135deg);
	transform:rotate(135deg);
	position:absolute;
	top:6px;
	right:5px;
}
.deliveryList .deliveryAnchor .selectMenu{
	width:170px;
	padding:5px 0;
	display:none;
	border:1px solid #afa7ab;
	background:#fff;
	position:absolute;
	top:27px;
	right:0;
}
.deliveryList .deliveryAnchor .selectMenu li{
	text-align:left;
	list-style:none;
	cursor:pointer;
}
.deliveryList .deliveryAnchor .selectMenu li a{
	padding:4px 10px;
	display:block;
	color:#474747;
	font-weight:400;
}
.deliveryList .deliveryAnchor.active{
	width:940px;
	background: rgba(255,255,255,0.9);
	position:fixed;
	top:112px;
}
.deliveryList .deliveryAnchor.active .selectMenu{
	top:37px;
}

.deliveryList .pdfDownroad{ text-align:right; margin-bottom:10px!important; }
.deliveryList .pdfDownroad a{
	padding:10px;
	display:inline-block;
	color:#fff;
	border-radius:4px;
	font-size:14px;
	font-weight:bold;
	background:#474747;
	text-decoration:none;
	position:relative;
}
.deliveryList .pdfDownroad a::after{
	content:"";
	width:16px;
	height:16px;
	margin-left:5px;
	display:inline-block;
	vertical-align:middle;
	background:url(../img/download.png) 100% / 16px 16px;
}	
.deliveryList .pdfDownroad a:hover{
	opacity:0.7;
}
/*20200226_請求書・お届け票切り替えタブ*/

.voucherList .tabChangeBtn{
	margin: 10px auto 25px;
	list-style: none;
	border-bottom: 4px solid #17b669;
}
.voucherList .tabChangeBtn li{
	width: 50%;
	display: inline-block;
	color: #fff;
	line-height: 66px;
	font-size: 23px;
	text-align: center;
	vertical-align: bottom;
	position: relative;
	background: none;
}
.voucherList .tabChangeBtn li:nth-of-type(2){ background: #17b669; }
.voucherList .tabChangeBtn li:before{
	margin: auto 0;
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
}
.voucherList .tabChangeBtn li:nth-of-type(1):before{
	content: "";
	width: 24px;
	height: 28px;
	background: url(../../img/tabChangeBtn01_bl.png) no-repeat;
	background-size: 24px;
	left: 110px;
}
.voucherList .tabChangeBtn li:nth-of-type(2):before{
	content: "";
	width: 39px;
	height: 27px;
	background: url(../../img/tabChangeBtn02_wh.png) no-repeat;
	background-size: 39px;
	left: 100px;
}

.voucherList .tabChangeBtn li a{
	width: 99%;
	display: block;
	color: #2fb0d0;
	background: #d4e9fa;
}
.voucherList .tabChangeBtn li a:hover{ opacity: 0.7; }

/*20200226_請求書・お届け票切り替えタブここまで*/
.voucherList .howUseBlock p + p{ margin-top: 10px; }
.voucherList .howUseBlock + p{ margin-top: 20px; }
.howUseBlock ul{
	margin: 20px 0;
	list-style: none;
}
.howUseBlock ul li{
	margin-top: 5px;
	padding-left: 1em;
	text-indent: -1em;
}
.howUseBlock ul li::before{
	content: "・";
	color: #ff6600;
}
.howUseBlock a{
	color: #61C11E;
	text-decoration: underline;
}
.voucherList .listBlock{
	width:940px;
	margin-bottom: 20px;
}

.voucherList .listBlock + .listBlock{ margin-top: 60px; }
.voucherList .listBlock table{
	width:940px;
	border-bottom:1px solid #17b669;
	border-right:1px solid #17b669;
}
.voucherList .listBlock table th{
	padding:5px;
	border-top:1px solid #17b669;
	border-left:1px solid #17b669;
	text-align:center;
	color:#fff;
	background-color:#17b669;
}
.voucherList .listBlock table th.symbol{ width:8%; }
.voucherList .listBlock table th.product{ width:45%; border-left:1px solid #fff; }
.voucherList .listBlock table th.quantity{ width:5%; border-left:1px solid #fff; }
.voucherList .listBlock table th.money{ width:8%; border-left:1px solid #fff; }
.voucherList .listBlock table th.other{ width:18%; border-left:1px solid #fff; }

.voucherList .listBlock table tr:nth-child(2n+1){ background-color:#d1f0e1; }
.voucherList .listBlock table td{ padding:5px; border-left:1px solid #17b669; }
.voucherList .listBlock table td.center{ text-align:center; }
.voucherList .listBlock table td.right{ text-align:right; }

.voucherList .listBlock .deliveryScroll + p{ margin-top: 8px; }
.voucherList .listBlock .shortageBlock.none{
	display:none;
}
.voucherList .listBlock .shortageBlock table{
	width:100%;
	margin-top:5px;
	border-bottom:1px solid #c6c6c6;
	border-right:1px solid #c6c6c6;
	border-left:1px solid #c6c6c6;
	border-radius:5px;
	border-collapse: separate;
	overflow:hidden;
}
.voucherList .listBlock .shortageBlock table tr{
	margin:0 10px;
	border-bottom:1px solid #c6c6c6;
	background:none;
}
.voucherList .listBlock .shortageBlock table td{
	border-left:none;

}
.voucherList .listBlock .shortageBlock table tr:last-child{
	border-bottom:none;
}
.voucherList .listBlock .shortageBlock table th{
	padding:5px;
	border-top:1px solid #c6c6c6;
	border-left:1px solid #c6c6c6;
	text-align:center;
	color:#363636;
	background-color:#c6c6c6;
	border-radius:5px 5px 0 0;
}
.voucherList .listBlock .shortageBlock table td{
	padding:5px;
	border:none;
	margin:0 5px;
	border-bottom:1px solid #e1e1e1;
}
.listBlockTitleWrapLeft {
	margin-top: -70px;
	padding: 70px 0 10px 0;
	float: left;
}
.listBlockTitleWrapLeft h3{
	font-size:20px;
}
.listBlockTitleWrapLeft h3 span{
	margin-left:20px;
	color:#0d7442;
	font-size:14px;
}
.listBlockTitleWrapRight {
	float: right;
}
.listBlockTitleWrapRight ul {
	list-style: none;
}
.listBlockTitleWrapRight ul li{
	float: left;
	text-decoration: none;
	color: #40B25C;
	margin-top: 5px;
}
.listBlockTitleWrapRight ul li.stay{
	margin-left: 5px;
	padding-left: 5px;
	border-left: solid #e5e5e5 1px;
	font-weight: 600;
}
.listBlockTitleWrapRight ul li.last{
	margin-left: 5px;
	padding-left: 5px;
	border-left: solid #e5e5e5 1px;
}

#itemListTitle{
	width:940px;
	height:38px;
	font-size:16px;
	color:#222222;
	line-height:38px;
	text-align:center;
	background:url(../img/list_title_bg.gif);
	margin:0 auto 10px;
}

/* ポップアップ画面:　商品詳細情報
------------------------------------------------------ */

.morePopup{
	display:none;
	overflow:scroll;
	overflow-x:hidden;
	top:20px ;
}

#itemDetailPopUpArea{
	margin: 0 auto;
	padding: 5px 0 50px;
	width: 880px;
	background: #fff;
	position:relative;
}

#itemDetailPopUpArea #itemDatailBlock{
	margin: 42px 10px 0;
	padding: 0;
}
#itemDetailPopUpArea .itemDetailClose{
	float:right;
}
#itemDetailPopUpArea .itemDetailClose a{
	padding:0 10px 20px 20px;
	display:block;
}
.itemDetailBlockPhoto { margin:0 10px 20px 0; width:310px; position:relative; overflow:hidden; float:left; }
.itemDetailBlockPhoto p:nth-of-type(1) { margin:0 0 10px -60px; width:420px; text-align:center; position:relaitve; overflow:hidden; }
.itemDetailBlockPhoto p img { margin:0 auto; width:auto; }
.itemDetailBlockPhoto ul { margin:0 0 20px 0; list-style:none; }
.itemDetailBlockPhoto ul:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.itemDetailBlockPhoto ul li { margin-right:4px; border:#EEE 1px solid; width:48px; float:left; display:inline-block; position:relative; overflow:hidden; }
.itemDetailBlockPhoto ul li.DetailPhotoThisIs { border:#000 1px solid; }
.itemDetailBlockPhoto ul li.end { margin-right:0px; }
.itemDetailBlockPhoto ul li:hover { border:#CCC 1px solid;  }
.itemDetailBlockPhoto ul li.DetailPhotoThisIs { border:#F30 1px solid;  }
.itemDetailBlockPhoto ul li a { width:80px; text-align:center; display:block; position:relative; left:-16px; }
.itemDetailBlockPhoto ul li a img { margin:0 auto; width:auto; max-height:48px; }
/*.itemDetailBlockPhoto .itemDetailMemoNote { margin:10px 10px 0 0; padding:10px; border:#BBB 1px solid; border-radius:3px; background:#FFFFF0; font-size:0.88em; clear:both; }
.itemDetailBlockPhoto .itemDetailMemoNote p { margin:0 0 5px 0; }*/
.itemDetailPopUpWrap #itemDetailPopUpArea .listToBack .modal_close{ display: none; }
#itemDetailPopUpArea #itemDatailBlock #itemInfoBlock{
	margin: 0;
	padding: 0;
	width: 535px;
	float: right;
}

#itemDetailPopUpArea #itemDatailBlock #itemInfoBlock .itemInfoBox{
	margin: 0 0 10px;
	padding: 5px 10px;
	line-height: 25px;
	border: 2px solid #d7e2c2;
	border-radius: 5px;
}

#itemDetailPopUpArea #itemDatailBlock #itemInfoBlock .itemInfoBox div.itemInfoBody{
	margin: 0;
	padding: 5px 0 5px 0;
	border-bottom: 1px dotted #999;
}

#itemDetailPopUpArea #itemDatailBlock #itemInfoBlock div.itemInfoBody:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }

#itemDetailPopUpArea #itemDatailBlock #itemInfoBlock div.itemInfoBody .itemDetailOther{ width:auto;  float:left; }
.itemDetailOther .itemDetailNext{ margin-left:5px; }
.itemDetailOther .itemDetailDeli { margin:2px 0 0 0; color:#F86403; }
.itemDetailOther .itemDetailDeli span { width:15px; height:15px; margin:5px 3px 0 0; display:block; position:relative; overflow:hidden; float:left; }
.itemDetailOther .itemDetailDeli span img { position:relative; left:-463px; top:-2px; }
.itemDetailOther .itemDetailDeli span.itemDetailNext {  }
.itemDetailOther .itemDetailBundle{ color:#F86403; font-weight:700; }


.itemInfoBody p.yoridoriBtn{ width:auto; float:right;  }
.itemInfoBody p.yoridoriBtn a {
	width: 165px;
	height:35px;
	text-indent:-9999px;
	display:block;
	text-decoration:none;
	/* MacIE5.X除外 start \*/
	overflow: hidden;
	/* MacIE5.X除外 end */
	background:url(../img/btns02.png) no-repeat  0px -1821px;
}
.itemInfoBody p.yoridoriBtn a:hover{ background:url(../img/btns02.png) no-repeat 0px -1858px; }


#itemDetailPopUpArea #itemDatailBlock .itemDetailName { padding:5px 10px 0px 0; font-size:1.25em; font-weight:700; display:inline; position:relative; float:left; }
#itemDetailPopUpArea #itemDatailBlock .itemDetailName span { padding:0 0 0 5px; font-size:0.8em; }
#itemDetailPopUpArea #itemDatailBlock .itemDetailItemWrap{
	display: block;
	margin: 0;
	padding: 5px 0 0;
	float: right;
}
#itemDetailPopUpArea #itemDatailBlock .itemCheck{
	margin: 10px 0 0;
	padding: 0;
}
#itemDetailPopUpArea #itemDatailBlock .price{
	margin: 0;
	padding-left: 5px;
	float: left;
}
#itemDetailPopUpArea #itemDatailBlock .price .NormalPrice{
	font-size: 20px;
	font-weight: 700;
}
#itemDetailPopUpArea #itemDatailBlock .price .NormalPrice span.net { padding-left:5px; font-weight:400; }
#itemDetailPopUpArea #itemDatailBlock .price .YoriPrice{ margin:0; padding:0; color:#fe6601; font-size:0.8em; }
#itemDetailPopUpArea #itemDatailBlock .itemVolume p{ font-size:1.0em; text-align:center; color:#cc0000; }
#itemDetailPopUpArea #itemDatailBlock .itemBtn{ width:auto; margin-top:0px; float:right; }
#itemDetailPopUpArea #itemDatailBlock .itemBtn:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }

@media screen and (-webkit-min-device-pixel-ratio:0) { #itemDatailBlock .itemDetailNums { border-radius:0em; }}
@media screen and (-webkit-min-device-pixel-ratio:0) { #itemDatailBlock .itemDetailNumsPlus { border-radius:0em; }}
@media screen and (-webkit-min-device-pixel-ratio:0) { #itemDatailBlock .itemDetailNumsMinus { border-radius:0em; }}

#itemDetailPopUpArea #itemDatailBlock .itemDetailDone { width:auto; height:32px; overflow:hidden; float:left; }
#itemDetailPopUpArea #itemDatailBlock .itemDetailNums {
	width:35px;
	margin:0;
	padding:0 5px 0 0;
	height: 30px;
	line-height: 30px\9;/* IE */
	font-size: 16px;
	border:1px solid #CCC;
	border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	-o-border-radius: 3px 0 0 3px;
	-ms-border-radius: 3px 0 0 3px;	
	text-align:right;
	float:left;
}

#popupBlock #itemDatailBlock .itemDetailNumsPlus { width:30px; position:relative; overflow:hidden; float:left; }
#popupBlock #itemDatailBlock .itemDetailNumsMinus { width:30px; position:relative; overflow:hidden; float:left; }
#popupBlock #itemDatailBlock .itemDetailNumsDone { margin:0 5px; position:relative; overflow:hidden; }

/*orderbox 注文後*/
#popupBlock #itemDatailBlock .ordered .itemDetailNums { background-color:#EEE; }
#popupBlock #itemDatailBlock .ordered .itemDetailNumsPlus { /*top:-35px;*/ }
#popupBlock #itemDatailBlock .ordered .itemDetailNumsMinus { /*top:-35px;*/ }
#popupBlock #itemDatailBlock .ordered .itemDetailNumsDone { top:-64px; }

/*orderbox 注文中*/
#popupBlock #itemDatailBlock .noworder .itemDetailNumsDone { top:-32px; }
#popupBlock #itemDatailBlock .ordered .noworder .itemDetailNumsDone { top:-32px; }

#popupBlock #itemDatailBlock .itemFavorite {
	width: 100px;
	height: 32px;
	float: left;
}

#popupBlock #itemDatailBlock .itemFavorite a{
	display: block;
	margin:0;
	padding:0;
	border:0;
	width: 100px;
	height: 32px;
	text-indent: -9999px;
	background: transparent url(../img/btns02.png) no-repeat 0px -313px;
}

#popupBlock #itemDatailBlock .itemFavorite a:hover { background-position: 0px -349px; }


#itemDatailBlock .itemDetailSave{
	margin: 0;
	padding: 0;
	width: 215px;
	float: left;
	border-right: 1px dotted #ccc;
}

#itemDatailBlock .itemDetailStock{
	margin: 0 0 0 10px;
	padding: 0;
	width: 275px;
	float: left;
}
#itemDatailBlock .itemDetailSave,
#itemDatailBlock .itemDetailStock,
#itemDatailBlock .itemDetailAllergy,
#itemDatailBlock .itemDetailDate{
	color: #4b4b4b;
	font-size: 14px;
}



.itemDetailSave dl dt, 
.itemDetailStock dl dt{
	padding:0;
	color: #b9d96d;
	float: left;
}

.itemDetailSave dl dd, 
.itemDetailStock dl dd{
	padding: 0 10px 5px;
	float: right;
	text-align: right;
}

.itemDetailNet-Save-Stock{  border-bottom: 1px dotted #ccc; }
.itemDetailNet-Save-Stock:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }

.itemDetailAllergy { padding:7px 0; border-bottom:#AAA 1px dotted; }
.itemDetailAllergy:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.itemDetailAllergy dl { margin:0 0 10px 0; font-size:88%; }
.itemDetailAllergy dl:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.itemDetailAllergy dt { padding:8px 0 0 0px; width:112px; color:#9BC92F; position:relative; float:left; }
.itemDetailAllergy dd { width:300px; margin-top:10px; float:left; }
.itemDetailAllergy dd span { margin-right:3px; width:30px; height:30px; position:relative; float:left; overflow:hidden; }
.itemDetailAllergy dd span img { position:relative; }
.itemDetailAllergy dd span.alle01 img { top:; left:; }
.itemDetailAllergy dd span.alle02 img { top:; left:-30px; }
.itemDetailAllergy dd span.alle03 img { top:; left:-60px; }
.itemDetailAllergy dd span.alle04 img { top:; left:-90px; }
.itemDetailAllergy dd span.alle05 img { top:; left:-120px; }
.itemDetailAllergy dd span.alle06 img { top:; left:-150px; }
.itemDetailAllergy dd span.alle07 img { top:; left:-180px; }
.itemDetailAllergy dd span.alle08 img { top:; left:-210px; }
.itemDetailAllergy dd span.alle09 img { top:; left:-240px; }
.itemDetailAllergy dd span.alle01on img { top:-30px; left:; }
.itemDetailAllergy dd span.alle02on img { top:-30px; left:-30px; }
.itemDetailAllergy dd span.alle03on img { top:-30px; left:-60px; }
.itemDetailAllergy dd span.alle04on img { top:-30px; left:-90px; }
.itemDetailAllergy dd span.alle05on img { top:-30px; left:-120px; }
.itemDetailAllergy dd span.alle06on img { top:-30px; left:-150px; }
.itemDetailAllergy dd span.alle07on img { top:-30px; left:-180px; }
.itemDetailAllergy dd span.alle08on img { top:-30px; left:-210px; }
.itemDetailAllergy dd span.alle09on img { top:-30px; left:-240px; }
.itemDetailAllergy dd span.alle01chk img { top:-60px; left:; }
.itemDetailAllergy dd span.alle02chk img { top:-60px; left:-30px; }
.itemDetailAllergy dd span.alle03chk img { top:-60px; left:-60px; }
.itemDetailAllergy dd span.alle04chk img { top:-60px; left:-90px; }
.itemDetailAllergy dd span.alle05chk img { top:-60px; left:-120px; }
.itemDetailAllergy dd span.alle06chk img { top:-60px; left:-150px; }
.itemDetailAllergy dd span.alle07chk img { top:-60px; left:-180px; }
.itemDetailAllergy dd span.alle08chk img { top:-60px; left:-210px; }
.itemDetailAllergy dd span.alle09chk img { top:-60px; left:-240px; }
.itemDetailAllergy p { margin:0 0 0 120px; color:#F00; clear:both; }

.itemDetailMemo { margin-top:10px; color:#000 !important; }
.itemDetailMemo:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.itemDetailMemoLeft { width:auto; font-size:1.0em; float:left; }
.itemDetailMemo .catch { font-size:1.2em; color:#FF6600; }
.itemDetailMemo .caution { padding:5px 0; font-size:100%; }
.read04 strong { margin:10px 0 5px 0; font-size:1.0em; font-weight:400; display:block; }
.itemDetailMemoNote p { width:97%; color:#000; text-align:left; }
.read01, .read02, .read03, .read04 { color:#000 !important; }
.read01 strong, .read02 strong, .read03 strong, .read04 strong { color:#000; }
.read01 a, .read02 a, .read03 a, .read04 a { color:#000; }




#usersVoiseBlock{
	margin: 35px 10px 0;
	padding: 10px;
	background: #f4efe6;
	position: relative;
}

#usersVoiseBlock .title{
	position: relative;
	top: -35px;
	left: -15px;
}

#usersVoiseBlock #giudeBtn{
	width: 180px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	position: absolute;
	top: 10px;
	right: 10px;
}

#usersVoiseBlock #giudeBtn a{
	display: block;
	width: 180px;
	height: 42px;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	background: url(../img/btns02.png) no-repeat 0 -489px;
}

#usersVoiseBlock #giudeBtn a:hover{
	position: relative;
	left: 0;
	top: 2px;
	background: url(../img/btns02.png) no-repeat 0 -537px;
}
#usersVoiseBlock .howUseBlock{ display:none; }

#usersVoiseBlock #voiceGuide{
	clear: both;
	margin: 0 10px 10px;
	padding:15px 10px 15px;
	background: #fff;
	font-size: 13px;
	border: 2px dashed #ccc;
}

#usersVoiseBlock #voiceGuide dl{
	display: flex;
}

#usersVoiseBlock #voiceGuide dt{
	width: 70px;
	margin: 0;
	float: left;
	color: #666;
	font-size: 14px;
	line-height: 1.4;
	font-weight: bold;
}

#usersVoiseBlock #voiceGuide dd{
	width: calc(100% - 70px);
}

#usersVoiseBlock #voiceBody{
	clear: both;
	margin: 0 10px 0;
	padding: 15px 0;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	font-size: 1.3rem;
}

#usersVoiseBlock #voiceBody dl + div{ text-align: center; }

#usersVoiseBlock #voiceBody dl{
	clear: both;
	margin: 0 0 10px;
}

#usersVoiseBlock #voiceBody dt{
	margin: 0 10px 0 0;
	width: 220px;
	float: left;
}

#usersVoiseBlock #voiceBody dt span{
	margin: 0 0 0 10px;
	color: #ff0000;
}

#usersVoiseBlock #voiceBody dd{
	width: 590px;
	margin:0;
	float: right;
}


#usersVoiseBlock #voiceBody #txtArea{
	margin: 0;
	width: 470px;
	float: left;
}

#usersVoiseBlock #voiceBody  #txtArea textarea{
	width: 470px;
	height: 100px;
	background: #fffff0;
	border: 2px dashed #ccc;
}


#usersVoiseBlock #voiceBody #voiceSubmit{
	margin: 78px 0 0;
	width: 100px;
	float: right;
}

#usersVoiseBlock .usersVoiseBox{
	margin: 0 0 10px;
	padding:10px;
	font-size: 14px;
	background: #fff;
	border: 2px solid #9cc931;
	position: relative;
}
#usersVoiseBlock .usersVoiseBox:after { content:'.'; height:0; display:block; visibility:hidden; clear:both; }

#usersVoiseBlock .usersVoiseBox .VoiseBody{
	padding: 5px 0 0;
	width: 685px;
	display: flex;
	flex-wrap: wrap;
	font-size:1.4rem;
}

#usersVoiseBlock .usersVoiseBox .usersComment{
	width: 100%;
	margin: 0 0 5px;
	padding: 0 0 0 20px;
	line-height:1.5em;
	background: url(../img/ico05.png) no-repeat left 4px;
}

#usersVoiseBlock .usersVoiseBox .usersName{
	margin: 0;
	padding: 0 0 0 15px;
	color: #ff6600;
	background: url(../img/ico07.png) no-repeat left center;
}

.inputReview{
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
}
.inputReview input[type=radio] { display: none; }
.inputReview label {
	padding: 0 3px;
	color: #fff;
	font-size: 2.8rem;
	-webkit-text-stroke: 1px #888;
	text-stroke: 1px #888;
	position: relative;
	cursor: pointer;
}
.inputReview label:hover,
.inputReview label:hover ~ label,
.inputReview input[type=radio]:checked ~ label {
	color: #f76900;
	-webkit-text-stroke: 1px #f76900;
	text-stroke: 1px #f76900;
}
.usersReview {
	margin: -2px 0 0 10px;
	display: flex;
	align-items: baseline;
	font-weight: bold;
	font-size:1.25rem;
}
.usersReview img { width: 90px; height: 14px; }
.usersReview span{
	margin-left: 3px;
	color: #8e8e8e;
}
.comment-reviewselect {
	margin-bottom: 15px;
	padding: 15px 10px;
	/* border-top: 1px dotted #ccc; */
	font-size: 1.4rem;
	background: #fff;
}
.comment-reviewselect p{
	padding-left: 50px;
	line-height: 26px;
	color: #333;
	font-weight: bold;
	font-size: 1.6rem;
	background: url(../img/icon_h2.png) no-repeat left 0px / 40px;
	display: flex;
	align-items: center;
}
.comment-reviewselect ul{
	margin-top: 15px;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 10px;
}
.comment-reviewselect ul li:first-child{ width: 100%; }
.comment-reviewselect ul li{
	display: flex;
	align-items: center;
}
.comment-reviewselect ul input{ margin: 0 5px 0 0; }
.comment-reviewselect ul img{ width: 90px; height: auto; margin-top: -3px; }
#itemDetailPopUpArea #usersVoiseBlock .usersVoiseBox .btnThx{
	width: 120px;
	position:absolute;
	right:0;
	bottom:5px;
}

#itemDetailPopUpArea #usersVoiseBlock .btnThxWide{
	clear: both;
	margin: 15px 0 10px;
	padding: 0;
	text-align: center;
}


.morePopupBlock #itemDatailBlock .itemDetailNumsPlus { width:30px; position:relative; overflow:hidden; float:left; }
.morePopupBlock #itemDatailBlock .itemDetailNumsMinus { width:30px; position:relative; overflow:hidden; float:left; }
.morePopupBlock #itemDatailBlock .itemDetailNumsDone { margin:0 5px; position:relative; overflow:hidden; }

/*orderbox 注文後*/
.morePopupBlock #itemDatailBlock .ordered .itemDetailNums { background-color:#EEE; }
.morePopupBlock #itemDatailBlock .ordered .itemDetailNumsPlus { /*top:-35px;*/ }
.morePopupBlock #itemDatailBlock .ordered .itemDetailNumsMinus { /*top:-35px;*/ }
.morePopupBlock #itemDatailBlock .ordered .itemDetailNumsDone { top:-64px; }

/*orderbox 注文中*/
.morePopupBlock #itemDatailBlock .noworder .itemDetailNumsDone { top:-32px; }
.morePopupBlock #itemDatailBlock .ordered .noworder .itemDetailNumsDone { top:-32px; }

.morePopupBlock #itemDatailBlock .itemFavorite {
	width: 100px;
	height: 32px;
	float: left;
}

.morePopupBlock #itemDatailBlock .itemFavorite a{
	display: block;
	margin:0;
	padding:0;
	border:0;
	width: 100px;
	height: 32px;
	text-indent: -9999px;
	background: transparent url(../img/btns02.png) no-repeat 0px -313px;
}

.morePopupBlock #itemDatailBlock .itemFavorite a:hover { background-position: 0px -349px; }


.morePopupBlock #itemDatailBlock .itemDetailSave{
	margin: 0;
	padding: 0;
	width: 215px;
	float: left;
	border-right: 1px dotted #ccc;
}

.morePopupBlock #itemDatailBlock .itemDetailStock{
	margin: 0 0 0 10px;
	padding: 0;
	width: 275px;
	float: left;
}
/* オーバーレイスタイル */
.BlockMessage{
	color:#71c41c;
	font-size:24px !important;
	font-weight:600;
	border-bottom:dotted 3px #71c41c;
}


/* ニュース 20170312
------------------------------------------------------ */
#newsDetail{
	font-size:18px;
	min-height:calc(100% - 20px);
	padding-bottom:40px;
	position:relative;
}

#newsDetail .header{
	width:auto;

	padding:10px 5px;
	border-bottom:4px solid #a0d431;
}
#newsDetail .header h1{
	max-width:940px;
	margin:0 auto;
}
#newsDetail .mainText{
	max-width:940px;
	margin:20px auto;
	padding-bottom:20px;
	padding:0 10px;
}
#newsDetail h2{
	font-size:0.90em;
	margin-bottom:20px;
}
#newsDetail h2 span{
	display:block;
	font-size:0.75em;
	color:#a2a2a2;
}
#newsDetail p{
	
	font-size:0.8em;
}
#newsDetail .Foot{
	width:100%;
	position:absolute;
	margin:5px 0 !important;
	bottom:0;
	border-top:1px solid #e9e9e9;
}
#newsDetail p.copyright{
	margin:0;
	padding-top:10px !important;
	font-size:9px;
	text-align:center;
}
#newsDetail p.copyright:after{
	content:"";
}
#newsDetail .close p a{
	width:150px;
	height:40px;
	display:block;
	margin:0 auto;
	text-decoration:none;
	border-radius:4px;
	line-height:40px;
	text-align:center;
	color:#fff;
	background:#515151;
	box-shadow: 0px 3px 0px rgba(45,45,45,1);
}

#newsList{
	width:auto;
	min-width:0;
}
#newsList h2{
	display:none;
}
#newsList div{
	color:#5d5d5d;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #e4e4e4;
}
#newsList div a{
	color:#5d5d5d;
}
#newsList div span{
	display:block;
}

.pcSpChange {
	width:300px;
}
.pcSpChange a{
	width:300px;
	height:40px;
	line-height:40px;
	display:block;
	background:#d9d9d9 url(../../img/sp_ico_top_pc.png) no-repeat center right 20px;
	background-size:50px auto;
	border-radius:5px;
	box-shadow: 0px 5px 0px rgba(157,157,157,1);
	text-align:center;

}

/*トップページ 一言コメント*/
.topBnBlock{
	width: 940px;
	margin: 0 auto 15px;
}
.topBnBlock .newsContainer{
	margin-bottom: 15px;
	position: relative;
	border: 3px solid #2db4e6;
	border-radius: 8px;
	overflow: hidden;
}
.topBnBlock .news{
	width:auto;
	color:#ed1111;
	height: 50px;
	margin: 0 auto 15px;
	color: #fff;
	line-height: 50px;
	list-style: none;
/*	background: #ff6600;*/
	position: relative;
}
.topBnBlock .news:after{ content:'.'; height:0; display:block; visibility:hidden; clear:both; }
.topBnBlock .news li{
	width: 98%;
	padding: 0 12px;
	color:#ed1111;
/*	color: #fff;*/
	display: none;
	position: relative;
	text-align: left;
	font-size: 20px;
	font-weight: bold;
}
.topBnBlock .news li.link_text a:before{
	content: "";
	width: 110px;
	height: 40px;
	display: block;
	margin: auto 0;
	background: url(../img/topClickIcon02.png) no-repeat center right;
	background-size: 110px auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 12px;
}
.topBnBlock .news li img{
	padding-right: 10px;
}
.topBnBlock .news li a{
/*	color: #fff;*/
	color:#ed1111;
	display: block;
	z-index: 1;
	position: relative;
}
/*TOPページ チラシ選択ポップアップ*/

#topCatalogPopup{
	width: 400px;
	height: 700px;
	display: none;
	border-radius: 5px;
	background: none repeat scroll 0 0 #FFFFFF;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
	z-index: 9999;
	overflow: hidden;
	position: absolute !important;
}
#topCatalogPopup > div{
	height: 100%;
	padding: 30px;
	overflow-y: scroll;
	box-sizing: border-box;
}
#topCatalogPopup p.itemDetailClose{
	position: absolute;
	top: 30px;
	right: 30px;
}
#topCatalogPopup ul{
	margin: 30px auto ;
	list-style: none;
}
#topCatalogPopup ul:after{ content:'.'; height:0; display:block; visibility:hidden; clear:both; }
#topCatalogPopup ul li{
	width: 50%;
	margin-bottom: 15px;
	float: left;
}
#topCatalogPopup ul li a{
	width: 160px;
	margin: 0 auto;
	display: block;
	text-align: center;
}
#topCatalogPopup .catalogScroll{
	width: 100%;
	padding: 20px 0;
	color: #fff;
	font-size: 30px;
	text-align: center;
	background: rgba(0,0,0,0.6);
	position: absolute;
	bottom: 0;
	cursor: pointer;
}

/*ご利用ガイド_追従ボタン*/
body.Othersguide{
	height: auto;
}
.Othersguide .OthersAreaWrap{
	padding-bottom: 100px;
}
.Othersguide .OthersAreaWrap img{
	width: 100%;
	height: auto;
}
.guideSkipBtn{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	background: rgba(240,213,211,0.6);
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999;
}
.guideSkipBtn a{
	width: 360px;
	margin: 15px 10px 20px;
	padding: 20px 0;
	display: inline-block;
	color: #fff;
	border-radius: 12px;
	font-size: 24px;
	font-weight: bold;
	background: #8b1911;
	box-shadow: 0px 6px 0px rgba(96,15,10,1);
	position: relative;
}
.guideSkipBtn a:hover{
	top: 6px;
	box-shadow: none;
}
.guideSkipBtn .giftBtn{
	background: #520500;
	box-shadow: 0px 6px 0px rgba(47,3,0,1);
}
/*ご利用ガイド*/

.pointGuide{ margin-top: 40px; }

/*ご利用ガイドここまで*/

/*20191017_お知らせ一覧ブロック追加*/

.topOshirase{
	width: 100%;
	margin: 30px auto 20px;
	padding: 12px 0;
	color: #277719;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	position: relative;
}
.topOshirase:before,
.topOshirase:after{
	content: "";
	width: 100%;
	height: 2px;
	display: block;
	background: #71c41c;
	position: absolute;
	left: 0;
}
.topOshirase:before{ top: 0; }
.topOshirase:after{ bottom: 0; }

/*バナーモーダル*/

#topBannerModal{
	width: 100%;
	height: 100%;
	display: none;
	background: rgba(0,0,0,0.6);
	position: fixed;
	top: 0;
	z-index: 999;
	cursor: pointer;
}
#topBannerModal p{
	max-width: 970px;
	margin: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}
#topBannerModal p span{
	color: #fff;
	font-size: 40px;
	font-weight: bold;
	position: absolute;
	top: -45px;
	right: 0;
}
#topBannerModal p span:hover{ opacity: 0.8; }
#topBannerModal label{
	padding: 5px 10px 5px 5px;
	display: block;
	border-radius: 5px;
	color: #fff;
	line-height: 24px;
	text-align: right;
	background: #537423;
	position: absolute;
	right: 0;
	bottom: -45px;
	cursor: pointer;
	box-sizing: border-box;
	z-index: 999;
}
#topBannerModal label input{
	width: 16px;
	height: 16px;
	margin-right: 5px;
	vertical-align: middle;
}

/*季節アイコン*/

.seasonalIcon{
	position: absolute;
	top: -20px;
	left: -5px;
	z-index: 1;
}

/*マークランク*/

.markRank ol{
	margin: 20px auto 10px;
	display: flex;
	list-style: none;
}
.markRank ol li{
	width: 170px;
	border-radius: 6px;
	text-align: center;
	box-sizing: border-box;
}
.markRank ol li + li{ margin-left: 15px; }
.markRank ol li:nth-of-type(1){ border: 2px solid #f1cf66; }
.markRank ol li:nth-of-type(2){ border: 2px solid #ccc; }
.markRank ol li:nth-of-type(3){ border: 2px solid #bb9d88; }
.markRank ol li:nth-of-type(4),
.markRank ol li:nth-of-type(5){ border: 2px solid #9cb7b1; }
.markRank ol li strong{
	padding: 3px 0;
	display: block;
	position: relative;
}
.markRank ol li strong:before{
	content: "";
	width: 30px;
	height: 24px;
	margin: auto 0;
	display: block;
	background: url(../../img/categoryrank02.png) no-repeat left;
	background-size: 29px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 15px;
}
.markRank ol li strong span{ font-size: 30px; }
.markRank ol li:nth-of-type(1) strong{ background: #f1cf66; }
.markRank ol li:nth-of-type(2) strong{ background: #ccc; }
.markRank ol li:nth-of-type(3) strong{ background: #bb9d88; }
.markRank ol li:nth-of-type(4) strong,
.markRank ol li:nth-of-type(5) strong{ background: #9cb7b1; }
.markRank ol li a{ padding: 15px 0; display: block; color: #333; font-weight: bold; transition: .4s;}
.markRank ol li a:hover{ opacity: .7; }
.markRank ol li a > span{
    display: block;
    min-height: 50px;
    position: relative;
}
.markRank ol li span img{
	width: 35px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

/*オススメアイコン*/

.osusumeIcon ul{
	margin: 20px auto 10px;
	display: flex;
	list-style: none;
}
.osusumeIcon ul li{
	width: 170px;
	text-align: center;
	box-sizing: border-box;
}
.osusumeIcon ul li + li{ margin-left: 15px; }
.osusumeIcon ul li a{ transition: .4s;}
.osusumeIcon ul li a:hover{ opacity: .7; }


/* 共通要素
------------------------------------------------------ */

.clearfix{
	margin: 0;
	padding: 0;
	clear: both;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
	font-size: 0;
}
/* IE7,MacIE5.X */
.clearfix {display: inline-block;}
/* WinIE6以前,MacIE5.X除外 \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/**/