@charset "utf-8";


/* ------------------------------------------
  トップ
------------------------------------------ */

#imageArea {width:780px;height:300px;margin-bottom:20px;position:relative;overflow:hidden;}
#imageArea .slides_container {width:780px;overflow:hidden;position:relative;display:none;}
#imageArea .slides_container a {width:780px;height:300px;display:block;}
#imageArea .prev {position:absolute;top:140px;left:0px;width:30px;height:30px;display:block;z-index:101;opacity:0.7;filter:alpha (opacity=70);}
#imageArea .next {position:absolute;top:140px;right:0px;width:30px;height:30px;display:block;z-index:101;opacity:0.7;filter:alpha (opacity=70);}
#imageArea .pagination {position:absolute;bottom:0px;right:0;width:140px;padding:0 20px;height:27px;z-index:101;}
#imageArea .pagination li {float:left;margin:5px;list-style:inside;float:left;}
#imageArea .pagination li a {display:block;width:17px;height:17px;background:url(../img/top/pagination.png) 50% 0 no-repeat;overflow:hidden;}
#imageArea .pagination li.current a {background-position:50% -17px;}

.ban_long{width:780px;padding-bottom:20px;}
.ban_long ul li{display:inline;width:384px;}


/* -- 共通 -- */
#Pickup h3,#RankingItem h3,#subNew #artistblog h3,#subNew #Info h3{
	font-size:11px;line-height:110%;border-bottom:1px solid #00A0E9;
	padding-top:2px;padding-bottom:5px;background-repeat:no-repeat;background-position:left top;}
.blc a{z-index:200px;}
.photo img{z-index:150px;}

/* -- ありがとう３％ 新Ｔシャツ インタビューなど -- */
#News {width:780px;height:370px;display:block;}
#News .blc{height:370px;display:block;position:relative;float:left;border-top:1px solid #D3CBC5;border-bottom:1px solid #D3CBC5;border-right:1px solid #D3CBC5;background-position:left top;background-repeat:no-repeat;}
#News #newArigato{width:193px;border-left:1px solid #D3CBC5;background-image:url(../img/top/bg_new_arigatou.gif);}
#News #newArrival{width:193px;1px;background-image:url(../img/top/bg_new_arrival.gif);}
#News #newInterview{width:194px;background-image:url(../img/top/bg_new_interview.gif);}
#News #newEvent{width:194px;background-image:url(../img/top/bg_new_event.gif);}
#News #newArigato.new{background-image:url(../img/top/bg_new_arigatou_on.gif);}
#News #newArrival.new{background-image:url(../img/top/bg_new_arrival_on.gif);}
#News #newInterview.new{background-image:url(../img/top/bg_new_interview_on.gif);}
#News #newEvent.new{background-image:url(../img/top/bg_new_event_on.gif);}
#News .blc:hover{border:1px solid #00A0E9;}
#News .blc:hover{width:193px;margin-left:-1px;}
#News #newArigato.blc:hover{border-left:1px solid #00A0E9;margin-left:0px;}
#News .photo{width:155px;height:172px;margin:50px 0 16px 18px;overflow:hidden;background:#CCC;}
#News .icon{position:absolute;width:53px;height:53px;right:10px;top:40px;}
#News .txt{width:164px;height:110px;margin:0 0 20px 16px;overflow:hidden;}
#News .txt h3{color:#00A0E9;font-size:13px;font-weight:bold;height:36px;overflow:hidden;}
#News .txt p{font-size:11px;width:158px;padding-top:6px;}

/* -- PICKUP -- */
#Pickup {clear:both;width:780px;height:336px;margin-top:50px;}
#Pickup h3{background-image:url(../img/top/h3_pickup.gif);padding-left:138px;margin-bottom:5px;}
#Pickup .wrap{width:790px;}
#Pickup .blc{width:160px;height:310px;display:block;position:relative;float:left;padding-top:10px;}
#Pickup .blc.x{width:140px;}
#Pickup .photo{width:140px;height:182px;margin:0 0 10px;}
#Pickup .photo img{border:1px solid #D3CBC5;width:140px;height:182px;}
#Pickup .txt{width:146px;height:110px;overflow:hidden;background-color:#fff;}
#Pickup .txt span{display:block;}
#Pickup .txt h4{font-size:11px;height:36px;overflow:hidden;}
#Pickup .txt h4 span{background:#FFF33F;}
#Pickup .txt p{font-size:11px;padding-top:6px;}
#Pickup .icon{position:absolute;width:53px;height:53px;left:97px;top:0px;}
#Pickup p a{ text-decoration:underline;color:#E85298;}


/* -- Ranking Item -- */
#RankingItem {clear:both;width:780px;height:336px;margin-top:50px;}
#RankingItem h3{background-image:url(../img/top/h3_ranking.gif);padding-left:150px;margin-bottom:5px;}
#RankingItem .wrap{width:790px;}
#RankingItem .blc{width:160px;height:310px;display:block;position:relative;float:left;padding-top:10px;}
#RankingItem .blc.rank05{width:140px;}
#RankingItem .photo{width:140px;height:182px;margin:0 0 10px;}
#RankingItem  .photo img{border:1px solid #D3CBC5;width:140px;height:182px;}
#RankingItem .txt{width:146px;height:110px;overflow:hidden;}
#RankingItem .txt h4{font-size:11px;height:36px;overflow:hidden;padding-left:35px;background-repeat:no-repeat;background-position:left 2px;}
#RankingItem .txt h4 span{background:#FFF33F;}
#RankingItem .blc.rank01 .txt h4{background-image:url(../img/top/bg_rank001.gif);}
#RankingItem .blc.rank02 .txt h4{background-image:url(../img/top/bg_rank002.gif);}
#RankingItem .blc.rank03 .txt h4{background-image:url(../img/top/bg_rank003.gif);}
#RankingItem .blc.rank04 .txt h4{background-image:url(../img/top/bg_rank004.gif);}
#RankingItem .blc.rank05 .txt h4{background-image:url(../img/top/bg_rank005.gif);}
#RankingItem .txt p{font-size:11px;padding-top:6px;}
#RankingItem .icon{position:absolute;width:53px;height:53px;left:97px;top:0px;}
#RankingItem p a{ text-decoration:underline;color:#E85298;}

#subNew{clear:both;width:780px;height:530px;margin-top:50px;}
#subNew .fl{width:575px;}
#subNew .fr {width:180px;}
/* -- dep Artist -- */
#subNew #artistblog{width:575px;height:300px;}
#subNew #artistblog h3{background-image:url(../img/top/h3_departist.gif);padding-left:105px;margin-bottom:15px;}
#subNew #artistblog ul.artistlist{width:600px;}
#subNew #artistblog ul.artistlist li{width:74px;height:80px;display:block;float:left;}
#subNew #artistblog ul.artistlist li .artname{width:70px;font-size:9px;letter-spacing:-1px;}
/* -- shop Information -- */
#subNew #Info {width:575px;height:220px;border-bottom:1px solid #00A0E9;}
#subNew #Info a:hover{text-decoration:underline;}
#subNew #Info h3{background-image:url(../img/top/h3_shopinfo.gif);margin-bottom:10px;}
#subNew #Info h3 em{display:none;}
#subNew #Info .detail{width:575px;height:180px;overflow:auto;margin-bottom:10px;}
#subNew #Info .detail dl{width:540px;line-height:180%;}
#subNew #Info .detail dl dt{color:#E85298;width:110px;padding:3px;display:block;float:left;}
#subNew #Info .detail dl dd{width:400px;padding:3px;display:block;float:left;}
#subNew #Info p.clear{clear:both;height:20px;}
/* -- twitter -- */
#subNew #twitter {width:180px;margin-bottom:20px;}



/* ニュース
----------------------------------------------- */
div#newsarea {width:400px;margin:0 auto;font-size:90%;}
div#newsarea dl {padding:10px 0;background:url("../img/common/line_400.gif") no-repeat bottom;}
div#newsarea dl.end {padding:10px 0;background:url("") no-repeat bottom;}
div#newsarea dl dt {padding:0 0 0 20px;background:url("../img/top/news_icon.gif") no-repeat;}


/* おすすめ
----------------------------------------------- */
div#recomendarea {width:400px;margin:0 auto;}
div.recomendblock {clear:both;width:400px;padding:10px 0;overflow:auto;background:url("../img/common/line_402.gif") no-repeat bottom;}
div.recomendleft {float:left;width:190px;margin:0 5px 0 0;}
div.recomendleft p {margin:0 0 5px 0;}
div.recomendright {float:right;width:190px;position:relative;}
div.recomendleft img, div.recomendright img {display:block;float:left;margin:0 5px 0 0;}
div.recomendright p {margin:0 0 5px 0;}
div.recomendleft h3 {font-size:100%;}
div.recomendright h3 {font-size:100%;}