/*===============================================
●style.css 画面の横幅が640px以上
===============================================*/
/*@media screen and (min-width: 640px){ */
@media screen {
body {font: 13px/1.231 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;} 
article, aside, figure, footer, header, hgroup, nav, section { display: block;}

body {
	font-size: 14px/1.231;
	color: #444;
	background: #fff;
} 
img {
	max-width: 100%;
	height: auto;
	width /***/:auto;
	padding: 0;
	margin: 0;
}
a:link { text-decoration: none;}/*,a:visited*#0044CC*/
a:hover { color: #0044CC; text-decoration: none;}

a:hover {
	/*opacity: 1;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";*/
}
a:hover img {
/*opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;*/}
header { width: 100%; margin-bottom: 10px !important;}
header .head,
header #gNav,
#topcolumn,
#main { width: 1024px; margin: 0 auto !important;}
#side { width: 230px; float: left; margin-top: 40px;}
#content { width: 760px; float: right; margin-top: 40px;}
footer { width: 100%;  }
header #sNav {display: none;}
<style type="text/css">
.30box {
	width: 25%;
	display: inline-block;
	text-align: center;
	float: left;
}
</style>
/*準備中*/
.waiting { font-size: 140%; text-align: center; height: 100px; padding: 200px 0; }
/*準備中*/

/*ボタン*/
.btn_area { text-align: center; width: 470px; margin: 30px auto;}

/*大ボタン*/
.btn_area a {
display: block;
width: 200px;
margin: 0 16px;
padding: 13px 0;
background-color: #ff0000;
color: #fff !important;; 
border: none;
font-size: 90%;
text-align: center;
cursor: pointer;
float: left;
}
.btn_area a.btn1 { margin: 0 132px !important;}
input[type="submit"],
input[type="button"],
input[type="reset"] {
width: 200px;
margin: 0 16px;
padding: 10px;
background-color: #ff0000;
color: #fff;
border: none;
font-size: 110%;
text-align: center;
cursor: pointer;
}

.btn_area a:hover,
input[type="submit"]:hover,
input[type="button"]:hover { opacity:0.5;filter:Alpha(opacity=50); }

/*中ボタン*/
.mycondition_area input[type="submit"],
.add_multiple a,
.add_address a,
.addbtn a,
#regular .info .btn_area a,
.campaign .box_04 .btn_area a {
display: block;
width: 160px;
padding: 3px 0;
background-color: #ff0000;
color: #fff; 
border: none;
font-size: 75%;
text-align: center;
cursor: pointer;
}
.add_multiple a { width: 160px; margin: 0 auto;}
.addbtn a { float: right; margin-bottom: 10px;}
/*ボタン*/

p {line-height: 160%;}
span.attention { color: #ff0000;}

/* header --------------------------------*/
header { }
header .head { height: 100px; position: relative;}
header h1 { 
position: absolute; top: 33px; left: 250px;
width: 600px;
font-size: 85%;
font-weight: normal;
line-height: 140%;
color: #444
}
header h2 { 
position: absolute; top: 25px; left:0 ;
width: 240px;
}
/*PCロゴ位置調整*/ 
header .head img { position:absolute; top: 25px; }
/*サブカテゴリー追加 160112KKK*/
.sub_cat a:link {
	text-decoration: none;
	color: #464646;
	width: 24.9%;
	display: inline-block;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	float: left;
	border-left-color: #828282;
	border-bottom-color: #828282;
	border-top-color: #828282;
	border-left-style: solid;
	border-bottom-style: solid;
	border-top-style: solid;
	border-left-width: 0.5px;
	border-bottom-width: 0.5px;
	border-top-width: 0.5px;
}/*,a:visited*#0044CC*/

.sub_cat a:hover {
	text-decoration: none;
	background-color: #ebebeb;
}

.sub_cat2 a:link {
	text-decoration: none;
	color: #464646;
	width: 24.9%;
	display: inline-block;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	float: left;
	border: 0.5px solid #828282;
}/*,a:visited*#0044CC*/

.sub_cat2 a:hover {
	text-decoration: none;
	background-color: #ebebeb;
}
/*ログインナビ*/
header #lNav { 
position: absolute; top: 30px; right: 0;
}
header #lNav ul { margin: 0;}
header #lNav li { 
float: left; 
text-align: center;
font-size: 85%; 
font-weight: bold;
width: 125px;
font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

header #lNav li a { 
display: block; padding: 10px 0 8px;
color: #fff !important; text-decoration: none;
}
.head #lNav ul li a:hover { text-decoration: none; color: #fff !important; opacity:0.5;filter:Alpha(opacity=50); }
/*ログインナビ*/

/* slider --------------------------------*/
#slider_main_box { 
float: left;
width: 1024px; 
overflow-x: hidden; 
z-index: 0 !important;}
#slider_main_box .bx-pager { display: none;}

#slider_main_box ul.thumbs { margin: 10px auto 20px;}
#slider_main_box ul.thumbs li { float: left; margin-left: 8px;}
#slider_main_box ul.thumbs li:first-child{ margin-left: 0;}
#slider_main_box ul.thumbs li a { width: 250px; height: 81px;}
#slider_main_box ul.thumbs img {
width: 250px !important;
}
/*-------------------------------- slider */

/* content --------------------------------*/
#content section { 
margin-bottom: 50px;
}
#content .top_bn {}
#content .top_bn ul {}
#content .top_bn ul li { float: left; background: #dcdcdc; margin-left: 2px;}
#content .top_bn ul li a { display: block; width: 251px; height: 150px;}

#content .pickup,
#content .ranking,
#content .tokusyu {}

#content .pickup h2,
#content .ranking h2,
#content .tokusyu h2,
#content .news h2 { padding: 5px 16px; margin-bottom: 25px; background: url(../images/icon/icon_maru.png) left no-repeat; border-bottom: 1px dotted #888; font-size: 120%;} 

#content .pickup h2 span,
#content .ranking h2 span,
#content .tokusyu h2 span,
#content .news h2 span { margin-left: 15px; font-size: 75%; }

/*共通商品リスト*/
#content ul.list {}
#content ul.list li { float: left; width: 135px; margin: 0 0 35px 20px; text-align: center; min-height: 260px;  }
/*オリジナル設定
#content ul.list li:nth-child(1),
#content ul.list li:nth-child(6),
#content ul.list li:nth-child(11) { margin-left: 0;}
*/
/*下5個毎用設定*/
#content ul.list li:nth-child(5n+1) { margin-left: 0;}
#content ul.list li img {border: 1px solid #dcdcdc; margin-bottom: 5px;}
#content ul.list li h3 { font-size: 100%;  }
#content ul.list li a { text-decoration: underline; color: #444; display: block; cursor:pointer;}
#content ul.list li a:hover {text-decoration: none;}
#content ul.list li .price { margin: 6px 0 0; font-size: 95%;}
/*共通商品リスト*/

/*ランキングリスト*/
#content .ranking p.rank { text-align: center; width: 100%; padding: 6px 0 3px; font-weight: bold;}
#content .ranking .no1 p.rank { background: #DCBE28; border: 1px solid #DCBE28; color: #444;}
#content .ranking .no2 p.rank { background: #DDDDDD; border: 1px solid #DDDDDD; color: #444;}
#content .ranking .no3 p.rank { background: #F0E0D1; border: 1px solid #F0E0D1; color: #444;}
#content .ranking .no4 p.rank,
#content .ranking .no5 p.rank { background: #dcdcdc; border: 1px solid #dcdcdc; color: #444;}

#content .ranking .no1 img { border: 1px solid #DCBE28; }
#content .ranking .no2 img { border: 1px solid #DDDDDD; }
#content .ranking .no3 img { border: 1px solid #F0E0D1; }
/*ランキングリスト*/

#content .news p.btn_more a:hover { background: #FF93BD;}
*/
/*新着情報*/

/* side --------------------------------*/
#side section { margin-bottom: 25px; }

/*サイドかごの中*/

/*サイドメインカテゴリー*/
#side .category { padding: 0 0 15px; }
#side .category h3,
#side .sub_service h3 { padding: 10px 5px 8px; border-top: 1px dotted #888888; border-bottom: 1px dotted #888888;}
#side .category #categorytree { }
#side .category #categorytree li.level1 { border-bottom: 1px dotted #e5e5e5; }
#side .category #categorytree li.level1 p { font-weight: bold; }
#side .category #categorytree li.level1 p a { display: block; padding: 12px 8px 8px 18px; background: url(../images/icon/icon_02.png) 3% 50% no-repeat;}
#side .category #categorytree li.level1 p a:hover { background: #f6f6f6 url(../images/icon/icon_02.png) 3% 50% no-repeat; color: #FF468E;}
#side .category #categorytree li.level1 ul { padding-bottom: 15px;}
#side .category #categorytree li.level1 li.level2 { }
#side .category #categorytree li.level1 li.level2 a { display: block; padding: 5px 12px 5px 18px; background: none !important; font-weight: normal;}
#side .category #categorytree li.level1 li.level2 a:hover { text-decoration: underline;}
#side .category .btn_all { margin-top: 10px;}
#side .category .btn_all a { display: block; background: #FF468E; color: #fff; text-align: center; padding: 5px;}
#side .category .btn_all a:hover { background: #FF93BD ;}
/*サイドカテゴリー*/
#side .sub_service ul { margin: 10px 0; }
#side .sub_service li { margin-bottom: 5px; }
/*サイドカテゴリー*/

#side .fb { background: #fff;}


/*-------------------------------- side */

/* bottomcolumn --------------------------------*/
#bottomcolumn { float: left; width: 1014px; margin-bottom: 50px;}
#bottomcolumn .tokusyu {}
#bottomcolumn .tokusyu ul {}
#bottomcolumn .tokusyu li { float: left; width: 318px; margin-left: 30px;}
#bottomcolumn .tokusyu li:first-child { margin-left: 0;}
/*-------------------------------- under_bn */

/* footer --------------------------------*/
#ft_sub,
#ft_box { width: 1014px; margin: 0 auto; position: relative;}

#ft_sub p.toPageTop { float: right; }
#ft_sub p.toPageTop a { display: block; padding: 8px 8px 0; }
#ft_box a:link,
#ft_box a:visited { }

#ft_box { 
padding: 20px 0;
border-top: 1px dotted #444; 
}
#ft_box nav { float: right; margin-right: 10px;}
#ft_box nav dl { float: left; margin-left: 35px; font-size: 90%; }
#ft_box nav dl dt {
margin: 10px 0 8px;
font-weight: bold; 
}
#ft_box nav dl a.tit {
padding-left: 10px; 
font-weight: bold; 
background: url(../images/icon/ico_arrow_right.gif) left no-repeat; 
}
#ft_box nav dl dd { margin: 5px 0; }
#ft_box nav dl dd a { font-size: 95%; padding: 2px 0 0 10px;}
#ft_box nav dl dd a:hover { text-decoration: underline;}

.ft_company { width: 250px; float: left;}
.ft_company dt.tit { font-size: 110%; font-weight: bold; margin: 10px 0 8px;}
.ft_company dd { margin-bottom: 2px; font-size: 90%;}
.ft_company dd a { border-left: none; padding-left: 0; margin: 0;}
.ft_company dd.add { line-height: 140%;}
.ft_company dd.tel { margin: 3px 0; font-weight: bold;}
.ft_company dd.mail {  font-weight: bold;}
.ft_company dd.social { margin: 10px 0 0;}
.ft_company dd.social span { float: left; width: 110px;}

#ft_copy { position: relative; text-align: center; background: #f7f7f7; padding: 10px ;}
#ft_copy .copy { font-size: 80%;}
#ft_copy .comment { margin: 20px auto; font-weight: bold; font-size: 100%;} 
#ft_copy .comment span { font-size: 80%; font-weight: normal;} 
/*-------------------------------- footer */

/* 商品個別ページ --------------------------------*/
.product article { position: relative; margin-bottom: 15px; padding: 25px; border: 1px solid #f3f3f3; }

/*商品一覧*/
.product_list h2 { font-size: 22px; font-weight:normal; margin-bottom: 15px;}

.product_list div.sortNav { position: relative; margin: 15px 0 40px; padding: 15px; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; background: #fcfcfc;  } 
.product_list div.sortNav p.sort_sum { float: left; margin-right: 20px;}
.product_list div.sortNav p.sort_sum span { font-weight: bold; font-size: 110%;}
.product_list div.sortNav dl { display: none; }
.product_list .pageNav {}
.product_list .pageNav p.pageNav_sum { float: left;}
.product_list .pageNav p.pageNav_sum span { font-weight: bold; font-size: 110%;}
.product_list .pageNav ul.pageNav_pager { float: right;}
.product_list .pageNav ul.pageNav_pager li { float: left; margin: 0 0 20px 10px; font-size: 90%;}
.product_list .pageNav ul.pageNav_pager li a { border: 1px solid #444; background: #444; color: #fff; padding: 4px 6px; border-radius: 5px;}
.product_list .pageNav ul.pageNav_pager li a.on,
.product_list .pageNav ul.pageNav_pager li a:hover { border: 1px solid #888; background: #888; border-radius: 5px; }
/*商品一覧*/

/*商品一覧　160601追加*/
.product_list ul.list li img { border: transparent 1px solid !important;}
.product_list h3{ margin: 0 0 5px 0 !important;}
.product_list ul.list li{ text-align: left !important;}
.product_list ul.list li .price{ margin: 0 !important;}
.product_list ul.list li a:link {text-decoration: none !important;}
.product_list ul.list li a:hover {text-decoration: underline !important;color: #444;display: block; cursor: pointer;}
/*商品一覧　160601追加*/

/*商品メイン*/
.product .main_item {}
.product .main_item .item_pt_box { float: left; width: 422px; height: 505px;}
.product .main_item .item_pt_box .main_pt { width: 420px; height: 420px; border: 1px solid rgba(255, 255, 255, 0);}
.product .main_item .item_pt_box ul { margin: 10px 0;}
.product .main_item .item_pt_box li { float: left; margin-left: 11px; width: 75px; height: 75px;}
.product .main_item .item_pt_box li:first-child { margin-left: 0;}
.product .item_pt_box li a:hover,
.product .item_pt_box li a:active {opacity: 0.8;}
.product .item_pt_box li a:hover img {filter: alpha(opacity=80);}
.product .main_item .item_txt_box { float: right; width: 310px; position: relative;}
.product .item_txt_box h2 { margin-bottom: 15px; font-size: 150%; color: #000; }
.product .item_txt_box p.point { margin-bottom: 15px; margin-top:15px; font-size: 90%; line-height: 170%;}
.product .item_txt_box .spec { width: 310px; margin-bottom: 15px; position: relative; border-top: 1px solid #ccc;}
.product .item_txt_box .spec dt { color: #666; background: #f3f3f3; left: 0; padding: 8px 0 8px 10px; position: absolute; vertical-align: middle; width: 80px; margin: 1px 0;}
.product .item_txt_box .spec dd { border-bottom: 1px solid #ccc; padding: 8px 0 7px 100px; }
.product .item_txt_box .spec .price { color: #FF468E; font-size: 120%; font-weight: bold; }
.product .item_txt_box .spec .point { font-weight: bold; padding-bottom: 10px;}
.product .item_txt_box .spec .zaiko { padding-bottom: 10px; }
.product .item_txt_box .user_menu {  margin-bottom: 15px;}
.product .item_txt_box .user_menu li { padding: 6px 0 4px 20px; border-bottom: 1px dotted #ccc; font-size: 90%; }
.product .item_txt_box .user_menu li a:link,
.product .item_txt_box .user_menu li a:visited { color: #222 !important ; }
.product .item_txt_box .user_menu li a:hover {  background: #fdcd00;}
.product .item_txt_box .user_menu .review { background: url(../images/icon/comment.png) no-repeat left; }
.product .item_txt_box .user_menu .wishlist { background: url(../images/icon/star.png) no-repeat left;}
.product .item_txt_box .status_icon { margin-bottom: 15px;}
.product .item_txt_box .status_icon li { float: left; margin-right: 5px; color: #fff; font-size: 80%; padding: 3px 5px; background: #ccc;}
.product .item_txt_box .status_icon .icon1 { background: #ff8400; }
.product .item_txt_box .status_icon .icon2 { background: #0086CD;}
.product .item_txt_box .status_icon .icon3 { margin-left: 10px; background: #f00000; }
.product .item_txt_box .status_icon .icon4 { background: #008000;}
.product .item_txt_box .send_day { margin: 5px 0 20px; color: #FF468E; }
.product .item_txt_box .sns { margin-bottom: 15px;}
.product .item_txt_box .sns li { float: left; min-width: 80px;}
.product .item_txt_box .sns li.tw { width: 80px;}
.product .item_txt_box .sns li.fb { width: 110px;}
.product .item_txt_box .sns li.gp { }
.product .item_txt_box .orderform {}
.product .item_txt_box .orderform li { float: left;}
.product .item_txt_box .orderform .quantity { margin-bottom: 15px; }
.product .item_txt_box .orderform .quantity dt {left: 0; padding: 8px 0 8px 0; position: absolute;}
.product .item_txt_box .orderform .quantity dd {padding: 5px 0 0 50px;}
.product .item_txt_box .orderform .quantity dd input {width: 50px;}
.product .item_txt_box .orderform .cartin { width: 310px; float: right; }
.product .item_txt_box .orderform .cartin_btn { text-align: center; width: 310px; font-weight: bold;
-webkit-border-radius: 5px;/* for Safari and Chrome */
-moz-border-radius: 5px; /* for Firefox */
-o-border-radius: 5px; /* for opera */
border-radius: 5px; 
margin-bottom: 15px;}

.product .item_txt_box .orderform .cartin_btn a { display: block; padding: 15px 0; color:#FFF !important; /*background: #999999;*/}
.product .item_txt_box .orderform .cartin_btn a:hover { text-decoration: none; color: #fff !important;}
/*商品メイン*/

/*商品メニュー*/
.product .item_menu { margin: 15px 0 40px; padding: 0 15px; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; background: #fcfcfc; }
.product .item_menu li  { float: left; margin: 1px 0 1px 30px; padding: 15px; font-size: 90%; background: url(../images/icon/icon_03.png) left no-repeat; }
.product .item_menu li:first-child { margin-left: 0;}

/*商品メニュー*/

/*商品情報*/
.product article h3 { 
padding: 5px 16px; margin-bottom: 25px; 
background: url(../images/icon/icon_maru.png) left no-repeat;  
border-bottom: 1px dotted #888; 
font-size: 110%; letter-spacing: 0.1em;
}
.product article dl { position: relative; margin-top: 25px; padding-right: 220px; min-height: 200px; }
.product article dl;first-child { margin-top: 0;}
.product article dt { color: #FF468E; font-size: 110%; font-weight: bold; margin-bottom: 10px;}
.product article dd.txt{ color: #444; font-size: 95%; line-height: 160%;}
.product article dd.photo { position: absolute; top: 0; right: 0; width: 200px;}
.product article dd.photo img { width: 200px; margin-bottom: 10px; }
.product article dd span { color: #ff0000; font-size: 80%;}

.product table { width: 100%; border-collapse: collapse; border-spacing: 0; font-size: 90%;}
.product th { background: #f3f3f3; font-weight: bold; padding: 10px; text-align: center; width: 150px; border: 1px solid #dcdcdc;}
.product td { padding: 10px; text-align: left; border: 1px solid #dcdcdc;}

.product .item_raview dl { position: relative; margin-top: 25px; padding-left: 100px; padding-right: 0; min-height: 80px; }
.product .item_raview dl;first-child { margin-top: 0;}
.product .item_raview dt { color: #46a942; font-weight: bold; margin-bottom: 10px;}
.product .item_raview dd.comment { color: #444; font-size: 95%; line-height: 160%;}
.product .item_raview dd.photo { position: absolute; top: 0; left: 0;}
.product .item_raview dd.photo img { width: 80px; height: 80px; }
.product .item_raview p.btn_raview { position: absolute; top: 25px; right: 20px;  font-size: 80%; }
.product .item_raview p.btn_raview a { display: block; background: #FF468E; padding: 5px 10px 4px; color: #fff; }
.product .item_raview p.btn_raview a:hover { background: #FF93BD;}

.product .item_attention { border: 10px solid #f7b6c8; padding: 15px;}
.product .item_attention h3 { border: none; color: #F60045; background: no-repeat; padding: 0; margin-bottom: 15px;}
.product .item_attention p.txt { font-size: 95%; margin: 8px 0;}
/*商品情報*/
.product article .toTop { float: right; margin-top: 15px; width: 40px; }
/*-------------------------------- 商品ページ */


/* 下層共通 --------------------------------*/
#content .txt {font-size: 95%; }
#content ul.note {font-size: 85%; line-height: 160%; }
#content .info table th { width: 150px; border-left: 0; border-right: 0;}
#content .info table td { border-left: 0; border-right: 0;}
/*-------------------------------- 下層共通 */

/* 1カラム用 --------------------------------*/
#content_entry { width: 920px; margin: 0 30px 30px 30px; }
#content_wide { width: 100%; margin: 50px 0 50px; }

/* マイページ --------------------------------*/
.mypage h1 {
	margin-bottom: 30px;
	font-size: 167%;
	color: #000;
}
.mypage h2 { margin-bottom: 20px; padding: 5px; font-size: 110%; border-bottom: 1px dotted #BDBCB9;}
.mypage h3 { padding: 10px 10px 8px 35px; background: #ececec url(../images/icon/ico_arrow_02.png) no-repeat 2% 50%; font-size: 95%; }
.mypage .info { margin-bottom: 40px;}
.mypage .attention { color: #ff0000; font-size: 90%; font-weight: bold; }
.mypage #undercolumn_login {}

.mypage .information { margin-bottom: 30px;}
.mypage .mini { color: #ff0000; font-size: 90%;}

/*会員規約*/
.mypage article { margin-top: 25px;}
.mypage p { margin: 10px 0; font-size: 100%; }
.mypage p.message { font-size: 110%; }

.entry .kiyaku_text { padding: 10px; width: 95%; font-size: 90%; }
/*会員規約*/

/*会員登録フォーム*/
.mypage table { }
.mypage table { width: 100%; border-collapse: collapse; font-size: 95%;}
.mypage table th,
.mypage table td
 { border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 10px 15px; text-align: left; line-height: 160%; }
.mypage table th { background: #f9f9f9; }
.mypage table p { margin: 0 ;}

.mypage table .mini { font-size: 85%;}
.mypage table .mini a:link { text-decoration: underline; }
.mypage table .zipimg a { background: #000; color: #fff; padding: 3px 5px; font-size: 75% !important;}
.mypage table .zipimg a:hover { background: #444;}
.mypage table input { margin: 5px 0; }
.mypage table input.box300 { width: 300px;}
.mypage table input.box60 { width: 60px; }
.mypage table input.box40 { width: 40px; }
/*会員登録フォーム*/

/*ログイン周り*/
.mypage .login_area { border: 10px solid #f1f1f1; padding: 30px; margin: 30px 0; text-align: left; }
.mypage .login_area h3 { 
background: url("../images/icon/icon_maru.png") no-repeat scroll left center transparent;
border-bottom: 1px dotted #888888;
font-size: 110%;
letter-spacing: 0.1em;
margin-bottom: 25px;
padding: 5px 16px; 
}
.mypage .login_area h4 {  background: none repeat scroll 0 0 #F3F3F3; font-size: 95%; padding: 10px 10px 8px; }
.mypage .login_area p.inputtext { font-size: 95%; }
.mypage .login_area .inputbox { margin: 30px 50px 0; text-align: center; }
.mypage .login_area ul.note {
	font-size: 90%;
}
.mypage .login_area ul.note li {
	margin: 0 0 5px 0;
}
ul.note a:link { text-decoration: underline; color: #935A30; }
ul.note a:hover { text-decoration: none; }

.mypage .login_area .inputbox dl { margin-bottom: 15px;}
.mypage .login_area .inputbox dl dt { float: left; width: 130px; text-align: right; }
.mypage .login_area .inputbox dl dd { float: left; text-align: left; }
.mypage .login_area .inputbox dl dd input { width: 300px;}
/*ログイン周り*/

.mypage div.message { color: #000; line-height: 160%; background: #EEEEEE; padding: 15px; margin: 15px 0; }

/*MYページ*/
.mypage .mynavi_list {
border-bottom: 1px solid #F1F1F1;
border-top: 1px solid #F1F1F1;
background: #FCFCFC;
padding: 15px 30px 5px 30px;
width:640px;
}
.mypage .mynavi_list li {
background: url("../images/icon/icon_03.png") no-repeat scroll left center transparent;
float:left;
font-size: 90%;
padding-left: 15px;
margin-bottom:5px;
margin-left: 0 !important;
width:140px; 
}
.mypage .mynavi_list li:first-child { margin-left: 0 !important;}

.mypage .point_announce { margin-top: 25px; padding: 0 15px;  border: 1px solid #4BA050; }
.mypage .point_announce p { }
.mypage .point_announce p span { font-weight: bold; }
.mypage .point_announce p .user_name { color: #000;}
.mypage .point_announce p .point { color: #ff0000; }
.mypage .point_announce ul { margin: 15px 0;}
.mypage .point_announce ul li p { margin: 5px 21px;}
#mycontents_area table th,
#mycontents_area table td { border: 1px dotted #ccc; text-align: center; }

#mycontents_area .message_area { border: 3px solid #f3f3f3; text-align: center; margin-top: 25px; padding: 15px; }

#address_area .information { float: left; width: 65%; margin-bottom: 0; }
#address_area .add_multiple { float: right; width: 25%; padding: 15px; border: 1px solid #6FBA2C; text-align: center; }

.mypage .price { color: #ff0000; }
.mypage span.attention { color: #ff0000; }
.mypage .change a,
.mypage .delete a { text-decoration: underline;}
.mypage .change a:hover,
.mypage .delete a:hover { text-decoration: none;}
.mypage .item_pt {}
.mypage .item { text-align: left;}
.mypage .oneprice {}
.mypage .quantity #quantity_level { width: 52px; margin: 0 auto; }
.mypage .quantity #quantity_level li { float: left; width: 16px; margin: 0 5px; }
.mypage .price {}

/*カート周り*/
.cart table th { text-align: center !important;}
.cart table .price { color: #000;}
.cart table .allprice { font-size: 120%; font-weight: bold; }
.cart table td.allprice { color: #ff0000; }
.cart table th,
.cart table td { border: 1px dotted #ccc; text-align: center; }
.cart table.delivname td { text-align: left; }
.cart .delivdate { margin-top: 10px; padding: 10px; border-top: 1px dotted #CCCCCC; }
.cart .delivdate span.st { margin-bottom: 5px; display: block; font-weight: bold;}
.cart .delivdate select { margin-right: 20px;}
/*カート周り*/

/*ショップ情報*/
.mypage .shop_information { text-align: right; }
.mypage .shop_information p { margin: 0; font-size: 90%; }
.mypage .shop_information p.name { font-weight: bold; font-size: 110%; }
/*ショップ情報*/

/*-------------------------------- マイページ */

/* about/kensa --------------------------------*/
.about h1 { margin-bottom: 25px;}
.about p span { font-weight: bold; }
.about p.cap { margin-bottom: 25px; }
.about article {

}
.about article ul { margin: 0 25px;}
.about article li { float: left; padding: 5px; width: 344px; min-height: 300px; }
.about article li img {}
.about article li p { font-size: 90%;}
.about article .toTop { float: right; width: 40px; }

.about #kensa_02 h3 { margin-bottom: 15px; }
.about dl {
position: relative;
margin: 25px 0 !important;
padding-right: 220px;
min-height: 200px;
}
.about dl dt { margin-bottom: 10px; font-size: 110%; font-weight: bold; color: #FF468E; }
.about dl dd.txt {font-size: 95%; line-height: 160%;}
.about dl dd.photo { position: absolute; top: 0; right: 0; width: 200px;}
.about dl dd.photo img { margin-bottom: 15px; }

.about dl.interview {padding-left: 220px;}
.about dl dd.movie { position: absolute; top: 0; left: 0;}

/*-------------------------------- about/kensa  */

/* campaign --------------------------------*/
.campaign { position: relative; background: #F9F6F2; text-align: center; padding: 12px; color: #444;}
.campaign .campaign_sns { position: absolute; background: #fff; width: 240px; height: 15px; top: 25px; right: 25px;}
.campaign .campaign_sns li { float: left; text-align: left;}
.campaign .campaign_sns li.tw { width: 110px;}
.campaign .campaign_sns li.fb { width: 130px;}
.campaign h1 {}
.campaign h2 { margin: 30px 0 50px;}
.campaign .intro { margin-bottom: 80px;}
.campaign .intro h3 { border-top: 1px dashed #dddddd; border-bottom: 1px dashed #dddddd; padding: 25px 0;}
.campaign .intro dl { position: relative; margin: 0 50px; text-align: left;}
.campaign .intro dt { width: 430px; margin-bottom: 10px; }
.campaign .intro dd.txt { width: 430px; text-align: left; line-height: 160%; color: #292929;}
.campaign .intro dd.txt .mini { font-size: 80%; line-height: 100%;}
.campaign .intro dl.box_01 { min-height: 284px; padding-right: 450px; margin: 50px;}
.campaign .intro dl.box_01 dt { padding-top: 70px; text-align: right;}
.campaign .intro dl.box_01 dd.pt { position: absolute; top: 0; right: 0; width: 420px; }
.campaign .intro dl.box_02 { min-height: 174px; padding-left: 350px; margin-left: 80px; }
.campaign .intro dl.box_02 dt { padding-top: 10px;}
.campaign .intro dl.box_02 dd.pt { position: absolute; top: 0; left: 0; width: 420px; height: 385px;}
.campaign .intro dl.box_03 { min-height: 211px; padding-left: 420px; margin-left: 80px;}
.campaign .intro dl.box_03 dt { padding-top: 40px;}
.campaign .intro dl.box_03 dd.pt { position: absolute; top: 0; left: 0; width: 420px; height: 385px;}
.campaign .intro dl.box_04 { min-height: 354px; padding-right: 420px;}
.campaign .intro dl.box_04 dt { padding-top: 100px; text-align: right;}
.campaign .intro dl.box_04 dd.pt { position: absolute; top: 0; right: 0; width: 420px;}
.campaign .intro dl.box_04 .btn_area { width: 430px !important; margin-top: 15px !important; }
.campaign .intro dl.box_04 .btn_area a { float: right !important; margin: 0 !important;}
.campaign .oubo { position: relative; margin: 30px; padding: 25px; background: #fff; border-radius: 15px;}
.campaign .oubo h2 { margin: 50px 0 15px;}
.campaign .oubo dl.present { position: relative; margin: 25px 100px; padding-left: 150px; min-height: 128px; text-align: left; }
.campaign .oubo dl.present dt { font-weight: bold; padding: 15px 0; font-size: 120%; font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.campaign .oubo dl.present dd.txt { font-size: 90%; line-height: 150%; }
.campaign .oubo dl.present dd.pt { position: absolute; top: 0; left: 0;}
.campaign .oubo table { width: 100%; background: #fff; border-collapse: collapse; font-size: 95%; border: 1px dotted #ccc}
.campaign .oubo table th,
.campaign .oubo table td
 { border-bottom: 1px dotted #ccc; padding: 10px 15px; text-align: left; line-height: 160%; }
.campaign .oubo table th {border-right: 1px dotted #ccc}
.campaign .oubo table p { margin: 0 ;}
.campaign .oubo table td dl { width: 45%; float: left; margin-right: 20px; }
.campaign .oubo table .mini { font-size: 85%;}
.campaign .oubo table .mini a:link { text-decoration: underline; }
.campaign .oubo table .sns_name { width: 100px;}
.campaign .oubo table input { margin-right: 5px;}
input { margin: 5px 0; }
input.box300 { width: 300px;}
input.box60 { width: 60px; }
input.box40 { width: 40px; }
.campaign .oubo .thanks_txt {margin: 80px auto 50px; font-size: 140%; font-weight: bold;}
.campaign .oubo .campaign_detail { margin: 50px 0; border: 1px solid #F9F6F2; padding: 15px; font-size: 90%;}
.campaign .oubo .campaign_detail h3 { margin-bottom: 5px;}
.campaign_02 { background: #f9f9f9; width: 1000px; margin: 0 auto; padding-bottom: 50px; position: relative; text-align: center;}
.campaign_02 h2 { margin: 50px 0;}
.campaign_02 .intro { background: url(../images/campaign/02/bg.png) no-repeat top left; min-height: 778px;}
.campaign_02 .intro dl { width: 520px; float: right; padding: 20px 0; margin: 0 20px; text-align: left;}
.campaign_02 .intro dd.txt { color: #444; margin: 15px 0;}
.campaign_02 .intro dd {}
.campaign_02 .intro dl.box_01,.campaign_02 .intro dl.box_02
 { border-bottom: 1px dashed #ccc;}
.campaign_02 .intro dl.box_03 { position: relative; padding-top: 35px; padding-left: 125px; width: 395px;}
.campaign_02 .intro dl.box_03 dd.pt { position: absolute; top: 35px; left: 0;}
.campaign_02 .detail { padding: 100px 30px 0; text-align: left;}
.campaign_02 .detail dl { margin-bottom: 30px;}
.campaign_02 .detail dt { background: #444; color: #fff; padding: 6px 10px 4px; margin-bottom: 15px;}
.campaign_02 .detail dd { }
.campaign_02 .detail .detail_txt {float: left; width: 350px;}
.campaign_02 .detail dd table { float: right; width: 550px; border-collapse: collapse; background: #fff; font-size: 90%;}
.campaign_02 .detail dd th,
.campaign_02 .detail dd td { border: 1px solid #E4DEDE; padding: 8px 10px;}
.campaign_02 .detail dd th { width: 20%; }
.campaign_02 .detail dd td { width: 80%; }
.campaign_02 .detail dd span.attention { color: #ff0000; font-size: 120%; font-weight: bold;}
.campaign_02 .detail dd span.mini { font-size: 80%;}
.campaign_02 .detail .list {}
.campaign_02 .detail .list {}
.campaign_02 .detail .list li { float: left; width: 135px; margin: 0 0 35px 20px; text-align: center; min-height: 220px;  }
.campaign_02 .detail .list li:nth-child(1),
.campaign_02 .detail .list li:nth-child(6),
.campaign_02 .detail .list li:nth-child(11) { margin-left: 0;}
.campaign_02 .detail .list li img {border: 1px solid #dcdcdc; margin-bottom: 5px;}
.campaign_02 .detail .list li h3 { font-size: 100%;  }
.campaign_02 .detail .list li a { text-decoration: underline; color: #444; display: block; cursor:pointer;}
.campaign_02 .detail .list li a:hover {text-decoration: none;}
.campaign_02 .detail .list li .price { margin: 6px 0 0; font-size: 95%;}
/*-------------------------------- campaign  */

/*フリーページ*/
.free_page {
line-height: 160%;
}
.free_page h1 {
margin-bottom: 25px;
}
.free_page h2 {
background: url("../images/icon/icon_maru.png") no-repeat scroll left center transparent;
border-bottom: 1px dotted #888888;
font-size: 110%;
letter-spacing: 0.1em;
margin-bottom: 25px;
padding: 5px 16px;
}
.free_page p {
margin: 5px 0 15px 0;
}
.free_page table {
	width: 100%;
	border-collapse: collapse;
}
.free_page table th {
	font-weight: bold;
	padding: 5px;
	border: 1px solid #DDD;
	text-align: left;
	width: 70px;
	background-color: #F6F6F6;
}
.free_page table td {







	padding: 5px;
	border: 1px solid #DDD;
}

/* インタビューページ */
.interview .main_box { width: 760px; margin-bottom: 30px; position: relative;}
.interview .koide .txt { margin: 20px 10px; }
.interview .koide .sub_tit {color: #FF468E; font-weight: bold; margin: 40px 10px 0 0;  font-size:1.2em;}
.interview .koide p.tit { background: #f2f2f2; padding: 10px 10px 8px; font-weight: bold; }
.interview .clearfix:after{ content: ""; display: block; clear: both; }
.interview .koide p.tit { background: #f2f2f2; padding: 10px 10px 8px; font-weight: bold;  }
.interview p.otherl { margin-bottom:20px; font-size:1.2em; font-weight:bold; }
.interview iframe { margin-top: 20px; }
.interview .sns { margin-bottom: 15px;}
.interview.sns li { float: left; min-width: 80px;}
.interview .sns li.tw { width: 100px;}
.interview .sns li.fb { width: 110px;}
.interview .sns li.gp { }
.interview .main_box.linkshare { margin: 0 0 30px 0; border-top: 1px dotted #111;
border-bottom: 1px dotted #111; padding: 15px 0; }
.interviewT .main_box{ width: 760px; margin: 20px 0;}
.interviewT .koide .photo { width: 250px; margin: 15px 10px;}
.interviewT .koide .photo img { margin-bottom: 15px;}
.interviewT .koide .txt { width: 460px; margin: 30px 10px; font-size: 13px;}
.interviewT .koide .txt span { font-weight: bold; background: #ffff00;}
.interviewT .koide .left { float: left;  }
.interviewT .koide .right { float: right;  }
.interviewT .koide p.tit { background: #f2f2f2; padding: 10px 10px 8px; font-weight: bold; }
.interviewT h2.mt20 { margin-top: 20px; }
.interview .mt20 { margin-top:20px !important; }
.interview .mb20 { margin-bottom:20px !important; }

/* 給食検査 */
.kyushoku .kyushokuMain { text-align: center; }
.kyushoku h2 { margin-top:60px; font-size:1.2em;  }
.kyushoku section.free_page table { margin-bottom:10px; }
.kyushoku section.free_page table th { text-align:center; width:20%;  font-size: 90%; }
.kyushoku section.free_page table td { padding:10px;  font-size: 90%; }
.kyushoku p.f90 { font-size:90%; margin-bottom:20px; }
.kyushoku a { color:#FF408C; text-decoration: underline; }
.kyushoku a:hover { text-decoration: none; }
.kyushoku .btn_area form.inlinef { float: left; }
.kyushoku .btn_area a { background: #FF468E url(../images/icon/icon_login.png) no-repeat 10% 50%; padding-left: 5px; color:#ffffff !important; text-decoration: none; }
.kyushoku .btn_area a:hover { background: #FF93BD url(../images/icon/icon_login.png) no-repeat 10% 50% !important; }
.kyushoku .cntr { text-align: center !important; }
.kyushoku .mt20 { margin-top:20px !important; }
.kyushoku .mb20 { margin-bottom:20px !important; }
.kyushoku .mt15 { margin-top:15px !important; }
.kyushoku .mb15 { margin-bottom:15px !important; }
.kyushoku em { color: #ff0000; font-weight:bold; }

/* 2013.09.17 Myページ　ログアウト追記 */
.mypage .mynavi_list li {
margin-left: 18px;
}

/* 2014.02 */
#topcolumn,#main { width: 980px; margin: 0 auto !important;}

/* header */
header { margin: 15px auto !important;}
header .head, header #gNav, #topcolumn, #main { width: 980px; }
header #lNav li.signup, header #lNav li.logout, #lNav li.toCart { margin-left: 10px; }
header #lNav li.toCart a { background: #333333 url(../images/icon/icon_cart.png) no-repeat 15% 50%; padding-left: 10px; }
header #lNav li.login a { background: #333333 url(../images/icon/icon_login.png) no-repeat 22% 50%; padding-left: 5px;}
header #lNav li.logout a { background: #333333 url(../images/icon/icon_logout.png) no-repeat 22% 50%; padding-left: 5px; }
header #lNav li.fav a { background: #333333 url(../images/icon/icon_fav.png) no-repeat 22% 50%; padding-left: 5px;}
header #lNav li.signup a { background: #333333 url(../images/icon/icon_signup.png) no-repeat 15% 50%; padding-left: 5px;}
header #lNav li.mypage a { background: #333333 url(../images/icon/icon_mypage.png) no-repeat 22% 50%; padding-left: 5px;}

/* header_new */
header #lNav li.signup_new, header #lNav li.logout_new, #lNav li.toCart_new { margin-left: 2px; }
header #lNav li.toCart_new a { background: #444444 url(../images/icon/nav_cart.png) no-repeat 25% 50%; padding-left: 25px; padding-top:14px; padding-bottom: 12px;}
header #lNav li.login_new a { background: #444444 url(../images/icon/nav_login.png) no-repeat 22% 50%; padding-left: 25px; padding-top:14px; padding-bottom: 12px;}
header #lNav li.logout_new a { background: #444444 url(../images/icon/nav_logout.png) no-repeat 20% 50%; padding-left: 25px; padding-top:14px; padding-bottom: 12px;}
header #lNav li.fav_new a { background: #444444 url(../images/icon/icon_fav.png) no-repeat 22% 50%; padding-left: 25px; padding-top:14px; padding-bottom: 12px;}
header #lNav li.signup_new a { background: #444444 url(../images/icon/icon_signup.png) no-repeat 15% 50%; padding-left: 25px; padding-top:14px; padding-bottom: 12px;}
header #lNav li.mypage_new a { background: #444444 url(../images/icon/nav_mypage.png) no-repeat 22% 49%; padding-left: 25px; padding-top:14px; padding-bottom: 12px;}
header #lNav li.kguide_new a { background: #444444 url(../images/icon/nav_beginner.png) no-repeat 49% 50%; padding-left: 5px; padding-top:14px; padding-bottom: 12px;}
header #lNav li.kguide_new { width: 60px !important; padding-left:2px; }
header #lNav li.toCart_new a, header #lNav li.login_new a, header #lNav li.logout_new a, header #lNav li.fav_new a, header #lNav li.signup_new a, header #lNav li.mypage_new a, header #lNav li.kguide_new a, header #lNav li.kguide_new a {
	font-weight:normal !important;}
/*　パンくず */
div.breadcrumb {
	font-size: 93%;
	margin-bottom:5px;
}
div.bread {
	margin-bottom: 25px;
}

#side { width: 180px; float: left; margin-top: 0 !important;}
#content { width: 760px; float: right; margin-top: 0 !important;}
footer { margin: 0 auto; width: 980px; }

.product .item_txt_box .orderform .cartin_btn a { /*background-color: #ff0000;*/  }
.product .item_txt_box .spec .price { color:#333333; }
.product .item_menu li a { color:#1F1F1F; }
.product article h3 { font-size: 18px; background: none; border-bottom:solid 1px #dddddd; padding:0; margin:0; padding-bottom: 10px;   }
.product article dt { font-size:16px; color:#000000; font-weight: normal; }
.product .item_raview p.btn_raview a  { background-color: #999999; }

.btn_area a { color:#ffffff; }

div#mynavi_area ul.mynavi_list { width:860px; }
div#mynavi_area li a { color:#000000; } 
div#mynavi_area li a:hover { text-decoration: underline; } 

/* footer --------------------------------*/
#ft_sub, #ft_box {
	width: 980px;
	margin: 0 auto;
	position: relative;
}
#ft_sub {
	text-align: right;
	margin: 50px 0 0 0;
}
#ft_sub p.toPageTop a {
	display: block;
	padding: 2px 10px;;
	margin-bottom: -1px;
	border: 1px solid #DDD;
	color: #444;
	font-size: 11px;
}
#ft_box a:link,
#ft_box a:visited { }

#ft_box { 
padding: 20px 0;
border-top: 0px solid #ddd; 
}
#ft_box nav { float: none; margin-right: 10px; text-align: left; }
#ft_box nav dl { float: left; margin-left: 0; margin-right: 30px; font-size: 100%; width:220px; }
#ft_box nav dl.last { margin-right:0; }
#ft_box nav dl dt {
margin: 10px 0;
font-weight: bold; 
}
#ft_box nav dl a.tit {
padding-left: 0; 
font-weight: normal; 
background: none; 
color:#000;
font-size:16px;
}
#ft_box nav dl dd { font-size: 105%; margin: 7px 0; }
#ft_box nav dl dd a { padding: 2px 0 0 0;}
#ft_box nav dl dd a:hover { text-decoration: underline;}
#ft_box nav dl dd a.ico_win { background:url(../images/icon/ico_win.png) right center no-repeat; padding-right:20px; }
#ft_copy { position: relative; text-align: left; background: #fff;  padding: 10px 0;}
#ft_copy .copy { font-size: 80%; border-top:solid 1px #ddd; padding: 10px 0px; }
#ft_copy .comment { margin: 0 auto; font-weight: normal; font-size: 80%; border-top:dotted 1px #ddd; padding: 10px 0px; } 
#ft_copy .comment span { font-size: 80%; font-weight: normal;} 
/*-------------------------------- footer */

/*サイドメニュー */
#side h2 { font-size: 18px; border-bottom: solid 1px #ddd; padding: 10px 0; margin-top:20px; font-weight:normal; color: #000;}
#side h2.nwin { background: url(../images/icon/ico_win.png) right center no-repeat; }
/*#side ul li { border-bottom: solid 1px #ddd; background: url(../images/side/side_li.png) right center no-repeat; }

#side ul li a {
	display: block;
	padding: 2px 8px 8px 0;
}*/
#side ul.close li {
	padding: 8px 8px 8px 0;
}
#side .sideinImg {
	border-bottom: dotted 1px #ddd;
	padding: 25px 0 5px 0;
}
#side .sideinImg img {
	margin: 0 0 15px 0;
	padding: 0;
}
#side .sidein {
	border-bottom: dotted 1px #ddd;
	padding: 10px 0 15px 0;
	line-height: 140%;
}
#side .sidein h3 {
	font-size:14px;
	font-weight:normal;
	line-height: 140%;
	color: #000;
}
#side .sidein h3 a { color:#000; text-decoration: none; } 
#side .sidein img { margin: 10px 0; }
#side a.guideB  { display: block; width:180px; text-align: center; padding: 10px 0 ; background-color:#FF0000; color:#ffffff; }
#side .sidein p {
	font-size:90%;
}

.product article h3 { 
padding: 0 0 7px 0; 
margin-top:0;
margin-bottom: 25px; 
background: none;  
border-bottom: 1px solid #DDD; 
font-size: 138.5%;
font-weight:normal;
}

.mypage .login_area h3 { 
background: none;
margin-top:0;
border-bottom: 1px solid #DDD;
font-size: 138.5%;
margin-bottom: 25px;
padding: 0 0 7px 0;
font-weight:normal;
}

.mypage .flow_area { text-align: center; }

h1 { font-weight:normal; }

.alignC { text-align:center !important; } 
.alignL { text-align:left !important; } 
.alignR { text-align:right !important; } 

.cart table th.alignR { text-align:right !important; } 
.cart table.Lth th  { text-align:left !important; }


/* ガイドページ */
.guide {
	font-size:100%;
}
.guide h1 {
	font-size: 22px;
	margin: 0 0 30px 0;
	color: #000;
}
.guide .info h2 {
	font-size: 18px;
	background: none;
	border-bottom:solid 1px #dddddd;
	padding:0 0 6px 0;
	margin:20px 0 15px 0;
	font-weight:normal;
	color: #000;
}
.guide .info h3 {
	font-size: 16px;
	background: none;
	padding:0;
	margin:30px 0 10px 0;
	font-weight:normal;
	color: #000;
}
.guide { margin-bottom:30px; }
.guide .info table {
width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom:10px;
	font-size:90%;
	border: 1px solid #dcdcdc !important;
	line-height: 160%;
}
.guide .info th { background: #f3f3f3; font-weight: bold; padding: 10px; text-align: center; width: 150px; border: 1px solid #dcdcdc !important;}
.guide .info td { padding: 10px; text-align: left; border: 1px solid #dcdcdc !important;}
.guide .info { margin-bottom:50px; }
#content .guide .info .txt {font-size: 100%; }
.guide p.toPageTop { text-align:right; margin-bottom:40px; }
.guide nav.guide_nav {
	margin: 20px 0 40px 0;
	padding: 0 15px 0 30px;
}
.guide nav.guide_nav ul { margin: 1px 0;  }
.guide nav.guide_nav li { display:inline; float: left; margin-right: 30px; }
div.guide_tab {
	border-bottom: 1px solid #DDD;
	z-index: -1 !important;
}
div.guide_tab ul {
	list-style-type: none
}
div.guide_tab ul li {
	display: inline;
	float: left;
	margin: 0 5px -1px 0;
	border: 1px solid #DDD;
	font-size: 13px;
	line-height: 100%;
}
div.guide_tab ul li.now {
	border-bottom: 1px solid #FFF;
	z-index: 2 !important;
}
div.guide_tab ul li a {
	display: block;
	text-decoration: none;
	color: #000;
	padding: 10px 10px;
}

/*トップページ 真ん中カラム */
div.facebook {
	border: 1px solid #DDD;
}

/*トップページ 右カラム */
#sideR { float: right; width:200px; }
#sideR .sideRbn { border-bottom: solid 1px #DDDDDD;  }
#sideR .sideRbn .sideRbnin { padding-bottom: 10px; }
#sideR .sideRbn .sideRbnin p { margin-top: 10px; text-align:center; line-height:130%;  }
#sideR .sideRbn .sideRbnin p a { display: block; background-color:#ff0000; color:#fff;  padding: 3px 10px; margin:6px 30px; font-size:90%; }
#sideR .sideRbn .sideRbnin p span { font-size: 85%; }
#sideR div.twi { margin: 20px 0; width: 198px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 12px; }

/*トップページ おすすめ商品*/
#content .pickup ul.list li { float: left; width: 120px; margin: 0 0 20px 20px; text-align: left; min-height: 220px;  }
#content .pickup h2, #content .news h2 { font-size: 20px; }
#content .pickup h2, #content .news h2 { font-size: 18px; background: none; border-bottom:solid 0px #dddddd; padding:0 0 10px 0; margin:0 0 15px 0;  font-weight:normal; color: #000; }
#content .pickup h3 {
	font-size: 14px;
	background: none;
	padding:0;
	margin:0 0 5px 0;
	font-weight:normal;
}
/*トップページ 追加*/
#content .pickup ul.list li img { border-color: #fff;}
#content .pickup ul.list li .price{ margin: 0 !important;}
#content .pickup ul.list li a:link { text-decoration: none;}
#content .pickup ul.list li a:hover { text-decoration: underline; color: #444; display: block; cursor: pointer;}

/*新着情報*/
#content .news { position: relative; }
#content .news h2 { margin-bottom: 10px !important;}
#content .news ul {}
#content .news li { padding: 10px 0; border-bottom: 1px dotted #ccc;}
#content .news li p {float: left; margin-left: 15px; margin-left: 0px;}
#content .news li p.date { margin-right: 10px;}
#content .news li p.state { font-size: 65%; color: #fff; padding: 3px 8px 1px; margin-top: 2px; line-break: 100%; border-radius: 4px;}
#content .news li p.news1 {background: #fa0000; }
#content .news li p.news2 {background: #59c50f; }
#content .news li p.news3 {background: #444; }
#content .news li p.txt {font-size: 90%;}
#content .news li p.txt a:hover { text-decoration: underline;}
#content .news p.btn_more { position: absolute; top: 15px; right: 20px; font-size: 80%;}
#content .news p.btn_more a { display: block; background: #FF468E; padding: 5px 10px 4px; color: #fff;}

/*商品一覧 改行 */
#content section.product_list ul.list li:nth-child(1),
#content section.product_list ul.list li:nth-child(6),
#content section.product_list ul.list li:nth-child(11) { clear: left; margin-left: 0;}

/* HOME */

div#home {
	float: left;
	width: 540px;
	clear: none;
	margin: 0 0 0 -10px;
}

/* */
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }

.cntr { text-align:center !important; }
.rgt { text-align:right !important; }
.lft { text-align:left !important; }


.product article dd.txt, .product .item_attention p.txt, #content .txt, .mypage table, .about dl dd.txt, .product .item_txt_box p.point { font-size:100%; }

.product .item_txt_box p.point { line-height: 160%;}

/* 20140319_ami */
.product th  { text-align: left; }

/* 20140328_ami */
header #lNav li.kguide a { background: #333333 url(../images/icon/icon_guide.png) no-repeat 10% 50%; padding-left: 5px; margin-left: 10px; }

/* 20140409 K */
#content .pickup {
	margin-bottom: 20px;
}

/* レビュー */
div#content .product .item_raview dl { position: relative; margin-top: 25px; padding-left: 0; padding-right: 0; min-height: 80px; }
div#content .product .item_raview dt { color: #000; font-weight: bold; margin: 30px 0 10px 0;}
div#content .product .item_raview dt .rtitle { font-size: 14px; font-weight:bold; }
div#content .product .item_raview dt .rdate, div#content .product .item_raview dt .rreviewer,  div#content .product .item_raview dt .rlevelt, .product .item_raview dt .recommend_level  { font-size: 14px;  font-weight:normal;  }
div#content .product .item_raview dt .recommend_level  { color:#ff0000; }

/* 20140509 */
.mypage h1 { margin:40px 0 30px 0; }

.cart_btn .btn_area, .btn_area2 { margin: 35px 0; text-align: center; }


.mypage.cart table th,
.mypage.cart table td
 { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px 15px; text-align: left; line-height: 160%; border-left: none; border-right: none; }
.mypage.cart table th { background: #F6F6F6; }

/* 20140703 */
.product table { width: 100%; border-collapse: collapse; border-spacing: 0; font-size: 90%; margin: 10px 0;}

/* 20140709 */
.product article dt { font-size: 18px; margin: 0 0 20px 0; }
.product article dd.txt { margin: 0 0 20px 0; }

/* 20141007 */

div#side div.sideinImg {
	padding: 10px 0 20px 0;
}
div#side div.sideinImg img {
	margin: 15px 0 0 0;
}
div.sideinImg p {
	font-size: 11px;
	line-height: 140%;
	margin: 0.5em 0;
}

/* ランキングバッジ用 */
.starburstb {
	top:9px;
	left:9px;
	display:block;
	width:21px;
	height:21px;
	background:#ffffff;
	position:absolute;
	text-align:center;
	text-decoration:none;
	font-size:10pt;
	color:#fff;
	-webkit-transform:rotate(-67.5deg);
	-moz-transform:rotate(-67.5deg);
	rotation:-67.5deg;
	z-index:1;
	
}
.starburstb span {
	display:block;
	width:21px;
	height:21px;
	background:#ffffff;
	-webkit-transform:rotate(22.5deg);
	-moz-transform:rotate(22.5deg);
	rotation:22.5deg;
	display:table-cell;
	vertical-align:bottom;
}

.starburst1 {
	top:10px;
	left:10px;
	display:block;
	width:19.15px;
	height:19.15px;
	background:#d9b340;
	position:absolute;
	text-align:center;
	text-decoration:none;
	font-size:10pt;
	color:#fff;
	-webkit-transform:rotate(-67.5deg);
	-moz-transform:rotate(-67.5deg);
	rotation:-67.5deg;
	z-index:2;
}
.starburst1 span {
	display:block;
	width:19.15px;
	height:19.15px;
	background:#d9b340;
	-webkit-transform:rotate(22.5deg);
	-moz-transform:rotate(22.5deg);
	rotation:22.5deg;
	display:table-cell;
	vertical-align:bottom;
}

.starburst2 {
	top:10px;
	left:10px;
	display:block;
	width:19.15px;
	height:19.15px;
	background:#6f7b83;
	position:absolute;
	text-align:center;
	text-decoration:none;
	font-size:10pt;
	color:#fff;
	-webkit-transform:rotate(-67.5deg);
	-moz-transform:rotate(-67.5deg);
	rotation:-67.5deg;
	z-index:2;
}
.starburst2 span {
	display:block;
	width:19.15px;
	height:19.15px;
	background:#6f7b83;
	-webkit-transform:rotate(22.5deg);
	-moz-transform:rotate(22.5deg);
	rotation:22.5deg;
	display:table-cell;
	vertical-align:bottom;
}

.starburst3 {
	top:10px;
	left:10px;
	display:block;
	width:19.15px;
	height:19.15px;
	background:#a15326;
	position:absolute;
	text-align:center;
	text-decoration:none;
	font-size:10pt;
	color:#fff;
	-webkit-transform:rotate(-67.5deg);
	-moz-transform:rotate(-67.5deg);
	rotation:-67.5deg;
	z-index:2;
}
.starburst3 span {
	display:block;
	width:19.15px;
	height:19.15px;
	background:#a15326;
	-webkit-transform:rotate(22.5deg);
	-moz-transform:rotate(22.5deg);
	rotation:22.5deg;
	display:table-cell;
	vertical-align:bottom;
}

.starburst4 {
	top:10px;
	left:10px;
	display:block;
	width:19.15px;
	height:19.15px;
	background:#cdcdcd;
	position:absolute;
	text-align:center;
	text-decoration:none;
	font-size:10pt;
	color:#666;
	-webkit-transform:rotate(-67.5deg);
	-moz-transform:rotate(-67.5deg);
	rotation:-67.5deg;
	z-index:2;
}
.starburst4 span {
	display:block;
	width:19.15px;
	height:19.15px;
	background:#cdcdcd;
	-webkit-transform:rotate(22.5deg);
	-moz-transform:rotate(22.5deg);
	rotation:22.5deg;
	display:table-cell;
	vertical-align:bottom;
}

/* 新規商品バッジ */
.flag {
  display:block;
  left:9px;
  width: 26px;
  height: 32px;
  position: absolute; 
  color:#777777;
  font-size: 9px;
  text-align: center;
  vertical-align:bottom;
  text-transform: uppercase;
  line-height: 32px;
  z-index:3;
}

.flag:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 6px solid transparent;
  border-left: 13.2px solid #ffdd1a;
  border-right: 13.2px solid #ffdd1a;
}

.flag_top{
  position: absolute;
  left: 0;
  top: 0;
  width: 26px;
  height: 26.2px;
  background: #ffdd1a;
  z-index:2;
}

.flag_b {
  display:block;
  left:8px;
  width: 28px;
  height: 33px;
  position: absolute; 
  font-size: 11px;
  text-align: center;
  vertical-align:bottom;
  text-transform: uppercase;
  z-index:1;
}

.flag_b:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 6px solid transparent;
  border-left: 14.2px solid #fff;
  border-right: 14.2px solid #fff;

}

.flag_b_top{
  position: absolute;
  left: 0;
  top: 0;
  width: 28px;
  height: 27.4px;
  background: #fff;
  z-index:2;
}

.i_tax{
	color: #555555;
	font-size: 9px;
	margin-left:0.4em;
}

/* ホワイトライス_ハブページ用 */

font.yellow {
	background: -moz-linear-gradient(#ffff66 5%, #ffff66 90%, transparent 0%);
	background: -webkit-linear-gradient(#ffff66 5%, #ffff66 90%, transparent 0%);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(0, #ffff66));
	background: -o-linear-gradient(transparent 0%, #ffff66 0%);
	background: linear-gradient(#ffff66 5%, #ffff66 90%, transparent 0%);
	line-height: 1.75em;
}	

font.note {
	font-size:0.75em;
}

#wr_hub ul {
    display: inline-block;
    list-style-type: none;
    padding: 0;
}

#wr_hub li {
    display: inline-block;
    padding: 0.5em 1.5em;
    background: #eeeeee;
    border-radius: 5px;
	font-weight:bold;
}

#wr_hub table,#wr_hub td,#wr_hub th {
    border-collapse: collapse;
} 

/* ハブページPC用 */
#wr_hub .wr_item {
	background: url(https://www.whitefood.co.jp/user_data/page/wr_hub/buckground.png) no-repeat;
	width: 320px;
    height: 185px;
    padding: 30px;
    float: left;
	text-align:center;
	box-shadow: 0 0 0 1.33px #fff inset;
	position: relative;
}

#wr_hub .wr_item:hover {
	background: url(https://www.whitefood.co.jp/user_data/page/wr_hub/buckground_hover.png) no-repeat;
}

#wr_hub .wr_item a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-indent:-999px;
}

#wr_hub h2.wr_title {
	font-size: 30px;
	font-weight:300;
	color:#ffffff;
}

h2.wr_title.no_sub_t {
    padding-top: 0.7em;
}

#wr_hub font.sub_t {
	font-size: 23px;
}


#wr_hub h2.wr_title_1 {
	font-size: 26px;
	text-align:center;
}

#wr_hub h2.wr_title_2 {
	font-size: 45px;
	text-align:center;
	margin-bottom:25px;
}

#wr_hub h3.wr_subtitle {
	margin-bottom:14px;
	text-align: center;
}

#wr_hub font.sub {
	font-size: 26px;
}

#wr_hub .wr_box {
	margin: 5em 0;
	text-align:center;
}

#wr_hub .wr_box1 {
	margin: 3em 0;
}

#wr_hub .wr_polish_box {
	width:100%;	
	margin: 4em 0 2em;
}

#wr_hub .wr_polish{
    display: inline-table;
	vertical-align: top;
}

#wr_hub td {
	width: 88px;
	height: 38px;
	position: relative;
	font-size:16px;
	background:#ffffff;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

#wr_hub td:hover {
	background:#fcfcfc;
}

#wr_hub td a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-indent:-999px;
	border:1px solid #dcdcdc;
	border-collapse: collapse;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

#wr_hub td a.last_t{
	border-top: none;
}

#wr_hub td a.last_l{
	border-left: none;
}

#wr_hub td a.last_tl{
	border-top: none;
	border-left: none;
}

#wr_hub .wr_polish h4 {
    margin-bottom: 20px;
	font-size: 16px;
	margin-left: -1em;
}

#wr_hub h4.white:before {
    content: url(https://www.whitefood.co.jp/user_data/page/wr_hub/icon_w.png);
    margin: 10px;
    position: relative;
    top: 12px;
}

#wr_hub h4.musen:before {
    content: url(https://www.whitefood.co.jp/user_data/page/wr_hub/icon_m.png);
    margin: 10px;
    position: relative;
    top: 12px;
}

#wr_hub h4.brown:before {
    content: url(https://www.whitefood.co.jp/user_data/page/wr_hub/icon_g.png);
    margin: 10px;
    position: relative;
    top: 12px;
}

#wr_hub h4.milled:before {
    content: url(https://www.whitefood.co.jp/user_data/page/wr_hub/icon_b.png);
    margin: 10px;
    position: relative;
    top: 12px;
}

#wr_hub p.note_list {
	line-height:1.8em;
	margin-top:1em;	
}

#wr_hub .wr_item img {
    bottom: 20px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

#wr_hub hr.wr_border {
	border-top: 1px solid #dcdcdc;	
	border-bottom: none;
}