@charset "utf-8";
/* ===================================================================
CSS information
file name:index.css
=================================================================== */

#hero {
	margin-top: 7px;
	position: relative;
	width: 920px; height: 510px;
}

#hero .txt,
#adArea,
#adNav,
#hero .regist,
#adArea p,
#adNav { position: absolute; }

/*#hero .txt { top: 0; left: 637px; }*/
#hero .txt { top: 0; left: 623px; }
.registbanner { position: absolute; top: 453px; left:0;}



#adArea {
	width: 609px; height: 450px;
	top: 10px; left: 0;
	background: url(../imgs/top/pc.png) no-repeat 0 0;
}
#hero .regist { top: 58px; left: 657px; }

#hero ul.regist, #hero ul.regist li	{ margin:0; padding:0; list-style:none; }

#adArea p {
	top: 0; left: 0;
	display: none;
	_display: block;
}
#adArea p.now {
	display: block;
	z-index: 10;
}
#adNav {
	width: 445px; height: 125px;
	top: 378px; left: 475px;
	background: url(../imgs/top/bg_adnav.gif) no-repeat 0 47px;
}
#adNav li {
	position: relative;
	float: left;
	width: 88px; height: 125px;
}
#adNav li a img {
	position: absolute;
	top: 35px; left: 15px;
}
#adNav li.now a img { z-index: 500; }
#adNav li span {
	position: absolute;
	margin-top: -5px;
	display: block;
	width: 84px; height: 121px;
	left: 2px;
	z-index: 999;
	cursor: pointer;
}

#newsView {
	margin-top: 30px;
	padding-bottom: 8px;
	width: 920px;
	background: url(../imgs/top/bg_news_btm.gif) no-repeat 0 bottom;
}
#newsView .inr {
	padding: 8px 13px 0 23px;
	background: url(../imgs/top/bg_news_top.gif) no-repeat 0 0;
}
#newsView h2, #newsList, #viewAll {
	display: table-cell;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
}
#newsView img { margin-top: 8px; }

#newsView h2 { width: 126px; }
#newsList table { width: 654px; }
#viewAll { width: 97px; }
#newsView th, #newsView td { padding: 2px; vertical-align: top; }
#newsView th {
	text-align: left;
	width: 130px;
	white-space: nowrap;
}
#newsView td { padding-left: 10px; background: url(../imgs/common/icon_arrow_off.gif) no-repeat 0 9px; }

#pdtList {
	margin-top: 0px;
	width: 920px;
}
#pdtList ul {
	margin-right: -25px;
	width: 945px;
}
#pdtList li {
	padding-bottom: 14px;
	position: relative;
	float: left;
}
.picup1, .picup2, .picup3 { position: absolute; }

#pdtList li.sec1 {
	margin-right: 25px;
	width: 290px;
	background: url(../imgs/top/pdctf_max_btm.gif) no-repeat 0 bottom;
}
#pdtList li.sec1:hover { background: url(../imgs/top/pdctf_max_btm.gif) no-repeat -290px bottom; }
#pdtList li.sec2 {
	margin: 25px 21px 0 0;
	width: 214px;
	background: url(../imgs/top/pdctf_min_btm.gif) no-repeat -428px bottom;
}
#pdtList li.sec2:hover { background: url(../imgs/top/pdctf_min_btm.gif) no-repeat -642px bottom; }
#pdtList li#pdtLcns { background: url(../imgs/top/pdctf_min_btm.gif) no-repeat -214px bottom; }
#pdtList li#pdtLcns:hover { background: url(../imgs/top/pdctf_min_btm.gif) no-repeat 0 bottom; }

#pdtList li:nth-child(5) { clear: left; }

.figure {
	vertical-align: middle;
	text-align: center;
	display: table-cell;
}

.sec1 .figure {
	padding-top: 3px;
	width: 290px; height: 155px;
	background: url(../imgs/top/pdctf_max_top.gif) no-repeat 0 0;
}
.sec2 .figure {
	padding-top: 3px;
	width: 214px; height: 140px;
	background: url(../imgs/top/pdctf_pnk_top.gif) no-repeat 0 0;
}
#pdtLcns .figure { background: url(../imgs/top/pdctf_blu_top.gif) no-repeat 0 0; }

.sec1 dl { margin-left: 13px; width: 268px; }
.sec2 dl { margin-left: 13px; width: 190px; }

.sec1 dt { padding-left: 8px; background: url(../imgs/common/icon_arrow_off.gif) no-repeat 0 5px; }
.sec2 dt {
	padding-left: 8px;
	background: url(../imgs/common/icon_arrow_off.gif) no-repeat 0 2px;
	*background: url(../imgs/common/icon_arrow_off.gif) no-repeat 0 5px;
	_background: url(../imgs/common/icon_arrow_off.gif) no-repeat 0 2px;
	line-height: 1;
}
.sec1 dd, .sec2 dd { margin-top: 3px; }

.sec1 .picup1 { top: -10px; left: 208px; }
.sec1 .picup2 { top: 22px; left: 2px; }
.sec1 .picup3 { top: 73px; left: 213px; }

.sec2 .picup1 { top: -9px; left: 160px; }
.sec2 .picup2 { top: 15px; left: -2px; }
.sec2 .picup3 { top: 70px; left: 158px; }

.sec1 .figure p { *height: 155px; }
.sec2 .figure p { *height: 140px; }

#pdtList p.more	{ margin:20px 0 0 0; text-align:center; }

#subSec { margin-top: 60px; width: 920px; }
#updateSec, #otherSec, #pdtbuySec, #btmKaizen { float: left; }
#updateSec { width: 460px; }
#otherSec { width: 240px; }
#pdtbuySec { width: 684px; }
#btmKaizen	{ width:214px; margin-left:20px; }

#updateSec h2 {
	width: 440px;
	position: relative;
}
#updateSec h2 a {
	position: absolute;
	top: 11px; left: 363px;
}
#updateSec table {
	margin-top: 9px;
	width: 440px;
}
#updateSec th, #updateSec td { vertical-align: top; }
#updateSec th {
	padding-right: 20px;
	text-align: left;
	white-space: nowrap;
}
#updateSec td {
	padding: 0 0 15px 10px;
	background: url(../imgs/common/icon_arrow_off.gif) no-repeat 0 0.5em;
}

#otherSec ul, #pdtbuySec ul, #btmKaizen ul	{ margin-top: -6px; }
#otherSec li, #pdtbuySec li, #btmKaizen li	{ margin:10px 0; float:left; }

#footBnr {
	margin-top: 60px;
	width: 920px;
}
#footBnr ul {
	margin-right: -21px;
	width: 941px;
	overflow: hidden;
}
#footBnr li {
	width: 235px;
	float: left;
	margin-bottom:15px;
}

#footBnr .bn1 {
	width: 235px;
	float: left;
	margin-bottom:15px;
}

#footBnr .bn2 {
	width: 470px;
	float: left;
	margin-bottom:15px;
}

/* Added 2012-10-19 */
#navDirect {
	position: absolute;
	bottom: 2px;
	left: 0;
}

#navDlshop {
	position: absolute;
	bottom: 2px;
	left: 233px;
}

#adHagaki {
	position: absolute;
	top: 153px;
	right: 6px;
}


/* Added Sep. 5, 2013 */

#footBnr a:hover img	{ filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }