@charset "Shift_JIS";

/* --------------------------------------------------------------------
	サイドボックス
-------------------------------------------------------------------- */
div.sidebox_ {
	margin: 0 0 10px 0;
}
div.sidebox_ span{

}
div.sidebox_ h2, h2.event_title_rightmenu_ {
}

div.sidebox_ h2{
	margin-bottom : -1px ;
}

/* --------------------------------------------------------------------
	サイドボックス　タブ
-------------------------------------------------------------------- */
/* フリータブ */
div.tab_area_ ul.tab_nav_ li#tab_purpose {
    background: url(../img/side/ttlpurpose_off.png) no-repeat center center;
}
div.tab_area_ ul.tab_nav_ li#tab_purpose:hover {
    background: url(../img/side/ttlpurpose_hover.png) no-repeat center center;
}
div.tab_area_ ul.tab_nav_ li#tab_purpose.select_ {
    background: url(../img/side/ttlpurpose_on.png) no-repeat center center;
}
div.tab_area_ ul.tab_nav_ li#tab_symptom {
    background: url(../img/side/sidesymptom_off.png) no-repeat center center;
}
div.tab_area_ ul.tab_nav_ li#tab_symptom:hover {
    background: url(../img/side/sidesymptom_hover.png) no-repeat center center;
}
div.tab_area_ ul.tab_nav_ li#tab_symptom.select_ {
    background: url(../img/side/sidesymptom_on.png) no-repeat center center;
}
/* タブエリア */
div.tab_area_ .inner_ .section_ {
    background: url(../img/side/side_line.png) repeat-x center top;
}

/* --------------------------------------------------------------------
	サイドボックス　フリースペース　ツリー
--------------------------------------------------------------------- */
ul.free_tree_ {
}

ul.free_tree_ li {
    border-top: 1px dotted #bfbfbf;
}
ul.free_tree_ li:first-child {
    border-top: 0;
}
ul.free_tree_ li a {
    display: block;
    font-size: 14px;
    line-height: 1.3;
    background: url(../img/side/arrow1.png) no-repeat left 13px;
    padding: 10px 10px 10px 20px;
}


/* --------------------------------------------------------------------
	サイドボックス　カテゴリツリー
-------------------------------------------------------------------- */
.category_tree_ {
	margin: 0;
	padding: 0;
}
.category_tree_ li {
	margin: 0;
	padding: 0;
    line-height: 1.3;
}
.category_tree_ li a, .category_tree_ li span.nolink_ {
    font-size: 14px;
	padding: 6px 0 4px 10px;
	display: block;
	background-color: transparent;
}

.category_tree_ li.category_tree1_,
.category_tree_ li.category_tree1_open_ {
    border-top: 1px dotted #bfbfbf;
    padding-top: 10px;
    margin-top: 10px;
}

.category_tree_ li.category_tree1_ a, 
.category_tree_ li.category_tree1_ span.nolink_ {
	padding-left: 20px;
	background-position: 0 6px;
	background-repeat: no-repeat;
}

.category_tree_ li.category_tree1_:first-child,
.category_tree_ li.category_tree1_open_:first-child {
    border: 0;
    margin: 0;
    padding: 0;
}
.category_tree_ li.category_tree2_ a, 
.category_tree_ li.category_tree2_ span.nolink_ {
	padding-left: 20px;
	background-position: 5px 8px;
	background-repeat: no-repeat;
}

.category_tree_ li.category_tree3_ a, 
.category_tree_ li.category_tree3_ span.nolink_ {
	padding-left: 25px;
	background-position: 10px 8px;
	background-repeat: no-repeat;
}

.category_tree_ li.category_tree4_ a, 
.category_tree_ li.category_tree4_ span.nolink_ {
	padding-left: 30px;
	background-position: 15px 8px;
	background-repeat: no-repeat;
}
/* 現在のカテゴリ */
.category_tree_ li.category_tree1_open_ a {
	padding-left: 20px;
	font-weight: bold;
	background-position: 0 6px;
	background-repeat: no-repeat;
}
.category_tree_ li.category_tree1_open_ a:hover {
}
.category_tree_ li.category_tree2_open_ a {
	padding-left: 20px;
	font-weight: bold;
	background-position: 5px 8px;
	background-repeat: no-repeat;
}
.category_tree_ li.category_tree2_open_ a:hover {
}
.category_tree_ li.category_tree3_open_ a {
	padding-left: 25px;
	font-weight: bold;
	background-position: 10px 8px;
	background-repeat: no-repeat;
}
.category_tree_ li.category_tree3_open_ a:hover {
}
.category_tree_ li.category_tree4_open_ a {
	padding-left: 30px;
	font-weight: bold;
	background-position: 15px 8px;
	background-repeat: no-repeat;
}
.category_tree_ li.category_tree4_open_ a:hover {
}
/**/
/* リンクがない場合 */
.category_tree_ li.category_tree1_ span.nolink_, 
.category_tree_ li.category_tree2_ span.nolink_, 
.category_tree_ li.category_tree3_ span.nolink_, 
.category_tree_ li.category_tree4_ span.nolink_ {
	color: #999;
}
/**/
/* --------------------------------------------------------------------
	サイドボックス　ジャンルツリー
-------------------------------------------------------------------- */
.genre_tree_ {
	margin: 0;
	padding: 0;
}
.genre_tree_ li {
	margin: 0;
	padding: 0;
    line-height: 2.0;
}
.genre_tree_ li a, .genre_tree_ li span.nolink_ {
    font-size: 14px;
	padding: 0 10px 0 10px;
	display: block;
}
.genre_tree_ li.genre_tree1_,
.genre_tree_ li.genre_tree1_open_ {
    border-top: 1px dotted #bfbfbf;
    padding-top: 10px;
    margin-top: 10px;
}
.genre_tree_ li.genre_tree1_:first-child,
.genre_tree_ li.genre_tree1_open_:first-child {
    border: 0;
    margin: 0;
    padding: 0;
}
.genre_tree_ li.genre_tree1_ a, 
.genre_tree_ li.genre_tree1_ span.nolink_ {
	padding-left: 20px;
	background-position: 0 6px;
	background-repeat: no-repeat;
}
.genre_tree_ li.genre_tree1_ a:hover {
}
.genre_tree_ li.genre_tree2_ a, 
.genre_tree_ li.genre_tree2_ span.nolink_ {
	padding-left: 20px;
	background-position: 5px 8px;
	background-repeat: no-repeat;
}
.genre_tree_ li.genre_tree2_ a:hover {
}
.genre_tree_ li.genre_tree3_ a, 
.genre_tree_ li.genre_tree3_ span.nolink_ {
	padding-left: 25px;
	background-position: 10px 8px;
	background-repeat: no-repeat;
}
.genre_tree_ li.genre_tree3_ a:hover {
}
.genre_tree_ li.genre_tree4_ a, 
.genre_tree_ li.genre_tree4_ span.nolink_ {
	padding-left: 30px;
	background-position: 15px 8px;
	background-repeat: no-repeat;
}
.genre_tree_ li.genre_tree4_ a:hover {
}
/* 現在のカテゴリ */
.genre_tree_ li.genre_tree1_open_ a {
	padding-left: 20px;
	font-weight: bold;
	background-position: 0 8px;
	background-repeat: no-repeat;
}
.genre_tree_ li.genre_tree1_open_ a:hover {
}
.genre_tree_ li.genre_tree2_open_ a {
	padding-left: 20px;
	font-weight: bold;
	background-position: 5px 8px;
	background-repeat: no-repeat;
}
.genre_tree_ li.genre_tree2_open_ a:hover {
}
.genre_tree_ li.genre_tree3_open_ a {
	padding-left: 25px;
	font-weight: bold;
	background-position: 10px 8px;
	background-repeat: no-repeat;
}
.genre_tree_ li.genre_tree3_open_ a:hover {
}
.genre_tree_ li.genre_tree4_open_ a {
	padding-left: 30px;
	font-weight: bold;
	background-position: 15px 8px;
	background-repeat: no-repeat;
}
.genre_tree_ li.genre_tree4_open_ a:hover {
}
/**/
/* リンクがない場合 */
.genre_tree_ li.genre_tree1_ span.nolink_, 
.genre_tree_ li.genre_tree2_ span.nolink_, 
.genre_tree_ li.genre_tree3_ span.nolink_, 
.genre_tree_ li.genre_tree4_ span.nolink_ {
	color: #999;
}
/**/

/* --------------------------------------------------------------------
	サイドボックス　検索ボックス
--------------------------------------------------------------------- */

#sidebox_search input {
	vertical-align: middle;
}
#sidebox_search .keyword_ {
	width: 117px;
}
#sidebox_search .to_searchdetail {
	padding: 5px 0 0 15px;
	background: url(../img/usr/topiclist.png) 5px 8px no-repeat;
}
/* --------------------------------------------------------------------
	サイドボックス　カート
-------------------------------------------------------------------- */
.cart_title_ {
	display:none;
}
.cart_frame_ {
}
dl.cart_goods_ {
    display: table;
    width: 100%;
	border-bottom: 1px dotted #bfbfbf;
}
dl.cart_goods_ dt,
dl.cart_goods_ dd {
    display: table-cell;
    vertical-align: middle;
}
dl.cart_goods_ dt.img_ {
    width: 58px;
    padding: 10px 7px;
    text-align: center;
}
dl.cart_goods_ dt.img_ img {
    width: 58px;
}
dl.cart_goods_ dd.name_ {
}
dl.cart_goods_ dd.name_ div.name1_ {
    padding-right: 10px;
}
dl.cart_goods_ dd.name_ div.name1_ a {
    color: #333333;
}

.cart_to_order_ {
	text-align: center;
    margin: 14px 0 0 0;
}
.cart_null_ {
    padding: 10px 10px 0;
}
.cart_errormessages_ {
	display:none;
	font-size: 10px;
}

.cart_erroralert_ {
	font-size: 10px;
	color: #993300;
}


/* --------------------------------------------------------------------
	サイドボックス　履歴
-------------------------------------------------------------------- */
.item_history_link_ {
	padding-left: 15px;
	width: 145px;
	background-image: url(../img/usr/tree1.png);
	background-repeat: no-repeat;
}

/* --------------------------------------------------------------------
	サイドボックス　カタログオーダー
-------------------------------------------------------------------- */
#catalog_order {
    margin-bottom: 10px;
}

#catalog_order .inner_ {
    border: 2px solid #cc0000;
    border-top: 0;
    background: #fffef4;
    padding: 10px;
}

#catalog_order .catalog_no_ {
    overflow: hidden;
    margin-bottom: 12px;
    position: relative;
}
#catalog_order .catalog_no_ input {
    float: left;
    display: inline;
    margin: 0;
    padding: 0;
}
#catalog_order .catalog_no_ input[type="text"] {
    border: 1px solid #d6d6d6;
}
#catalog_order .catalog_no_ input.catalog_order_ {
    width: 102px;
    padding: 0 10px;
    height: 26px;
    line-height: 26px;
}
#catalog_order .catalog_no_ input.buy_ {
    width: 40px;
}

#catalog_order .catalog_no_ p.placeholder_ {
    position: absolute;
    left: 10px;
    top: 7px;
    color: #999999;
}

/* --------------------------------------------------------------------
	サイドボックス　配送状況の検索
-------------------------------------------------------------------- */
.deliverystatus_ {
}


/* --------------------------------------------------------------------
	サイドボックス　バナー
-------------------------------------------------------------------- */
div.sidebox_ ul.bnr1_ li {
    margin-bottom: 5px;
}
div.sidebox_ ul.bnr2_ li {
    margin-bottom: 1px;
}

/* --------------------------------------------------------------------
	サイドボックス　タブ
-------------------------------------------------------------------- */
div.tab_area_ {
    padding-top: 5px;
    margin-bottom: 20px;
}

div.tab_area_ ul.tab_nav_ {
    overflow: hidden;
}
div.tab_area_ ul.tab_nav_ li {
    float: left;
    display: inline;
    width: 110px;
    height: 51px;
    cursor: pointer;
    text-indent: -9999px;
}
div.tab_area_ ul.tab_nav_ li.select_ {
}
div.tab_area_ .inner_ .section_ {
    display: none;
    border: 1px solid #cccccc;
    border-top: 0;
    padding: 25px 8px 0;
}
div.tab_area_ .inner_ .section_.active_ {
    display: block;
}