@charset "Shift_JIS";

@import url("commonBase.css");
@import url("commonLayout.css");
@import url("commonTools.css");
@import url("footer.css");

.urgent{
	border:1px solid #ff0400;
	color:#ff0400;
	padding:7px;
	margin:10px auto;
	width:966px;
	text-align:left;
	}

#main{
	background:url(/top/img/bg_main.gif) top left repeat-x;
	text-align:center;
	padding-bottom:40px;
	}
#main .mainin{
	width:982px;
	margin:0 auto;
	text-align:left;
	}

#main .mainin .side{
	float:left;
	background:#FFFFFF;
	padding:6px 7px;
	width:180px;
	}

#main .mainin .side .new dd{
	margin-top:5px;
	}
#main .mainin .side .already dt{
	margin-top:9px;
	}
#main .mainin .side .already dd{
	margin-top:5px;
	background:url(/top/img/bg01.gif) top left no-repeat;
	padding:3px 5px 3px 5px;
	}
#main .mainin .side .already dd p{
	margin-top:2px;
	}
	
#main .mainin .side .login dt{
	margin-top:6px;
	}
#main .mainin .side .login dd{
	background:url(/top/img/bg03.gif) bottom left no-repeat;
	padding:1px 2px 11px 2px;
	text-align:center;
	}
#main .mainin .side .login dd .logoutbtn{
	background:url(/top/img/bg02.gif) top left no-repeat;
	padding-top:7px;
	}
#main .mainin .side .login dd .name{
	margin-top:5px;
	text-align:left;
	padding-left:24px;
	}
#main .mainin .side .login dd .name span{
	background:url(/top/img/arrow01.gif) 0 0.5em no-repeat;
	padding-left:12px;
	}
#main .mainin .side .logout dt{
	margin-top:6px;
	}
#main .mainin .side .logout dd{
	background:url(/top/img/bg03.gif) bottom left no-repeat;
	padding:1px 2px 11px 2px;
	text-align:center;
	}
#main .mainin .side .logout dd .logoutbtn{
	background:url(/top/img/bg02.gif) top left no-repeat;
	padding-top:7px;
	}
#main .mainin .side .logout dd .name{
	margin-top:3px;
	text-align:left;
	padding-left:24px;
	}
#main .mainin .side .logout dd .name span{
	background:url(/top/img/arrow01.gif) 0 0.5em no-repeat;
	padding-left:12px;
	}

#main .mainin .side .flashbnr{
	margin-top:10px;
	}
#main .mainin .side .support{
	margin-top:9px;
	}
#main .mainin .side .support dd{
	background:url(/top/img/bg04.gif) top left no-repeat;
	text-align:center;
	padding-bottom:5px;
	}
#main .mainin .side .bnrs li{
	margin-top:10px;
	}
#main .mainin .side .privacy{
	margin-top:20px;
	}
#main .mainin .side .privacy dt{
	float:left;
	width:80px;
	}
#main .mainin .side .privacy dd{
	float:right;
	width:100px;
	font-size:84%;
	line-height:130%;
	margin-top:25px;
	}
#main .mainin .side .privacy dd a{
	color:#002380;
	}
#main .mainin .side .JASRAC{
	margin-top:10px;
	}
#main .mainin .side .JASRAC dt{
	float:left;
	width:80px;
	}
#main .mainin .side .JASRAC dd{
	float:right;
	width:100px;
	font-size:84%;
	line-height:130%;
	margin-top:15px;
	}
#main .mainin .side .JASRAC span{
	font-size:8px;
	}

#main .mainin .contents{
	width:780px;
	float:right;
	}
#main .mainin .contents .flash{
	height:426px;
	}
#main .mainin .contents .topbnr{
	margin-top:10px;
	width:780px;
	}
#main .mainin .contents .topbnr .left{
	float:left;
	}
#main .mainin .contents .topbnr .right{
	float:right;
	width:165px;
	}
#main .mainin .contents .categories{
	margin-top:18px;
	margin-bottom:18px;
	float:left;
	width:600px;
	}
#main .mainin .contents .categories ul{
	background:url(/top/img/bg05.gif) bottom left no-repeat;
	}
#main .mainin .contents .categories ul li{
	float:left;
	width:145px;
	padding-right:5px;
	}
#main .mainin .contents .categories ul li dd{
	padding:6px 5px 15px 10px;
	}
#main .mainin .contents .subbnr{
	float:right;
	margin-bottom:18px;
	width:165px;
	padding-top:12px;
	}
#main .mainin .contents .subbnr li{
	padding-top:4px;
	}
#main .mainin .contents .enjoy{
	margin-top:10px;
	background:url(/top/img/bg06.gif) top left no-repeat;
	padding:4px 4px 5px 3px;
	}
#main .mainin .contents .enjoy li{
	float:left;
	padding-left:1px;
	}
#main .mainin .contents .announcement{
	background:url(/top/img/bg07.gif) bottom left no-repeat;
	margin-top:20px;
	}
#main .mainin .contents .announcement dl dt{
	position:relative;
	}
#main .mainin .contents .announcement dl dt a.pos1{
	position:absolute;
	top:3px;
	left:255px;
	}
#main .mainin .contents .announcement dl dt a.pos2{
	position:absolute;
	top:3px;
	left:322px;
	}
#main .mainin .contents .announcement dl dt a.pos3{
	position:absolute;
	top:2px;
	left:321px;
	}
#main .mainin .contents .announcement dl dd{
	background:url(/top/img/bg08.gif) top left no-repeat;
	padding:3px 12px 6px 12px;
	}
#main .mainin .contents .announcement dl dd p{
	background:url(/top/img/dotted01.gif) top left repeat-x;
	padding:9px 0;
	}
#main .mainin .contents .announcement dl dd p.firstChild{
	background:none;
	}
#main .mainin .contents .announcement dl dd p a{
	background:url(/top/img/arrow01.gif) 1px 0.5em no-repeat;
	padding-left:13px;
	display:block;
	}
#main .mainin .contents .announcement dl dd p a .new{
	background:url(/top/img/icon1.gif) 1px 0.1em no-repeat;
	padding-left:38px;
	display:block;
	}
#main .mainin .contents .announcement dl dd p a .important{
	background:url(/top/img/icon2.gif) 1px 0.1em no-repeat;
	padding-left:38px;
	display:block;
	}

#main .mainin .contents .announcement .announcement1{
	float:left;
	width:381px;
	}
#main .mainin .contents .announcement .announcement2{
	float:right;
	width:381px;
	}
#main .mainin .contents .footbnrs{
	margin-top:10px;
	}
#main .mainin .contents .footbnrs li{
	float:left;
	padding-top:10px;
	padding-left:20px;
	}
#main .mainin .contents .footbnrs li.leftChild{
	padding-left:0px;
	}




/********** clear-fix  ***********/

#main .mainin .contents .footbnrs:after,
#main .mainin .contents .announcement:after,
#main .mainin .contents .enjoy:after,
#main .mainin .contents .categories ul:after,
#main .mainin .contents .topbnr:after,
#main .mainin .side .JASRAC:after,
#main .mainin .side .privacy:after,
#main .mainin:after{
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	content: ".";
}
#main .mainin .contents .footbnrs,
#main .mainin .contents .announcement,
#main .mainin .contents .enjoy,
#main .mainin .contents .categories ul,
#main .mainin .contents .topbnr,
#main .mainin .side .JASRAC,
#main .mainin .side .privacy,
#main .mainin{
	display: inline-block;
}
#main .mainin .contents .footbnrs,
#main .mainin .contents .announcement,
#main .mainin .contents .enjoy,
#main .mainin .contents .categories ul,
#main .mainin .contents .topbnr,
#main .mainin .side .JASRAC,
#main .mainin .side .privacy,
#main .mainin{
	display: block;
}