@charset "EUC-JP";
/* CSS Document */

/**reset**/

html{
    color:#000;background:#FFF;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
    margin:0;padding:0;
}
table{
    border-collapse:collapse;border-spacing:0;
}
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var{
    font-style:normal;font-weight:normal;
}
li { list-style:none; } caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{
    font-size:100%;font-weight:normal;
}
q:before,q:after{ content:''; }
abbr,acronym{ border:0;font-variant:normal; }
sup{ vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
input,textarea,select{ font-family:inherit;font-size:inherit;font-weight:inherit; }
input,textarea,select{ *font-size:100%; }
legend{ color:#000; }



/**STYLE**/

body {
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	background:url(../images/bg_body.gif) repeat #FFFFFF;
	color: #333333;
}

li,dt,dl {  
    line-height:1.6;  
} 

p {
	font-size: 12px;
	line-height: 1.6;
	color: #333333; 	
}

a{
	font-size: 12px;
	line-height: 1.6;
	color: #333333;
	text-decoration:none; 
}

a:hover {
	font-size: 12px;
	line-height: 1.6;
	color: #cccccc; 
	text-decoration:none; 
}

a:hover img.over {
	opacity: 0.5;
 	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}


/************************
float
************************/
.floatL{float:left;}
.floatR{float:right;}
.clear{clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix { display:inline-table; }
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix {display:block;}/* End hide from IE-mac */
/* ie6NG_after*/
.clearfix {zoom:1}


/************************
margin&padding
************************/

.mg_t5 {margin-top: 5px;}
.mg_t10 {margin-top: 10px;}
.mg_t15 {margin-top: 15px;}
.mg_t20 {margin-top: 20px;}
.mg_t25 {margin-top: 25px;}
.mg_t30 {margin-top: 30px;}
.mg_t50 {margin-top: 50px;}

.mg_r5 {margin-right: 5px;}
.mg_r10 {margin-right: 10px;}
.mg_r15 {margin-right: 15px;}
.mg_r20 {margin-right: 20px;}
.mg_r25 {margin-right: 25px;}
.mg_r30 {margin-right: 30px;}

.mg_b5 {margin-bottom: 5px;}
.mg_b10 {margin-bottom: 10px;}
.mg_b15 {margin-bottom: 15px;}
.mg_b20 {margin-bottom: 20px;}
.mg_b25 {margin-bottom: 25px;}
.mg_b30 {margin-bottom: 30px;}

.mg_l5 {margin-left: 5px;}
.mg_l10 {margin-left: 10px;}
.mg_l15 {margin-left: 15px;}
.mg_l20 {margin-left: 20px;}
.mg_l25 {margin-left: 25px;}
.mg_l30 {margin-left: 30px;}

.pd_t5 {padding-top: 5px;}
.pd_t10 {padding-top: 10px;}
.pd_t15 {padding-top: 15px;}
.pd_t20 {padding-top: 20px;}
.pd_t25 {padding-top: 25px;}
.pd_t30 {padding-top: 30px;}

.pd_r5 {padding-right: 5px;}
.pd_r10 {padding-right: 10px;}
.pd_r15 {padding-right: 15px;}
.pd_r20 {padding-right: 20px;}
.pd_r25 {padding-right: 25px;}
.pd_r30 {padding-right: 30px;}

.pd_b5 {padding-bottom: 5px;}
.pd_b10 {padding-bottom: 10px;}
.pd_b15 {padding-bottom: 15px;}
.pd_b20 {padding-bottom: 20px;}
.pd_b25 {padding-bottom: 25px;}
.pd_b30 {padding-bottom: 30px;}

.pd_l5 {padding-left: 5px;}
.pd_l10 {padding-left: 10px;}
.pd_l15 {padding-left: 15px;}
.pd_l20 {padding-left: 20px;}
.pd_l25 {padding-left: 25px;}
.pd_l30 {padding-left: 30px;}


/************************
CONTENTS
************************/

#wrap {
	width: 900px;
	margin: 0 auto;
	/*for iphone*/
	-webkit-text-size-adjust: none;  
    font-size:80%;  
	background-color: #FFFFFF;
	overflow: hidden;
}

#header {
	width: 900px;
	height: 90px;
	margin: 0 auto;
}

h1#logo {
	width: 170px;
	height: 85px;
	margin: 0 10px 0 0;
	float: left;	
}

#headArea {
	width: 720px;
	/*height: 90px;*/
	margin: 0;
	float: right;	
 	background: #FFFFFF;
	overflow: hidden;
}

#headArea p.headTxt {
	font-size: 11px;	
}

#headArea #subNavi {
	width: 260px;
	margin: 8px 0 0 450px;
	height: 26px;
}

#headArea ul.top {
	width: 680px;
	margin: 7px 0 0 0;
	list-style:none;
	float: right;
	clear: both;	
	display: inline;
}

#headArea ul.top li{
	float: left;
	margin: 0 3px;
	height: 20px;
}

* html #headArea ul.top li{/*IE6*/
	margin-left: 1px;	
}

#headArea ul.top li.end{
	float: left;
	height: 20px;
	border: none;
}

.hline {
    border-top: 1px solid #cccccc;
    height: 1px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
    width: 900px;
}

#container {
	width: 900px;
	margin: 0 auto;
	padding: 0;
}

#mainImg {
	width: 900px;
	height: 385px;
	margin: 5px auto;
	padding: 0;	
}

#mainImg #image-navigation .navi-image {
	width: 649px;
	height: 383px;
	margin: 0;
	float: left;	
	display: inline;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

* html #mainImg #image-navigation .navi-image { /*IE6*/
	margin: 0;
}

#mainImg #image-navigation .navi {
	width: 250px;
	height: 385px;
	margin: 0;
	float: right;
}

* html #mainImg #image-navigation .navi { /*IE6*/
	margin: 0;
}

#mainImg #image-navigation .navi .menu{
	width: 250px;
	height: 95px;
	margin: 0;
	float: right;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

#mainImg #image-navigation .navi .menuLast{
	width: 250px;
	height: 95px;
	margin: 0;
	float: right;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}




/*SIDE AREA*/
#sideArea {
	width: 190px;
	margin: 0 0 0 35px;
	float: left;	
}

/*検索窓*/
#searchBox {
	width: 190px;
	height: 65px;
	margin: 0 auto 5px;	
}

#itemSearch {
	width: 178px;
	height: 28px;
	margin: 0px 0 5px 10px;
	text-align: center;
}

#itemSearch .text1{
	width: 135px;
	height: 24px;
	padding-left: 5px;
	border: 1px solid #cccccc;
	float: left;
}

#itemSearch .button1{
	width: 33px;
	height: 26px;
	float: left;
}

ul.sideNavi {
	list-style-type: none;	
}

ul.sideNavi li.cat_ttl{
	width:190px;
	line-height:0px;
	margin-top: 20px;
}

ul.sideNavi li{
	width:190px;
	line-height:0px;
	margin-top: 5px;
}

ul.sideBnr {
	list-style-type: none;
	margin-top: 30px;
}

ul.sideBnr li{
	width:190px;
	line-height:0px;
	margin-top: 15px;
}


/*MAIN AREA*/
#mainArea {
	width: 650px;
	margin: 0 9px 0 0;
	float: right;	
	overflow: hidden;
	display: inline; 
}

#news {
	width: 648px;
	height: 130px;
	margin: 0 auto 10px;
	border-left: 1px #cccccc solid;	
	border-right: 1px #cccccc solid;	
	border-bottom: 1px #cccccc solid;	
	background: #FFF;
	overflow: auto;
}

#news_ttl {
	width:648px;
	height: 37px;
	margin: 10px auto 0;	
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

#news ul.news {
	width: 600px;
	margin: 15px auto;
}

#news ul.news li {
	width: 600px;
	margin: 5px auto 15px;
	border-bottom: #cccccc 1px dotted;
	line-height: 2em;
}

#newArrival {
	width: 650px;
	margin: 20px auto;	
	overflow: hidden;
	background: #FFFFFF;
}

#ttl_newArrival {
	width: 650px;	
	height: 40px;
	margin: 0 0 10px;	
}

#newArrival #itemArea{
	width: 650px;
 	height: auto;
	margin: 5px auto;
}

#newArrival #itemArea .arrivalItem{
	width: 160px;
    min-height: 292px;  
    height: auto !important;  
	height: 292px;
	/*border-right: 1px dotted #cccccc; 
	border-bottom: 1px dotted #cccccc; */
	margin: 3px 1px 0 1px;
	float: left;
} 
#newArrival #itemArea .arrivalItem02{
	width: 160px;
    min-height: 250px;  
    height: auto !important;  
	height: 250px;
	/*border-right: 1px dotted #cccccc; 
	border-bottom: 1px dotted #cccccc; */
	margin: 3px 1px 0 1px;
	float: left;
} 

#newArrival #itemArea .arrivalLast{
	width: 160px;
    min-height: 292px;  
    height: auto !important;  
	height: 292px;
	margin: 3px 0 0 1px;
	float: left;
	/*border-bottom: 1px dotted #cccccc; */
}
#newArrival #itemArea .arrivalLast02{
	width: 160px;
    min-height: 250px;  
    height: auto !important;  
	height: 250px;
	margin: 3px 0 0 1px;
	float: left;
	/*border-bottom: 1px dotted #cccccc; */
}

.itemImg {
	width: 160px;
	height: 160px;
	padding: 5px 0 0 5px;
	margin: 10px auto;
	background: url(../images/item_bg.jpg) top left no-repeat transparent;
}

ul.newArrival {
	width: 150px;
	margin: 2px auto;
}

ul.newArrival li{
	text-align: left;	
	line-height: 1.3em;
}

ul.newArrival li.size{
	text-align: left;	
	line-height: 1.5em;
	font-size: 10px;
}

ul.newArrival li.red{
	text-align: left;	
	line-height: 1.5em;
	font-size: 10px;
	color: #ff0000;
}


#series {
	 width: 650px;	
	margin: 20px auto;	
	overflow: hidden;
	background: #FFFFFF;
}

#ttl_series {
	width: 650px;	
	height: 40px;
	margin: 0 0 10px;	
}

#seriesArea {
	width: 650px;
 	height: auto;
	margin: 5px auto;
	overflow: hidden;
}

#seriesArea .serBox{
	width: 320px;
	height: 130px;
	margin: 12px 10px 0 0;
	float: left;
}

#seriesArea .serBox2{
	width: 320px;
	height: 130px;
	margin: 12px 0 0 0;
	float: left;
}



/*FOOTER AREA ----

--use layout.css */


/************************
お買い物ガイドページ
************************/
.guide_area{ margin-bottom:40px;}
.guide_area .guide_title{ margin:30px 0 0 0; width:650px; padding-bottom:5px;}
.guide_area ul li.list{ background:url(../images/guide_icon.gif) no-repeat; padding:0 15px 0 18px; font-size:14px;/* font-weight:bold;*/ line-height:0px;}
.guide_area h2{ font-size:18px; font-weight: lighter; margin: 25px 0 15px 0; width:620px; color:#333333;}
.guide_area h3{ font-size:15px; margin: 30px 0 15px 0; color:#333333;}
/*.guide_area p{ margin: 0 0 0 15px;}*/
.guide_line{ display:block;margin:0 auto 0 auto; text-align:center; }
.guide_left{ float:left; width:270px; margin:0 10px 0 10px;}
.guide_right{ float:left; width:349px;}
.guide_gift{ width:650px; overflow:hidden; margin-bottom:20px;}
.guide_gift_xmas{
	width:608px;
	height:100px;
	overflow:hidden;
	margin:0 0 20px 5px;
	padding:70px 10px 30px 23px;
	background:url(../images/guide_tl_xmas.jpg);
}
.guide_area .table010{ margin-top:5px;}
.guide_area .table010 td{ border:1px solid #999999; padding:2px;}
.guide_area .guide_hard{ margin-left:10px;}
.guide_area .guide_wrapping_cap{ display:block; margin:15px 0 0 10px;}
.guide_area p a.guide_underline{text-decoration:underline;}
.guide_area .gide_anchor{overflow:hidden; margin:10px 0 0 50px;}
.guide_area .gide_anchor li{ float:left;}
.guide_area .gide_anchor02{ margin:10px auto 10px auto; width:487px;}
.guide_area .gide_anchor02 li{ float:left;}
.rt{ margin:25px 10px 0 0; text-align:right;}
.rt_a{ margin:25px 10px 0 0; text-align:right; font-weight:bold; clear:both;}
.guide_area strong{ font-weight:bold;}


/*クリスマス2013*/
.christmas_main{ margin:10px 0 20px 0;}
.christmas_contentsbox{ background:url(../images/christmas2013_bk.jpg) no-repeat; overflow:hidden; padding:20px; margin:30px 0 0 0;}
.christmas_contentsbox_l{ float:left; width:311px; margin:0 15px 0 0 ; }
.christmas_contentsbox_l p{ margin:15px 0 0 0;}
.christmas_main a:hover{opacity: 0.7;filter: alpha(opacity=70);-moz-opacity: 0.7;}
.christmas_contentsbox ul{ clear:both; margin:10px 0 0 0; overflow:hidden;}
.christmas_contentsbox ul li{ float:left; width:196px; margin:0 7px 0 0; text-align:center;}
.christmas_contentsbox_r{ float:left; width:279px; margin:0 0 15px 0;}
.christmas_btn{ text-align:center; margin:30px 0 30px 0;}



/************************
guide.html 20131203 Add _for Newsite
************************/
#ttl_shopguide {
	width: 900px;
	margin: 0 auto 20px;
	background: none repeat scroll 0 0 #989898;
	text-align: left;
}

ul.guideNav {
	width: 620px;
	margin: 10px auto;
	overflow: hidden;
}

ul.guideNav li {
	margin: 3px 10px 3px 0;
	padding: 0 0 0 17px;
	background:url(../images/guide_icon.jpg) no-repeat center left;
	float: left;
}

#okotowari {
	width: 610px;
	margin: 10px auto 25px;
	padding: 15px;
	border: 4px solid #dddddd;
	overflow: hidden;
	background:url(../images/onegai.jpg) no-repeat bottom right;
}


#shopinfo {
	width: 610px;
	margin: 10px auto 25px;
	padding: 15px;
	border: 1px solid #c60101;
	overflow: hidden;
	}
	
#xmasinfo {
	width: 610px;
	margin: 10px auto 5px;
	padding: 15px;
	border: 4px solid #c60101;
	overflow: hidden;
	background:url(../images/xmasinfo.jpg) no-repeat bottom right;
}	
	

.guide_b {
	font-weight: bold;
}

.guide_box {
	width: 650px;
	margin: 10px auto;
	overflow: hidden;
}

.guide_box .ttl_g {
	width: 650px;
	height: 30px;
	margin: 0 auto 15px;
	text-align: left;
}

.guide_box .guidetxt {
	width: 375px;
	margin: 0;
	float:left;
}

.guide_box .guideImg {
	width: 260px;
	margin: 0 0 5px 10px;
	float: right;
}

.guide_box .table_guide {
	margin-top: 10px;
	font-size: 12px;
	line-height: 1.6em;
}

.guide_box .table_guide td {
	border: 1px solid #999999;
	padding: 2px;
}

.caution {
	color: #FF0000;
}

.g_line {
	width: 650px;
	height: 10px;
	margin: 10px auto;
}
#gotoTop_online { /*ONLINE SHOP用*/
	width: 90px;
	height: 30px;
	margin: 10px 0 10px 540px;
}


/************************
トップページ 告知 
************************/
#newArrival01 {
	width: 650px;
	margin-bottom:20px;	
	overflow: hidden;
	background: #FFFFFF;
}

#newArrival02 {
	padding:20px;
	width: 608px;
	margin: 20px auto;	
	overflow: hidden;
	background: #FFFFFF;
	border:1px dashed #cccccc;
}
#newArrival03 {
	padding:20px;
	width: 608px;
	margin:20px auto 0;	
	overflow: hidden;
	background: #FFFFFF;
	border:1px dashed #cccccc;
}
#newArrival04 {
	width: 648px;
	margin: 20px 0;	
	overflow: hidden;
	background: #FFFFFF;
	border:1px dashed #cccccc;
}
#newArrival05 {
	width: 648px;
	margin: 20px 0;	
	overflow: hidden;
	background: #FFFFFF;
}


#newArrival06 {
	width: 648px;
	margin: 5px 0 0 0;	
	overflow: hidden;
	background: #FFFFFF;
}

#newArrival07 {
	width: 628px;
	margin: 20px 0;
	padding: 10px;	
	overflow: hidden;
	background: #FFFFFF;
	border:1px solid #cccccc;
}

#newArrival02 span,#newArrival03 span{ font-size:16px; font-weight:bold;}
#newArrival02 a,#newArrival03 a{ text-decoration:underline;}
#newArrival02 a:hover,#newArrival03 a:hover{ text-decoration:none;}

/************************
大カテ紹介ページ 
************************/
#mainArea ul.cate_list{ margin:20px 0 50px 0; overflow:hidden;}
#mainArea ul.cate_list li{ float:left; width:320px; display:inline;}
#mainArea p.cate_caption{ padding:10px;}

/************************
NEWSページ 
************************/
.news_ttl{ font-size:16px; font-weight:bold; margin-bottom:30px; text-align:center;}
.news_box{ padding:0 30px; line-height:2;}
#gotoTop_online02 { 
	width: 90px;
	height: 30px;
	margin: 10px 0 10px 810px;
}
.right_y{ text-align:right; display:block;}

.news_ttl2{ padding:10px 30px; font-size:14px; font-weight:bold; border:#999999 solid 1px; text-align:center;}
.news_box2{ border-bottom:#999999 dotted 1px; font-size:12px; padding:20px 30px 20px 30px; line-height:17px;}


/************************
送料無料ページ 
************************/
.border_dashed{ border:dashed 1px #cccccc;}
.border_solid{ border: solid 1px #cccccc;}
#mainArea div.cate_caption{ padding:10px;}
#mainArea div.cate_caption h2{ font-size:13px; font-weight:bold; margin:8px 0;}



/*画像の回り込みの設定*/
.imgleft{
float:left;
margin:0px 20px 0px 0px;
}

.imgright{
float:right;
margin:0px 0px 0px 20px;
}

#ranking #rankItemArea .rankItem{
	width: 200px;
    min-height: 292px;  
    height: auto !important;  
	height: 292px;
	margin: 3px 20px 0 1px;
	float: left;
}

#ranking #rankItemArea .rankItem2{
	width: 200px;
    min-height: 292px;  
    height: auto !important;  
	height: 292px;
	margin: 3px 1px 0 1px;
	float: left;
}

.rankIcon {
	margin-bottom:3px; text-align:center;
}

.rankBox {
	border:solid 1px #cccccc; padding:5px 10px;
}

.rankItemImg {
	width: 160px;
	height: 160px;
	padding: 5px 0 0 5px;
	margin: 10px auto;
	background: url(../images/item_bg.jpg) top left no-repeat transparent;
}

ul.ranking {
	width: 150px;
	margin: 2px auto;
}

ul.ranking li{
	text-align: left;	
	line-height: 1.3em;
}

ul.ranking li.size{
	text-align: left;	
	line-height: 1.5em;
	font-size: 10px;
}

ul.ranking li.red{
	text-align: left;	
	line-height: 1.5em;
	font-size: 10px;
	color: #ff0000;
}