@charset "utf-8"; 
/* main.css */

/********************************************************************

	CONTAINER
	  
********************************************************************/
/* ▼ mainBgImg ▼ */
.allContainer { background:url(http://images.plaync.jp/bluetears/main/bg_main4.jpg) no-repeat center top;}

/********************************************************************

	HEADER
	  
********************************************************************/
/* ▼ mainBgImg ▼ */
.header { height:384px; background:url(http://images.plaync.jp/bluetears/main/bg_main4.jpg) no-repeat center top; position:relative;}
.header h1 a { width:315px; height:195px; position:absolute; text-indent:-9999px; overflow:hidden; display:block; top:43px; left:-16px;}
.header .menuArea { height:104px; padding-top:280px;} 

/* ▼ cbtIcon(subPage) ▼ */
.menuArea .nav p.cbt { width:136px; height:104px; background:url(http://images.plaync.jp/bluetears/main/img_open_beta.gif) no-repeat; position:absolute; top:0; left:454px; text-indent:-9999px;}
/*.menuArea .nav p.cbt { width:142px; height:104px; background:url(http://images.plaync.jp/bluetears/main/img_closed_beta.gif) no-repeat; position:absolute; top:0; left:455px; text-indent:-9999px;}*/

/* ▼ spLink(subPage) ▼ */
/*.menuArea .nav p.spLink {background: url(http://images.plaync.jp/bluetears/main/btn_map_c.jpg) no-repeat 0 0;}*/
.menuArea .nav p.spLink a { width:232px; height:60px; display:block; text-indent:-9999px; background: url(http://images.plaync.jp/bluetears/main/btn_map.jpg) no-repeat 0 0;}

/********************************************************************

	MAIN CONTENTS
	  
********************************************************************/
/* ▼ mainContents ▼ */
.mainContents { padding-bottom:60px; position:relative;}

/*** main ***/
/* ▼ mainArea ▼ */
.mainArea { width:760px; padding:0; float:right;}

/*eventBnr*/
.mainArea .eventBnr { height:230px;}

/*inner*/
.mainArea .mainAreaInner { padding: 13px 33px 0;}

/*event*/
.mainArea .eventArea { width:400px; float:left;}
.eventArea h2 { margin-bottom:12px;}
.eventArea h2 a { width:400px; height:28px; background: url(http://images.plaync.jp/bluetears/main/tit_event.gif) no-repeat; display:block; text-indent:-9999px; overflow:hidden;}

.eventArea .eventList { margin:0 0 12px; padding:0 0 8px; border-bottom:1px solid #e4e4e4;}
.eventArea .eventList.last { border:none;}
.eventArea .eventList .thumb { margin-bottom:8px;}
.eventArea .eventList .title { padding:0 6px; font-weight:bold; font-size:14px;}
.eventArea .eventList .date { margin:0 0 5px; padding:0 6px; color:#7f7f7f; font-size:10px;}
.eventArea .eventList .desc { padding:0 6px;}

/*pickUp*/
.mainArea .pickUpArea { width:400px; float:left;}
.pickUpArea h2 { margin-bottom:12px;}
.pickUpArea h2 a { width:400px; height:28px; background: url(http://images.plaync.jp/bluetears/main/tit_pickup.gif) no-repeat; display:block; text-indent:-9999px; overflow:hidden;}
.pickUpArea .pickUpList { margin:0 0 15px; padding:0 0 15px; border-bottom:1px solid #e4e4e4;}
.pickUpArea .pickUpList:after{content:url(http://images.plaync.jp/bluetears/common/image/spacer.gif);display:block;clear:both;height:0;}
.pickUpArea .pickUpList {display:inline-block;}
.pickUpArea .pickUpList {display:block;}

.pickUpArea .pickUpList.last { margin:0; border:none;}
.pickUpArea .pickUpList .thumb { width:142px; float:left;}
.pickUpArea .pickUpList .thumb img { width:142px; height:100px;}
.pickUpArea .pickUpList .title { margin: 0 0 4px 153px; padding-right:5px; font-size:14px;}
.pickUpArea .pickUpList .title a { color:#00b9e7; text-decoration:none;}
.pickUpArea .pickUpList .title a:hover { color:#00b9e7; text-decoration: underline;}
.pickUpArea .pickUpList .desc { margin: 0 0 0 153px; padding-right:5px; color:#303030; line-height:1.5;}

/*news*/
.mainArea .newsArea { width:260px; float:right;}
.newsArea h3 { margin-bottom:12px;}
.newsArea h3 a { width:240; height:28px; background: url(http://images.plaync.jp/bluetears/main/tit_news.gif) no-repeat; display:block; text-indent:-9999px; overflow:hidden;}
.newsArea .importantNews a { width:247px; height:43px; margin-bottom:10px; padding-left:13px; line-height:44px; background: url(http://images.plaync.jp/bluetears/main/bg_n_i.gif) no-repeat; color:#333000; overflow:hidden; display:block;}
.newsArea .importantNews a:hover { background-position: 0 -43px; color:#333000;}
.newsArea ul li { margin:0 0 8px; padding: 0 0 0 13px; background: url(http://images.plaync.jp/bluetears/common/image/icon_dot1.gif) no-repeat 3px 6px; color:#666;}
.newsArea ul li a { color:#666;}

/*hotContentsBox*/
.hotContentsBox{width:760px;height:230px;margin-bottom:4px;background:url(http://images.plaync.jp/bluetears/main/hotContentsBoxBg.gif) no-repeat 0 0; position:relative; }

.hotContentsBox button.pagingCtrl{display:none}/*overflow:hidden;background:none;*/
/*.hotContentsBox .pagingCtrl.prev{height:28px;width:40px;position:absolute;bottom:4px;left:2px; _bottom:2px;}
.hotContentsBox .pagingCtrl.next{height:28px;width:40px;position:absolute;bottom:4px;right:2px; _bottom:2px;}*/
.hotContentsBox .paging{ width:760px;position:absolute;bottom:0px; text-align:center;padding:4px 0 5px; font-size:0;*padding:4px 0 4px;}
.hotContentsBox .paging{ height:13px;padding:8px 0 11px; _padding:8px 0 9px;}
.hotContentsBox .paging span{height:13px; width:13px; overflow:hidden; display:inline-block; padding:0 3px;}
.hotContentsBox .paging img.active{margin-top:-76px;}
.hotContentsBox .paging img.passive{margin-top:-86px;}
.hotContentsBox .paging span{cursor:pointer;}

.hotContentsBox .pagingCtrl.next img.passive{margin-top:0;}
.hotContentsBox .pagingCtrl.next img.active{margin-top:-57px;}
.hotContentsBox .pagingCtrl.prev img.passive{margin-top:-28px;}
.hotContentsBox .pagingCtrl.prev img.active{margin-top:-85px;margin-left:-1px;*margin-left:-2px;}
.hotContentsBox .paging img.active{margin-top:0;}
.hotContentsBox .paging img.passive{margin-top:-100px;}
.hotContentsBox .paging img.hover{margin-top:-50px;}

.hotContentsBox .topics:after{content:url(http://images.plaync.jp/bluetears/spacer.gif);display:block;clear:both;height:0;} /* clearFix */
.hotContentsBox .topics{display:inline-block;} /* clearFix */
.hotContentsBox .topics{display:block;} /* clearFix */
.hotContentsBox .topics{padding:132px 0 0; text-align:center;}
.hotContentsBox .topics .tumb{float:left;padding:7px;margin-right:15px;background:url(http://images.plaync.jp/bluetears/main/hotContentsBoxImgBg.gif)}
.hotContentsBox .topics .tumb img{width:308px;height:153px;}
.hotContentsBox .topics{padding:17px 17px 0 17px; text-align:left;}
.hotContentsBox .topics h2{ color:#333333; font-size:14px;left:207px; margin-bottom:10px; padding-top:10px;}
.hotContentsBox .topics h3{ color:#333333; font-size:12px;margin-bottom:8px; font-weight:normal;}
.hotContentsBox .topics h2 a:link,
.hotContentsBox .topics h2 a:hover,
.hotContentsBox .topics h2 a:visited,
.hotContentsBox .topics p{ color:#333333;line-height:15px;}
.hotContentsBox .topics p{ color:#333333;font-size:12px; text-align:left; line-height:18px;}

/*itemShop*/
.itemShopArea { padding:5px 0 0; clear:both;}
.itemShopArea h3 { height:32px; margin:0 0 15px; background: url(http://images.plaync.jp/bluetears/main/tit_itemshop.gif) no-repeat; text-indent:-9999px;}
.itemShopArea .itemWrap { padding:0 14px 0 15px; background: url(http://images.plaync.jp/bluetears/main/img_desk.jpg) no-repeat 0 37px;}
.itemShopArea .itemWrap:after{content:url(http://images.plaync.jp/bluetears/spacer.gif);display:block;clear:both;height:0;} /* clearFix */
.itemShopArea .itemWrap{display:inline-block;} /* clearFix */
.itemShopArea .itemWrap{display:block;} /* clearFix */
.itemShopArea .itemWrap .itemList { width:133px; float:left;}
.itemShopArea .itemWrap .itemList dt { height:70px; position:relative; text-align:center;}
.itemShopArea .itemWrap .itemList dt .item {/*left:46px; top:8px;*/}
.itemShopArea .itemWrap .itemList dt .icon { left:98px; top:46px; position:absolute;}
.itemShopArea .itemWrap .itemList dd { height:70px; padding:20px 10px 0; background: url(http://images.plaync.jp/bluetears/main/bg_item_desc.gif) no-repeat; text-align:center;}
.itemShopArea .itemWrap .itemList.last dd { background:none;}
.itemShopArea .itemWrap .itemList dd .tit{ margin: 0 0 6px; color:#00b9e7;}
.itemShopArea .itemWrap .itemList dd .desc{ color:#303030;}