@charset "UTF-8";
/* CSS Document */

/* -------------------------------------------

top

--------------------------------------------*/

#sitetop #container {
	background: url("../img/top/bg_container.jpg") repeat-x scroll center top transparent;
}

#sitetop #container #top-contents {
	background: none;
	margin: 0 auto 13px auto;
	padding-top: 10px;
	width: 960px;
}

#sitetop #container #top-contents #main-img {
	position: relative;
	margin-bottom: 20px;
}

#sitetop #container #top-contents #main-img {
	width: 960px;
	overflow: hidden;
}

#sitetop #container #top-contents #main-img-photo {
	height: 290px;
}

#sitetop #container #top-contents #main-img-photo img {
	position:absolute;
}

#sitetop #container #top-contents #main-img-nav ul {
	position: absolute;
	right: 22px;
	bottom: 0;
	padding-left: 14px;
	height: 27px;
	background: url(../img/top/imgnav_bg_left.gif) no-repeat 0 0;
}

#sitetop #container #top-contents #main-img-nav ul li {
	float: left;
	width: 15px;
	height: 19px;
	padding-top: 8px;
	padding-right: 3px;
	background: #FFF;
}

#sitetop #container #top-contents #main-img-nav ul li.last-child {
	width: 15px;
	padding-right: 14px;
	background: url(../img/top/imgnav_bg_right.gif) no-repeat right top;
}

#sitetop #container #top-contents #main-img-nav ul li a {
	display: block;
	width: 15px;
	height: 14px;
	background: #d0d0d0;
	overflow: hidden;
	text-indent: -9999px;
}

#sitetop #container #top-contents #main-img-nav ul li a.mine {
	background: #fddc03;
}

#sitetop #container #top-contents #top-list {
	clear: left;
	padding: 10px 0;
	height: 118px;
	background: url(../img/top/bg_toplist.gif) no-repeat 0 0;
	overflow: hidden;
}

#sitetop #container #top-contents #top-list ul {
	height: 118px;
	overflow: hidden;
}

#sitetop #container #top-contents #top-list ul li {
	padding: 1px 1px 1px 0;
	float: left;
	width: 95px;
	height: 58px;
	overflow: hidden;
}

#sitetop #container #contents {
	padding: 0;
	background: url(../img/common/line_doty.gif) repeat-y 649px 0;
}

#sitetop #container #contents #main {
	float: left;
	margin-top: 0;
	padding: 0;
	width: 670px;
	background: url(../img/top/bg_dot.gif) no-repeat 648px 0 ;
}

#sitetop #container #contents #main h2 {
	background: none;
	font-size: 0;
	font-weight: normal;
	height: 38px;
	line-height: 0;
	margin-bottom: 0;
	padding: 0;
	overflow: hidden;
}

#sitetop #container #message {
	margin: 0 auto 15px auto;
	background-color:#FFF;
	width: 940px;
	padding:5px 10px;
}
#sitetop #container #message  a{
	background: url(../img/common/ico_yarw.gif) no-repeat 0px 0px;
	padding-left: 18px;
	margin-left: 5px;
	color:#333;
	font-size:120%;
}
#sitetop #container #message  a:hover{
	color:#ec2222;
}
#sitetop #container #contents #main #new-product {
	margin-bottom: 11px;
	padding-bottom: 10px;
	background: url(../img/top/newproduct_bg_btm.gif) no-repeat left bottom;
}

#sitetop #container #contents #main #new-product div.clearfix {
	background: url(../img/top/newproduct_bg.gif) repeat-y 0 0;
}

#sitetop #container #contents #main #new-product h2 {
	margin-bottom: 5px;
}

#sitetop #container #contents #main #new-product div.clearfix dl {
	float: left;
	width: 206px;
	margin-right: 6px;
}

#sitetop #container #contents #main #new-product div.clearfix dl dt {
	padding: 5px 4px;
	font-size: 0;
	line-height: 0;
	background: url(../img/common/line_dotx.gif) repeat-x 0 129px;
}

#sitetop #container #contents #main #new-product div.clearfix dl dt p {
	margin-top: 7px;
}

#sitetop #container #contents #main #new-product div.clearfix dl dd {
	padding: 0px 15px;
}

#sitetop #container #contents #main #housemake {
	clear: left;
	width: 630px;
	margin-bottom: 11px;
	padding-bottom: 10px;
	background: #FFF url(../img/top/contents_bg_btm.gif) no-repeat left bottom;
}

#sitetop #container #contents #main #housemake div.clearfix {
	margin: 11px 0 0 20px;
}

#sitetop #container #contents #main #housemake h2 {
	margin-bottom: 0;
}

#sitetop #container #contents #main #housemake div.clearfix dl {
	float: left;
	width: 291px;
	margin-right: 9px;
}

#sitetop #container #contents #main #housemake div.clearfix dl dt {
	font-size: 0;
	line-height: 0;
}

#sitetop #container #contents #main #housemake div.clearfix dl dt p {
	margin-top: 7px;
}

#sitetop #container #contents #main #housemake div.clearfix dl dd {
	margin-top: 5px;
}

#sitetop #container #contents #main #topics {
	position: relative;
	clear: left;
	width: 630px;
	margin-bottom: 11px;
	padding-bottom: 25px;
	background: #FFF url(../img/top/contents_bg_btm.gif) no-repeat left bottom;
}

#sitetop #container #contents #main #topics p.detail {
	position: absolute;
	top: 9px;
	left: 495px;
}

#sitetop #container #contents #main #topics dl {
	clear: left;
	padding: 3px 0;
	margin-left: 20px;
	width: 590px;
	background: url(../img/common/line_dotx.gif) repeat-x left bottom;
}
#sitetop #container #contents #main #topics dl:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#sitetop #container #contents #main #topics dl {display: inline-table;}
/* Hides from IE-mac \*/
* html #sitetop #container #contents #main #topics dl {height: 1%;}
#sitetop #container #contents #main #topics dl {display: block;}
/* End hide from IE-mac */
/* WinIE7 only */
*:first-child+html #sitetop #container #contents #main #topics dl {
  height:1%;
}

#sitetop #container #contents #main #topics dl dt {
	float: left;
	padding-left: 20px;
	width: 90px;
	background: url(../img/common/ico_yarw.gif) no-repeat 3px 2px;
}

#sitetop #container #contents #main #topics dl dd {
	float: left;
	width: 480px;
}


#sitetop #container #contents #side {
	float: right;
	margin-top: 0;
	padding: 0;
	width: 290px;
	background: none;
}

#sitetop #container #contents #side #catalog {
	margin-bottom: 11px;
	background: #FFF url(../img/top/catalog_bg.jpg) no-repeat left bottom;
}

#sitetop #container #contents #side #catalog h3 {
	margin-bottom: 5px;
}

#sitetop #container #contents #side #catalog p.bnn {
	margin-bottom: 6px;
	text-align: center;
	line-height: 0;
	font-size: 0;
}

#sitetop #container #contents #side #catalog ul {
	min-height: 70px;
	height: auto !important;
	height: 70px;
	margin-left: 8px;
}

#sitetop #container #contents #side #catalog ul li {
	width: 126px;
	margin-bottom: 3px;
	line-height: 0;
	font-size: 0;
	background: #fff;
}

#sitetop #container #contents #side .banner-area {
	margin-bottom: 6px;
}

#sitetop #container #contents #side .banner-area ul li {
	padding-bottom: 5px;
	text-align: center;
	line-height: 0;
	font-size: 0;
}

#sitetop #container #contents #side #download {
	padding-bottom: 10px;
	background: #fff;
}

#sitetop #container #contents #side #download h3 {
	margin-bottom: 10px;
}

#sitetop #container #contents #side #download p {
	margin: 0 15px 5px;
}

#sitetop #container #contents #side #download ul {
	margin: 0 15px 5px;
}

#sitetop #container #contents #side #download ul li a {
	padding-left: 15px;
	background: url(../img/common/ico_yarw.gif) no-repeat 0 0;
}

#sitetop #container #contents #side #download p.notes {
	margin: 0 15px;
	font-size: 83%;
}

#sitetop #container #contents #side #about {
	margin-bottom: 13px;
	padding-bottom: 10px;
	background: #fff url(../img/top/side_contents_bg_btm.gif) no-repeat left bottom;
}

#sitetop #container #contents #side #about h3 {
	margin-bottom: 10px;
}

#sitetop #container #contents #side #about p {
	margin: 0 15px 5px;
}

#sitetop #container #contents #side #about ul {
	margin: 0 15px 5px;
}

#sitetop #container #contents #side #about ul li a {
	padding-left: 15px;
	background: url(../img/common/ico_yarw.gif) no-repeat 0 0;
}

#sitetop #container #contents #side #relation {
	margin-bottom: 13px;
	padding-bottom: 10px;
	background: #fff url(../img/top/side_contents_bg_btm.gif) no-repeat left bottom;
}

#sitetop #container #contents #side #relation h3 {
	margin-bottom: 10px;
}

#sitetop #container #contents #side #relation ul {
	margin: 0 15px 5px;
}

#sitetop #container #contents #side #relation ul li a {
	padding-left: 15px;
	background: url(../img/common/ico_yarw.gif) no-repeat 0 0;
}

#sitetop #foot .inner .page_top {
	position: absolute;
	padding: 26px 0 0 163px;
	left: 648px;
	top: -50px;
	background: url(../img/top/bg_dot.gif) no-repeat 0 0 ;
}