﻿@charset "utf-8";

/*********************************
 *
 * ONLINE SHOP STYLES
 *
 *********************************/
 
input, textarea {border:0; font-size:12px;}

/* a {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;} */
/* 201905 */
a {color:#793327;}

/* コンボボックスの文字が白くなってしまう対応47都道府県が最大値のはず。。。 */
a[name=""] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="1"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="2"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="3"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="4"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="5"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="6"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="7"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="8"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="9"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="10"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="11"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="12"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="13"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="14"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="15"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="16"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="17"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="18"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="19"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="20"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="21"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="22"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="23"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="24"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="25"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="26"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="27"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="28"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="29"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="30"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="31"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="32"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="33"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="34"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="35"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="36"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="37"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="38"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="39"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="40"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="41"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="42"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="43"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="44"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="45"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="46"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="47"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}
a[name="48"] {color:#000; text-decoration:none;} a:hover {color:#eb9864;} a:focus{outline:none;}

/* 201905 */
body#onlineshop div#wrapper {
	background-color:#fff;
	/* background-image: url(../common/images/bg_wrapper.gif), url(../images/top/top_mainimg23.jpg);*/
	background-repeat: repeat-x, repeat-y;
	background-position: center top, center 0px;
	width:100%;
}

/* logout */
	
ul.gnavi {position:relative; width:900px; height:38px; line-height: 38px; background-color: #eae1d8;}
	ul.gnavi li a {display:block; position:absolute; height:38px;}
	ul.gnavi li h2 a {}
	ul.gnavi li h2 a:hover {}
	ul.gnavi li.m1 a {left:175px; width:115px;}
	ul.gnavi li.m1 a:hover {}
	ul.gnavi li.m2 a {left:300px; width:105px;}
	ul.gnavi li.m2 a:hover {}
	ul.gnavi li.m3 a {left:410px; width:90px;}
	ul.gnavi li.m3 a:hover {}
	/* ログイン */
	ul.gnavi li.m4 a {left:505px; width:90px;}
	ul.gnavi li.m4 a:hover {}
	/* ログアウト */
	ul.gnavi li.m5 a {left:505px; width:100px;}
	ul.gnavi li.m5 a:hover {}

#onlineshop .pankuzu {text-indent:13px;}

/*
#onlineshop .onlineNaviBg  {background:url(../images/onlineshop/bg_onlinenavi.gif) repeat-y;}
*/

#onlineshop h3.TITLEONLINESHOP {font-size:18px;}
#onlineshop h3.onlineInformation {font-size:18px;}

/*********************************

 * index

 *********************************/

table.tbl_itemList {width:900px;}
	table.tbl_itemList td {padding:15px 20px 10px 0; border-bottom:1px dashed #000;}
	table.tbl_itemList td .img {float:left; width:225px;}
	table.tbl_itemList td .cap {float:right; width:200px; font-size:11px;}
		table.tbl_itemList td .cap h4 {font-size:16px; font-weight:bold;}
		table.tbl_itemList td .cap h4 span {font-size:13px; font-weight:bold;}
		table.tbl_itemList td .cap p {margin-top:15px;}


/*********************************

 * item

 *********************************/

/* itemSide1 */
div.itemSide1 {float:left; width:500px;}
	div.itemSide1 .item {margin-top:35px;}

table.tbl_itemThum {margin-top:40px;}
	table.tbl_itemThum td {width:50px; padding:5px 10px;}
	table.tbl_itemThum td p {margin-top:5px; font-size:10px; line-height:1; text-align:center;}

/* subimg */
a.subImg{
	display:block;
	width:50px;
	height:50px;
	overflow:hidden;
	border:#cccccc 1px solid;
}
a.subImg .w{
	padding:7px 0 0 0;
}

/* itemSide2 */
div.itemSide2 {float:right; width:400px;}
	div.itemSide2 h4 {font-size:16px; font-weight:bold;}
	div.itemSide2 .price {margin-top:12px;}
	div.itemSide2 .price2 {margin-top:10px; font-size:14px; font-weight:bold;}
	div.itemSide2 .cap {padding:20px 0; border-bottom:1px dotted #000; font-size:12px;}
	div.itemSide2 .description {padding:20px 0; border-bottom:1px dotted #000;}
		div.itemSide2 .description p {margin-top:15px;}

/* tbl_itemZaiko */
table.tbl_itemZaiko {margin-top:15px; width:400px; border-top:1px solid #000;}
	table.tbl_itemZaiko th, table.tbl_itemZaiko td {border-bottom:1px solid #000;}
	table.tbl_itemZaiko th {width:110px; padding:10px 0; vertical-align:top;}
/**	table.tbl_itemZaiko td {background:#efefef; font-size:11px; text-align:center;} */
	table.tbl_itemZaiko td {font-size:11px; text-align:center;}
	table.tbl_itemZaiko td.size {width:40px;padding:10px 0 5px;}
	table.tbl_itemZaiko td.zaiko {width:60px;padding:10px 0 5px;}
	table.tbl_itemZaiko td.count {color:#000;padding:8px 0 5px;}
	table.tbl_itemZaiko td.btn {width:102px;padding:8px 0 5px;}

.w53{
background-color: #ffffff; color:#000;
}
.w80{
background-color: #ffffff; color:#000;
}

select.quantity{
background-color: #ffffff; color:#000;
}

select.reminder{
background-color: #ffffff; color:#000;
}


/* itemMenu */
div.itemInfo ul.itemMenu {margin-top:20px;}	
	div.itemInfo ul.itemMenu li {margin-bottom:10px;}	

.w53 {width:53px;}
a.cntQ span{padding:0 25px 0 0 !important; height:20px !important; background:url(../images/onlineshop/bg_select_w53.gif) no-repeat right 0 !important; line-height: 20px !important;}



/*********************************

 * cart

 *********************************/
 
/* onlineNavi */
div.onlineNavi {float:left; width:220px; padding-left:10px;}
	div.onlineNavi ul {margin:15px 0 35px 0;}
		div.onlineNavi ul li {margin-bottom:8px;}
	div.onlineNavi ul.flow {margin:0;}
		div.onlineNavi ul.flow li {margin:0; font-size:0;}

/* onlineMain */
div.onlineMain {float:right; width:670px;}

/* tbl_cart */
table.tbl_cart {width:670px; border-top:1px solid #898989; border-left:1px solid #898989;}
	table.tbl_cart th, table.tbl_cart td {padding:10px 15px; border-right:1px solid #898989; border-bottom:1px solid #898989; text-align:center; vertical-align:middle;}
/**	table.tbl_cart thead td {background:#efefef; font-weight:bold; text-align:center;} */
	table.tbl_cart thead td {font-weight:bold; text-align:center;}
	table.tbl_cart thead td.delete {width:35px;}
	table.tbl_cart thead td.img {width:70px;}
	table.tbl_cart thead td.name {width:200px;}
	table.tbl_cart thead td.number {width:45px; padding:10px;}
/**	table.tbl_cart tbody th {padding:10px 25px; background:#efefef; font-weight:bold; text-align:right;} */
	table.tbl_cart tbody th {padding:10px 25px; font-weight:bold; text-align:right;}
	table.tbl_cart tbody td.name {text-align:left;}
	table.tbl_cart tbody td.number {padding:10px; vertical-align:bottom;}
	table.tbl_cart tbody td.yen {text-align:right;}
	table.tbl_cart tbody td.yen2 {font-weight:bold; text-align:right;}



/*********************************

 * send

 *********************************/

.w80 {width:80px;}
a#year_dammy span, a#month_dammy span, a#date_dammy span{padding:0 0 0 5px; height:27px; background:url(../images/onlineshop/bg_select_w80.gif) no-repeat right 0; line-height: 27px;}

/*********************************

 * payment

 *********************************/

textarea.w450 { overflow:auto; overflow-x:hidden; width:440px; height:188px; padding:5px; background:url(../images/onlineshop/bg_textarea_w450.gif) no-repeat;}
.w150 {color:#000 ;width:150px}
a.sctble_display {display:inline-block; *display:inline; zoom:1; cursor:default; }
a.sctble_display span {display:block; cursor:default;}
div.sctble_mat a {display:block; padding:4px; border-bottom:solid #dfdfdf 1px; background:#eee url() !important; }
a.sctble_display span {padding:0 0 0 5px; height:27px; background:url(../images/onlineshop/bg_select_w150.gif) no-repeat right 0; line-height: 27px;}



/*********************************

 * mypage

 *********************************/
 
/* tbl_login */
table.tbl_login {width:670px; border-top:1px solid #999;}
	table.tbl_login th, table.tbl_login td {padding:13px 0 13px 20px; border-bottom:1px solid #999;}
/*	table.tbl_login th {padding:15px 30px 15px 20px; width:140px; background:url(../images/onlineshop/bg_login_th.gif) repeat-y; font-size:13px; font-weight:bold;} */

	table.tbl_login th {padding:15px 30px 15px 20px; width:140px; font-size:13px; font-weight:bold;}
	table.tbl_login td input.w100 {width:90px; height:22px; padding:5px 5px 0 5px; background:url(../images/onlineshop/bg_input_w100.gif) no-repeat;}
	table.tbl_login td input.w100_2 {width:90px; height:26px; padding:5px 5px 0 5px; background:url(../images/onlineshop/bg_input_w100.gif) 0 4px no-repeat;}
	table.tbl_login td input.w250 {width:240px; height:22px; padding:5px 5px 0 5px; background:url(../images/onlineshop/bg_input_w250.gif) no-repeat;}
	table.tbl_login td p {margin-top:8px; font-size:11px;}

	table.tbl_login td dl dd {float:left; padding-right:10px;}
	table.tbl_login td table.clear td {margin:0; padding:0 5px 5px 0; border:none; vertical-align:middle;}




/*********************************

 * help

 *********************************/
 
div.helpBox p {margin-top:1em; padding-left:20px;}
div.helpBox a {color:#0b4075;}



/*********************************

 * trade

 *********************************/
 
table.tbl_trade {width:670px;}
	table.tbl_trade th, table.tbl_trade td {padding:10px 0; border-bottom:1px solid #999;}
	table.tbl_trade th {width:200px;}
	table.tbl_trade td a {color:#0b4075;}



/*********************************

 * other

 *********************************/
.attention{
	color: red;
    font-size: 11px !important;
}

