@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;}
.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) repeat left top; }
.bd-area-side-cover { display: block; position: absolute; background: url(../../../../../_modules/images/area-side-bg.png) repeat left top; }
.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;
	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;}
#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;}
#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; 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;}
#toolbar-body {  height: 48px; background: url(../../../../../_modules/images/ui-black-bg-repeat-x.png) 0px -41px repeat-x;}
#toolbar-ed { width: 8px; height: 48px; background: url(../../../../../_modules/images/ui-black-bg.png) -15px -40px;}

.toolbar-sep { width: 3px; height: 44px; background: url(../../../../../_modules/images/ui-black-bg.png) -12px -40px;}

#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;}
#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;}
#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;}
#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;}
#btn-view:hover { background-position: -325px -60px;}
#btn-view:active { background-position: -325px -110px;}

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

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

#btn-anime { width: 29px; background: url(../../../../../_modules/images/ui-black-buttons.png) -588px -10px;}
#btn-anime:hover { background-position: -588px -60px;}
#btn-anime:active { background-position: -588px -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);
}

#icon_bukkenSearch {
	background: url(../../../../../_modules/images/icons/icon-search.png);
}

#icon_prWhatsNew {
	background: url(../../../../../_modules/images/icons/icon-news.png);
}

#icon_prStaff {
	background: url(../../../../../_modules/images/icons/icon-staff.png);
}

#icon_prShop {
	background: url(../../../../../_modules/images/icons/icon-shop.png);
}

#icon_prArea {
	background: url(../../../../../_modules/images/icons/icon-area.png);
}

#icon_special_pet {
	background: url(../../../../../_modules/images/icons/icon-pets.png);
}

#icon_special_new {
	background: url(../../../../../_modules/images/icons/icon-news.png);
}

#icon_special_minami {
	background: url(../../../../../_modules/images/icons/icon-minami.png);
}

#icon_special_3000 {
	background: url(../../../../../_modules/images/icons/icon-3000.png);
}

#icon_special {
	background: url(../../../../../_modules/images/icons/icon-default.png);
}

#icon_form {
	background: url(../../../../../_modules/images/icons/icon-form.png);
}

#icon_twitter {
	background: url(../../../../../_modules/images/icons/icon-twitter.png);
}

#icon_free {
	background: url(../../../../../_modules/images/icons/icon-free.png);
}

#icon_downloader {
	background: url(../../../../../_modules/images/icons/icon-download.png);
}

#icon_youtube {
	background: url(../../../../../_modules/images/icons/icon-youtube.png);
}

#icon_blog {
	background: url(../../../../../_modules/images/icons/icon-blog.png);
}

#icon_article {
	background: url(../../../../../_modules/images/icons/icon-news.png);
}

#icon_banner_img {
	background: url(../../../../../_modules/images/icons/icon_banner_img.png);
}

#icon_banner_text {
	background: url(../../../../../_modules/images/icons/icon-textbanner.png);
}

#icon_banner_img_main {
	background: url(../../../../../_modules/images/icons/icon_banner_img_main.png);
}
#icon_bukkenFreeword {
	background: url(../../../../../_modules/images/icons/icon-freeword.png);
}

#icon_map {
	background: url(../../../../../_modules/images/icons/icon-map.png);
}

#icon_kuchikomi {
	background: url(../../../../../_modules/images/icons/annex_icon_kuchikomi.png);
}

#bottom-dummy {
	height: 60px;
}