@charset "utf-8";

/* リセット
---------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, p, div, address, dl, dt, dd, table, caption, th,
	td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	list-style-type: none;
	zoom: 1;
	line-height: 1.0;
}

ul, li {
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	list-style-type: none;
	text-align: left;
}

img {
	vertical-align: bottom;
	line-height: 1.0;
}

table {
	border-collapse: collapse;
}

td, th, p, li {
	line-height: 1.6;
}

a {
	color: #093a9c;
	text-decoration: underline;
}

a:hover {
	color: #e75d00;
	text-decoration: none;
}

#search select, #search input {
	vertical-align: 0.5em;
}

select {
	height: 30px;
	border: 1px solid #D2BA85;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	line-height: 30px;
	font-size: 14px;
	background: #FFFDF4;
}

input[type=text] {
	height: 26px;
	border: 1px solid #D2BA85;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #FFFDF4;
}

input[type=password] {
	height: 26px;
	border: 1px solid #D2BA85;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #FFFDF4;
}

textarea {
	border: 1px solid #D2BA85;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #FFFDF4;
}

/* Body
---------------------------------------------------------------------------- */
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 12px;
	color: #4f0d0d;
	font-family: Meiryo, "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial,
		"ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", Osaka, sans-serif;
}

#wrap {
	width: 100%;
}

#contents_wrap {
	width: 980px;
	margin: 20px auto 0;
	overflow: hidden;
}

#left_navi {
	width: 180px;
	float: left;
	padding-right: 20px;
}

#right_navi {
	width: 180px;
	float: right;
}

#contents {
	width: 580px;
	float: left;
}

.lower {
	font-size: 14px;
	line-height: 1.8;
}

/* COMMON PARTS
---------------------------------------------------------------------------- */
img.pict {
	border: 1px solid #cccccc;
}

a:hover img.pict {
	border: 1px solid #f3721c;
}

.text_red {
	color: #D00000;
}

.text_bold {
	font-weight: bold;
}

.text_right {
	text-align: right;
}

.inner560 {
	margin: 0 10px;
}

.inner540 {
	margin: 0 20px;
}

.inner520 {
	margin: 0 30px;
}

.inner500 {
	margin: 0 40px;
}

.pb50 {
	padding-bottom: 50px;
}

.pb40 {
	padding-bottom: 40px;
}

.pb30 {
	padding-bottom: 30px;
}

.pb20 {
	padding-bottom: 20px;
}

.pb10 {
	padding-bottom: 10px;
}

.mb50 {
	margin-bottom: 50px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb10 {
	margin-bottom: 10px;
}

#pankuzu {
	font-size: 12px;
	margin-bottom: 14px;
}

#pankuzu li {
	display: inline;
}

.lower h2 {
	margin-bottom: 28px;
}

.lower h3 {
	background: url(../img/icon_ttl.jpg) no-repeat 0 11px;
	padding: 12px 0 12px 16px;
	margin-bottom: 20px;
	border-bottom: 2px solid #863a01;
	font-size: 18px;
}

.lower h4 {
	font-size: 16px;
	padding-bottom: 10px;
}

.co_table {
	width: 100%;
	border: #CCC 1px solid;
	border-collapse: collapse;
}

.co_table th, .co_table td {
	background: #FFF;
	text-align: left;
	border-bottom: #CCC 1px solid;
	padding: 10px;
	line-height: 1.4;
}

.co_table th {
	width: 30%;
	font-weight: bold;
	border-right: #CCC 1px solid;
	background: #f3e8e0;
	white-space: nowrap;
}

.co_table td {
	border-right: #CCC 1px solid;
}

.floatL {
	float: left;
	padding: 0 20px 0 0;
}

.floatR {
	float: right;
	padding: 0 0 0 20px;
}

.floatC {
	text-align: center;
}

.bgcolor_orange {
	background-color: #ffeadb;
	padding: 24px;
}

.bgcolor_paleblown {
	background-color: #f8f4f1;
}

.btn_area {
	padding: 20px 0;
	text-align: center;
}
/* HEADER
---------------------------------------------------------------------------- */
#header_wrap {
	width: 100%;
	background: url(../img/header_bg.gif) repeat-x top left;
}

#header {
	width: 980px;
	height: 142px;
	margin: 0 auto;
	position: relative;
}

h1 {
	position: absolute;
	top: 53px;
	left: 0;
}

#hd_salespoint {
	position: absolute;
	top: 51px;
	left: 287px;
	width: 400px;
	height: 91px;
}

#hd_inq {
	position: absolute;
	top: 46px;
	right: 0;
}

#hd_smenu {
	position: absolute;
	right: 0;
	top: 0;
	overflow: hidden;
	text-align: right;
}

#hd_smenu li {
	line-height: inherit;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	background: url(../img/arrow_orange.gif) no-repeat 0 10px;
	padding: 10px 10px 10px 20px;
}

/* SEARCH
---------------------------------------------------------------------------- */
#search_wrap {
	width: 100%;
	height: 54px;
	background-color: #f3751d;
	text-align: center;
}

#search {
	width: 980px;
	height: 54px;
	margin: 0 auto;
	padding: 8px 0 0 0;
	overflow: hidden;
	text-align: left;
}

#search table td {
	padding: 0 5px 0 2px;
}

#search select, #search input {
	vertical-align: 0.5em;
}

#search select {
	width: 140px;
	height: 30px;
	border: 1px solid #D2BA85;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	line-height: 30px;
	font-size: 14px;
	background: #FFFDF4;
}

#search input[type=text] {
	width: 160px;
	height: 26px;
	border: 1px solid #D2BA85;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #FFFDF4;
}

#search table td.border {
	padding: 0 10px;
	background: url(../img/search_line.jpg) no-repeat 0 6px;
}

/* LEFT NAVI
---------------------------------------------------------------------------- */
#left_category, #left_maker, #left_calendar, #left_menu, .bnr_area li {
	margin-bottom: 10px;
}

#left_category h2, #left_maker h2, .has_second {
	cursor: pointer;
}

#left_category ul, #left_maker ul {
	display: none;
	background-color: #fffbed;
}

ul.common_style li a {
	padding: 12px 10px 12px 20px;
	background: url(../img/snavilist_bg.gif) no-repeat 0 4px;
	display: block;
}

#left_category ul li.has_second {
	padding: 12px 10px 12px 20px;
	background: url(../img/snavilist_bg.gif) no-repeat 0 4px;
	display: block;
	cursor: pointer;
}

#left_category ul li.no_second a {
	padding: 12px 10px 12px 20px;
	background: url(../img/snavilist_bg.gif) no-repeat 0 4px;
	display: block;
	color: #4f0d0d;
	text-decoration: none;
}

#left_maker ul li a {
	padding: 12px 10px 12px 20px;
	background: url(../img/snavilist_bg.gif) no-repeat 0 4px;
	display: block;
	cursor: pointer;
}

#left_category ul ul {
	display: none;
	margin: 20px 0 0;
	padding: 0;
	background-color: #f0e6c3;
}

#left_category ul ul li {
	background: none;
	padding: 0;
}

#left_category ul ul li a {
	background: url(../img/arrow2_brown.gif) no-repeat 2px 10px;
	padding: 5px 5px 5px 16px;
	display: block;
}

#left_menu ul {
	margin-top: 15px;
	background: url(../img/line.gif) repeat-x top left;
}

#calendar_box {
	border: 1px solid #552323;
	padding: 15px;
	line-height: 1.6;
}

/* RIGHT NAVI
---------------------------------------------------------------------------- */
#right_login, #right_cart {
	width: 160px;
	padding: 10px;
	background: url(../img/login_bg.gif);
	text-align: center;
	margin-bottom: 10px;
}

#right_login { /
	max-height: 250px;
}

#right_login h2, .login_box dt, .login_box dd, #right_login p,
	#right_cart h2, #right_news, #right_pickup {
	margin-bottom: 10px;
}

.login_box, #cart_box {
	width: 134px;
	background-color: #FFF;
	border: 3px solid #5f946d;
	padding: 10px;
	text-align: left;
	margin-bottom: 10px !important;
}

.login_box input[type=text], .login_box input[type=password] {
	width: 130px;
	height: 26px;
	border: 1px solid #D2BA85;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #FFFDF4;
}

#right_cart {
	background: url(../img/cart_bg.gif);
}

#right_cart #total_box {
	text-align: right;
}

#total_box span#total_price {
	line-height: 1.4;
	font-size: 20px;
	color: #D00000;
}

#total_box span#total_num {
	color: #D00000;
	font-size: 16px;
}

#right_cart #almost_box {
	color: #D00000;
	padding: 4px;
	background-color: #fad6d6;
	text-align: right;
}

#almost_box span#almost_price {
	font-size: 16px;
}

#right_cart #list_box {
	height: 70px;
	margin-top: 10px;
	background-color: #f2f1f1;
	overflow: auto;
	padding: 5px;
	line-height: 1.6;
}

#cart_box {
	border: 3px solid #985a0a;
}

#right_news {
	background-color: #fff5d2;
}

#right_news #newslist {
	margin-left: 70px;
}

#right_pickup {
	background-color: #fff5f4;
}

#right_news ul, #right_pickup ul {
	padding: 10px;
}

#right_pickup ul li p.pict {
	width: 38px;
	float: left;
}

#right_pickup ul li p.pict img {
	width: 38px;
}

#right_pickup ul li p.pict img.pict {
	border: 1px solid #bea2a2;
}

#right_pickup ul li p.pict a:hover img.pict {
	border: 1px solid #5280DD;
}

#right_pickup ul li p.text {
	float: right;
	width: 100px;
	text-align: left;
}

#right_news ul li, #right_pickup ul li {
	background: url(../img/line.gif) repeat-x bottom left;
	padding: 10px 0;
}

#right_news p a {
	background: url(../img/arrow_brown.gif) no-repeat 0 10px;
	padding: 10px 10px 10px 20px;
}

/* CENTER CONTENTS
---------------------------------------------------------------------------- */
.center_box {
	width: 580px;
	margin-bottom: 20px;
}

#center_slide {
	border: 1px solid #CCC;
	padding: 7px 0 7px 7px;
	text-align: left;
	height: 380px;
}

#center_bnr {
	background: url(../img/cbnrarea_bg.gif);
	padding: 15px 5px 15px 15px;
	margin: 20px 0;
}

#center_bnr ul {
	overflow: hidden;
	width: 100%;
}

#center_bnr ul li {
	float: left;
	padding-right: 10px;
}

/* COMMON */
.center_box {
	width: 580px;
	margin-bottom: 20px;
}

.center_box ul li div.pict128 {
	width: 128px;
	height: 128px;
	border: 1px solid #cccccc;
	background: #fff;
}

.center_box ul li img.pict {
	width: 128px;
}

.center_box h2 {

}

.center_box ul {
	padding: 15px 5px 5px 15px;
	overflow: hidden;
	width: 565px;
	/* inline-blockで空間できるのを消す */
	letter-spacing: -1em;
	word-spacing: -1em;
}

/* inline-blockで空間できるのを消す */
:root .center_box ul {
	font-size: 1px;
	letter-spacing: -1px;
	word-spacing: -1px;
}

.center_box ul li {
	text-align: center;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 130px;
	padding: 0 10px 10px 0;
	vertical-align: top;
	/* inline-blockで空間できるのを消す */
	font-size: 1rem;
	letter-spacing: normal;
	word-spacing: normal;
}

.center_box ul li p {
	padding: 10px 0;
}

#center_newitems .inner {
	height: 400px;
	overflow: auto;
}

#center_newitems ul {
	padding: 15px 0 5px 15px;
	background-color: #fff5d2;
}

#center_newitems ul li {
	padding: 0 6px 10px 0;
}

.center_box ul lii img.pict {
	width: 130px;
}

#center_newitems h2 {
	position: relative;
}

#center_newitems h2 div {
	position: absolute;
	top: 45px;
	left: 156px;
}

#center_pbproducts h2 {
	position: relative;
}

#center_pbproducts h2 div {
	position: absolute;
	top: 45px;
	left: 328px;
}

#center_maker h2 {
	position: relative;
}

#center_maker h2 div {
	position: absolute;
	top: 45px;
	left: 182px;
}

#center_category ul ul {
	padding: 5px;
	width: 110px;
	overflow: visible;
}

#center_category ul li li {
	width: 100px;
	padding: 0 0 2px 16px;
	text-align: left;
	float: none;
	background: url(../img/arrow2_brown.gif) no-repeat 0 2px;
}

#center_easyorder {
	padding-bottom: 40px;
}

#center_easyorder .inner {
	padding: 15px;
	overflow: hidden;
	width: 550px;
}

#center_easyorder #eo_pict {
	float: left;
	padding-right: 15px;
}

#center_easyorder #eo_text {
	line-height: 1.6;
	padding-bottom: 6px;
}

#center_easyorder #eo_btn {
	text-align: right;
}

#center_aboutchari {
	width: 340px;
	height: 195px;
	padding: 25px 20px 0 220px;
	background: url(../img/top/aboutchari_bg.jpg) no-repeat bottom left;
	margin-bottom: 20px;
}

/* FOOTER1
---------------------------------------------------------------------------- */
#footer1_wrap {
	width: 100%;
	background-color: #FFD2B1;
	margin-top: 100px;
}

#footer2_wrap {
	width: 100%;
	background-color: #FF6D00;
}

.footer {
	width: 980px;
	margin: 0 auto;
	padding: 25px 0;
}

#pagetop {
	position: absolute;
	top: -85px;
	right: 0;
}

#footer1 {
	position: relative;
}

#footer2 {
	color: #FFF;
}

#footer2 a, #footer2 a:hover {
	color: #FFF;
}

#footer1 h2 {
	padding-bottom: 12px;
}

#ft_delivery {
	width: 476px;
	font-size: 11px;
	float: left;
	padding-right: 20px;
	background: url(../img/line2.jpg) repeat-y top right;
	text-align: left;
}

#ft_delivery p, #ft_payment p {
	padding-bottom: 20px;
}

#ft_delivery ul li {
	line-height: 1.6;
	background: url(../img/dot.gif) no-repeat 0 4px;
	padding-left: 14px;
}

#ft_payment {
	padding: 0 20px;
	width: 440px;
	text-align: left;
	font-size: 11px;
	float: left;
}

#ft_payment dt {
	background: url(../img/dot.gif) no-repeat 0 4px;
	padding-left: 14px;
}

#ft_payment dd {
	padding-left: 14px;
}

#ft_payment dt, #ft_payment dd, #ft_links dt, #ft_links dd {
	padding-bottom: 6px;
	line-height: 1.6;
}

#ft_links {
	float: left;
	padding-right: 2px;
	background: url(../img/footer_line2.gif) repeat-y top right;
}

#ft_links dl {
	float: left;
	padding-right: 15px;
	width: 150px;
}

#ft_links dl dt {
	font-size: 14px;
	padding-bottom: 4px;
	margin-bottom: 8px;
	background: url(../img/footer_line1.gif) repeat-x bottom left;
}

#ft_links dl dd {
	font-size: 11px;
	padding-left: 16px;
	background: url(../img/arrow2_white.gif) no-repeat 0 4px;
}

#ft_inq {
	float: right;
}

#ft_inq div {
	float: left;
	padding: 40px 0 0 5px;
}

#ft_inq div#ft_logo {
	padding-top: 60px;
}

.clearfix:after {
	content: "."; /* 新しい要素を作る */
	display: block; /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*/ /*/
  height: auto;
  overflow: hidden;
  /**/
}

/* お知らせ
---------------------------------------------------------------------------- */
.news_date {
	text-align: right;
	padding-bottom: 10px;
	margin-top: -10px;
}

.news_contents {
	padding: 23px;
	background-color: #ffeadb;
}

/* チャリ太郎について
---------------------------------------------------------------------------- */
.about_points li {
	padding: 8px;
	background: #ffeadb url(../img/line3.gif) repeat-x left bottom;
	margin-bottom: 10px;
}

.about_points img {
	vertical-align: middle;
}

.about_points ul {
	float: right;
	width: 240px;
}

.about_points ul li {
	font-size: 11px;
	background: none;
	padding: 0;
	margin: 0;
}

/*会社案内
---------------------------------------------------------------------------- */
.profile_rinen {
	background: url(../img/profile/bg.gif) no-repeat 350px 90px;
}

/* よくある質問
---------------------------------------------------------------------------- */
.faq_inquiry {
	background-color: #f8f4f1;
	padding: 24px;
	margin-bottom: 20px;
}

.faq_box {
	padding-top: 25px;
	background: url(../img/faq/line.gif) no-repeat bottom center;
}

.faq_box dt {
	background: url(../img/faq/icon_q.jpg) no-repeat top left;
	padding: 8px 10px 0 40px;
	margin-bottom: 10px;
	font-size: 16px;
	min-height: 30px;
	line-height: 1.4;
}

.faq_box dd {
	background: url(../img/faq/icon_a.jpg) no-repeat top left;
	padding: 8px 10px 30px 40px;
	line-height: 1.8;
}

/* お問い合わせ
---------------------------------------------------------------------------- */
.inquiry_telfax {
	background-color: #ffeadb;
	padding: 20px 24px 15px;
	margin-bottom: 30px;
}

.inq_info {
	width: 240px;
}

.inq_info dt {
	padding: 5px 10px 5px 0;
	float: left;
}

.inq_info dd {
	color: #D00000;
	font-size: 20px;
	padding-bottom: 5px;
}

#inq01.inq_info {
	width: 220px;
}

#inq01.inq_info dt {
	float: none;
}

#inq01.inq_info dd {
	font-size: 30px;
}

#inq02 {
	padding-top: 5px;
}

.inq_attention {
	background: url(../img/line3.gif) repeat-x top left;
	color: #D00000;
	padding: 14px 0 18px;
	text-align: right;
}

.co_table input {
	width: 350px !important;
}

.co_table textarea {
	width: 350px !important;
}

/* お買い物ガイド
---------------------------------------------------------------------------- */
.guide_flow li {
	overflow: hidden;
	width: 100%;
	background: url(../img/line3.gif) repeat-x bottom left;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.guide_flow dl {
	float: right;
	width: 360px;
}

.guide_flow dt {
	font-size: 18px;
	color: #fb4d10;
	padding-bottom: 4px;
	line-height: 1.2;
}

.guide_flow dd {
	font-size: 12px;
	line-height: 1.8;
}

.guide_payment {
	font-size: 12px;
	line-height: 1.8;
}

.guide_payment dt {
	padding-bottom: 10px;
}

.guide_payment dd {
	padding-left: 1em;
	line-height: 1.8;
}

.guide_payment dd.card {
	padding-top: 10px;
}

.guide_payment li {
	list-style: disc;
	margin-left: 1em;
	line-height: 1.8;
}

.guide_postage {

}

.guide_postage li {
	list-style: none;
	padding-bottom: 4px;
	margin-left: 0;
}

.guide_postage li.border {
	padding-bottom: 4px;
	background: url(../img/guide/line.gif) repeat-x bottom left;
	margin-bottom: 4px;
}

.guide_postage table {
	width: 100%;
}

.guide_postage table td {
	text-align: right;
	padding-bottom: 4px;
	color: #D00000;
}

.guide_pagelink {
	background-color: #f8f4f1;
	padding: 16px 20px 0;
	margin: -10px 0 40px;
}

.guide_pagelink li {
	background: url(../img/arrow_orange.gif) no-repeat 0 3px;
	padding: 0 0 10px 20px;
	overflow: hidden;
	width: 100%;
}

.guide_pagelink li ul {
	padding-top: 5px;
}

.guide_pagelink li ul li {
	background: url(../img/arrow2_brown.gif) no-repeat 0 3px;
	padding: 0 0 0 20px;
	width: 150px;
	display: inline-block;
}

/* POP
---------------------------------------------------------------------------- */
.pop_list {
	overflow: hidden;
	width: 100%;
	padding-bottom: 40px;
	/* inline-blockで空間できるのを消す
	letter-spacing: -1em; word-spacing: -1em;*/
}
/* inline-blockで空間できるのを消す
:root .center_box ul { font-size: 1px; letter-spacing: -1px; word-spacing: -1px; }
*/
.pop_list li {
	width: 180px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	font-size: 12px;
	padding: 0 15px 20px 0;

	/* inline-blockで空間できるのを消す
	font-size: 1rem; letter-spacing: normal; word-spacing: normal; */
}

.pop_list li img {
	width: 180px;
}
/* FAX
---------------------------------------------------------------------------- */
.fax_info {
	text-align: center;
	font-size: 30px;
}

.fax_btns {
	padding: 20px 0;
	background: url(../img/line3.gif) repeat-x top left;
}

.fax_btns li {
	overflow: hidden;
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 20px;
	background: url(../img/line3.gif) repeat-x bottom left;
}

.fax_btns li dl {
	float: left;
	width: 300px;
}

.fax_btns li dt {
	padding-top: 35px;
	font-size: 18px;
}

.fax_btns li dd {
	padding-top: 10px;
}

/* WEEKSALE
---------------------------------------------------------------------------- */
#show_chirashi, #close_chirashi {
	cursor: pointer;
}

/* 検索結果一覧
---------------------------------------------------------------------------- */
#search_box {
	padding-bottom: 40px;
}

#search_box dt {
	background: url(../img/list/search_ttl.gif) no-repeat;
	color: #FFF;
	font-size: 18px;
	padding: 18px 0 16px 20px;
}

#search_box dd {
	background-color: #ffeadb;
	padding: 12px 20px 8px;
}

.result_num {
	font-size: 12px;
	text-align: right;
}

#search_box table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 10px;
	margin-top: -10px;
}

#search_box table th {
	font-size: 16px;
	text-align: left;
	background: url(../img/icon_ttl.jpg) no-repeat 4px 6px;
	padding: 0 0 0 20px;
	width: 180px;
}

#search_box table th.result_ttl {
	font-size: 18px;
	width: 100%;
	background: none;
	border-bottom: 2px solid #863a01;
	padding: 0 0 4px 0;
	margin: 5px;
}

#search_box table select, #search_box table input[type=text] {
	width: 300px;
}

#search_box table .btn_area {
	padding: 10px 0 0;
}

#result_list li.result_data {
	padding-bottom: 10px;
	margin-bottom: 5px;
	border-bottom: 2px dotted #bebebe;
}

#result_orderby {
	border-bottom: 2px dotted #bebebe;
	padding: 4px;
	margin-bottom: 10px;
}

#result_orderby p {
	float: left;
	font-size: 16px;
}

ul.listSort {
	float: right;
	background-color: #ffeadb;
}

ul.listSort li {
	float: left;
	margin: 5px 0;
	padding: 0 10px;
	font-size: 12px;
}

* html ul.listSort li {
	margin: 5px;
}

.product_pict {
	float: left;
	padding-right: 15px;
}

.product_pict img {
	width: 128px;
}

.product_text {
	float: right;
	width: 420px;
}

.product_text h3 {
	font-size: 16px;
	line-height: 1.4;
	margin-bottom: 15px;
	background: none;
	padding: 0;
	border: none;
}

.product_text p {
	font-size: 12px;
}

.icon_list {
	overflow: hidden;
	width: auto;
	padding: 0 0 12px 5px;
}

.icon_list li {
	float: left;
	padding-right: 2px;
}

.icon_list_detail {
	overflow: hidden;
	width: auto;
	padding: 0 10px 12px 10px;
}

.icon_list_detail li {
	float: right;
	padding-right: 2px;
}

.cart_box {
	background-color: #ffeadb;
	padding: 10px;
}

.cart_box a {
	margin: 0;
	padding: 0;
}

.cart_pricearea {
	float: left;
}

.cart_price {
	font-size: 16px;
	color: #D00000;
	text-align: right;
	margin-bottom: 10px;
}

.cart_btnarea {
	float: right;
	text-align: right;
}

.cart_right input[type=text] {
	width: 60px;
	text-align: center;
}

.toriyose {
	padding: 4px;
	color: #ff3333;
	font-weight: bold;
}

.cart_pricearea input {
	vertical-align: bottom;
}

.cart_right {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	padding-right: 5px;
	float: right;
	clear: both;
	margin-bottom: 10px;
}

h2.result {
	font-size: 22px;
	border-bottom: 2px solid #863a01;
	padding-bottom: 5px;
	margin: 20px 0 5px;
}

#result_paging {
	position: relative;
	border-top: 2px solid #863a01;
	padding-top: 20px;
}

#result_paging ul {
	position: relative;
	left: 50%;
	float: left;
}

#result_paging ul li {
	position: relative;
	left: -50%;
	float: left;
}

#result_paging ul li.here a {
	background-color: #863a01;
	color: #fff;
}

#result_paging p a, #result_paging ul li a {
	display: block;
	float: left;
	padding: 4px 6px;
	margin: 2px;
	border: 1px solid #863a01;
	font-size: 16px;
	background-color: #ffeadb;
	color: #4f0d0d;
	text-decoration: none;
}

#result_paging a:hover, #result_paging ul li a:hover {
	background-color: #863a01;
	color: #fff;
}

/* 今週の特売
---------------------------------------------------------------------------- */
#weeksale.result_num {
	margin: -10px 0 20px;
}

#bg_chirashi {
	display: none;
	background: #000000;
	opacity: 0.7; /*黒地の背景の調整はこの数値で調整*/
	filter: alpha(opacity = 70); /*黒地の背景の調整はこの数値で調整*/
	position: absolute;
	top: 0px;
	left: 0px;
	min-width: 100%;
	min-height: 100%;
	z-index: 10;
}

#chirashi {
	background: #ffffff;
	border: 1px solid #536376;
	padding: 14px 22px;
	width: 800px;
	position: fixed;
	top: 100px;
	left: 50%;
	display: none;
	z-index: 1000;
	border: 1px solid #CCCCCC;
	padding: 20px 40px;
	margin-left: -400px;
	text-align: center;
	over-flow: auto;
}

#close_chirashi {
	position: fixed;
	top: 80px;
	left: 50%;
	margin-left: 440px;
}

/* 商品一覧
---------------------------------------------------------------------------- */
h3.h3_list {
	background: none;
	padding: 5px 0;
	margin-bottom: 0;
	border-bottom: none;
	font-size: 18px;
	line-height: 140%;
}

img.pic_list {
	border: 1px solid #999;
	padding: 5px;
}

.list_price {
    font-size: 16px;
    color: #D00000;
    text-align: left;
    margin-bottom: 10px;
}



/* 商品詳細
---------------------------------------------------------------------------- */
.product_detail h2 {
	padding: 8px 0 4px 0;
	margin-bottom: 5px;
	border-bottom: 2px solid #863a01;
	font-size: 20px;
}

.product_detail h3 {
	padding: 8px;
	margin: 10px 0;
	background: #f3751d;
	font-size: 16px;
	color: #fff;
	border: none;
}

.product_image {
	overflow: hidden;
	text-align: center;
	margin-bottom: 5px;
    width: 240px;
    height: 240px;
    border: 1px solid #999;
    display: table-cell;
    vertical-align: middle;
}

.mini_product_image {
	float: right;
	overflow: hidden;
    text-align: center;
    width: 150px;
    height: 150px;
    border: 1px solid #999;
    display: table-cell;
    vertical-align: middle;
	margin-left: 5px;
	border: 1px solid #999;
}

.v_bottom{
    vertical-align: bottom;
}

.v_top{
    vertical-align: top;
}

.product_detail .rightside {
	float: right;
	width: 310px;
}

.product_detail .leftside {
	float: left;
	width: 250px;
}

.leftside .center {
	text-align: center;
	width: 100%;
}

table.group-table {
	width: 100%;
	margin-bottom: 40px;
	border: 1px #999999 solid;
	border-collapse: collapse;
	border-spacing: 0;
}

table.group-table th {
	padding: 4px 10px;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	vertical-align: middle;
	border: 1px #999999 solid;
//	border-right: none;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: right
}

table.group-table td {
	padding: 4px 10px;
	font-size: 12px;
	color: #333333;
	vertical-align: middle;
	border: 1px #999999 solid;
//	border-left: none;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;
	word-break: break-all;
}

table.kikaku-table {
	width: 100%;
	margin-bottom: 20px;
	border: 1px #999999 solid;
	border-collapse: collapse;
	border-spacing: 0;
}

table.kikaku-table th {
	padding: 4px 10px;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	vertical-align: middle;
	border: 1px #999999 solid;
//	border-left: none;
//	border-right: none;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;
	background: #f3f3f3;
}

table.kikaku-table td {
	padding: 4px 10px;
	font-size: 12px;
	color: #333333;
	vertical-align: middle;
	border: 1px #999999 solid;
//	border-left: none;
//	border-right: none;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;
	word-break: break-all;
	border-right: none;
}

table.kikaku-table2 {
	width: 100%;
	border: 1px #999999 solid;
	border-collapse: collapse;
	border-spacing: 0;
}

table.kikaku-table2 th {
	padding: 5px 2px;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	vertical-align: middle;
	border: 1px #999999 solid;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: center;
	background: #f3f3f3;
}

table.kikaku-table2 td {
	padding: 4px 5px;
	font-size: 12px;
	color: #333333;
	vertical-align: middle;
	border: 1px #999999 solid;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: center;
	word-break: break-all;
}

/* 特定商取引法に基づく表記
---------------------------------------------------------------------------- */
#law.co_table th {
	width: 140px;
}

#law.co_table ul {
	margin: 1em 0;
}

#law.co_table li {
	list-style: disc;
	margin-left: 2em;
}

/* プライバシーポリシー
---------------------------------------------------------------------------- */
ol.policy_list li {
	list-style: decimal;
	padding-bottom: 1em;
}

ol.policy_list ul {
	margin-top: 1em;
}

ol.policy_list ul li {
	list-style: disc;
	margin-left: 1em;
	padding-bottom: 0;
}

/* マイページ
---------------------------------------------------------------------------- */
#contents.mypage {
	width: 780px;
}

.mypage_h2 {
	background-color: #863a01;
	padding: 15px;
	text-align: center;
	color: #FFF;
	font-size: 18px;
	line-height: 1.4
}

.mypage_h2 span {
	font-size: 10px;
}

.mypage_username {
	border: 2px solid #863a01;
	padding: 20px;
	text-align: center;
	font-size: 14px;
	line-height: 1.4;
}

.mypage_flinks {
	background: #eee;
	padding: 10px 0;
	text-align: left;
}

.mypage_flinks li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding-left: 16px;
	margin-left: 16px;
	background: url(../img/arrow2_brown.gif) no-repeat 0 5px;
	font-size: 12px;
}

/* マイページ
---------------------------------------------------------------------------- */
.cart_h2 {
	background-color: #b21810;
	font-size: 22px;
	padding: 20px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px !important;
}

/*　追加　*/
@charset "utf-8";
/* �lj�
---------------------------------------------------------------------------- */
.js-option {
	diplay: none;
}

table.quick_chumon_table {
	width: 100%;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
}

table.quick_chumon_table th {
	padding: 5px;
	width: auto;
	font-weight: bold;
	background: #eeeeee;
	color: #333333;
	vertical-align: middle;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
}

table.quick_chumon_table td {
	padding: 5px;
	background: #ffffff;
	color: #333333;
	vertical-align: middle;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: center;
}

table.quick_chumon_table td.text {
	text-align: left;
}

table.quick_chumon_table td.number {
	text-align: right;
}

table.quick_chumon_table td.object {
	text-align: center;
}

table.quick_chumon_table td input[type=text] {
	width: 120px;
}

table.quick_chumon_table td input[type=text].suryo {
	width: 60px;
	text-align: center;
}

/*
quick_total_table
*/
table.quick_total_table {
	width: 200px;
	float: right;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
}

table.quick_total_table th {
	padding: 5px;
	width: auto;
	font-weight: bold;
	background: #eeeeee;
	color: #333333;
	vertical-align: middle;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
}

table.quick_total_table td {
	padding: 5px;
	background: #ffffff;
	color: #333333;
	vertical-align: middle;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: center;
}

table.edit-table {
	width: 100%;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
}

table.edit-table th {
	padding: 5px;
	width: auto;
	font-weight: bold;
	background: #eeeeee;
	color: #333333;
	vertical-align: middle;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
}

table.edit-table td {
	padding: 5px;
	background: #ffffff;
	color: #333333;
	vertical-align: middle;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
	word-break: break-all;
}

table.edit-table td.center {
	text-align: center;
}

/*
  js-option
*/
.js-option {
	display: none;
}

.hosoku {
	color: #880000;
	font-size: 10px;
}

table#shohin-list span.enter {
	color: #0033cc;
	text-decoration: underline;
	cursor: pointer;
}

span.select_shohin_id {
	display: none;
}

.form-control div {
	margin-right: 10px;
	float: left;
}

.right-control {
	float: right;
}

.right-control div {
	margin-right: 10px;
	float: left;
}

.both {
	clear: both;
}

.float_r {
	float: right;
}

.float_l {
	float: left;
}

.control_center {
	clear: both;
	text-align: center;
	margin: 0 auto;
	padding: 20px 0;
	position: relative;
}

.control_center ul {
	text-align: center;
}

.control_center ul li {
	display: inline-block;
	padding: 10px; /
	display: inline; /
	zoom: 1;
}

.control_center ul li input {
	padding: 8px 16px;
}

.pad10 {
	padding: 10px 0;
}

.soryo_muryo {
	float: right;
	padding: 10px 0;
	color: #880000;
	font-size: 16px;
	font-weight: bold;
}

table.view-table {
	width: 100%;
	margin-bottom: 30px;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
}

table.view-table th {
	padding: 5px;
	width: auto;
	font-weight: bold;
	background: #eeeeee;
	color: #333333;
	vertical-align: middle;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
}

table.view-table td {
	padding: 5px;
	background: #ffffff;
	color: #333333;
	vertical-align: middle;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: center;
	word-break: break-all;
}

table.view-table td.text {
	text-align: left;
}

table.view-table td.number {
	text-align: right;
}

table.total-table {
	width: auto;
	float: right;
	margin: 20px 0 0 0;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
}

table.total-table th {
	padding: 5px;
	width: auto;
	font-weight: bold;
	background: #eeeeee;
	color: #333333;
	vertical-align: middle;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
}

table.total-table td {
	padding: 5px;
	background: #ffffff;
	color: #333333;
	vertical-align: middle;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: center;
}

table.total-table td.text {
	text-align: left;
}

table.total-table td.number {
	text-align: right;
}

table.edit-table {
	width: 100%;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
}

table.edit-table th {
	padding: 5px;
	width: auto;
	font-weight: bold;
	background: #eeeeee;
	color: #333333;
	vertical-align: middle;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
}

table.edit-table td {
	padding: 5px;
	background: #ffffff;
	color: #333333;
	vertical-align: middle;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;
}

div.control-center {
	text-align: center;
	margin: 20px auto;
	clear: both;
}

table.center-table {
	margin: 0 auto;
}

table.center-table td {
	border: none;
}

div.cart_rightarea {
	float: right;
	clear: both;
	padding: 10px 0;
}

div.mypageMainArea {
	width: 780px;
	margin: 0 auto 20px auto;
}

span.bold {
	font-weight: bold;
}

span.underline {
	text-decoration: underline;
}

div.shohin-detail-head {
	margin: 0 0 10px 0;
	padding: 5px 8px;
	background: #eeeeee;
	font-weight: bold;
}

input[type=text].box120 {
	width: 120px;
}

span.attention {
	background: #ffcccc;
	color: #880000;
}

div.attention {
	background: #ffcccc;
	color: #880000;
	padding: 2px;
	line-height: 1.6;
}

div.onePage {
	width: 780px;
	margin: 0 auto;
}

div.onePage h2, div.mypageMainArea h2 {
	background-color: #863a01;
	padding: 15px;
	text-align: center;
	color: #FFF;
	font-size: 18px;
	line-height: 1.4;
	margin-bottom: 10px;
}

div.onePage h3, div.mypageMainArea h3 {
	background: #eee;
	padding: 10px 20px;
	margin-bottom: 20px;
	font-size: 18px;
}

table.normal-table {
	width: auto;
	margin: 10px 0 20px 0;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
}

table.normal-table th {
	padding: 5px;
	width: auto;
	font-weight: bold;
	background: #eeeeee;
	color: #333333;
	vertical-align: middle;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;
}

table.normal-table td {
	padding: 5px;
	background: #ffffff;
	color: #333333;
	vertical-align: middle;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
}

ul.disc {
	margin-left: 20px;
}

ul.disc li {
	list-style-type: disc
}

.flowImg {
	margin-bottom: 20px;
}

.shohin_list_login {
	width: auto;
	padding: 10px;
	background: #eee;
}

table.calendar_table {
	width: auto;
	margin: 0 0 10px 0;
	border: 1px #666666 solid;
	border-collapse: collapse;
	border-spacing: 0;
}

table.calendar_table th {
	padding: 3x;
	width: auto;
	font-weight: bold;
	background: #eee;
	color: #333333;
	vertical-align: middle;
	border: 1px #454545 solid;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: center;
}

table.calendar_table caption {
	background: #702C2C;
	color: #fff;
	font-weight: bold;
	padding: 5px;
}

table.calendar_table th.sun {
	color: red;
}

table.calendar_table th.sat {
	color: blue;
}

table.calendar_table tr.youbi {
	border-bottom: 2px #454545solid;
}

table.calendar_table td {
	padding: 3px;
	background: #ffffff;
	color: #333333;
	vertical-align: middle;
	border: 1px #454545 solid;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: center;
}

table.calendar_table td.out {
	background: #ccc;
}

table.calendar_table td.holiday {
	background: #ff5555;
	color: #fff;
}

table.calendar_table td.blank {
	background: #cccccc;
}

table.holiday-table {
	border: 1px solid #454545;
	width: 100%;
	margin: 10px 0;
}

table.holiday-table th {
	border: 1px solid #454545;
	background: #702C2C;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 2px 5px;
}

table.holiday-table td {
	border: 1px solid #454545;
	text-align: center;
	padding: 2px 5px;
}

.secwrap {
	padding: 10px;
	margin-bottom: 10px;
}

img#cart_add_btn {
	cursor: pointer;
}

img#all_clear_btn {
	cursor: pointer;
}

/* 20140428　add #userterms */

/*---------------------------------------------------------------------------- */
#userterms dl dt {
	font-weight: bold;
	margin-bottom: 0.5em;
}

#userterms dl dd {
	margin: 0 0 1.5em 0;
	line-height: 1.4;
}

#userterms dl, #userterms dl ol, #userterms dl ol ol {
	margin: 0;
	padding: 0;
	text-indent: 0;
}

#userterms dl ol {
	margin-left: 1em;
}

#userterms dl ol li {
	margin-left: 1em;
	list-style: decimal;
}

#userterms dl ol ol li {
	margin-left: 3.5em;
	text-indent: -2.2em;
	list-style: none;
}

.errormsg {
	background-color: #FFCCCC;
	color: #880000;
	padding: 5px;
	margin-bottom: 10px;
	line-height: 1.6;
}

/* manual */
.manual_image {
	padding: 10px 0;
	margin: 0 0 30px 0;
}

.manual_pad {
	font-size: 14px;
	line-height: 1.8;
	padding: 10px;
}

/* formSupport */
.formSupport {
	position: absolute;
	padding: 5px 8px;
	background: #eee;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #454545;
	border: 1px solid #454545;
	color: #fff;
}

.formSupport:before, .formSupport:after {
	content: '';
	position: absolute;
	display: block;
}

.formSupport:after {
	top: 4px;
	left: -11px;
	border-top: 5px solid transparent;
	border-right: 10px solid #454545;
	border-bottom: 5px solid transparent;
}

/* 商品一覧用表 */
div.subdetail {
	padding: 5px 0;
	line-height: 160%;
	font-size: 12px;
}

ul#result_list {
	clear: both;
}

ul#result_list div.subdetail ul.mark {
	padding: 5px
}

ul#result_list div.subdetail ul.mark li {
	background: url(../img/dot.gif) no-repeat 0 10px;
	padding: 4px 15px 4px 10px;
	float: left;
}

/* カートダイアログ用テーブル */
#dialog-table {
	width: 420px;
	border: #CCC 1px solid;
	border-collapse: collapse;
}

#dialog-table td {
	background: #FFF;
	text-align: center;
	border-bottom: #CCC 1px solid;
	padding: 10px;
	line-height: 1.4;
	white-space: nowrap;
}

#dialog-table th {
	font-weight: bold;
	text-align: center;
	border-right: #CCC 1px solid;
	background: #f3e8e0;
	white-space: nowrap;
}