@charset "utf-8";

/*
	2010/09/13 改定（最下部のバナー）
*/


/*----------------------------------------
  top
------------------------------------------*/
#contents.top .topLeft {
	float: left;
	width: 500px;
	padding-left: 10px;
	}
#contents.top .topRight {
	float: right;
	width: 225px;
}

	#contents.top .banners {
		margin-bottom: 15px;
	}
		#contents.top .banners p {
			margin-bottom: 10px;
		}
	
	#contents.top .newItem {
		position: relative;
		margin-bottom: 15px;
	}
		#contents.top .newItem .newItemBtn {
			position: absolute;
			top: 0;
			right: 0;
		}
/*newアイテムのプルダウン*/
#contents.top .newItem div.newItemBtn{font-size:10px;
}
#contents.top .newItem div.newItemBtn select{
border:1px solid #7F9DB9;
}
		#contents.top .newItem div.newItemBtn p{
		
		float:left;	
		}
		#contents.top .newItem li {
			float: left;
			width: 146px;
			height: 150px;
			background: url(../images/top/newitem_bg.gif) no-repeat left top;
			padding: 7px 7px 0;
		}
			#contents.top .newItem li p {
				font-size: 10px;
				line-height: 1.2;
				text-align:center;
			}
				#contents.top .newItem li p strong {
					color: #e10000;
				}

	#contents.top .pickup {
		/*margin-bottom: 10px;*/
	}
		#contents.top .pickup p {
			margin-bottom: 10px;
		}

	#contents.top .category table {
		width: 500px;
		background: url(../images/top/category_bg.gif) repeat-y left top;
		border-bottom: 1px solid #dae1e4;
		margin-bottom: 10px;
	}
		#contents.top .category td {
			width: 125px;
			vertical-align: top;
			padding-bottom: 20px;
			background: url(../images/top/category_bg2.gif) no-repeat right bottom;
		}
			#contents.top .category td.zakka {
				background: #ffffff;
			}

			#contents.top .category td ul {
				font-size: 10px;
				color: #666666;
				padding-left: 6px;
			}
				#contents.top .category td ul li {
					width: 105px;
					padding: 2px 0 3px 13px;
					background: url(../images/com/arrow_r_graybox.gif) no-repeat left center;
				}
					#contents.top .category td ul li a {
						color: #666666;
					}
	
	#contents.top .ranking {
		margin-bottom: 25px;
	}
		#contents.top .ranking h3 {
			font-size: 12px;
			color: #480000;
			text-align: center;
			font-weight: bold;
			padding: 8px 0 7px 0;
			background: url(../images/com/bg_dotline_h.gif) repeat-x left top;
		}
		#contents.top .ranking ul {
			background: url(../images/com/bg_dotline_h.gif) repeat-x left top;
			margin-bottom: 10px;
		}
			#contents.top .ranking li {
				background: url(../images/com/bg_dotline_h.gif) repeat-x left bottom;
				padding: 6px 0 5px 0;
				width: 225px;
			}
				#contents.top .ranking li .images {
					float: left;
					width: 85px;
				}
				#contents.top .ranking li p {
					float: left;
					font-size: 10px;
					color: #333333;
					line-height: 1.2;
					margin: 4px 0 0 5px;
				}
					#contents.top .ranking li p strong {
						color: #e10000;
					}

		#contents.top .ranking form {
			position: relative;
			width: 225px;
			font-size: 10px;
			line-height: 1.2;
			color: #333333;
		}
			#contents.top .ranking form p {
			}
			#contents.top .ranking select {
				/*position: absolute;
				top: 1px;
				right: 0;*/
				border: 1px solid #7f9db9;
				width: 100%;
				/*height: 20px;*/
				font-size: x-small;
			}
			#contents.top .ranking form p.rankingSelectTxt{
			margin-top:3px;
			text-align:right;
			font-size:11px;
			}
			#contents.top .ranking form p.rankingSelectTxt2{
			margin-top:2px;
			text-align:left;
			font-size:10px;
			}
			#contents.top .ranking form p.rankingSelectTxt input{margin-left:3px;
			
			}
	
	#contents.top .information {
		margin-bottom: 20px;
	}
		#contents.top .information ul li {
			margin-bottom: 6px;
		}
			#contents.top .information ul li p {
				font-size: 10px;
				padding-left:10px;
				margin-top: 1px;
				line-height: 18px;
				background: url(../images/com/arrow_r_graybox.gif) no-repeat left center;
			}
			#contents.top .information ul li a {
				color: #666666;
			}
	
	#contents.top .news ul li {
		color: #333333;
		font-size: 10px;
		line-height: 1.4;
		padding-bottom: 8px;
		margin-bottom: 8px;
		background: url(../images/com/bg_dotline_h.gif) repeat-x left bottom;
	}
		#contents.top .news ul li strong {
			font-weight: bold;
			color: #000000;
		}
	
	#contents.top .newItem h2,
	#contents.top .pickup h2, 
	.dottedLine{
		padding-bottom: 1px;
		margin-bottom: 10px;
		background: url(../images/com/bg_dotline_h.gif) repeat-x left bottom;
	}

/*oterItem*/
#contents.top div.otherItem{margin-bottom:10px;
}

#contents.top div.otherItem{margin-top:14px;
}

#contents.top div.otherItem h3{margin-left:1px;
}

#contents.top div.otherItem_bgrepeat{
background: url(../images/top/title_otheritem_bg_repeat.jpg) repeat-y 0 0;
}

#contents.top div.otherItem ul{margin-left:25px;}
#contents.top div.otherItem ul li{float:left; font-size:10px;}
#contents.top div.otherItem ul li p.itemPrice,table.oItemProd td p.itemPrice{color:red;}
#contents.top div.otherItem ul li{margin-left:16px;}
#contents.top div.otherItem ul li.first{margin-left:0px;}

/*topラグランのバナー*/

div#oItemBanners{background:#EFEFE2; margin:0 1px;

}

div#oItemBanners ul#oItemBannersUl{margin:0 0 0 0px;/* background:black;*/ height:210px;
}

div#oItemBanners ul#oItemBannersUl li{float:left; margin:10px 0px 0px 9px!important; margin:10px 0px 0px 5px;

}

table.oItemProd{/*background:black;*/ margin-left:10px;}

table.oItemProd td{ vertical-align:top; font-size:10px;}

table.oItemProd td div{width:100px; margin:0 10px 0;}

table.oItemProd tr.oItemBtn td{padding-top:2px;}

div#oItemBanners p.oItemBpic1{/*margin-left:10px;*/
}
div#oItemBanners p.oItemBpic2{
}


/*hirakids*/
/*バナーの部分キッズのみ適応*/
#contents.top div.otherItem p.otherItemPicup{/*text-align:center;*/ background:#EFEFE2; margin:0 1px;
}

#contents.top div.otherItem p.otherItemPicup02{/*text-align:center;*/ background:#EFEFE2; margin:0 1px;
}


#contents.top div.otherItem p.otherItemPicup img{display:block;padding:10px 0 10px 9px;
}
#contents.top div.otherItem p.otherItemPicup02 img{display:block;padding:0px 0 10px 9px;
}
/*バナーの部分キッズのみ適応　　終わり*/


div.kidsHead{width:755px; clear:both;}
div.kidsHead ul li{float:left;}

div.kidsTopPick{background: url(../images/top/title_otheritem_bg_repeat.jpg) repeat-y 0 0; margin-bottom:10px;

}

div.kidsTopPick dl dd ul{margin-top:10px; margin-left:20px;}

div.kidsTopPick dl dd ul li{
background:url(../images/kids/kids_top/kd_top_pick_bg.gif) no-repeat 0 0; width:146px; height:140px; float:left; margin-right:10px; font-size:10px;
}

div.kidsTopPick dl dd ul li a img{display:block; margin:5px 0 0 5px}
div.kidsTopPick dl dd ul li p{margin-left:20px; color:red;}







/*2009/08追加*/


#contents.top .pickup .top_title_bg{
background:url(../images/top/box_title.gif) no-repeat;
height:41px;
}

#contents.top .pickup .top_title_bg h3{
font-size:14px;
font-weight:bold;
padding:4px 0 0 24px;
color:#444;
}

#contents.top .pickup .top_bnr_link img{
margin:10px 0 0 10px;
padding:0;
}

#contents.top .pickup .top_bnr_link p{
margin:2px 10px 0 10px;
padding:0;
font-size:10px;
}

#contents.top .pickup .top_bnr_link p a{
padding:0 0 0 10px;
background: url(../images/com/arrow_r_graybox.gif) no-repeat left center;
color: #666666;
}

#contents.top div.otherItem{margin-top:0;
}

#contents.top .pickup .kids_title_bg{
background:url(../images/event/kids/kids_top/box_kid_title.gif) no-repeat;
height:41px;
}

#contents.top .pickup .kids_title_bg h3{
font-size:14px;
font-weight:bold;
padding:4px 0 0 24px;
color:#444;
}

#contents.top .pickup .school_title_bg{
background:url(../images/event/school/box_sc_title.gif) no-repeat;
height:41px;
}

#contents.top .pickup .school_title_bg h3{
font-size:14px;
font-weight:bold;
padding:4px 0 0 24px;
color:#444;
}



/* add 2010//04/30 */
/*
#contents.top table.TblOsSandal{margin:5px 0 0 10px;}


#contents.top table.TblOsSandal td p.itemPrice{color:red;margin:0;}


#contents.top table.TblOsSandal td{ vertical-align:top; font-size:10px;}

#contents.top table.TblOsSandal td div{width:100px; margin:0 10px 0;}


#contents.top table.TblOsSandal td div .TblOsSandalImg,
#contents.top table.TblOsSandal td div .TblOsSandalImg img,
#contents.top table.TblOsSandal td div .TblOsSandalImg a
{margin:0;
padding:0;}

table.TblOsSandal tr.oItemBtn td{padding-top:2px;}
*/

/* -------

2010/08 追加

*/


/* top main visual */
.top h2
{
	margin-bottom:5px;
}

/*
.top a:hover img
{
	opacity:0.8;
	filter: alpha(opacity=80);
}
*/
.recommendGoods ul li img
{
	border-style:solid;
	border-width:1px;
}

/* -------

2011/10 追加

*/
.recommendGoods ul.ulborder
{
	margin-bottom:12px;
	background:url(../images/top/border_2ndArea_dotted.gif) left bottom no-repeat;
	padding-bottom:12px;
}


/* news */


.newsArea
{
	margin:10px auto 10px;
	border:1px solid #d2d3d7;
	clear:left;
}

.newsArea h3,
.newsArea ul,
.newsArea p
{
	float:left;
}

.top ul.whatsNews
{
	width:617px;
	margin:0;
}

ul.whatsNews li
{
	display:list-item;
	vertical-align:top;
	padding-left:10px;
	padding-top:1px;
}

.newsArea p
{
	padding:2px;
}


/* カテゴリーエリア  */

div.addCatchCopy
{
	text-align:right;
	float:right;
	margin-top:0;
	position:relative;
	top:6px;
}

div.addCatchCopy img
{
	margin-right:1px;
/*	margin-top:6px;*/
}


.mainColumnWrapper
{
	background:url(../images/top/bg_topH3.gif) top left repeat-y;
	margin-bottom:10px;
	clear:left;
}

.mainColumnBottom
{
	background:url(../images/top/bg_goodsArea_bottom.gif) bottom left no-repeat;
	padding-bottom:3px;
}


.mainColumnWrapper h2
{
	background:url(../images/top/bg_topH3_top.gif) top left repeat-x;
	padding:15px 9px 0;
	font-weight:bold;
}

.mainColumnWrapper h2 span
{
	border-left:6px solid #d90000;
	padding-left:6px;
}

.mainColumnArea
{
	background:url(../images/top/bg_goodsArea.gif) top left repeat-y;
	clear:both;
}

.mainColumn:after
{  
	content: url(../images/com/spacer.gif);
	display: block;
	clear: both;
	height: 0; 
}
.mainColumn/* for ie7 */
{  
	display: inline-block;
	width:744px;
	background:url(../images/top/bg_goodsArea_top.gif) top left no-repeat;
	padding:19px 0 2px 11px;
}

.categories .mainColumn
{
/*	margin-top:-9px;*/
/*	background-image:url(../images/top/banner110108/bg_categoriesTop.jpg);*/
}

.categoryWrapper
{
	width:184px;
	float:left;
}


.categoryWrapper div.colorArea
{
	background:url(../images/top/bg_categoryArea.gif) top left repeat-y;
	margin-top:0;
}

.categoryWrapper div h3
{
	padding:5px 7px;
}

.categoryWrapper div h3 a
{
	display:block;
}

.categoryWrapper div ul
{
	background:url(../images/top/bg_categoryArea_bottom.gif) bottom left no-repeat;
	padding-bottom:8px;
}

* html .categoryWrapper div ul
{
	padding-bottom:0;
}

*:first-child+html .categoryWrapper div ul
{
	padding-bottom:0;
}
 


#orange_a
{
	background:url(../images/top/110812/bg_orangeArea_a.jpg) top left no-repeat;
}
#orange_b
{
	background:url(../images/top/110812/bg_orangeArea_b.jpg) top left no-repeat;
}
#orange_c
{
	background:url(../images/top/bg_orangeArea_c.jpg) top left no-repeat;
}

#green_a
{
	background:url(../images/top/110812/bg_greenArea_a.jpg) top left no-repeat;
}
#green_b
{
	background:url(../images/top/110812/bg_greenArea_b.jpg) top left no-repeat;
}
#green_c
{
	background:url(../images/top/bg_greenArea_c.jpg) top left no-repeat;
}

#pink_a
{
	background:url(../images/top/110812/bg_pinkArea_a.jpg) top left no-repeat;
}
#pink_b
{
	background:url(../images/top/110812/bg_pinkArea_b.jpg) top left no-repeat;
}
#pink_c
{
	background:url(../images/top/bg_pinkArea_c.jpg) top left no-repeat;
}

#blue_a
{
	background:url(../images/top/110812/bg_blueArea_a.jpg) top left no-repeat;
}
#blue_b
{
	background:url(../images/top/110812/bg_blueArea_b.jpg) top left no-repeat;
}
#blue_c
{
	background:url(../images/top/bg_blueArea_c.jpg) top left no-repeat;
}

.categoryWrapper div ul li
{
	margin:4px 8px 0;
	background:url(../images/top/border_categoryList.gif) bottom center no-repeat;
	height:auto;
}

* html .categoryWrapper div ul li
{
	line-height:1.1;
	height:2.4em;
}

*:first-child+html .categoryWrapper div ul li
{
	margin-top:4px;
	height:2.9em;
} 

.categoryWrapper div ul li.eachCategoryLast
{
	background-image:none;
}

.categoryWrapper div ul li a
{
	padding-left:12px;
}

.categoryWrapper div ul li a dfn
{
	font-weight:bold;
	text-decoration:underline;
}

.categoryWrapper div ul li span
{
/*	text-decoration:none;*/
	padding-left:12px;
	display:block;
	font-size:80%;
}

.categoryWrapper div ul li a:hover span
{
	text-decoration:none;
}

.orangeArea ul li a
{
	background:url(../images/top/arrow_orange.gif) 0px 2px no-repeat;
	color:#fda84f;
}

.orangeArea ul li a span,
.greenArea ul li a span,
.pinkArea ul li a span,
.blueArea ul li a span
{
	color:#333;
}

.greenArea ul li a
{
	background:url(../images/top/arrow_green.gif) 0px 2px no-repeat;
	color:#90c819;
}

.pinkArea ul li a
{
	background:url(../images/top/arrow_pink.gif) 0px 2px no-repeat;
	color:#f87fa4;
}

.blueArea ul li a
{
	background:url(../images/top/arrow_blue.gif) 0px 2px no-repeat;
	color:#4bc4dd;
}


.mainColumn a:hover img
{
	opacity:0.8;
	filter: alpha(opacity=80);
	background-color:#fff;
}


.seasonSelect ul li
{
	display:inline-block;
	padding-right:2px;
	font-size:10px;
	line-height:1.1;
	vertical-align:top;
}

* html .seasonSelect ul li
{
	display:inline;
}

*:first-child+html .seasonSelect ul li
{
	display:inline;
	width:114px;
}

*:first-child+html .seasonSelect ul li img
{
	margin-right:2px;
}

.seasonSelect ul li img
{
	vertical-align:top;
}


/* 季節ものバナーエリア */

.seasonSelect .mainColumn
{
	padding-left:15px;
}

* html .seasonSelect .mainColumn
{
	padding-left:9px;
}


.seasonSelect .mainColumn div
{
	margin-bottom:10px;
}

.seasonSelect .mainColumn h3
{
	float:left;
	clear:left;
}

.seasonSelect .mainColumn h3 img
{
	margin-right:5px;
}

.seasonSelect .mainColumn ul li a
{
	display:inline-block;
	width:112px;
	text-decoration:none;
}

.specialBanners
{
	margin-bottom:12px;
	margin-top:6px;
/*	height:64px;*/
	vertical-align:top;
	clear:left;
}

/*
3連バナー下線用
2011/10/27追加
*/

.specialBannersBorder
{
	background:url(../images/top/border_2ndArea_dotted.gif) left bottom no-repeat;
	padding-bottom:12px;
}
 

.specialBanners li img
{
	vertical-align:top;
	margin-bottom:0;
}

.seasonSelect .mainColumn ul.specialBanners li
{
	padding-right:0;
}

.seasonSelect .mainColumn ul.specialBanners li img
{
	vertical-align:top;
}


* html .seasonSelect .mainColumn ul.specialBanners li
{
	width:242px;
}


*:first-child+html .seasonSelect .mainColumn ul.specialBanners li
{
	width:242px;
}


.withTxt li
{
	width:240px;
}

html:not(:target) .withTxt
{
	margin-top:0;
}

.seasonSelect .mainColumn ul.specialBanners li a
{
	width:auto;
}

.seasonSelect ul li a span
{
	text-decoration:none;
}

.seasonSelect .mainColumn ul li a:hover span
{
	text-decoration: underline;
}


.seasonSelect ul li strong
{
	font-weight:bold;
	color:#f00;
	font-size:12px;
}

.seasonSelect ul li em
{
	color:#f00;
}

.seasonSelect ul li img
{
	margin-bottom:2px;
	vertical-align:top;
}


.special_a ul li img
{
	border:1px solid #d0bdb7;
}

.special_b ul li img
{
	border:1px solid #fed88a;
}
.special_c ul li img
{
	border:1px solid #0459b3;
}
.special_d ul li img
{
	border:1px solid #f67c53;
}
.special_e ul li img
{
	border:1px solid #f96d0b;
}
.special_f ul li img
{
	border:1px solid #8c222c;
}

.special_g ul li img
{
	border:1px solid #4e80bf;
}

.bottomBanners:after
{  
	content: url(../images/include/spacer.gif);
	display: block;
	clear: both;
	height: 0; 
}
.bottomBanners/* for ie7 */
{  
	display: inline-block;
}  


.bottomBanners li
{
	width:250px;
	float:left;
}

html:not(:target) .ffNoDisplay
{
	display:none;
}

.bottomBanners li span
{
	line-height:1.2;
	font-size:11px;
	display:inline-block;
	height:auto;
}

* html .bottomBanners li span
{
	height:2em;
}


/* フッター */

#footer
{
	position:static;
	clear:both;
}


#footer .pageTop {
		position: static;
		top: 10px;
		right: 0;
	}

#footer .pageTop {
		float:right;
	}


/*
メインバナー直下
2010/11/30追加
*/

.mainUnder
{
	clear:both;
	background:url(../images/top/banner101130/bg_mainUnder.gif) top left no-repeat;
	margin:10px auto;
	width:754px;
}

*:first-child+html .mainUnder
{
	margin-top:0;
}

.mainUnder ul
{
	padding:0 3px 3px;
}

.mainUnder ul li
{
	display:inline;
}

/* メイン直下バナー追加 2010/12/17 */
.mainunderBanner
{
	clear:left;
	padding-bottom:5px;
}

/* セール商品 2011/01/07 */
.special_110108 ul li
{
	vertical-align:top;
}

.special_110108 ul li img
{
	border:1px solid #f21600;
	vertical-align:top;
}

/* 2011/01/21変更分 */

.main110121 ul.underMain li
{
	float:left;
	margin-bottom:10px;
}

.recommend_20110121_a ul li img
{
	border-color:#fb6998;
}

.recommend_20110121_b ul li img
{
	border-color:#ce8ed8;
}

.recommend_20110121_c ul li img
{
	border-color:#5387c3;
}

.recommend_20110121_d ul li img
{
	border-color:#ff3608;
}


/* /main 2011/01/21 */


/* 2011/04/01変更分 */
.topMian li
{
	float:left;
}

.underMain
{
	clear:left;
}

* html .underMain
{
	margin-top:-5px;
}
 
*:first-child+html .underMain
{
	margin-top:-5px;
} 

/*

2011/04/21 追加

*/

.recommend_20110421 ul li img
{
	border-color:#157B48;
}


/*

2011/06/03 追加

*/

.recommend_20110603_a ul li img
{
	border-color:#21C3EA;
}

.recommend_20110603_b ul li img
{
	border-color:#006B98;
}

/*

2011/07/06 追加

*/

.summerSale2011
{
	text-align:center;
	margin-bottom:20px;
}

/*

2011/08/12 追加

*/

.recommend_20110812_a ul li img
{
	border-color:#9a6600;
}

.recommend_20110812_b ul li img
{
	border-color:#000098;
}

.recommend_20110812_c ul li img
{
	border-color:#980065;
}

.recommend_20110812_d ul li img
{
	border-color:#cb3301;
}

.recommend_20110812_e ul li img
{
	border-color:#8f2027;
}

/*

2011/09/20 追加

*/

.recommend_20110920_a ul li img
{
	border-color:#1e90ff;
}

/*