@charset "SHIFT-JIS";

/* CSS Area */

/* ----- @Framework ----- */
#contentsArea{
	width:950px;
	text-align:left;
	color:#666;
}
#contentsArea #contentsHead{
height: 144px;
width: 100%;
margin-bottom: 18px;
margin-top: 4px;
}
#contentsArea #naviArea{
float: left;
width: 230px;
clear:left;
}

#contentsArea #catalogArea{
float: left;
width: 720px;
}

#contentsArea #slideArea{
clear: left;
width: 100%;
}

/* ----- @head block ----- */
#contentsArea #head01{
background: transparent url(../img/head_01_back.png) no-repeat left top;
height: 68px;
}
#contentsArea #head01 h2{
width: 775px;
margin: 0;
padding: 7px 0 0 10px;
*width: 765px;
}
#contentsArea #head01 div{
width: 165px;
*width: 175px;
*line-height: 14px! important;
}
#contentsArea #head01 .update{
margin: 0;
padding: 11px 0 0 55px;
background: transparent url(../img/head_01_newicon.gif) no-repeat 0 7px;
width: 120px;
color: white;
height: 21px;
font-weight: bold;
font-size: 12px;
}
#contentsArea #head01 .directions{
margin: 0;
}

#contentsArea #head02{
background: transparent url(../img/head_02_back.gif) no-repeat left top;
width: 100%;
height: 76px;
margin-top: 4px;
}
#contentsArea #head02 .plan{
background: transparent url(../img/head_02_nextnews.gif) no-repeat 6px 6px;
width: 204px;
height: 76px;
position: relative;
}
#contentsArea #head02 .plan_day{
position: absolute;
top:14px;
left: 88px;
}
#contentsArea #head02 .plan_text{
position: absolute;
top:38px;
left: 20px;
font-size: 10px;

}
#contentsArea #head02 .c_sample{
width: 110px;
margin: 4px 0 0 0;
padding: 0 0 4px 20px;
background: transparent url(../img/vertical_dash.gif) repeat-y 6px 6px;
}

#contentsArea #head02 .head_middle{
width: 380px;
}
#contentsArea #head02 .check_copy{
height: 30px;
background: transparent url(../img/horizontal_dash.gif) repeat-x left bottom;
padding: 5px 0 0 0;
margin: 0 0 5px 0;
}
#contentsArea #head02 .check_text{
font-size: 12px;
margin: 0;
padding-left: 5px;
}
#contentsArea #head02 .check_button{
width: 180px;
margin: 3px 0 0 10px;
}
#contentsArea #head02 .check_button a{
	height:0;
	width: 180px;
	overflow:hidden;
	display:block;
	padding-top:26px;
	background: url(../img/catalog_button.png) no-repeat -439px 0;
}
#contentsArea #head02 .check_button a:hover{
	background: url(../img/catalog_button.png) no-repeat -439px -26px;
}
#contentsArea #head02 .head_banner{
width: 211px;
margin: 6px 6px 0 10px;
text-align: right;
background: transparent url(../img/vertical_dash.gif) repeat-y left top;
}

/* ----- SideMenu & catalogArea ----- */
#contentswrap{
  height: 100%;
  background-color: blue;
  background: transparent url(../img/sidemenu_outer_bottom.gif) no-repeat left bottom;

}
/* ----- SideMenu ----- */
#contentsArea #naviArea{
*font-size:12px! important;

}

#contentsArea #naviArea img{
  display: block;
}
#contentsArea #naviArea .bottom_kei{
background: transparent url(../img/horizontal_dash.gif) repeat-x left bottom;
padding-bottom: 6px;
margin-bottom: 6px;
margin-left: 7px;
margin-right: 7px;
}

#contentsArea #naviArea .hrline{
width: 210px;
height: 41px;
background: #fff url(../img/horizontal_dash.gif) repeat-x left center;
margin:0px;
padding: 0;
}
#contentsArea #naviArea .nav_body .hrline{
width: 185px;
margin: 0 auto 6px;
*margin-bottom: 0;
}
#naviArea #sidemenu01, #naviArea #sidemenu02{
  width: 210px;
  *background: #f4f4f4 url(../img/sidemenu_outer_bottom.gif) no-repeat left bottom;
  padding: 0 0 20px;
  margin-bottom: 0px;
}
div#contentsArea div#naviArea div#sidemenu01{
  background: #f4f4f4 url(../img/sidemenu_outer_bottom.gif) no-repeat left bottom;
}
#sidemenu01 .nav_body, #sidemenu02 .nav_body{
  width: 208px;
  border: 1px #dbdbdb solid;
  border-style: none solid none solid;
  background-color: #f4f4f4;
}

#sidemenu01 .category, #sidemenu02 .info{
  width: 200px;
  background: #f4f4f4 url(../img/saidemenu_inner_bottom.gif) no-repeat 4px bottom;
  padding: 0 4px 4px;
  margin-bottom: 5px;
}
#sidemenu01 .category ul{
  width: 185px;
  border: 1px #dbdbdb solid;
  border-style: none solid none solid;
	background-color: #fff;
  padding: 8px 0 0 13px;
  margin-bottom: 10px;
  *margin-bottom: 5px;
}
#sidemenu01 .category ul li{
padding-left: 12px;
margin-bottom: 8px;
*display: inline;
*zoom:1;
*display: block;
}

#sidemenu01 #fashion.category ul li{
background: transparent url(../img/sidemenu_c1_bullet.gif) no-repeat left 4px;
}
#sidemenu01 #interior.category ul li{
background: transparent url(../img/sidemenu_c2_bullet.gif) no-repeat left 4px;
}
#sidemenu01 #beauty.category ul li{
background: transparent url(../img/sidemenu_c3_bullet.gif) no-repeat left 4px;
}
#sidemenu01 #maternity.category ul li{
background: transparent url(../img/sidemenu_c4_bullet.gif) no-repeat left 4px;
}
#sidemenu01 #gourmet.category ul li{
background: transparent url(../img/sidemenu_c5_bullet.gif) no-repeat left 4px;
}
#sidemenu01 #disney.category ul li{
background: transparent url(../img/sidemenu_c6_bullet.gif) no-repeat left 4px;
}

#sidemenu02{
/*  padding-bottom: 300px;*/
}
#sidemenu02 .banner{
  width: 185px;
  margin: 10px auto 0;
}
#sidemenu02 .banner p{
margin: 0 0 6px;
}

#sidemenu01 .banner{
  width: 200px;
  padding-top: 6px;
  margin: 0 auto 4px;
}
#sidemenu01 .banner p{
margin: 4px 0 0;
}

#contentsArea #naviArea .banner p{
padding: 0;
text-align: left;
font-size: 11px;
padding-left: 9px;
background: transparent url(../img/sidemenu_bullet1.gif) no-repeat left top;
margin-top: 3px;
*display: inline;
*zoom:1;
}

#sidemenu02 .campaign{
  width: 185px;
  padding-top: 6px;
  margin: 0 auto 4px;
}
#sidemenu02 .campaign .campaign_body img{
  display: block;
  padding-bottom: 6px;
  margin: 0 auto; 

}
#sidemenu02 .campaign .campaign_body{
	background: #fff url(../img/saidemenu2_campaign_bottom.png) no-repeat center bottom;
	padding: 8px 0 0 0;
}

#sidemenu02 .keitai{
background-color: #f7f7f7;
border: 1px #ccc solid;
width: 185px;
padding: 10px 0 10px 0;
margin: 10px auto; 
}
#sidemenu02 .keitai img,#sidemenu02 .keitai p{
width: 147px;
margin: 0 auto; 
}
#contentsArea #naviArea #sidemenu02 .keitai .k_line{
width: 166px;
height: 1px;
margin: 10px auto;
border-bottom: 1px #ccc solid;
}

#naviArea .banner a.mojibanner_present,
#naviArea .banner a.mojibanner_mailmaga{
/*width: 185px;*/
	height:0;
	overflow:hidden;
	display:block;
	padding-top:12px;
	margin-top: 2px;
	margin-bottom: 8px;
}
#naviArea .banner a.mojibanner_present{
	background: url(../img/mojibanner_present_of.jpg) no-repeat 0 0;
}
#naviArea .banner a.mojibanner_present:hover{
	background: url(../img/mojibanner_present_on.jpg) no-repeat 0 0;
}
#naviArea .banner a.mojibanner_mailmaga{
	background: url(../img/mojibanner_mailmaga_of.jpg) no-repeat 0 0;
}
#naviArea .banner a.mojibanner_mailmaga:hover{
	background: url(../img/mojibanner_mailmaga_on.jpg) no-repeat 0 0;
}





/* ------ catalogArea ------ */

/* ======New Arrival====== */
#contentsArea #catalogArea #new_arr,#contentsArea #catalogArea .lineup_body,#sidemenu01,#sidemenu02,#contentsArea .other_body,#recom_body{
/*display: none;*/
}
#contentsArea #catalogArea h3{
margin: 0 0 8px 0;
}
#catalogArea #new_arr{
background: transparent url(../img/bookshelf.jpg) no-repeat left top;
padding-top: 26px;
}
#catalogArea .new_pear{
background: transparent url(../img/bookshelf.jpg) no-repeat 0 -27px;
padding: 15px 0 0 35px;
height: 156px;
}
#catalogArea .new_pear_end{
background: transparent url(../img/bookshelf.jpg) no-repeat 0 -368px;
padding: 15px 0 0 35px;
height: 160px;
}
#catalogArea .new_item{
width: 332px;
}
#catalogArea .new_main_photo{
width: 98px;
height: 135px;
background: transparent url(../img/new_catalog_shadow.png) no-repeat right bottom;
}
#catalogArea .new_main_photo_yoko{
width: 98px;
}
#catalogArea .new_main_photo_yoko table td{
height: 135px;
vertical-align: middle;
}
#catalogArea .new_main_photo_yoko img{
border: 1px #a26a3b solid;
/*border-bottom-width: 3px;
border-right-width: 3px;*/
}


#catalogArea .new_spec{
width: 194px;
height: 134px;
padding: 6px 10px 0 20px;
background: transparent url(../img/tomei.png) no-repeat -3px top;
}
#catalogArea .new_catalog_title{
position: relative;
background: transparent url(../img/horizontal_dash_black.gif) repeat-x left bottom;
padding-bottom: 4px;
margin-top: 2px;
}
#catalogArea .new_catalog_logo_text{
color:black;
font-size: 11px;
margin: 15px 0 0 6px;
}
#catalogArea .category_icon{
position: absolute;
top: 0;
right: 4px;
}
#catalogArea .new_catalog_copy{
font-size: 10px;
color:#333;
margin: 0;
padding: 0;
width: 194px;
overflow: hidden;
}
#catalogArea .new_catalog_copy p{
padding: 0;
margin: 4px 0 0 0;
text-align: justify;
}
#catalogArea .new_catalog_copy ul.colc li,
#contentsArea .lineup_body .lineup_spec ul.colc li,
#contentsArea .other_body .other_spec ul.colc li{
margin: 0;
padding-top: 2px;
padding-left: 9px;
background-repeat: no-repeat;
background-position: left 3px;
}
#catalogArea ul.cat1 li{
background-image: url(../img/sidemenu_bullet1.gif);
}
#catalogArea ul.cat2 li{
background-image: url(../img/sidemenu_bullet2.gif);
}
#catalogArea ul.cat3 li{
background-image: url(../img/sidemenu_bullet3.gif);
}
#catalogArea ul.cat4 li{
background-image: url(../img/sidemenu_bullet4.gif);
}
#catalogArea ul.cat5 li{
background-image: url(../img/sidemenu_bullet5.gif);
}
#catalogArea ul.cat6 li{
background-image: url(../img/sidemenu_bullet6.gif);
}



#catalogArea .todigicata{
margin: 0;
padding-top: 4px;
*padding-top: 3px;
width: 146px;
}
#catalogArea .todigicata a{
	height:0;
	overflow:hidden;
	display:block;
	padding-top:26px;
}
#catalogArea #new_arr .todigicata a{
	background: url(../img/catalog_button.png) no-repeat 0 0;
}
#catalogArea #new_arr .todigicata a:hover{
	background: url(../img/catalog_button.png) no-repeat 0 -26px;
}
#catalogArea .lineup_body .todigicata a,
#catalogArea .other_body .todigicata a{
	background: url(../img/catalog_button.png) no-repeat 0 -52px;
}
#catalogArea .todigicata a:hover{
	background: url(../img/catalog_button.png) no-repeat 0 -26px;
}

#catalogArea .illast{
padding-left: 25px;
padding-top: 5px;
}
/* ====== LineUP 1 ===== */
#contentsArea h3#lineup01, #contentsArea h3#lineup02, #contentsArea h3#other{
margin: 20px 0 0 0;
}
#contentsArea .lineup_body{
  width: 718px;
  border: 1px #dbdbdb solid;
  border-style: none solid none solid;
  font-size: 10px;
	color:#333;
  padding: 0;
}
#contentsArea .lineup_body .lineup_item{
width: 227px;
height: 149px;
background: transparent url(../img/linup_line.gif) no-repeat 0 0;
padding: 0;
margin-left: 10px;
margin-top: 10px;
display: inline;
}
#contentsArea .lineup_body .lineup_item .item_top{
height: 110px;
overflow: hidden;
}
#contentsArea .lineup_body .lineup_item.last{
width: 226px;
}
#contentsArea .lineup_body .lineup_item.last_line{
height: 148px;
}
#contentsArea .lineup_body .lineup_item .lineup_photo,
#contentsArea .other_body .other_item .other_item_inner .other_photo,
#contentsArea .lineup_body .lineup_item .lineup_photo_yoko,
#contentsArea .other_body .other_item .other_item_inner .other_photo_yoko,
#screen .slide .slide_cover_yoko {
width: 70px;
height: 100px;
margin: 3px 7px 0 0;
}
#contentsArea .lineup_body .lineup_item .lineup_photo img,
#contentsArea .other_body .other_item .other_item_inner .other_photo img,
#contentsArea .lineup_body .lineup_item .lineup_photo_yoko img,
#contentsArea .other_body .other_item .other_item_inner .other_photo_yoko img,
#screen .slide .slide_cover_yoko img{
border: 1px #ececec solid;
}

#contentsArea .lineup_body .lineup_item .lineup_photo_yoko table td,
#contentsArea .other_body .other_item .other_item_inner .other_photo_yoko table td,
#screen .slide .slide_cover_yoko table td{
height: 100px;
vertical-align: middle;
}

/*緊急処置*/
#contentsArea .lineup_body .lineup_item .lineup_photo_yoko2,
#screen .slide .slide_cover_yoko2{
width: 70px;
height: 48px;
margin:25px 7px 0 0;
}
#contentsArea .lineup_body .lineup_item .lineup_photo_yoko2 img,
#screen .slide .slide_cover_yoko2 img{
border: 1px #ececec solid;
}
#contentsArea .lineup_body .lineup_item .lineup_photo_yoko2,
#screen .slide .slide_cover_yoko2{
height: 48px;
vertical-align: middle;
}

#contentsArea .lineup_body .lineup_spec{
margin-top: 3px;
width: 140px;
height: 102px;
}
#contentsArea .lineup_body .lineup_spec ul{
margin-top: 3px;
vertical-align: bottom;
}
#contentsArea .lineup_body .lineup_spec img{
display: block;
margin-bottom: 3px;
}

/* ====== Other Catalog ===== */
#contentsArea .other_body {
margin: 0;
padding: 0;
  font-size: 10px;
	color:#333;
  padding: 0 0 0 3px;
  width: 717px;
  margin-top: 6px;
}
#contentsArea .other_body .other_spec img{
display: block;
margin-bottom: 3px;
}
#contentsArea .other_body .other_item{
width: 216px;
height: 143px;
padding-left: 14px;
padding-top: 12px;
margin-left: 6px;
margin-top: 6px;
display: inline;
overflow: hidden;
background: url(../img/other_item_back.png) no-repeat left top;
}
#contentsArea .other_body .other_item .other_item_inner{
width: 215px;
height: 117px;
}
#contentsArea .other_body .other_item .other_item_inner .item_top{
height: 105px;
overflow: hidden;
}

#contentsArea .other_body .other_item .other_item_inner .other_spec{
width: 136px;
}
#contentsArea .other_body .other_item .other_item_inner .other_photo{
margin-top: 0;
}

/* ====== Recommended Catalog ===== */
#contentsArea h3#recom{
margin: 35px 0 0 0;
}
#contentsArea #recom_body{
margin-top: 14px;
margin-left: 9px;
background: url(../img/table_bak.png) no-repeat left top;
}
#recom_body table{
text-align: center;
width: 500px;
padding: 0; 
margin: 0; 
border-collapse: separate;
border: none;
*margin-bottom: 10px;
*border-collapse: collapse;
}
#recom_body table th,#recom_body table td{
vertical-align: middle;
border: none;
font-size:11px;
}
#recom_body table .col01{width: 136px;}
#recom_body table .col02{/*width: 182px;*/}
#recom_body table .col03{width: 174px;}
#recom_body table .lin01{height: 31px;}
#recom_body table .lin02{height: 41px;}
#recom_body table .lin03{height: 39px;}
#recom_body table .lin04{height: 40px;}
#recom_body table .t_h{font-weight: bold;}
#recom_body table .td_h{font-weight: bold;text-align: left;padding-left: 20px;width: 117px;}



/* ====== SlideArea ===== */
#contentsArea #slideArea{

}
#screen ul li .slide{
	background: transparent url(../img/slides_back.png) no-repeat left top;
	width: 690px;
	height: 530px;
  padding: 10px;
  position: relative;
  font-size: 12px;
  text-align: left;
  color:#333;
}
#screen ul li .slide .slide_title{
width: 638px;
padding: 15px 0 0 15px;
}
#screen ul li .slide .close_box{
position: absolute;
top:10px;
right: 38px;
}
#screen .slide .expiration_date{
position: absolute;
top:56px;
right: 50px;
}
#screen .slide .slide_cover_t{
width: 72px;
height: 102px;
padding: 1px;
/*background: url(../img/cover_shadow.png) no-repeat left top;*/
margin-right: 8px;
}
#screen .slide .slide_cover_t img{
border: 1px #ececec solid;
}
#screen .slide .property img{
margin-right: 6px;
}
#screen .slide .property span{
margin-top: -1px;
}
#screen .slide .slide_logo{
margin-top: 4px;
}
#screen .slide .slide_logo img{
display: block;
float: left;
}
#screen .slide .slide_logo span{
display: block;
float: left;
padding: 12px 0 0 4px;
}
#screen .slide p.slide_copy{
margin-bottom: 5px;
margin-top: 0;
padding-top: 10px;
font-size: 10px;
}
#screen .slide .slide_button .s_digicata{
margin: 0;
padding: 0;
width: 147px;
}
#screen .slide .slide_button .s_digicata a{
	height:0;
	overflow:hidden;
	display:block;
	padding-top:26px;
  background: url(../img/catalog_button.png) no-repeat -146px 0;
}
#screen .slide .slide_button .s_digicata a:hover{
  background: url(../img/catalog_button.png) no-repeat -146px -26px;
}
#screen .slide .slide_button .s_muryou{
margin: 0 0 0 10px;
padding: 0;
width: 146px;
}
#screen .slide .slide_button .s_muryou a{
	height:0;
	overflow:hidden;
	display:block;
	padding-top:26px;
  background: url(../img/catalog_button.png) no-repeat -293px 0;
}
#screen .slide .slide_button .s_muryou a:hover{
  background: url(../img/catalog_button.png) no-repeat -293px -26px;
}


#screen .slide .slide_main{
width: 638px;
height: 280px;
padding: 0 0 0 15px;
font-size: 11px;
}

#screen .slide .slide_pickup{
width: 496px;
_width: 496px;
padding-top: 20px;

}
#screen .slide .slide_page{
width: 238px;
margin-right: 9px;
_margin-right: 4px;
margin-top: 4px;
}
#screen .slide .slide_page p{
margin: 3px 0 0 0;
font-size: 10px;
line-height: 1.3;
*margin-top: 0;
}
#screen .slide .slide_osusume{
width: 140px;
margin-top: 12px;
}
#screen .slide .slide_osusume .osusume_img{
display: block;
margin-top: 8px;
margin-bottom: 4px;
}
.slide .slide_osusume .fukidashi{
font-size: 11px;
}
#screen .slide .slide_osusume .fukidashi_body{
background: url(../img/fukidashi_body.png) repeat-y left top;
padding: 8px 4px 8px 8px;
margin: 0; 
font-size: 10px;
}
#screen .slide .fukidashi_body a.osusume_shop{
display: block;
padding-left: 12px;
background: transparent url(../img/sidemenu_c1_bullet.gif) no-repeat left 2px;
font-weight: bold;
font-size: 11px;
margin-bottom: 2px;
color:#af3636;
}
#screen .bottom_kei{
background: transparent url(../img/horizontal_dash.gif) repeat-x left bottom;
padding-bottom: 6px;
margin-bottom: 6px;
}

#screen ul li .slide .slide_table{
position: absolute;
top:406px;
left: 68px;
width: 548px;
}
#screen ul li .slide .slide_table td{
vertical-align: middle;
}
#screen ul li .slide .slide_table td .thmn_shadow_t{
width: 76px;
height: 106px;
background: url(../img/thmne_tate_back.png) no-repeat right bottom;
}
#screen ul li .slide .slide_table td .thmn_shadow_t img{
margin: 1px;
}

#screen ul li .slide .slide_table td .thmn_shadow_y img{
border: 1px #ececec solid;
/*border-bottom-width: 3px;
border-right-width: 3px;*/
}


#screen ul li .slide .thm_td a{
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}
#screen ul li .slide .thm_td a:hover{
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
#screen ul li .slide table td{
padding: 0 4px; 
}


/* ----- 汎用クラス ----- */

.r_block{
float: right;
}
.l_block{
float: left;
}
.bx-next {
	position:absolute;
	top:40%;
	right:0;
	z-index:999;
	width: 21px;
	height: 38px;
	text-indent: -999999px;
	background: url("../img/slide_arrow.png") no-repeat scroll -21px 0 transparent;
}
.bx-next:hover {
	background-position: -21px -38px;
}

/*previous button*/
.bx-prev {
	position:absolute;
	top:40%;
	left:0px;
	z-index:999;
	width: 21px;
	height: 38px;
	text-indent: -999999px;
	background: url("../img/slide_arrow.png") no-repeat scroll 0 0 transparent;
}

.bx-prev:hover {
	background-position: 0 -38px;
}
.disabled{
    display: none;
}

/* ----- Clearfix NewVer IE6.7 Only ----- */
.clearfix{
	?zoom:1;
}

.clearfix:after {
	content:'';
	display:block;
	clear:both;
}

#DOMWindow #screen{
	width: 690px! important;
  font-size: 11px;;
}