@charset "utf-8";

/******************************************************************** HEADER
*/


#headerInfo {
	position: relative;
}
#headerInfo img{
	display:block;
}
#headerInfo a.more{
	z-index:11;
}

#header.headerbnr0 #headerInfo{
	margin: 50px 0 0;
}
#header.headerbnr1 #headerInfo,
#header.headerbnr2 #headerInfo{
	margin: 0 0 0;
}

#header #headerInfo .bnrimg{
	display:none;
}
#header.headerbnr2 #headerInfo .bnrimg{
	display:block;
	position:absolute;
	bottom:8px;
	left:8px;
	z-index:10;
}

#header.headerbnr2 h1{
	background:none;
}

/******************************************************************** CONTENT
*/

#contents {
	float: none;
	display: block;
	padding: 0;
	margin: 0 auto;
	width: 960px;
	height: 488px;
}

/*----------------------------------------------- panel --*/

#misc,
.linkpanel{
	position: absolute;
	z-index: 1;
}

#misc .linkpanel-in,
.linkpanel .linkpanel-in {
	position: relative;
}

#dealer { 	top: 0; 	left: 0;}
#pickup { 	top: 248px; left: 0;}
#info { 	top: 0; 	left: 240px;}
#about { 	top: 0; 	left: 480px;}
#ws { 		top: 248px; left: 480px;}
#archive { 	top: 248px; left: 728px;}
#misc { 	top: 0; 	left: 728px;}


/*----------------------------------------------- common --*/


/*----*/

#info h2,
.textpanel h2{
	padding:0;
	margin: 0 0 12px;
	height: 36px;
	text-indent: -999px;
	border-bottom: 1px solid #000;
}
.textpanel h3{
	margin: 0 10px 0.5em 10px;
	line-height:1.5em;
}
.textpanel p {
	margin: 0 10px;
	line-height:1.5em;
}

/******************************************************************** PANEL CSS
*/

/*----------------------------------------------- panel link style--*/

#headerInfo.linkpanel{
	background:#FF7F0A url(../img/bg_o.png);
}
#headerInfo.linkpanel:hover{
	background:#FF7F0A url(../img/bg_o2.png);
}
#headerInfo.linkpanel a.more{
	/*background: url(../img/p_arw_on.png) no-repeat right bottom;*/
	background: url(../img/p_a_w.gif) no-repeat right bottom;
}
#headerInfo.linkpanel a.more:hover{
	/*background: url(../img/p_arw_on.png) no-repeat right bottom;*/
	background: url(../img/p_a_w.gif) no-repeat right bottom;
}

#headerInfo.p1{
	background:#000 url(../img/bg_b.png);
}
#headerInfo.p1:hover{
	background:#FF7F0A url(../img/bg_o2.png);
}
#headerInfo.p1 a.more{
	background: url(../img/p_a_b.gif) no-repeat right bottom;
}
#headerInfo.p1 a.more:hover{
	background: url(../img/p_a_o.gif) no-repeat right bottom;
}

#headerInfo.p2 a.more{
	background: url(../img/p_a_o.gif) no-repeat right bottom;
}
#headerInfo.p2 a.more:hover{
	background: url(../img/p_a_o.gif) no-repeat right bottom;
}


#about.linkpanel a.more,
#ws.linkpanel a.more,
#pickup.linkpanel a.more{
	background: url(../img/p_a_w.gif) no-repeat right bottom;
}
#about.linkpanel a.more:hover,
#ws.linkpanel a.more:hover,
#pickup.linkpanel a.more:hover{
	background: url(../img/p_a_w.gif) no-repeat right bottom;
}


#ws.linkpanel{
	background:#000 url(../img/bg_b.png);
}
#ws.linkpanel:hover{
	background:#56A392 url(../img/bg_c.png);
}

#pickup.linkpanel{
	background-image:url(../img/bg_bu.png);
}
#pickup.linkpanel:hover{
	background-image:url(../img/bg_bu2.png);
}

#about.linkpanel{
	background-image:url(../img/bg_o.png);
}
#about.linkpanel:hover{
	background-image:url(../img/bg_o2.png);
}

#dealer.linkpanel:hover,
#info.linkpanel:hover{
	background:#000 url(../img/bg_g.png);
}

/*----------------------------------------------- archive--*/

#archive .linkpanel-in {
	width: 216px;
	height: 224px;
}

/*----------------------------------------------- about showcase --*/

#about .linkpanel-in,
#ws .linkpanel-in {
	width: 224px;
	height: 224px;
	text-indent: -999em;
}
#about .linkpanel-in{
	background: url(../img/top/about.png) no-repeat;
}
#ws .linkpanel-in {
	background: url(../img/top/ws.png) no-repeat;
}

/*----------------------------------------------- pickup --*/

#pickup .linkpanel-in {
	width: 216px;
	height: 224px;
	background-color:#4FA2F4;
	color:white;
}

#pickup .linkpanel-in h2 {
	width: 216px;
	background: url(../img/top/pickup.png) no-repeat 0 0;
	border-bottom:1px solid  #0975E8;
}

/*----------------------------------------------- dealer --*/



#dealer .linkpanel-in{
	width: 216px;
	height: 224px;
	background-color:#fff;
}
#dealer .linkpanel-in h2 {
	width: 216px;
	background: url(../img/top/dealer.png) no-repeat 0 0;
}
#dealer .form{
	position: absolute;
	bottom: 5px;
	left: 8px;
	width: 200px;
	padding: 0;
	margin: 0;
}

#dealer .linkList0,
#dealer .linkList{
	list-style: none;
}
#dealer .form .note{
	font-size:85%;
	margin:5px 0 0 0;
	color:#666;
}

#dealer .linkList0 li{
	float:left;
	font-size:85%;
	margin-right:3px;
}
#dealer .linkList0 li a{
	display:block;
	padding:3px 0px 0px 20px;
	background:#fff url(../img/ico_pdf.png) no-repeat left 0px;
	color:#000;
}
#dealer .linkList0 li a:hover{
	color:#FF7F0A;
	//background:#fff url(../img/link_ico.gif) no-repeat right 0px;
}


/*----------------------------------------------- info --*/

#info .linkpanel-in {
	position:relative;
	width: 216px;
	height: 472px;
}
#info .linkpanel-in h2 {
	width: 216px;
	background: url(../img/top/info.png) no-repeat 0 0;
}


#info a.more{
	width:232px;
	height:42px;
	top:446px;;
	left:0;
}
#info a.more{
	color:#000;
}
#info a.more span{
	display:block;
	position:absolute;
	border-top:1px solid #000;
	top:0;
	left:8px;
	width:204px;
	padding:8px 0 0 12px;
	text-indent:0;
}
#info a.more:hover{
	text-decoration:none;
	color:#FF7F0A;
}


#info .scroll-pane{
	position:absolute;
	top:37px;
	left:0;
	z-index:10;
	width: 216px;
	height:401px;
	background-color:#fff;
}
#info .scroll-pane:hover{

}
#info dl {
	padding-left:0;
	padding-top:5px;
}
#info dt {
	position:relative;
	height:15px;
	font-size:77%;
	color: #000;
	margin-left:10px;
}
#info dd {
	font-size:93%;
	line-height:1.25em;
	margin: 0 0 12px 10px;
}
#info dl a{
	color:#666;
}



.name {
	display: block;
	position:absolute;
	left:60px;
	top:0;
	height: 12px;
	width: 12px;
	overflow:hidden;
	text-indent: -999em;
}
.dealer { background: url(../img/ico_tag_d.gif) no-repeat;}
.general { background: url(../img/ico_tag_a.gif) no-repeat;}
.cosplay { background: url(../img/ico_tag_c.gif) no-repeat;}



/*----------------------------------------------- misc --*/

#misc{
	background:#fff;
}
#misc .linkpanel-in{
	height: 240px;
	background-color:#fff;
}
#misc .linkpanel-in ul{
	list-style:none;
}
#misc .linkpanel-in ul li{
	position:relative;
	margin-bottom:9px;
	overflow:hidden;
	width:216px;
	height:25px;
	padding:8px 8px 8px 8px;
	background:#000 url(../img/bg_o.png);
}
#misc .linkpanel-in ul li:hover{
	background:#FF7F0A url(../img/bg_o2.png);
}

#misc .linkpanel-in ul li a{
	display:block;
	position:absolute;
	top:0;
	left:0;
	color:#fff;
	width:232px;
	height:42px;
	font-size:85%;
}
#misc .linkpanel-in ul li a:hover{
	text-decoration:none;
}

#misc .linkpanel-in ul li a span{
	display:block;
	position:absolute;
	top:8px;
	left:8px;
	width:210px;
	height:25px;
	line-height:25px;
	white-space:nowrap;
	padding-left:6px;
	background:#FF7F0A url(../img/p_a_sw.gif) no-repeat 191px 50%;
}
#misc .linkpanel-in ul li a:hover span{
	background-image:url(../img/p_a_sw.gif);
}

/*--press--*/
#misc .linkpanel-in ul.press{
	margin-top:-1px;
}
#misc .linkpanel-in ul.press li{
	background:#000 url(../img/bg_g.png);
}
#misc .linkpanel-in ul.press li:hover{
	background:#FF7F0A url(../img/bg_o2.png);
}

#misc .linkpanel-in ul.press li a span{
	color:#000;
	background:#fff url(../img/p_a_sb.gif) no-repeat 191px 50%;
}
#misc .linkpanel-in ul.press li a:hover span{
	color:#FF7F0A;
	background-image:url(../img/p_a_so.gif);
}



/******************************************************************** FOOTER ADD
*/

/*------------------------------------------------------------------- banner --*/

#footerBanner {
	position: relative;
	margin-bottom: 12px;
}

#footerBanner ul {
	list-style: none;
}
#footerBanner li {
	float: left;
	margin-right: 12px;
	position:relative;
	border:1px solid #ccc;
}
#footerBanner a {
	display:block;
    width: 180px;
    height: 60px;
	text-align: center;
    vertical-align: middle;
	overflow:hidden;
}
#footerBanner a img{
	margin:auto;
}

#footerBanner div.empty{
	width:180px;
	height:60px;
}

/*------------------------------------------------------------------- info --*/

#footerInfo {
	padding: 40px 0 20px;
	background: url(../img/top/footerinfo_bg.png) no-repeat 1px 0;
	font-size:93%;
}

#footerInfo h2 {
	margin: 0 0 5px;
}
#footerInfo p {
	padding: 3px 0;
	color: #666;
}