@charset "utf-8";

/*
------------------------------------------------
import
------------------------------------------------*/
@import "winie6.css";
@import "lightbox.css";


/*
------------------------------------------------
Layout
------------------------------------------------*/

h1 {
	background-image: url(../img/door_title.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 31px;
	width: 575px;
	margin-bottom:24px;
}
#box01 {
	width: 575px;
	position: relative;
	padding-top: 54px;
}
#box01 ul {
	width: 575px;
	background-image: url(../img/door_index_tabmenu.jpg);
	background-repeat: no-repeat;
	height: 29px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#box01 li {
    width:140px;
	height: 29px;
	float:left;
}
#box01 .box01_1 {
	padding-left:5px;
	padding-right:2px;
}
#box01 .box01_2,
#box01 .box01_3 {
	padding-right:2px;
}
#box01 .box01_4 {
	padding-right:4px;
}
#box01 li a {
    width:140px;
	height: 29px;
    display:block;
	text-indent: -9999px;
	text-decoration:none;
}
#box01 li a:hover {
	background-image: url(../img/door_index_tabmenu_on.jpg);
	background-repeat: no-repeat;
	height: 29px;
}
#box01 .box01_1 a:hover {
    background-position:-5px 0;
}
#box01 .box01_2 a:hover {
    background-position:-147px 0;
}
#box01 .box01_3 a:hover {
    background-position:-289px 0;
}
#box01 .box01_4 a:hover {
    background-position:-431px 0;
}
#txt01 {
	background-image: url(../img/door_index_text01.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 46px;
	width: 565px;
	margin-bottom: 20px;
	margin-left: 8px;
}
#box02 {
	width: 573px;
	border: 1px solid #D2D2D2;
	background-color: #F9F9F9;
	padding-bottom: 9px;
}
#box02 dl {
	width: 550px;
	background-image: url(../img/door_index_boxbg.jpg);
	background-repeat: no-repeat;
	margin: 9px auto 0 auto;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #D2D2D2;
	border-bottom-color: #D2D2D2;
	border-left-color: #D2D2D2;
	background-color: #FFFFFF;
	position: relative;
	min-height: 170px;
}
#box02 dt {
	background-repeat: no-repeat;
	height: 41px;
	width: 323px;
	text-indent: -9999px;
	background-position: 216px 18px;
	padding-top: 18px;
	padding-left: 216px;
}
#box02 #title_plainface {
	background-image: url(../img/door_index_plainface.jpg);
}
#box02 #title_simpleframe {
	background-image: url(../img/door_index_simpleframe.jpg);
}
#box02 #title_combinationface {
	background-image: url(../img/door_index_combinationface.jpg);
}
#box02 .box02_1 {
	position: absolute;
	left: 11px;
	top: 18px;
}
#box02 .box02_1 img {
	padding: 1px;
	border: 1px solid #D2D2D2;
}
#box02 .box02_2 {
	padding: 0 12px 55px 222px;
}
#box02 .box02_3 {
	background-image: url(../img/btn01.jpg);
	background-repeat: no-repeat;
	height: 20px;
	width: 72px;
	position: absolute;
	left: 465px;
	bottom: 15px;
}
#box02 .box02_3 a {
    display:block;
	text-indent:-9999px;
	text-decoration:none;
	height: 20px;
	width: 72px;
}


/*
------------------------------------------------
category menu
------------------------------------------------*/
#box10 {
    clear:both;
	background-image: url(../img/categorymenu.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 575px;
	background-position: 0px 30px;
	padding: 30px 0 60px 0;
}
#box10 li {
	float: left;
	margin-top: 8px;
	height: 13px;
}
#box10 li a {
    text-indent:-9999px;
	display:block;
    text-decoration:none;
}
#box10 .list01 a {
	margin-left: 4px;
	width: 41px;
}
#box10 .list02 a {
	margin-left: 1px;
	width: 70px;
}
#box10 .list03 a {
	margin-left: 1px;
	width: 78px;
}
#box10 .list04 a {
	margin-left: 1px;
	width: 50px;
}
#box10 .list05 a {
	margin-left: 1px;
	width: 52px;
}
#box10 .list06 a {
	margin-left: 1px;
	width: 78px;
}
#box10 .list07 a {
	margin-left: 1px;
	width: 106px;
}
#box10 .list08 a {
	margin-left: 1px;
	width: 89px;
}


/*
------------------------------------------------
footer menu
------------------------------------------------*/
#box11 {
	background-image: url(../img/footermenu.jpg);
	background-repeat: no-repeat;
	height: 34px;
	width: 575px;
}
#box11 li {
	float: left;
	margin-top: 2px;
	height: 30px;
}
#box11 li a {
	height: 30px;
    text-indent:-9999px;
	display:block;
    text-decoration:none;
}
#box11 .list01 {
	margin-left: 6px;
	width: 130px;
}
#box11 .list02 {
	margin-left: 2px;
	width: 120px;
}
#box11 .list03 {
	margin-left: 2px;
	width: 110px;
}
.txt02 {
	clear: both;
	margin-right: 8px;
	margin-left: 8px;
}