@charset "utf-8";
@import url("base.css");
@import url("layout.css");


/*----------------------------------
	common
----------------------------------*/
body { color: #fff;}
a { color: #fff;}
#sqex-footer-contents{ display:none; }

/*----------------------------------
	.home　contents
----------------------------------*/
#wrap.home #global #nav .nav_00 { background: url("../img/share/nav_bg.gif") no-repeat -160px -12px;}
#wrap.home #global #nav .nav_00 a{ background-image: none;}

#contents { padding: 20px 0 3px; }
#flash { width: 520px; height: 530px;}
#swfobj { width: 520px; height: 530px; /*background: url("../img/home/flash.png") no-repeat top center;*/}

/*----------------------------------
	#main
----------------------------------*/
#main { float: left; width: 520px; text-align: left;}
#main h1 { width: 300px; height: 30px; background: url("../img/home/title_main.gif") no-repeat; position: absolute; top: -12px; left: 110px; text-indent: -999em; z-index: 10;}

/*----------------------------------
	#extra （バナーエリア）
----------------------------------*/
#extra { float: right; width: 220px; height: 782px; margin: 0 0 0; background: url("../img/home/extra_bg.png") no-repeat top center; text-align: center; line-height:1;}

#extra .bnrDQ123 { display: block; width: 220px; height: 340px; margin: -10px auto 0px; position: relative;}
#extra .bnrDQ123 dt { display: none;}
#extra .bnrDQ123 dd { display: block; width: 220px; height: 340px; margin: 0 auto; background: url("../img/home/bnr_DQ123.png") no-repeat ; text-indent: -999em;}
#extra .bnrDQ123 dd a.btnLink { display: block; width: 180px; height: 90px; background: url("../img/home/btn_click.png") no-repeat; ; text-indent: -999em; position: absolute; top: 241px; left: 20px;}
#extra .bnrDQ123 dd a.btnLink:hover { background-image: none;}

#extra .bnrRelated { display: block; width: 200px; margin: 0 auto 0;}
#extra .bnrRelated dt { display: block; width: 200px; height: 25px; margin: 0 auto 5px; background: url("../img/home/bnrRelated_dt.png") no-repeat top center; text-indent: -999em;}
#extra .bnrRelated dd { display: block; width: 180px; height: 72px; margin: 0 auto 12px;}
#extra .bnrRelated p { display: block; color:Black; text-align:left; font-size:8px; margin-top:1px;}
#extra .bnrRelated p.bn-small { font-size: 10px; padding-top: 2px;}

/*----------------------------------
	.topic
----------------------------------*/
.topic { width: 480px; height: 225px; background: url("../img/home/topic_bg.gif") no-repeat 0 bottom ; margin: 0 0 0; padding: 0 20px 0; position: relative; z-index: 100;}
.topic .overflow { width: 410px; height: 110px; margin: 0 0 0 55px; overflow-x: hidden; overflow-y: scroll;}
.topic h3 { visibility: hidden; width: 480px; height: 85px;}
.topic table { width: 100%; margin: 0 auto; text-align: left; border-width: 0; border-spacing: 0;}
.topic td { padding: 0.1em 5px; line-height: 1.5em; vertical-align: top; }
.topic td a{ }
.topic td.icoNew { width: 32px; background: url("../img/share/ico_new_s.gif") no-repeat center 0.2em ; padding: 0; text-indent: -999em; }
.topic td.icoBlank { width: 32px; padding: 0;}
.topic td.date { white-space: nowrap; width: 95px; }
.topic td.title { width: 230px; }


.flash_img{
	left: 0;
    position: absolute;
    top: 530px;
    z-index: 1000;
}

a.how_to_save{
	margin-top:5px;
	display:block;
	color:#ffff00;
}
a.how_to_save:hover{
	color:#fff;
}