/*======================================

     Header

=======================================*/
#download #downloadHeader{
	clear: both;
	width: 950px;
	padding-top: 3px;
	position: relative;
	z-index: 2;
}
#download #downloadHeader #utility{
	clear:both;
	background: transparent url(/genretop/download/gui/header_bg_950.gif) left top no-repeat;
	height: 71px;
	padding:12px 0 0 0;
}
#download #downloadHeader #utility h1,
#download #downloadHeader #utility strong{
	float:left;
	padding: 3px 30px 0 24px;
}
#download #downloadHeader #utility .menu{
	float:left;
	padding:16px 0 0 12px;
}
#download #downloadHeader #utility .menu li{
	float:left;
	margin-right:3px;
}
h1#download{
	font-weight: normal;
	font-size: 10px;
	line-height: 14px;
	margin-top: -2px;
	color: #c586a5;
}

li#dlgTop{
	padding-left:10px;
}

li#dloTop{
	padding-left:10px;
}


/*======================================

     Search Box

=======================================*/
/*div#download #downloadHeader div#globalSearchBox{
	position: relative;
	float: right;
	width: 240px;
	height: 30px;
	margin: 15px 19px 0 0;
	padding-top: 1px;
	background: transparent url(/misc/header/search_box/search_box.gif) left top no-repeat;
	text-align: center;
	display: inline;
	z-index: 3;
}
div#download #downloadHeader div#globalSearchBox img{
	float: left;
	width: 22px;
	margin: 6px 5px 0 9px;
	display: inline;
	cursor: pointer;
}
div#download #downloadHeader div#globalSearchBox input{
	border: 0;
	outline: none;
	display: inline;
}
div#download #downloadHeader div#globalSearchBox input#stEntireSearchEntry{
	float: left;
	width: 151px;
	height: 26px;
	padding: 0;
	color: #b7bcc9;
	line-height:26px
}
div#download #downloadHeader div#globalSearchBox input#stEntireSearchSubmit{
	float: right;
	width: 40px;
	margin: 4px 7px 0 0;
}
div#download #downloadHeader div#searchListBox{
	display: none;
	position: absolute;
	top: 30px;
	left: 0;
	z-index: 2;
}
div#download #downloadHeader div#searchListBox ul{
	width: 198px;
	padding: 31px 15px 20px 0;
	background: transparent url(/misc/header/search_box/list_box.png) left top no-repeat;
}
* html div#download #downloadHeader div#searchListBox ul{
	background-image: url(/misc/header/search_box/list_box.gif);
}

div#download #downloadHeader div#searchListBox ul li{
	border-style: none none solid solid;
	border-width: 0 0 1px 1px;
	border-color: #ced1d6;
}
div#download #downloadHeader div#searchListBox ul li a{
	width: 172px;
	display: block;
	padding: 0 0 0 24px;
	line-height: 26px;
	text-align: left;
	color: #878b96;
	font-size: 12px;
	text-decoration: none;
}
div#download #downloadHeader div#searchListBox ul li a:hover{
	background-color: #b5c4ca;
	color: #fff;
}
div#download #downloadHeader div#searchListBox ul li a.selectedItem{
	background-image: url(/misc/header/search_box/arrow.gif);
	background-repeat: no-repeat;
	background-position: 7px 8px;
}
div#download #downloadHeader div#searchListBox ul li a span{
	font-size: 10px;
}
*/
/*======================================

     Service Menu

=======================================*/
#download #downloadHeader ul#serviceMenu{
	float: right;
	padding:16px 75px 0 12px;
	margin:0 259px 0 0;
}
#download #downloadHeader ul#serviceMenu li{
	float: left;
	margin-right: 8px;
}
#download #downloadHeader ul#serviceMenu li a{
	display: block;
	width: 79px;
	height: 0 !important;
	height /**/	: 29px;
	padding-top: 29px;
	margin: 0 0 0 0;
	overflow: hidden;
	outline:none;
	background: transparent url(/misc/header/service_menu.gif) left top no-repeat;
}
#download #downloadHeader ul#serviceMenu li#serviceYahooLogin a{
	width: 116px;
	height: 29px !important;
	padding-top: 1px;
	background: none;
}
#download #downloadHeader ul#serviceMenu li#serviceLogout a{
	background-position: -79px top;
}
#download #downloadHeader ul#serviceMenu li#serviceLogout a:hover{
	background-position: -79px -29px;
}
#download #downloadHeader ul#serviceMenu li#serviceMember a{
	background-position: -237px top;
}
#download #downloadHeader ul#serviceMenu li#serviceMember a:hover{
	background-position: -237px -29px;
}
#download #downloadHeader ul#serviceMenu li#serviceLogin a{
	background-position: left top;
}
#download #downloadHeader ul#serviceMenu li#serviceLogin a:hover{
	background-position: left -29px;
}
#download #downloadHeader ul#serviceMenu li#serviceSignup a{
	background-position: -158px top;
}
#download #downloadHeader ul#serviceMenu li#serviceSignup a:hover{
	background-position: -158px -29px;
}
#download #downloadHeader ul#serviceMenu li#serviceFavorite a{
	background-position: -316px top;
}
#download #downloadHeader ul#serviceMenu li#serviceFavorite a:hover{
	background-position: -316px -29px;
}
#download #downloadHeader ul#serviceMenu li#serviceHelp a{
	background-position: -395px top;
}
#download #downloadHeader ul#serviceMenu li#serviceHelp a:hover{
	background-position: -395px -29px;
}
#download #downloadHeader ul#serviceMenu li#serviceContract a{
	background-position: -474px top;
}
#download #downloadHeader ul#serviceMenu li#serviceContract a:hover{
	background-position: -474px -29px;
}

/*======================================

     Navigation

=======================================*/
ul#downloadMenu{
	position: relative;
	width: 950px;
	height: 31px;
	margin: 3px 0 10px;
	background: transparent url(/genretop/download/gui/menu_bg_950x31.gif) left top no-repeat;
	z-index: 1;
	font-family:"MS PGothic", sans-serif;

}
ul#downloadMenu li{
	position: relative;
	float: left;
}
ul#downloadMenu li a{
	display: block;
	line-height: 31px;
	padding: 0 15px 0 10px;
	background: transparent url(/genretop/download/gui/arrow.gif) left center no-repeat;
}
ul#downloadMenu li#dlgIcon{
	margin:9px 0 0 10px;
	height:14px;
	width:40px;
	background-image: url(/genretop/download/gui/icon_gravure.gif);
}
ul#downloadMenu li#dloIcon{
	margin:9px 0 0 10px;
	height:14px;
	width:40px;
	background-image: url(/genretop/download/gui/icon_otona.gif);
}
ul#downloadMenu li#dlgTop a{
	padding-left: 15px;
	background-image: url(/genretop/download/gui/reload.gif);
}
ul#downloadMenu li#dloTop a{
	padding-left: 15px;
	background-image: url(/genretop/download/gui/reload.gif);
}
ul#downloadMenu li#dloAv a{
	/*margin-left: 15px;*/
}
div#downloadNBspace #globalNews {
	margin: 0px auto 10px;
}
/*======================================


/*======================================

     Navigation2

=======================================*/
#download div.subGenreBox{ 

	background: none repeat scroll 0 0 #F2F2F2;
    margin: 0 auto 20px;
    padding: 4px 0 8px;
	
}
#download div.subGenreBox ul.subGenre{
	margin:0 !important;
	padding:0 !important;
}
#download ul.subGenre li.subMenuIcon{
	margin:0 0 0 10px;
}

/*======================================

     Mac Caution Box

=======================================*/
#download div.macintoshAlert{
	position: relative;
	margin: -10px 0 0 0;
	background: transparent url(/common/frames/mac_alert/box_end.png) right bottom no-repeat;
}

#download div.macintoshAlert div{
	position: absolute;
	left: 0;
	top: 0;
	width: 255px;
	height: 0 !important;
	height /**/	: 61px;
	padding:61px 0 0px 0;
	overflow: hidden;
	vertical-align:bottom;
	outline:none;
	background: transparent url(/common/frames/mac_alert/alert_caption.png) left bottom no-repeat;
}
#download div.macintoshAlert h3{
	height: 34px;
	margin: 0 0 0 5px;
	padding:1px 0 0 0;
	font-size: 10px;
	text-align: left;
	background: #fff url(/common/frames/mac_alert/mac_alert_box.png) right top no-repeat;
}
#download div.macintoshAlert p{
	margin: 0 5px 20px 0;
	padding: 8px 8px 10px 60px;
	font-size: 12px;
	color: #682828;
	text-align: left;
	background: transparent url(/common/frames/mac_alert/mac_alert_box.png) left bottom no-repeat;
}
#download div.macintoshAlert p a:link{
	color: #cc6600;
	text-decoration: none;
}
#download div.macintoshAlert p a:hover{
	text-decoration: underline;
}


/*======================================

     STEP GUIDE

=======================================*/
div#downloadStepGuide p{
	font-size:10px;
	padding:10px;
}
div#downloadStepGuide span{
	display:block;
font-size:10px;
margin-bottom:15px;
padding:10px;
}

/*======================================

     Caution Box

=======================================*/
#tinybox {position:absolute; display:none; z-index:2000}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
div#authAge{
	width: 530px;
}

#tinybox div#authAge h5{
	width: 530px;
	height: 0!important;
	height /**/: 62px;
	padding-top: 62px;
	overflow: hidden;
	outline: none;
}
div#authAge h5#authcaution{
	background: transparent url('/common/auth/auth_title_caution.png') left top no-repeat;
}
div#authAge h5#authattention{
	background: transparent url('/common/auth/auth_title_attention.png') left top no-repeat;
}
div#authAge div#authBody{
	width: 530px;
	padding-bottom: 21px;
	background: transparent url('/common/auth/auth_body.png') left bottom no-repeat;
}
div#authAge div#authBody p{
	padding: 10px 20px;
	font-size: 12px;
	line-height: 18px;
	color: #464646;
}
div#authAge div#authBody p strong{
	display: block;
	width: 288px;
	height: 0!important;
	height /**/: 20px;
	padding-top: 20px;
	margin: 18px auto 14px;
	overflow: hidden;
	outline: none;
	background: transparent url('/common/auth/auth_q.gif') left top no-repeat;
}
div#authAge div#authBody ul#btnArea{
	width: 475px;
	height: 60px;
	margin: 0 auto;
	padding: 13px 0 0 25px;
	background: transparent url('/common/auth/auth_btn_base.gif') left top no-repeat;
}
div#authAge div#authBody ul#btnArea li{
	float:left
}
div#authAge div#authBody ul#btnArea li a{
	display: block;
	width: 202px;
	height: 0!important;
	height /**/: 50px;
	padding-top: 50px;
	margin: 0 0 0 15px;
	overflow: hidden;
	outline: none;
	background: transparent url('/common/auth/auth_yes.gif') left top no-repeat;
}
div#authAge div#authBody ul#btnArea li#notOver18 a{
	background: transparent url('/common/auth/auth_no.gif') left top no-repeat;
}
div#authAge div#aboutR18Contents{
	width: 315px;
	height: 67px;
	padding: 8px 15px 0 170px;
	margin: 8px auto 0;
	color: #fff;
	font-size: 12px;
	line-height: 15px;
	background: transparent url('/common/auth/auth_about.gif') left top no-repeat;
}
div#authAge div#aboutR18Contents span{
	font-size: 10px;
	line-height: 12px;
}

/*======================================

     Left

=======================================*/
#download div.section div.unit{
	word-wrap:break-word;
}
