@charset "UTF-8";

body{
	overflow-x: hidden;
	*overflow-x: visible;
}

.bd-cover{
	display: block; position: absolute; border: 2px dashed #DD5A0A; background-color: #ffeeee;  cursor: pointer; z-index: 5000;
}
.bd-cover.no-disp{
	background-color: #3E453E; background-image : url(../../../../_modules/images/hidden_pc.png); background-repeat: no-repeat; background-position: center center;
}
.bd-cover:hover{
	background-color: #390;
}
.on{
	background-color: #390;
}

.bd-button{
	width: 140px; height: 34px; display:block; position:absolute; right: 4px; top: 3px; cursor: pointer;
background : url(../../../../_modules/images/ui-main.png) -180px -150px / auto auto repeat scroll padding-box border-box transparent;
}
.bd-button:hover{
	background-position: -180px -200px;
}
.bd-button:active{
	background-position: -180px -250px;
}

.bd-area-main-cover{
	display: block; position: absolute; background : url(../../../../_modules/images/area-main-bg.png) left top / auto auto repeat scroll padding-box border-box transparent;
}
.bd-area-side-cover{
	display: block; position: absolute; background : url(../../../../_modules/images/area-side-bg.png) left top / auto auto repeat scroll padding-box border-box transparent;
}
.area-dummy-with-button{
	height: 40px; display:block;
}
.area-dummy{
	height: 25px; display:block;
}

.bd-area-title{
	color: #DD5A0A; font-size: 14px; font-weight: bold; width: 120px height: 20px; padding: 4px;
position: absolute; z-index: 6000;
}

.bd-contents-cover{
	width: 100%; height: 100%; position: absolute; left:0; top:0; display: none; z-index: 9000;
}

#contents-menu{
	position: absolute; left: 0; top: 0; width: 370px; height: 430px;
	background : url(../../../../_modules/images/ui-black-buttons.png) 0px -840px / auto auto repeat scroll padding-box border-box transparent;
	font-size: 100%; z-index: 9999;
}

#contents-menu p.lead{
	position:absolute; top: 26px; left:20px; display: block;
	color: #fff; font-size: 120%;
	text-shadow: 0 1px 0 #000;
}

#contents-menu .close-btn{
	display: block; width: 28px; height: 28px;
	position: absolute; right: 14px; top: 22px;
	background : url(../../../../_modules/images/ui-black-buttons.png) -90px -420px / auto auto repeat scroll padding-box border-box transparent;
}
#contents-menu .close-btn:hover{
	background-position: -90px -460px;
}
#contents-menu .close-btn:active{
	background-position: -90px -500px;
}

#contents-menu ul{
	clear: both;
}
#contents-menu li.list-header{
	display: block; width: 320px; height: 25px;
	background : url(../../../../_modules/images/ui-black-buttons.png) -10px -770px / auto auto repeat scroll padding-box border-box transparent;
}
#contents-menu li.list-header span{
	display: block; margin-left: 26px; padding-top: 5px;
		color: #fff; text-shadow: 0 1px 0 #333;
}

#contents-menu li.menu-buttons{
	display: block; width: 100px; float: left;
}
#contents-menu li.menu-buttons p{
	color: #fff; text-align: center; text-shadow: 0 1px 0 #000;
}
#contents-menu li.menu-buttons span.menu-icon{
	display: block; width: 50px; height:50px;
	margin: auto;
	/*background: url(../../../../../_modules/images/icon-tokushu.png);*/
}
#contents-menu li.menu-buttons a{
	height: 60px; width: 70px; display: block; margin: auto;
	background : url(../../../../_modules/images/ui-black-buttons.png) -290px -550px / auto auto repeat scroll padding-box border-box transparent; padding-top: 10px;
}
#contents-menu li.menu-buttons a:hover{
	background-position: -290px -620px;
}
#contents-menu li.menu-buttons a:active{
	background-position: -290px -690px;
}

#contents-menu div.menu-container{
	margin-top: 60px; margin-left: 20px;
	width: 340px; height: 346px;
	overflow-y: scroll; overflow-x: hidden;
}

/* ie7 */
*#contents-menu div.menu-container{
	position: absolute;
	margin-top: 60px; margin-left: 20px;
	width: 340px; height: 346px;
	overflow-y: scroll; overflow-x: hidden;
}

/** */
#toolbar{
	position: absolute !important; display:block; left: 0; top: 0; height: 48px; cursor: pointer; z-index: 8000;
}
#toolbar div{
	float:left;
}

#toolbar-st{
	width:20px; height: 48px; background : url(../../../../_modules/images/ui-black-bg.png) -25px -40px / auto auto repeat scroll padding-box border-box transparent;
}
#toolbar-body{
	  height: 48px; background : url(../../../../_modules/images/ui-black-bg-repeat-x.png) 0px -41px / auto auto repeat-x scroll padding-box border-box transparent;
}
#toolbar-ed{
	width: 8px; height: 48px; background : url(../../../../_modules/images/ui-black-bg.png) -15px -40px / auto auto repeat scroll padding-box border-box transparent;
}

.toolbar-sep{
	width: 3px; height: 44px; background : url(../../../../_modules/images/ui-black-bg.png) -12px -40px / auto auto repeat scroll padding-box border-box transparent;
}

#toolbar a{
	display: block; height: 32px; float: left; margin-top: 8px; cursor: pointer;
}

#btn-edit{
	width: 59px; background : url(../../../../_modules/images/ui-black-buttons.png) -85px -10px / auto auto repeat scroll padding-box border-box transparent;
}
#btn-edit:hover{
	background-position: -85px -60px;
}
#btn-edit:active{
	background-position: -85px -110px;
}

#btn-up{
	width: 29px; background : url(../../../../_modules/images/ui-black-buttons.png) -150px -10px / auto auto repeat scroll padding-box border-box transparent;
}
#btn-up:hover{
	background-position: -150px -60px;
}
#btn-up:active{
	background-position: -150px -110px;
}

#btn-down{
	width: 29px; background : url(../../../../_modules/images/ui-black-buttons.png) -185px -10px / auto auto repeat scroll padding-box border-box transparent;
}
#btn-down:hover{
	background-position: -185px -60px;
}
#btn-down:active{
	background-position: -185px -110px;
}

#btn-view{
	width: 29px; background : url(../../../../_modules/images/ui-black-buttons.png) -325px -10px / auto auto repeat scroll padding-box border-box transparent;
}
#btn-view:hover{
	background-position: -325px -60px;
}
#btn-view:active{
	background-position: -325px -110px;
}

.no-disp#btn-view{
	width: 29px; background : url(../../../../_modules/images/ui-black-buttons.png) -360px -10px / auto auto repeat scroll padding-box border-box transparent;
}
.no-disp#btn-view:hover{
	background-position: -360px -60px;
}
.no-disp#btn-view:active{
	background-position: -360px -110px;
}

#btn-del{
	width: 29px; background : url(../../../../_modules/images/ui-black-buttons.png) -290px -10px / auto auto repeat scroll padding-box border-box transparent;
}
#btn-del:hover{
	background-position: -290px -60px;
}
#btn-del:active{
	background-position: -290px -110px;
}

.youtube-alt-img{
	background-color: #ccc;
	border: double 3px #333;
	overflow: hidden;
}
.youtube-alt-img p{
	display: block;
	margin: 10px; 10px;
	font-size: 20px;
	color: #999;
}

#icon_bukkenDisplay{
	background : url(../../../../_modules/images/icons/icon-bukken.png) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
}

#icon_bukkenSearch{
	background : url(../../../../_modules/images/icons/icon-search.png) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
}

#icon_prWhatsNew{
	background : url(../../../../_modules/images/icons/icon-news.png) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
}

#icon_prStaff{
	background : url(../../../../_modules/images/icons/icon-staff.png) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
}

#icon_prShop{
	background : url(../../../../_modules/images/icons/icon-shop.png) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
}

#icon_prArea{
	background : url(../../../../_modules/images/icons/icon-area.png) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
}

#icon_special_pet{
	background : url(../../../../_modules/images/icons/icon-pets.png) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
}

#icon_special_new{
	background : url(../../../../_modules/images/icons/icon-news.png) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
}

#icon_special_minami{
	background : url(../../../../_modules/images/icons/icon-minami.png) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
}

#icon_special_3000{
	background : url(../../../../_modules/images/icons/icon-3000.png) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
}

#icon_special{
	background : url(../../../../_modules/images/icons/icon-default.png) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
}

#icon_form{
	background : url(../../../../_modules/images/icons/icon-form.png) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
}

#icon_twitter{
	background : url(../../../../_modules/images/icons/icon-twitter.png) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
}

#icon_free{
	background : url(../../../../_modules/images/icons/icon-free.png) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
}

#icon_downloader{
	background : url(../../../../_modules/images/icons/icon-download.png) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
}

#icon_youtube{
	background : url(../../../../_modules/images/icons/icon-youtube.png) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
}

#icon_blog{
	background : url(../../../../_modules/images/icons/icon-blog.png) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
}

#icon_article{
	background : url(../../../../_modules/images/icons/icon-news.png) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
}

#icon_banner_img{
	background : url(../../../../_modules/images/icons/icon_banner_img.png) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
}

#icon_banner_text{
	background : url(../../../../_modules/images/icons/icon-textbanner.png) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
}

#icon_banner_img_main{
	background : url(../../../../_modules/images/icons/icon_banner_img_main.png) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
}
#icon_bukkenFreeword{
	background : url(../../../../_modules/images/icons/icon-freeword.png) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
}

#icon_map{
	background : url(../../../../_modules/images/icons/icon-map.png) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
}

#icon_kuchikomi{
	background : url(../../../../_modules/images/icons/annex_icon_kuchikomi.png) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
}

#bottom-dummy{
	height: 60px;
}