@charset "Shift_JIS";
	
/* container_
------------------------------------------------ */
div.container_ {
	/**background: url("../../..//img/usr/top/bg.jpg") no-repeat center top #fff;**/
}

/* top_main
------------------------------------------------ */
#top_main {
	position: relative;
	margin: 0 auto;
	width: 1014px;
	height: 667px;
	/**background: url("../../..//img/usr/top/main_frame.png") no-repeat left top;**/
}

#top_main .slide {
	position: relative;
	margin: 0 auto;
	padding-top: 15px;
	width: 950px;
	height: 600px;
}

#top_main .slide .frame {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#top_main .slide .move {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



#top_main .slide .move li {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
}

#top_main .thumb {
	position: absolute;
	bottom: 41px;
	left: 0;
	width: 100%;
	height: 85px;
	overflow: hidden;
}

#top_main .thumb .frame {
	position: absolute;
	top: 85px;
	left: 32px;
	width: 950px;
	height: 100%;
	background: url("../../../img/usr/share/opacity_bg1.png") repeat left top;
	overflow: hidden;
}

#top_main .thumb .move {
	position: absolute;
	top: 5px;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: right;
}

#top_main .thumb .move li {
	display: inline-block;
	*display: inline;
	margin-right: 5px;
	width: 130px;
	*zoom: 1;
}

#top_main .thumb .move li img { width: 100%; }

#top_main .balloon {
	position: absolute;
	bottom: 95px;
	display: none;
	margin-left: 30px;
	padding-bottom: 10px;
}

#top_main .balloon div { padding: 3px 5px; background: #fff; border: solid #000 1px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
#top_main .balloon span { position: absolute; bottom: 0; left: 50%; display: block; margin-left: -5px; width: 10px; height: 11px; background: url("../../..//img/usr/top/main_balloon.png") no-repeat center bottom; }

/* how_word_news
------------------------------------------------ */
#how_word_news {
	position: relative;
	margin-top: 20px;
}

#how_word {
	position: absolute;
	top: 0;
	left: 0;
	width: 450px;
	height: 150px;
	background: url("../../..//img/usr/top/hotword.jpg") no-repeat left top;
}

#how_word h2 { padding: 12px 0 0 66px; }
#how_word .word { padding: 50px 55px 0; text-align: center; font-size:13px;}
#how_word .word a { display: inline-block; margin: 0 5px 5px; text-decoration: underline;  color: #000; }
#how_word .word a:hover { text-decoration: none; }

#news {
	position: absolute;
	top: 0;
	left: 423px;
	width: 450px;
	height: 150px;
	background: url("../../..//img/usr/top/news.jpg") no-repeat left top;
}

#news h2 { padding: 16px 0 0 55px; }
#news .sticker { position: relative; margin: 50px 55px 0; width: 310px; height: 80px; overflow: hidden; font-size:13px;}
#news .sticker .move { position: absolute; top: 0; left: 0; width: 100%; }
#news .sticker .move li { width: 100%; height: 80px; }
#news .sticker .move li a:link { color: #F00; text-decoration: underline; }
#news .sticker .move li a:visited { color: #F00; text-decoration: underline; }
#news .sticker .move li a:hover { text-decoration: none; }


/* topics_new_arrival
------------------------------------------------ */
#topics_new_arrival {
	}

#topics {
	position: relative;
	float: right;
	width: 230px;
	padding-top: 220px;
}

#topics .illust {
	position: absolute;
	top: 50px;
	right: -60px;
}

#topics .slide {
	position: relative;
	margin-top: 30px;
	padding: 60px 0;
}

#topics .slide .frame {
	position: relative;
	width: 100%;
	height: 590px;
	overflow: hidden;
}

#topics .slide .move {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

#topics .slide .move li {
	margin-bottom: 10px;
	width: 100%;
	height: 190px;
}

#topics .slide .up,
#topics .slide .down { position: absolute; left: 0; display: block; width: 100%; height: 42px; background-position: center top; background-repeat: no-repeat; text-indent: -9999px;}
#topics .slide .up { top: 0; background-image: url("../../..//img/usr/top/slide_up.gif"); }
#topics .slide .down { bottom: 0; background-image: url("../../..//img/usr/top/slide_down.gif"); }

#new_arrival {
	float: left;
	padding-top: 220px;
	width: 755px;
}

#new_arrival ul {
	}

#new_arrival ul li {
	display: inline-block;
	*display: inline;
	margin-top: 30px;
	width: 250px;
	text-align: center;
	vertical-align: top;
	*zoom: 1;
}

#new_arrival ul li .photo { margin: 0 auto 30px; width: 180px; }
#new_arrival ul li .photo img { width: 100%; }
#new_arrival ul li .name { margin: 0 10px; font-size: 100%; font-weight: normal; }
#new_arrival ul li .name a { color: #333; }
#new_arrival ul li .price {
	margin: 0 10px;
	color: #333;
	font-weight: bold;
}

#new_arrival .more {
	margin-top: 50px;
	text-align: center;
}

/* ranking
------------------------------------------------ */
#ranking {
	margin-top: 100px;
}

#ranking ol {
	margin: 30px 0 0 -70px;
}

#ranking ol li {
	float: left;
	margin-left: 70px;
	padding-top: 90px;
	width: 150px;
}

#ranking a {
	color:#333;
}

#ranking p {
	color:#333;
}


#ranking ol .rank1 { background: url("../../..//img/usr/top/rank_no1.jpg") no-repeat center top; }
#ranking ol .rank2 { background: url("../../..//img/usr/top/rank_no2.jpg") no-repeat center 10px; }
#ranking ol .rank3 { background: url("../../..//img/usr/top/rank_no3.jpg") no-repeat center 10px; }
#ranking ol .rank4 { background: url("../../..//img/usr/top/rank_no4.jpg") no-repeat center 47px; }
#ranking ol .rank5 { background: url("../../..//img/usr/top/rank_no5.jpg") no-repeat center 47px; }
#ranking ol li img { width: 100%; }

#ranking .more {
	margin-top: 50px;
	text-align: center;
}

/* rearrival
------------------------------------------------ */
#rearrival {
	margin-top: 100px;
}



#rearrival ol {
	margin: 0px 0 0 -20px;
}

#rearrival a{ 
	color: #333; 
}

#rearrival ol li {
	float: left;
	margin-left: 30px;
	padding-top: 30px;
	width: 180px;
	text-aligin:center;
}

#rearrival h3.name{
	text-align:center;
}

#rearrival .price{text-align:center;
color:#333;
font-weight:bold;}


#rearrival ol li img { width: 100%; }


#rearrival .more {
	margin-top: 50px;
	text-align: center;
}




/* pickup
------------------------------------------------ */
#pickup1 {
	margin-top: 100px;
}



#pickup1 ol {
	margin: 0px 0 0 -20px;
}

#pickup1 a{ 
	color: #333; 
}

#pickup1 p{ 
	color: #333; 
}

#pickup1 ol li {
	float: left;
	margin-left: 30px;
	padding-top: 30px;
	width: 180px;
}

#pickup1 h3.name{text-align:center;}

#pickup1 .price{text-align:center;
color:#aaa;
font-weight:bold;}


#pickup1 ol li img { width: 100%; }


#pickup1 .more {
	margin-top: 50px;
	text-align: center;
}



/* randa_select
------------------------------------------------ */
#randa_select {
	position: relative;
	margin-top: 100px;
}

#randa_select .item_list {
	list-style: none;
}

#randa_select .item_list li {
	float: left;
	margin: 50px 0 70px 70px;
	width: 175px;
	text-align: center;
}

#randa_select .item_list li h4 { margin-bottom: 20px; height: 30px; }
#randa_select .item_list li .photo {}


/* randa_style
------------------------------------------------ */
#randa_style {
	position: relative;
	margin-top: 10px;
}

/* collection
------------------------------------------------ */
#collection {
	position: relative;
	margin-top: 100px;
	min-height: 870px;
}

#collection h3 {
	position: absolute;
	top: 195px;
	right: 13px;
	z-index: 2;
}

#collection .illust1,
#collection .illust2 { position: absolute; z-index: 1; }
#collection .illust1 { top: 45px; right: 0; }
#collection .illust2 { top: 773px; left: 130px; }

#collection .butterfly { position: absolute; top: 90px; left: 670px; z-index: 1; }

#collection .slide {
	position: relative;
	margin-top: 175px;
	padding: 20px 30px 0;
	width: 722px;
	height: 520px;
	background: url("../../..//img/usr/top/collection_frame.png") no-repeat center top;
	z-index: 2;
}

#collection .slide .frame {
	position: relative;
	margin-left: 20px;
	width: 680px;
	height: 478px;
	overflow: hidden;
}

#collection .slide .move {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#collection .slide .move li {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
}

#collection .slide .prev,
#collection .slide .next { position: absolute; top: 50%; display: block; margin-top: -12px; width: 21px; height: 24px; background-position: left top; background-repeat: no-repeat; text-indent: -9999px; }
#collection .slide .prev { left: 0; background-image: url("../../..//img/usr/top/slide_prev.png"); }
#collection .slide .next { right: 0; background-image: url("../../..//img/usr/top/slide_next.png"); }

#collection .more {
	position: relative;
	padding-left: 540px;
	z-index: 2;
}

/* pick_up
------------------------------------------------ */
#pick_up {
	position: relative;
	margin-top: 30px;
	height: 1150px;
}

#pick_up .illust1,
#pick_up .illust2 { position: absolute; z-index: 1; }
#pick_up .illust1 { bottom: 0; left: 35px; }
#pick_up .illust2 { top: 55px; left: -70px; }

#pick_up .butterfly { position: absolute; top: 0; left: 0; z-index: 1; }
#pick_up .butterfly li { position: absolute; }
#pick_up .butterfly .bf1 { top: 80px; left: 780px; }
#pick_up .butterfly .bf2 { top: 130px; left: 830px; }
#pick_up .butterfly .bf3 { top: 170px; left: 785px; }

#pick_up .butterfly .bf4 { top: 350px; left: 695px; }
#pick_up .butterfly .bf5 { top: 315px; left: 725px; }
#pick_up .butterfly .bf6 { top: 285px; left: 740px; }
#pick_up .butterfly .bf7 { top: 255px; left: 725px; }
#pick_up .butterfly .bf8 { top: 185px; left: 750px; }
#pick_up .butterfly .bf9 { top: 150px; left: 800px; }
#pick_up .butterfly .bf10 { top: 115px; left: 795px; }
#pick_up .butterfly .bf11 { top: 85px; left: 850px; }
#pick_up .butterfly .bf12 { top: 120px; left: 890px; }
#pick_up .butterfly .bf13 { top: 85px; left: 900px; }

#pick_up .photo_list {
	position: absolute;
	top: 440px;
	left: 0;
	z-index: 2;
}

#pick_up .photo_list li { position: absolute; }
#pick_up .photo_list li .photo { position: relative; z-index: 1; overflow: hidden; }
#pick_up .photo_list li .frame { position: absolute; top: 0; left: 0; z-index: 2; }
#pick_up .photo_list li .comment { margin-top: 23px; text-align: center; }
#pick_up .photo_list .list1 { top: 100px; left: 207px; width: 293px; }
#pick_up .photo_list .list1 .photo { margin: 8px 0 0 9px; width: 271px; height: 181px; }
#pick_up .photo_list .list2 { top: 384px; left: 233px; width: 189px; }
#pick_up .photo_list .list2 .photo { margin: 10px 0 0 10px; width: 164px; height: 244px; }
#pick_up .photo_list .list3 { top: 383px; left: 498px; width: 225px; }
#pick_up .photo_list .list3 .photo { margin: 10px 0 0 9px; width: 201px; height: 201px; }
#pick_up .photo_list .list4 { top: 183px; left: 806px; width: 222px; }
#pick_up .photo_list .list4 .photo { margin: 12px 0 0 12px; width: 193px; height: 287px; }

#pick_up .pic {
	position: absolute;
	top: 441px;
	left: 0;
	z-index: 2;
}

#pick_up .pic li { position: absolute; }
#pick_up .pic .pic1 { top: 347px; left: 27px; }
#pick_up .pic .pic2 { top: 154px; left: 580px; }
#pick_up .pic .pic3 { top: 575px; left: 780px; }

#pick_up .sns {
	position: absolute;
	bottom: 0;
	left: 35px;
	z-index: 2;
}
#pick_up .sns li { position: absolute; }
#pick_up .sns .tw { bottom: 325px; left: 655px; }
#pick_up .sns .instagram { bottom: 170px; left: 315px; }
#pick_up .sns .fb { bottom: 45px; left: 385px; }


/* others
------------------------------------------------ */
#others {
	margin-top: 100px;
}

#others ul {
	position: relative;
	margin: 65px 0 0 -13px;
	width: 1072px;
	height: 602px;
	background: url("../../..//img/usr/top/others_bg.jpg") no-repeat left top;
}

#others ul li { position: absolute; }
#others ul .bnr_styling { top: 105px; left: 11px; }
#others ul .bnr_shoplist { top: 105px; left: 392px; }
#others ul .bnr_blog { top: 107px; left: 770px; }




/* ランキング手動
------------------------------------------------ */

.sub_ranking{
margin-bottom:15px;
color:#333;/*商品名の文字色*/
}
.sub_ranking .CrossHead{
font-weight:bold;/*見出しの装飾*/
font-size:14px;/*見出しの文字サイズ*/
color:#000000;/*見出しの文字色*/
text-align:left;/*見出しの位置*/
}
.sub_ranking a{
font-size:12px;/*商品名の文字サイズ*/
color:#333;/*商品名の文字色*/
}

.sub_ranking .itemPrice{display:none
}
.sub_ranking .FS2_itemPrice_addition{display:none
}
.sub_ranking a img{
border:none;
width:180px;
}
.sub_ranking caption{
font-weight:bold;
text-align:left;
}
.sub_ranking th{
border:0px solid #ddd;
text-align:center;
padding:3px;
vertical-align:bottom;
}
.sub_ranking td{
border:0px solid #ddd;
padding:15px;
vertical-align:top;
line-height:1.3;
width:180px;
}
.sub_ranking td img{
 margin-bottom:0px;}


.name_sub{
	text-align:center;
}

.price_sub{text-align:center;
font-size:12px;
margin: 0px 10px;
	color:#333;
	font-weight: bold;}
	


.rankred {
	color: #F00;
}

.rankstrike{
	text-decoration:line-through;}