@charset "Shift_JIS";

/* --------------------------------------------------------------------
	ユーザー定義　ヘッダー
--------------------------------------------------------------------- */
#header {
    /*margin-bottom: 15px;*/
	width: 100%;
	overflow: hidden;
}
#header #header_inner {
    margin: 8px auto 13px;
    width: 980px;
    overflow: hidden;
}
#header #header_inner #header_top {
    overflow: hidden;
    /*height: 37px;*/
}
#header #header_inner #header_top h1#sitelogo {
    float: left;
    display: inline;
}

#header #header_inner #header_top #searchbox {
    float: left;
    display: inline;
    margin: 3px 0 0 0;
}
#header #header_inner #header_top #searchbox li {
    /*float: left;
    display: inline;*/
}
#header #header_inner #header_top #headernav {
    float: right;
    display: inline;
}
#header #header_inner #header_top #headernav li {
    float: left;
    display: inline;
}
#header #header_inner #header_top #headernav li a:hover img {
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity: 0.7;
}
/* サイトロゴ */
#header #sitelogo {
}
/* ようこそ */
#welcomeMessage {
    padding: 12px 0 14px 3px;
    font-size: 12px;
    color: #154698;
}
/* ヘッダ　左側 ************************************************************* */
#header #header_inner .header_left_box_ {
    float: left;
    display: inline;
    width: 465px;
    overflow: hidden;
}
#header #header_inner .header_left_box_ #welcomeMessage {
}
#header #header_inner .header_left_box_ #sabnav_ {
    overflow: hidden;
    border-left: 1px solid #000;
}
#header #header_inner .header_left_box_ #sabnav_ li {
    float: left;
    display: inline;
    border-right: 1px solid #000;
    font-size: 11px;
}
#header #header_inner .header_left_box_ #sabnav_ li a {
    padding: 0 15px;
    display: block;
    text-decoration: none;
}
/**/
/* ヘッダ　右側 ************************************************************* */
#header #header_inner .header_right_box_ {
    float: right;
    display: inline;
    width: 510px;
    overflow: hidden;
}
#header #header_inner .header_right_box_ .header_img_ {
    float: left;
    display: inline;
    height: 66px;
}

/* カート関連（右下） */
#header #header_inner .header_right_box_ #cart_box {
    float: right;
    display: inline;
    overflow: hidden;
    margin: 8px 0 0 0;
    width: 390px;
}
#header #header_inner .header_right_box_ #cart_box li {
}
#header #header_inner .header_right_box_ #cart_box li ul#header_cart {
    overflow: hidden;
    /*width: 100%;*/
    width: 390px;
}
#header #header_inner .header_right_box_ #cart_box li ul#header_cart li.header_total_comment_,
#header #header_inner .header_right_box_ #cart_box li ul#header_cart li.header_total_price_ {
    float: right;
    display: inline;
    font-size: 14px;
    line-height: 150%;
}
#header #header_inner .header_right_box_ #cart_box li ul#header_cart li.header_total_price_{
    margin-right: 10px;
    white-space: nowrap;
}
#header #header_inner .header_right_box_ #cart_box li ul#header_cart li.header_total_comment_ {
    color: #D80000;
    font-weight: bold;
}
/*  */
#header #header_inner .header_right_box_ #cart_box li ul li.header_total_price_ {
    color: #333333;
    font-weight: normal;
}
/* クイックオーダー/ カートをみる / お気に入りリスト */
#header #header_inner .header_right_box_ #cart_box ul#header_subnav {
    overflow: hidden;
    /*width: 100%;*/
}
#header #header_inner .header_right_box_ #cart_box ul#header_subnav li {
    float: right;
    display: inline;
}

#header #header_inner .header_right_box_ #cart_box li#quick,
#header #header_inner .header_right_box_ #cart_box li#cart,
#header #header_inner .header_right_box_ #cart_box li#fav {
    font-size: 11px;
}
#header #header_inner .header_right_box_ #cart_box li#quick a {
    background:url(../img/usr/header/icon_quick.png) no-repeat left center;
    padding: 7px 25px 0 25px;
    height: 23px;
    display: block;
}
#header #header_inner .header_right_box_ #cart_box li#cart a {
    background:url(../img/usr/header/icon_cart.png) no-repeat left center;
    padding: 7px 25px 0 25px;
    height: 23px;
    display: block;
}
#header #header_inner .header_right_box_ #cart_box li#fav a {
    background: url(../img/usr/header/icon_favorite.png) no-repeat left center;
    padding: 7px 0 0 25px;
    height: 23px;
    display: block;
}
#header #header_inner .header_right_box_ #cart_box li ul li {
    float: none;
    display: block;
}
/* --------------------------------------------------------------------
	ユーザー定義　グローバルナビ
--------------------------------------------------------------------- */
#gnav_tree {
    background: url(../img/usr/header/gnav_bg.png) repeat-x center bottom;
    height: 58px;
    width: 100%;
    margin-bottom: 15px;
}
#gnav_tree .CategoryStyleG_ {
    z-index: 10;
}
#gnav_tree .CategoryStyleG_ .CategoryStyleG_Line_ {
    width: 980px;
    margin: 0 auto;
}
#gnav_tree .CategoryStyleG_ .CategoryStyleG_Item_ {
    margin: 0;
    padding: 2px 0 0;
    width: auto;
    position: relative;
    z-index: 100;
}
/* 2013/04/04 追加 */
#gnav_tree .CategoryStyleG_ .CategoryStyleG_Item_ h3.name_ {
    background: #CCDEEE;
    border: 0;
    font-size: 14px;
    font-weight: bold;
    height: 54px;
    line-height: 50px;
    margin: 0;
    text-align: center;
    width: auto;
}
/**/
#gnav_tree .CategoryStyleG_ .CategoryStyleG_Item_ h3.name_ a {
    text-indent: -9999px;
    display: block;
    height: 54px;
}

/* 生活用品 */
#gnav_tree .CategoryStyleG_ .CategoryStyleG_Item_#gnav_10 h3.name_ a {
    background: url(../img/usr/header/gnav_livingware_off.png) no-repeat left top;
    width: 161px;
}
#gnav_tree .CategoryStyleG_ .CategoryStyleG_Item_#gnav_10 h3.name_ a:hover {
    background: url(../img/usr/header/gnav_livingware_on.png) no-repeat left top;
    width: 161px;
}
/* 収納インテリア・家電 */
#gnav_tree .CategoryStyleG_ .CategoryStyleG_Item_#gnav_20 h3.name_ a {
    background: url(../img/usr/header/gnav_interior_off.png) no-repeat left top;
    width: 161px;
}
#gnav_tree .CategoryStyleG_ .CategoryStyleG_Item_#gnav_20 h3.name_ a:hover {
    background: url(../img/usr/header/gnav_interior_on.png) no-repeat left top;
    width: 161px;
}
/* DIY・工具 */
#gnav_tree .CategoryStyleG_ .CategoryStyleG_Item_#gnav_30 h3.name_ a {
    background: url(../img/usr/header/gnav_diy_off.png) no-repeat left top;
    width: 161px;
}
#gnav_tree .CategoryStyleG_ .CategoryStyleG_Item_#gnav_30 h3.name_ a:hover {
    background: url(../img/usr/header/gnav_diy_on.png) no-repeat left top;
    width: 161px;
}
/* アウトドア・オフィス */
#gnav_tree .CategoryStyleG_ .CategoryStyleG_Item_#gnav_50 h3.name_ a {
    background: url(../img/usr/header/gnav_outdoor_off.png) no-repeat left top;
    width: 161px;
}
#gnav_tree .CategoryStyleG_ .CategoryStyleG_Item_#gnav_50 h3.name_ a:hover {
    background: url(../img/usr/header/gnav_outdoor_on.png) no-repeat left top;
    width: 161px;
}
/* ペット用品 */
#gnav_tree .CategoryStyleG_ .CategoryStyleG_Item_#gnav_60 h3.name_ a {
    background: url(../img/usr/header/gnav_pet_off.png) no-repeat left top;
    width: 161px;
}
#gnav_tree .CategoryStyleG_ .CategoryStyleG_Item_#gnav_60 h3.name_ a:hover {
    background: url(../img/usr/header/gnav_pet_on.png) no-repeat left top;
    width: 161px;
}
/* 園芸・エクステリア */
#gnav_tree .CategoryStyleG_ .CategoryStyleG_Item_#gnav_40 h3.name_ a {
    background: url(../img/usr/header/gnav_exterior_off.png) no-repeat left top;
    width: 175px;
}
#gnav_tree .CategoryStyleG_ .CategoryStyleG_Item_#gnav_40 h3.name_ a:hover {
    background: url(../img/usr/header/gnav_exterior_on.png) no-repeat left top;
    width: 175px;
}
/**/
#gnav_tree .CategoryStyleG_ .CategoryStyleG_Item_ h3 {
    margin: 0;
    padding: 0;
    display: block;
}
#gnav_tree .CategoryStyleG_ .CategoryStyleG_Item_ h3 a {
    background: none;
    padding: 0;
    display: block;
}
#gnav_tree .CategoryStyleG_ .CategoryStyleG_Item_ ul {
    position: absolute;
    top: 57px;
    left: 0;
    z-index: 9999;
    display: none;
    width: 100%;
    height: auto;
}

#gnav_tree .CategoryStyleG_ .CategoryStyleG_Item_ ul li {
    border-left: 1px solid #0056A7;
    border-right: 1px solid #0056A7;
    border-bottom: 1px solid #0056A7;
    background: url(../img/usr/category_list_off.png) repeat left top;
}
#gnav_tree .CategoryStyleG_ .CategoryStyleG_Item_ ul li a {
    background: url(../img/usr/arrow_05.png) no-repeat 6px center;
    padding: 5px 5px 5px 20px;
    color: #0056A7;
    display: block;
    text-decoration: none;
    height: 16px;
}

/* IE7ハック */
*:first-child+html #gnav_tree .CategoryStyleG_ .CategoryStyleG_Item_ ul li {
    line-height:0;
}
*:first-child+html #gnav_tree .CategoryStyleG_ .CategoryStyleG_Item_ ul li a {
    line-height:normal;
}
#gnav_tree .CategoryStyleG_ .CategoryStyleG_Item_ ul li a:hover {
    background:  #0056A7 url(../img/usr/arrow_03.png) no-repeat 6px center;
    /*background: url(../img/category/category_list_on.png) repeat left top;*/
    color: #FFF;
    height: 16px;
}
/*#gnav_tree .CategoryStyleG_ .CategoryStyleG_Item_ ul li ul li.last_ {
    border-bottom: none;
}*/
/* --------------------------------------------------------------------
	ユーザー定義　ヘッダー　検索ボックス
--------------------------------------------------------------------- */

#header #header_inner #header_top #searchbox li input {
	vertical-align: middle;
}
#header #header_inner #header_top #searchbox li.search_ {
    background: url(../img/usr/header/search_bg.png) no-repeat center;
    height: 23px;
    width: 213px;
    position: relative;
}
#header #header_inner #header_top #searchbox li form {
    position: absolute;
    left: 6px; top: 5px;
}
#header #header_inner #header_top #searchbox li input.go_ {
    position: absolute;
    left: 0; top: 0;
}
#header #header_inner #header_top #searchbox li .keyword_ {
    border: 0;
    width: 175px;
    margin: 0 0 0 20px;
    /margin: 0 0 10px 20px;/* IE7用*/
}
#header #header_inner #header_top #searchbox li.to_searchdetail {
	padding: 2px 10px 0 8px;
    text-align: right;
}
#header #header_inner #header_top #searchbox li.to_searchdetail a {
    background: url(../img/usr/arrow_01.png) no-repeat left center;
    padding: 0 0 0 10px;
    color: #146BBF;
    /*font-size: 10px;*/
    text-decoration: none;
    /*line-height: 23px;*/
}
#header #header_inner #header_top #searchbox li .placeholder_ {
    position: absolute;
    left: 20px; top: 0;
    color: #999999;
}

/* --------------------------------------------------------------------
	ユーザー定義　フッター
--------------------------------------------------------------------- */
#footer {
    width: 100%;
    background-color: #0059AF;
}
#footer .change_mode_{
}
#footernav {
    width: 980px;
    margin: 0 auto;
    padding: 20px 0;
    position: relative;
}
#footernav #top_page {
    position: absolute;
    top: -20px; right: 0;
}
#footernav .footernav_inner_ {
    float: left;
    display: inline;
    width: 630px;
}
#footernav ul {
}
#footernav li {
    margin: 6px 15px 0 0;
    border-right: 1px solid #FFF;
    float: left;
    display: inline;
    text-align: center;
    font-size: 11px;
}
#footernav li.last_ {
    border-right: none;
    margin-right: 0;
}
#footernav li a {
    color: #FFF;
    padding: 0 15px 0 0;
    display: block;
    text-decoration: none;
}
#footernav li a:hover {
    color: #999;
}
#copyright {
    background: #EDEDED;
    text-align: center;
    padding: 10px 0;
    font-size: 10px;
}

/* --------------------------------------------------------------------
	ユーザー定義　フッタ　検索
--------------------------------------------------------------------- */
/*div.wrapper_ {
    position: relative;
}*/
div.wrapper_ #footer_search {
    /*left: 0;
    position: absolute;
    bottom: 45px;*/
    /*width: 100%;*/
    z-index: 1000;
    float: right;
    display: inline;
    width: 320px;
}
div.wrapper_ #footer_search .footer_search_inner_ {
    /*width: 980px;*/
    margin: 0 auto;
    text-align: right;
    background: url(../img/usr/footer_search.png) no-repeat right center;
    height: 51px;
    position: relative;
}
div.wrapper_ #footer_search .footer_search_inner_ form {
    right: 110px;
    top: 17px;
    position: absolute;
}
div.wrapper_ #footer_search .footer_search_inner_ .footer_keyword_ {
    width: 170px;
    border: 0;
}
div.wrapper_ #footer_search .placeholder_ {
    left: 15px;
    position: absolute;
    top: 0;
}
div.wrapper_ #footer_search .to_searchdetail_ {
    right: 25px;
    top: 17px;
    position: absolute;
    font-size: 11px;
}
div.wrapper_ #footer_search .to_searchdetail_ a {
    color: #FFF;
    background: url(../img/usr/arrow_03.png) no-repeat left center;
    padding-left: 10px;
    text-decoration: none;
}
div.wrapper_ #footer_search .to_searchdetail_ a:hover {
    color: #CCC;
}
div.wrapper_ #footer_search.fixed_bottom_ {
    position: fixed;
    bottom: 0;
    left: 60%;
    /*width: 100%;*/
}
div.wrapper_ #footer_search .footer_search_inner_.fixed_bottom_inner_ {
    /*width: 980px;*/
}
/* --------------------------------------------------------------------
	ユーザー定義　トップページ
--------------------------------------------------------------------- */
/* 重要なお知らせ */
div.important_notices_ {
    width: 755px;
    margin-bottom: 18px;
}
div.important_notices_ dt,
div.important_notices_ dd {
    float: left;
    display: inline;
}
div.important_notices_ dt {
    height: 40px;
    vertical-align: middle;
}
div.important_notices_ dd {
    border: 1px solid #0059AF;
    vertical-align: middle;
    width: 558px;
    height: 26px;
    padding: 12px 0 0 15px;
    color: #D80000;
}

/* 今月の How To ランキング */
div.howto_rank_ {
    margin: 0 0 25px;
}
div.howto_rank_ .photo_,
div.howto_rank_ .rank_1_,
div.howto_rank_ .rank_2_ {
    float: left;
    display: inline;
}

div.howto_rank_ .photo_ {
    width: 130px;
    margin: 0 12px 0 0;
}
div.howto_rank_ .rank_1_ {
    width: 275px; 
    margin: 0 12px 0 0;
}
div.howto_rank_ .rank_1_ img {
    float: left;
    margin: 0 7px 0 0;
}
div.howto_rank_ .rank_2_ {
}
div.howto_rank_ .rank_2_ dl {
    margin: 0 0 8px;
}
div.howto_rank_ .rank_2_ dt,
div.howto_rank_ .rank_2_ dd {
    float: left;
    display: inline;
}
div.howto_rank_ .rank_2_ dt  {
    margin: 0 12px 0 0;
}
div.howto_rank_ .rank_2_ dd {
    width: 275px; 
}

div.howto_rank_ h2 {
    margin-bottom: 16px;
}
div.howto_rank_ h3 {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 5px;
}
div.howto_rank_ h3 a {
    color: #007FFF;
}
/* 今月のおすすめ動画 */
div.osusume_move_ {
    margin: 0 0 25px;
    width: 764px;
}
div.osusume_move_ h2 {
    margin-bottom: 16px;
}
div.osusume_move_ dl {
    float: left;
    display: inline;
    width: 180px;
    margin: 0 11px 0 0;
}
div.osusume_move_ dt,
div.osusume_move_ dd {
    text-align: center;
}
div.osusume_move_ dt {
    margin-bottom: 5px;
}
/* --------------------------------------------------------------------
	ユーザー定義　メインビジュアル
--------------------------------------------------------------------- */
#visual {
	height: 273px;
	padding: 12px 9px 11px 12px;
    margin-bottom: 17px;
	background: url(../img/usr/top_visual/top_visual_bg.png) center no-repeat;
}
#multiHero{
	width: 959px;
	height: 273px;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}
#multiHeroContents{
}
#multiHero .screen{
	background-color: #FFF;
	width: 794px;
	height: 273px;
	position: absolute;
	display: none;
}

#multiHeroContents li{
	position: absolute;
	display: none;
	overflow: visible;
}
#multiHeroContents span.ribon{
	position: absolute;
	left: -3px;
	top: -3px;
}

#mycarousel{
	float: right;
	position: relative;
	top: 25px;
	height: 225px;
	width: 150px;
	overflow: hidden;
}
#mycarousel ul{
	position: relative;
}
#mycarousel li{
	margin-bottom: 7px;
	position: absolute;
	top: 0;
	left: 0;
}
#mycarousel li a{
	display: block;
	position: relative;
}

#mycarousel li.thisChild .active{
	position: absolute;
	width: 150px;
	height: 51px;
	display: block;
	/*z-index: 1;*/
}
#mycarousel span.ribon{
	position: absolute;
	right: 0;
	top: 0;
	/*z-index: 2;*/
}

#multiHeroUI{
	position: relative;
}
#multiHeroUI li.top{
	position: absolute;
    right: 0;
	top: 0;
}
#multiHeroUI li.bottom{
	position: absolute;
    right: 0;
	top: 257px;
}

/* --------------------------------------------------------------------
	ユーザー定義　商品詳細　【商品情報】
--------------------------------------------------------------------- */
#explanation {
    margin-bottom: 25px;
}
#explanation h3 {
    font-size: 18px;
    color: #0E68BD;
    border-left: 5px solid #0E68BD;
    padding: 5px 5px 5px 18px;
    margin: 0 0 10px;
    font-weight: bold;
}
#explanation table {
    width: 100%;
    border-top: 1px dotted #CCC;
    border-bottom: 1px dotted #CCC;
}
#explanation th,
#explanation td {
    padding: 10px 10px 10px 15px;
    vertical-align: top;
}
#explanation th {
    font-weight: bold;
    width: 130px;
    border-right: 1px dotted #CCC;
}
 #explanation td {
}
#explanation th.odd_,
#explanation td.odd_ {
    background: #F9F9F9;
}
/* --------------------------------------------------------------------
	ユーザー定義　カテゴリトップ　バナー
--------------------------------------------------------------------- */
.category_bana_ {
    width: 770px;
    margin-bottom: 15px;
}
.category_bana_ h2 {
    margin-bottom: 16px;
}
.category_bana_ li {
    float: left;
    display: inline;
    width: 370px;
    height: 126px;
    margin: 0 15px 10px 0;
}
/* --------------------------------------------------------------------
	ユーザー定義　404エラーページ　2013/04/03 追加
--------------------------------------------------------------------- */
#not_found {
    text-align: center;
    border: 2px solid #F60;
    padding: 30px 10px;
    margin: 20px 0;
}
#not_found p {
    line-height: 25px;
}
#not_found p span {
    color: #F00;
}
.col1_ .CategoryStyleG_Line_ {
    margin: 0 auto;
}
/* --------------------------------------------------------------------
	ユーザー定義　メンテナンス　2013/04/03 追加
--------------------------------------------------------------------- */
#maintenance {
    text-align: center;
    padding: 20px 0;
    margin: 20px auto;
    width: 600px;
    border: 3px double #ff7a03;
}
#maintenance h1 {
    padding: 10px 0;
    margin-bottom: 10px;
    font-size: 16px;
    /*border-bottom: 3px double #D80000;*/
    font-weight: bold;
    color: #D80000;
}
#maintenance p {
    line-height: 25px;
    margin-bottom: 10px;
}


/* --------------------------------------------------------------------
	ユーザー定義　clearfix
--------------------------------------------------------------------- */
.clearfix:after{  
    content:".";  
    display:block;  
    height:0;  
    clear:both;  
    visibility:hidden;  
}  
.clearfix{ display:inline-block;}  
/* HIdes from IE-mac */  
* html .clearfix{ height:1%;}  
.clearfix{ display:block;}  
/* End hide from IE-mac */