@charset "utf-8";

/************************************************
 ブロック用
************************************************ */
/*** 目次 ***

▼ブロック共通
リスト
タイトル
ヘッダー上、フッター下のブロックエリア

▼各機能ブロックの指定
-トップページスライド用
-新着情報、商標
-おすすめ予約商品、新着商品
-売れている商品（ランキング）
-新着ピクチャギャラリー
-現在のカゴの中
-カテゴリ
-ガイドリンク
-ログイン（サイド用）
-検索
-カレンダー
-おすすめ商品
    *メインカラム用 1カラム時 [one_maincolumn]
    *メインカラム用 2カラム時 [two_maincolumn_left]
                              [two_maincolumn_right]
    *メインカラム用 3カラム時 [three_maincolumn]
    *サイドカラム用           [side_column]
    *商品詳細のオススメ商品   [whobought_area]
 */


/* ==============================================
ブロック共通
/* ============================================= */
#container .block_body {
    background-color: #fff;
}
.side_column .block_outer {
    margin: 10px 7%;
}
.side_column .block_body,
.main_column .block_body {
    border: solid 1px #ccc;
    border-top: none;
}
.side_column .block_body .box {
    border: solid 1px #ccc;
    width: 145px;
}
.main_column .block_outer {
    margin-bottom: 20px;
}

.mt10{
  margin-top:10px;
}
.mb10{
  margin-bottom:10px;
}


/* リスト
----------------------------------------------- */
/* ログイン 検索条件 */
#container .block_outer .block_body dl.formlist {
    margin-bottom: 8px;
}
#container .block_outer .block_body dl.formlist dd {
    margin-bottom: 5px;
}
#container .block_outer .block_body dl.formlist dt {
    margin-bottom: 3px;
    padding-left: 15px;
    background: url("../img/icon/ico_arrow_03.gif") no-repeat left;
    font-size: 90%;
}
#container .block_outer .block_body dl.formlist span {
    vertical-align: top;
}


/* タイトル
----------------------------------------------- */
/* タイトルの背景 白 */
#login_area h2,
#search_area h2,
#calender_area h2,
#cart_area h2,
#cart h2 {
    padding: 5px 0 8px 10px;
    border-style: solid;
    border-color: #f90 #ccc #ccc;
    border-width: 1px 1px 0;
    background: url('../img/background/bg_tit_bloc_01.jpg') repeat-x left bottom;
    font-size: 14px;
}


/* タイトルの背景 オレンジ */
#recommend_area h2{
    padding: 5px 0 8px 10px;
    border-style: solid;
    border-color: #f90 #ccc #ccc;
    border-width: 1px 1px 0;
    background: url('../img/background/bg_btn_bloc_02.jpg') repeat-x left bottom #fef3d8;
}


/* ==============================================
▼ヘッダー上、フッター下のブロックエリア
=============================================== */
div#topcolumn {
    margin: 0px;
    clear: both;
}
div#bottomcolumn {
    margin: 0px;
    clear: both;
}

/* ***********************************************
▼各機能ブロックの指定
/*********************************************** */


/* ===============================================
▼トップページスライド用
=============================================== */
#slide{
  margin:10px 0;
}

#slide div#slideimage{
  float:left;
  border:1px solid #9e9fa6;
  border-right:none;
  padding:3px;
}

#slide #slidebanner{
  display:block;
  margin:0 0 0 758px;
  padding:3px 0 0 0;
  list-style:none;
  border:1px solid #9e9fa6;
  border-left:none;
}
#slide #slidebanner li{
}
#slide #slidebanner a{
  display:block;
  vertical-align:bottom;
  margin:0 0 3px;
  padding:0;
}

#slide #smallbanner{
  background: url("../img/top/bg_smallbanner.gif") no-repeat top left;
  vertical-align:bottom;
}
#slide #smallbanner li{
  display:inline;
}
#slide #smallbanner li img{
  margin:0 1px 1px 1px;
}




/* ===============================================
▼新着情報、商標
=============================================== */
div#newsarea {
    font-size: 100%;
    background: url("../img/top/bg-top-news-header.gif") no-repeat top;
    padding:8px 0 10px 0;
    margin:10px 0;
}
div#newsarea div,
div#newsarea div div {
	margin:0 0 10px 0;
}
div#newsarea div#newsareaIn {
    background: url("../img/top/bg-top-news-footer.gif") no-repeat bottom;
	margin:0;padding:0 0 8px 0;
}
div#newsarea div#newsmain{
    background: url("../img/top/bg-top-news-middle.gif") repeat-y;
	padding:0 8px;margin:0;
}
div#newstitle{
	border-bottom:1px dotted #b2b2b2;
	padding:0 2px 4px 4px;
}
div#newsarea h2{
	float:left;
	width:423px;
	margin:0;padding:3px 0 0 0;
	vertical-align:bottom;
}
div#newsarea p#newsrss{
	float:right;
	width:300px;
	margin:0;padding:0;
	text-align:right;
	vertical-align:bottom;
}
div#newsarea p#newsrss a{
	padding-left:5px;
}

div#newsarea ul {
	height:70px;
	overflow:auto;
	margin:0;padding:0 2px 0 5px;
}
div#newsarea li {
    margin:0;
    padding: 0.2em 0 0.2em 35px;
    background: url("../img/top/icon-news.gif") no-repeat left 0.4em;
}
div#newsarea li a{
    padding-right:6px;
}
div#newsarea li.new {
    background: url("../img/top/icon-new.gif") no-repeat left 0.4em;
}

div#newsarea ul li a,
div#newsarea ul li a:link,
div#newsarea ul li a:visited{
    color:#333;
    text-decoration:underline;
}

#trademark{
  padding-top:10px;
}



/* ===============================================
▼おすすめ予約商品、新着商品
=============================================== */
#two_maincolumn_right div#preorder dt,
#two_maincolumn_right div#newitems dt,
#two_maincolumn_right div#designitems dt,
#two_maincolumn_right div#tafarea dt{
  text-align:center;
  margin:4px auto 6px;
  min-height:132px;
}
div#preorder dt img,
div#newitems dt img,
div#designitems dt img,
div#tafarea dt img{
   max-height:122px;
}
div#preorder dd h3,
div#newitems dd h3,
div#designitems dd h3,
div#two_maincolumn_right div#tafarea dd h3{
    font-size:90%;
	border-bottom:1px dotted #9e9fa6;
	font-weight:normal;
	padding:0 5px 0.2em !important;
	margin:0;
}
div#newitems dd h3,
div#designitems dd h3{
	background:url(../img/top/icon-new.gif) no-repeat top right;
	padding:0 25px 1px 0;
}
div#preorder dd p,
div#newitems dd p,
div#designitems dd p,
div#tafarea dd p{
    font-size:90%;
    margin:0;
	padding:5px;
}
div#preorder dd h3 a,
div#newitems dd h3 a,
div#preorder dd p a,
div#newitems dd p a,
div#designitems dd h3 a,
div#designitems dd p a,
div#tafarea dd h3 a,
div#tafarea dd p a{
  text-decoration:underline;
}
div#preorder dd h3 a:hover,
div#newitems dd h3 a:hover,
div#preorder dd p a:hover,
div#newitems dd p a:hover,
div#designitems dd h3 a:hover,
div#designitems dd p a:hover,
div#tafarea dd h3 a:hover,
div#tafarea dd p a:hover{
  text-decoration:none;
}



/* 売れている（ランキング）
----------------------------------------------- */
/* ランキング
----------------------------------------------- */
div#dezaskinranking{
}
div#dezaskinranking a:link,
div#dezaskinranking a:visited{
	color:#575757;
}
div#dezaskinranking .ranking_tab {
	padding: 5px;
	background: #f2f2f2;
    text-align: left;
}
div#dezaskinranking .ranking_tab_3 {
	padding: 6px;
	background: #ceF;
    text-align: center;
	font-weight:bold;
	color:#333;
	font-size:90%;
}
div#dezaskinranking .box3colset .col3box{
    border: 1px solid #98989a;
	width:248px !important;
	padding:0;
/*  min-height:268px;
*/}
div#dezaskinranking .box3colset .col3box dl{
/*  min-height:92px;
*/  vertical-align:middle;
}
div#dezaskinranking .box3colset .col3box dl dt{
  float:left;
  width:32px;
}
div#dezaskinranking .box3colset .col3box dl dd{
  margin-left:32px;
  padding-top:4px;
  font-weight:bold;
  font-size:120%;
  line-height:150%;
}

div#dezaskinranking .box4colset .col4box{
    border: 1px solid #98989a;
	width:183px !important;
	padding:0;
  min-height:211px;
}
div#dezaskinranking .box4colset .col4box dl{
  min-height:72px;
  vertical-align:middle;
}
div#dezaskinranking .box4colset .col4box dl dt{
  float:left;
  width:22px;
}
div#dezaskinranking .box4colset .col4box dl dd{
  margin-left:22px;
  padding-top:3px;
  font-weight:bold;
  font-size:95%;
  line-height:150%;
}

div#dezaskinranking .box3colset .col3box dl dd img,
div#dezaskinranking .box4colset .col4box dl dd img{
  margin:0 3px 5px;
}
#two_maincolumn_right div#dezaskinranking .box3colset .col3box .ranking_img,
#two_maincolumn_right div#dezaskinranking .box4colset .col4box .ranking_img{
  margin:0;
  text-align:center;
  padding:8px 0;
  min-height:113px;
  line-height:113px;
}
#two_maincolumn_right div#dezaskinranking .box3colset .col3box .ranking_img{
  min-height:156px;
  line-height:156px;
}
#two_maincolumn_right div#dezaskinranking .box3colset .col3box .ranking_img img{
  max-height:156px;
  max-width:236px;
  text-align:center;
  margin:0 auto;
    vertical-align: middle;
}
#two_maincolumn_right div#dezaskinranking .col4box .ranking_img img{
  max-height:113px;
  max-width:174px;
  line-height:113px;
  text-align:center;
  margin:0 auto;
    vertical-align: middle;
}

div#dezaskinranking #rankSNSblk dd{
padding:5px;
}
div#dezaskinranking #rankSNSblk dd img{
  margin-bottom:3px;
}


/* 新着ピクチャーギャラリー
----------------------------------------------- */
div#two_maincolumn_right div#newgallery{
	margin:0;
	padding:0;
}
div#two_maincolumn_right div#newgallery div img{
  vertical-align:top;
  line-height:100%;
  font-size:0;
}
div#two_maincolumn_right div#newgallery dd{
	padding:0.7em 7px;
	border:1px solid #bbbaba;
	text-align:center;
}

/* ===============================================
▼現在のカゴの中
=============================================== */
#cart_area .information {
    padding: 10px;
}
#cart_area .postage {
    margin-top: 10px;
    padding-top: 10px;
    background: url("../img/background/line_dot_01.gif") repeat-x top;
}
#cart_area .postage .point_announce {
    padding: 2px 0 2px 20px;
    background: url("../img/icon/ico_price.gif") no-repeat left top;
}
#cart_area .btn {
    padding: 10px 0;
    background: url("../img/background/line_dot_01.gif") repeat-x top #f7f7e6;
    text-align: center;
}


/* ===============================================
▼カテゴリ
=============================================== */
#category_area{
    border-top:1px dotted #c3c3c3;
    border-bottom:1px dotted #c3c3c3;
    padding-top: 10px;
    padding-bottom: 10px;
	margin-bottom:10px;
}
#category_area h2{
  margin:0;
  padding:0;
}
#category_area h2 img{
  line-height:100%;
  vertical-align:top;
  font-size:0;
}
#category_area ul{
  margin-bottom:0.3em;
}
#category_area li {
    padding-left: 18px;
    margin: 3px 3px 0;
    background: url("../img/side/icon-side-arrow.gif") no-repeat 2px 5px;
}
#category_area li.level1 {
}
#category_area li.level1 p {
}
#category_area li.level1 p {
}
#category_area li a {
    display: block;
    padding: 0;
  color:#000;
}
#category_area li a:link {
  color:#000;
}
a.onlink:link {
    color: #f00;
    text-decoration: underline;
}
a.onlink:visited {
    color: #f00;
}
a.onlink:hover {
    color: #f00;
}

#sideproductstitle{
  position:relative;
  background-color:#ebebf2;
  margin:0;
  z-index:888;
}
#sideproductstitle li{
 background: url("../img/common/icon-arrow.gif") no-repeat 186px center;
 padding:0.3em 10px;
 margin:0;
}
/* ドロップダウン */
#sideproductstitle div {
  display:none;
  position:absolute;
  top:24px;
  left:0px;
  background:#d9d9d9;
  list-style:none;
}
#sideproductstitle ul li {
  float:none;
  display:block;
  border-left:none;
  border-top:1px solid #ccc;
  padding:0;
  margin:0;
}
#sideproductstitle ul li a,
#sideproductstitle li.sideproductshover li a,
#sideproductstitle li.sideproductshover li.sideproductshover li a {
  float:none;
  display:block;
  background:none;
  width:190px;
  margin:0;
  padding:5px;
  color:#333333;
}
#sideproductstitle ul li#prductstitle a,
#sideproductstitle li#prductstitle.sideproductshover li a,
#sideproductstitle li#prductstitle.sideproductshover li.sideproductshover li a {
  width:150px;
}
#sideproductstitle ul li a:hover, 
#sideproductstitle li.sideproductshover li a:hover, 
#sideproductstitle li.sideproductshover li.sideproductshover li a:hover {
  background:#fdde03;
  color:#fff;
}
#sideproductstitle ul li span, 
#sideproductstitle li.sideproductshover li span, 
#sideproductstitle li.sideproductshover li.sideproductshover li span {
  float:none; 
  display:block;
  background:none;
  padding-top:5px;
}
#sideproductstitle ul ul {
  top:0;
  left:200px;
}

#sideproductstitle li.submenu,
#sideproductstitle li.sideproductshover  li.submenu a:hover{
 background: url("../img/common/icon-arrow.gif") no-repeat 114px center;
}
#sideproductstitle li.noborder {border-top:none}
#sideproductstitle li.sideproductshover li.sideproductshover a {
  color:#fff;
  background:#fdde03;
}
#sideproductstitle li.sideproductshover span, 
#sideproductstitle li.sideproductshover li.sideproductshover span {color:#fff; background:#fdde03;
}
/* ここまで */

div#header div#headcart{
  position:absolute;
  top:-8px;
  left:749px;
  background: url("../img/header/bg-cart.gif") no-repeat left center;
  padding:9px 13px;
}
div#header div#headcart dl{
  margin-bottom:0.2em;
}
div#header div#headcart dt{
  font-weight:bold;
  border-bottom:1px dotted #aeaeae;
  padding:0.1em 1px;
}
div#header div#headcart dd{
  font-size:80%;
}

div#header div#headcart dt .point{
	font-size:80%;
}

div#header div#headcart .pointcolor{
	color:#ffa500;
}


/* ===============================================
▼ガイドリンク
=============================================== */
#guide_area {
    margin-top: 1em;
    border: none;
}
#guide_area li {
    margin-bottom: 5px;
    letter-spacing: -0.05em;
}
ul.button_like li {
    margin: 0;
    padding: 0 0 1px 0;
    background: url("../img/background/bg_btn_list.jpg") bottom repeat-x;
}
ul.button_like li a {
    margin: 0;
    padding: 10px 15px 10px 10px;
    border: 1px solid;
    border-bottom: none;
    border-color: #ccc;
    display: block;
    background: url("../img/icon/ico_arrow_02.gif") no-repeat right;
    text-decoration: none;
    outline: none;
}


/* ===============================================
▼ログイン（サイド用）
※ヘッダー用はbloc_alpha.css内に記述
=============================================== */
#container div#login_area .block_body {
    padding: 10px;
}

#container div#login_area .block_body p {
    margin-bottom: 5px;
}

#container div#login_area .block_body .btn {
    text-align: center;
}
#container .login_area dl.formlist {
    margin-bottom: 8px;
    width: 420px;
}
#container .login_area dl.formlist dt {
    margin-bottom: 3px;
    padding-left: 15px;
    color: #333;
    background: url("../img/icon/ico_arrow_03.gif") no-repeat left;
    width: 90px;
    float: left;
    font-size: 90%;
}
#container .login_area dl.formlist dd {
    margin-bottom: 5px;
    float: right;
    width: 300px;
    vertical-align: bottom;
    text-align: left;
}
#container div#login_area .block_body .mini {
    margin-top: 5px;
    letter-spacing: -0.01em;
}


/* ===============================================
▼検索
=============================================== */
div#search_area .block_body {
    padding: 10px;
}
div#search_area .block_body .btn {
    text-align: center;
}


/* ===============================================
▼カレンダー
=============================================== */
#calender_area {
    background-color: transparent;
    border: none;
}
#calender_area .block_body {
    padding: 10px 0;
    background-color: #f1f9fc;
}
#calender_area table {
    background: #fff;
    border: none;
    width: 150px;
    margin: 0 auto 5px;
    font-size: 90%;
}
#calender_area table td {
    padding: 1px 3px;
    border-top: 1px solid #ccc;
    border-right: none;
    text-align: center;
}
#calender_area th {
    padding: 1px 3px;
    background: #fff;
    border: none;
    text-align: center;
}
#calender_area table .month {
    margin-bottom: 5px;
    padding-left: 12px;
    background: url("../img/icon/ico_arrow_04.gif") no-repeat left;
    font-size: 120%;
}
#calender_area .off {
    color: #f00;
}
#calender_area .today {
    background-color: #FFF99D;
    font-weight: bold;
}
#calender_area .information {
    margin-left: 10px;
    font-size: 90%;
}


/* ===============================================
▼おすすめ商品
=============================================== */
/*
   tplファイルのマークアップが同じ項目
   メインカラム用 2カラム時 [two_maincolumn_left]
                            [two_maincolumn_right]
   メインカラム用 3カラム時 [three_maincolumn]
   サイドカラム用           [side_column]
   商品詳細のオススメ商品   [whobought_area]
=============================================== */
/* 共通
----------------------------------------------- */
#recommend_area .block_body,
#whobought_area .product_item {
    margin-bottom: 10px;
    padding: 10px 0 10px;
    border: none;
    background: url("../img/background/line_dot_01.gif") repeat-x bottom;
}

#recommend_area .block_body p,
#whobought_area .product_item p {
    margin: 0 0 5px 0;
}

#recommend_area .block_body img,
#whobought_area .product_item img {
    margin: 0 5px 0 0;
}

#recommend_area .block_body h3,
#whobought_area .product_item h3 {
    font-size: 100%;
    font-weight: normal;
}

/* サイドカラム用 */
.side_column #recommend_area .product_item {
    margin-bottom: 10px;
}


/* 画像
----------------------------------------------- */
/* メインカラム用 */
.main_column #recommend_area .block_body .productImage,
#whobought_area .product_item .productImage {
    margin-bottom: 10px;
    float: left;
    width: 90px;
}
/* サイドカラム用 */
.side_column #recommend_area .block_body .productImage {
    float: none;
    text-align: center;
    width: auto;
}


/* 左右の振り分け
----------------------------------------------- */
.main_column #recommend_area .product_item,
#whobought_area .product_item {
    float: left;
    width: 47.5%;
    padding-left: 1%;
    padding-right: 1%;
}


/* 商品説明テキスト
----------------------------------------------- */
/* メインカラム用 1カラム時*/
#one_maincolumn #recommend_area .block_body .productContents {
    float: right;
    width: 74%;
}

/* メインカラム用 2カラム時*/
#two_maincolumn_right #recommend_area .block_body .productContents,
#two_maincolumn_left #recommend_area .block_body .productContents,
#two_maincolumn_right #whobought_area .productContents,
#two_maincolumn_left #whobought_area .productContents {
    float: right;
    width: 74%;
}

/* メインカラム用 3カラム時*/
#three_maincolumn #recommend_area .block_body .productContents,
#three_maincolumn #whobought_area .productContents {
    float: right;
    width: 67%;
}

/* サイドカラム用 */
.side_column #recommend_area .block_body .productContents {
    clear: both;
}

/* 特設ページ
----------------------------------------------- */

.tafilist{
	overflow:hidden;
	}
.tafilist li{
	float:left;
	margin:0px 10px 5px 0px;
	padding:0px 0px 0px 18px;
	background:url("../img/campaign/m_taf.gif") 0 50% no-repeat;
	white-space:nowrap;
	}

div#two_maincolumn_right #tafarea h3,
div#one_maincolumn #tafarea h3{
	margin:0px 0px 10px;
	padding:0px;
	border:none;
	}
div#two_maincolumn_right #tafarea h4,
div#one_maincolumn #tafarea h4,
div#one_maincolumn #eventareataf h4,
div#one_maincolumn #eventareah h3{
	margin:0px 0px 10px;
	padding:10px 0px 5px 7px;
	border-bottom:2px solid #333;
	}
div#two_maincolumn_right  #eventareah .t_h4temp{
	clear:both;
	margin:0px 0px 15px;
	padding:5px;
	border-bottom:1px dotted #e2e2e4;
	}
div#two_maincolumn_right  #eventareah .t_h4temp h4{
	margin:0px;
	padding:3px 5px 3px 10px;
	border-left:5px solid #FCAE02;
	font-weight:bold;
	font-size:100%;
	line-height:1.4;
	}
div#two_maincolumn_right  #eventareah .h2temp{
	width: auto;
	margin: 0px 0px 10px;
	padding: 15px 15px 15px 15px;
	background-color: #f3f3f3;
	border: 1px solid #CCCCCC;
	text-align: left;
	font-size: 170%;
	font-weight: bold;
	}
div#two_maincolumn_right  #eventareah li {
float: left;
margin: 0px;
padding: 0px 0px 10px;
text-align:center;
}
div#two_maincolumn_right  #eventareah li.center{
float: left;
margin: 0px;
padding: 0px 10px 10px;
}
div#two_maincolumn_right  #eventareah .stlist{
	margin:0px auto;
	width:653px;
	}

div#two_maincolumn_right  #eventareah .st{
	overflow:hidden;
	margin:0px 0px 20px;
	padding:0px 0px 10px;
	border-bottom:1px dotted #e2e2e4;
	}
div#two_maincolumn_right  #eventareah .st_1{
	float:left;
	margin:0px 10px 0px 0px;
	padding:5px 0px;
	width:50px;
	background:#e2e2e4;
	text-align:center;
	font-weight:bold;
	}
div#two_maincolumn_right  #eventareah .st_2{
	float:left;
	margin:0px 10px 0px 0px;
	padding:5px 0px;
	width:35px;
	background:#f1f1f1;
	text-align:center;
	}
div#two_maincolumn_right  #eventareah .st_2s{
	float:left;
	margin:0px 10px 0px 60px;
	padding:0px;
	width:35px;
	background:#f1f1f1;
	text-align:center;
	}
div#two_maincolumn_right  #eventareah .st_2 p{
	margin:0px;
	padding:0px;
	}
div#two_maincolumn_right  #eventareah .st_2s p{
	margin:0px;
	padding:5px 0px;
	background:#f1f1f1;
	text-align:center;
	}
div#two_maincolumn_right  #eventareah .st_3{
	float:left;
	padding:5px 0px;
	background:#fff;
	width:665px;
	overflow:hidden;
	}
div#two_maincolumn_right  #eventareah .st_3{
	}
div#two_maincolumn_right  #eventareah .st_3 li{
	float:left;
	margin:0px 10px 5px 0px;
	padding:0px 0px 0px 5px;
	background:none;
    border-left:1px solid #e2e2e4;
	white-space:nowrap;
	}
div#two_maincolumn_right  #eventareah .st_3 li a{
	padding:0px 0px 0px 10px;
    background: url("../img/reimg/m_cate.gif") no-repeat left center;
	}
div#two_maincolumn_right  #eventareah .allitem{
	clear:both;
	text-align:right;
	}
div#two_maincolumn_right  #eventareah .allitem a{
	padding:0px 0px 0px 18px;
	background:url("../img/campaign/m_taf.gif") 0 50% no-repeat;
	}

.bnr_taf{
	text-align:center;
	}

#eventareataf{
	overflow:hidden;
	padding:0px 0px 10px;
	}
#eventareataf .txtarea{
	float:right;
	width:441px;
	}
#eventareataf .imgarea{
	float:left;
	}

#tafarea .pointlist li{
	margin:0px 0px 10px;
	}
#tafarea .txtc{
	margin:0px 0px 20px;
	text-align:center;
	}
#tafarea .allitem{
	padding:0px 0px 20px;
	overflow:hidden;
	}
#tafarea .allitem li{
	float:left;
	padding:0px 10px 0px 0px;
	}

/* 商品詳細
----------------------------------------------- */
div#two_maincolumn_right div.camp{
	margin:0px 0px 1em;
	padding:7px;
	font-weight:bold;
	background:#f1f1f1;
	}
div#two_maincolumn_right p.bnr_jacket{
	margin:10px 0px 0px;
	text-align:center;
	}