/* CSS Document */

*{
	margin:0;
	padding:0;
}

A:link {
    COLOR: #0569CD; TEXT-DECORATION: none;
}
A:visited {
    COLOR: #0569CD;text-decoration: none;
}
A:active {
    COLOR: #0569CD; TEXT-DECORATION: underline;
}
A:hover {
    COLOR: #0569CD;
    TEXT-DECORATION: underline;
}

/* ----------------------------------- BODY ----- */
body{
	font-family: "lr oSVbN", "Century Gothic Regular", Osaka, "qMmpS Pro W3";
	background-color:#FFFFFF;
	color: #5F5F5F;
	text-align: center;
	margin: 0 auto;
	padding:0;
}

.clr{
	clear:both;
}
#spacer{
	background-color: #FFFFFF;
	height: 10px;
}

#container{
	width:992px;
	padding:0;
	margin:0 auto;
	font-size:12px;
}

#header{
	background-image:url(./img/green/head/headback.gif);
	background-repeat:no-repeat;
	height:95px;
	padding:0;
	margin:0;
}

/* o^EOC */
#headerButton ul{
	height: 10px;
	margin-left: 795px;
}
#headerButton li{
	float: left;
	width: 81px;
	height: 19px;
	margin-top: 10px;
	font-size:10px;
	overflow:hidden;
}
#headerButton li a{
	display:block;
	width:100%;
	padding-top:50px;
}
#headerButton #btn1 a{background-image:url(./img/green/head/button01.gif);}
#headerButton #btn2 a{background-image:url(./img/green/head/button02.gif);}

/* TCg}bvE⍇ */
#headerLink ul{
	width: 220px;
	margin-left: 770px;
}
#headerLink li{
	float: left;
	width: 105px;
	font-size:10px;
	overflow:hidden;
}
#headerLink li a{
	display:block;
	width:100%;
	padding-top:24px;
	text-align: center;
}
#headerLink #link1 a{color: #5F5F5F; text-decoration: none;}
#headerLink #link2 a{color: #5F5F5F; text-decoration: none;}


#headerMenu{
	background-image:url(./img/green/menu/buttonback.gif);
	background-repeat:no-repeat;
	height:33px;
}
#headerNavi ul{
	height:30px;
	margin-left:56px;
}
#headerNavi li{
	float:left;
	width:97px;
	height:33px;
	margin:0;
	font-size:10px;
	overflow:hidden;
}
#headerNavi li a{
	display:block;
	width:100%;
	padding-top:50px;
}

#headerNavi li a:hover{ text-decoration: underline }
#headerNavi li a:active{ text-decoration: underline }
#headerNavi li a:visited{ text-decoration: none }
#headerNavi li a:link{ text-decoration: none }


#headerNavi #navi1 a{background-image:url(./img/green/menu/button03.gif);}
#headerNavi #navi2 a{background-image:url(./img/green/menu/button04.gif);}
#headerNavi #navi3 a{background-image:url(./img/green/menu/button05.gif);}
#headerNavi #navi4 a{background-image:url(./img/green/menu/button06.gif);}
#headerNavi #navi5 a{background-image:url(./img/green/menu/button07.gif);}
#headerNavi #navi6 a{background-image:url(./img/green/menu/button08.gif);}
#headerNavi #navi7 a{background-image:url(./img/green/menu/button09.gif);}
#headerNavi #navi8 a{background-image:url(./img/green/menu/button10.gif);}

#headerNavi #navi1 a:hover{	background-image:url(./img/green/menu/button03on.gif);}
#headerNavi #navi2 a:hover{	background-image:url(./img/green/menu/button04on.gif);}
#headerNavi #navi3 a:hover{	background-image:url(./img/green/menu/button05on.gif);}
#headerNavi #navi4 a:hover{	background-image:url(./img/green/menu/button06on.gif);}
#headerNavi #navi5 a:hover{	background-image:url(./img/green/menu/button07on.gif);}
#headerNavi #navi6 a:hover{	background-image:url(./img/green/menu/button08on.gif);}
#headerNavi #navi7 a:hover{	background-image:url(./img/green/menu/button09on.gif);}
#headerNavi #navi8 a:hover{	background-image:url(./img/green/menu/button10on.gif);}

#mainContents{
	margin-top:8px;
}

/* ----- j[ ----- */
#mainFrameLeft{
	background-image: url(./img/green/left/leftcolumn.gif);
	background-repeat: repeat-y;
	float: left;
	width: 175px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}


/* ----- LoginForm ----- */
#loginFormHeader{
	background-image: url(./img/green/left/leftloginhead.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 26px;
	padding-top: 1px;
	margin: 6px 0 0 0;
}
#loginFormHeader #formTitle{
	color: #FFFFFF;
	text-align:left;
	font-size: 13px;
	font-weight: bold;
	padding-top:6px;
	margin-top:0px;
	margin-left:40px;
}
#loginFormBackGround{
	background-image: url(./img/green/left/leftcategorymiddle.gif);
	background-repeat: repeat-y;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 167px;
}
#loginFormBody{
	text-align: left;
	line-height: 150%;
	width: 167px;
	padding: 0 0 0 20px;
}
#loginFormFooter{
	background-image: url(./img/green/left/leftcategorybottom.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 9px;
	padding: 0;
	margin: 0;
	font-size: 1px;
}


/* ----- SearchForm ----- */
#searchFormHeader{
	background-image: url(./img/green/left/leftserchhead.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 25px;
	padding-top: 2px;
	padding-bottom: 0px;
	margin: 5px 0 0 0;
}
#searchFormHeader #formTitle{
	color: #FFFFFF;
	text-align:left;
	font-size: 13px;
	font-weight: bold;
	padding-top:4px;
	margin-left:40px;
}
#searchFormBackGround{
	background-image: url(./img/green/left/leftserchmiddle.gif);
	background-repeat: repeat-y;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 167px;
}
#searchFormBody{
	text-align: left;
	line-height: 150%;
	width: 167px;
	padding: 0 0 0 20px;
}
#searchFormFooter{
	background-image: url(./img/green/left/leftserchbottom.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 9px;
	padding: 0;
	margin: 0;
	font-size: 1px;
}


/* ----- CategoryArea ----- */
.categoryAreaHeader{
	background-image: url(./img/green/left/leftcategoryhead.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 24px;
	padding: 0;
	margin-top: 5px;
}
.categoryAreaHeader #formTitle{
	color: #FFFFFF;
	text-align:left;
	font-size: 13px;
	font-weight: bold;
	padding: 5px 0 0 15px;
}
.categoryAreaBackGround{
	background-image: url(./img/green/left/leftcategorymiddle.gif);
	background-repeat: repeat-y;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 167px;
}
.categoryAreaBody{
	text-align: left;
	line-height: 150%;
	width: 167px;
	padding-left: 5px;
	letter-spacing: 0px;
}
.categoryAreaFooter{
	background-image: url(./img/green/left/leftcategorybottom.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 9px;
	padding: 0;
	margin: 0;
	font-size: 1px;
}


/* ----- Cj[ ----- */
#mainFrameCenter{
	text-align: center;
	float: left;
	width: 632px;
	height: 100%;
	padding: 0px;
	margin-left: 10px;
	border: 0px;
}

#mainFrameCenter a:link{ text-decoration: underline}
#mainFrameCenter a:visited{ text-decoration: underline}

#newsBody{
	text-align: left;
	font-size: 11px;
	border-left: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
	width: 608px;
	padding: 11px;
}
#newsFooter{
	background-image: url(./img/green/center/centerbottom.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 632px;
	height: 10px;
	padding: 0;
	margin: 0;
	font-size: 1px;
}
#newsInfo{
	background-color: #FFFFFF;
	width: 608px;
	line-height: 170%;
	border:0 none #FFFFFF;
	padding: 0;
	margin: 0;
}


#newProductHeader{
	background-image: url(./img/green/center/centerhead.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 632px;
	height: 29px;
	padding: 0;
	margin: 0;
}

#commingProductHeader{
	background-image: url(./img/green/center/centerchedulehead.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 632px;
	height: 29px;
	padding: 0;
	margin: 0;
}
#productBody{
	text-align: left;
	font-size: 11px;
	border-left: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
	width: 608px;
	padding: 11px;
}
#productFooter{
	background-image: url(./img/green/center/centerbottom.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 632px;
	height: 10px;
	padding: 0;
	margin: 0;
	font-size: 1px;
}
table#productInfo{
	background-color: #FFFFFF;
	width: 608px;
	border:0 none #FFFFFF;
	padding: 0;
	margin: 0;
}
#productInfo td{
	width: 130px;
	padding-top: 10px;
	margin: 0;
}
#productInfo div{
	background-image: url(./img/green/center/centerarticleback.gif);
	background-repeat: no-repeat;
	width: 115px;
	height: 221px;
	padding: 10px;
	margin: 0;
}
#productInfo div a{
 width: 115px;
}
#productInfo img{
	margin:5px 10px 19.5px 19.5px;
}

#pageTitle{
	background-image: url(./img/green/title.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 632px;
	height: 29px;
	padding: 0;
	margin: 0;
}
#pageTitle #title{
	color: #FFFFFF;
	text-align:left;
	font-size: 14px;
	font-weight: bold;
	padding-top: 7px;
	margin-left:30px;
}

/* ----- Ej[ ----- */
#mainFrameRight{
	text-align: center;
	float: right;
	width: 165px;
	height: 100%;
	line-height: 150%;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#registUser{
	background-image: url(./img/green/right/righttop.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 165px;
	height: 160px;
	padding: 0;
	margin: 0;
}


/* ----- gуANZX ----- */
#mobileGateHeader{
	background-image: url(./img/green/right/rightmobilehead.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 165;
	height: 22px;
	padding: 0;
	margin-top: 5px;
}
#mobileGateBody{
	border-left: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
	width: 164px;
	padding: 0;
}
#mobileQR{
	background-image: url(./img/green/right/rightmobileqr.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 82px;
	height: 82px;
	margin-left: auto;
	margin-right: auto;
}
#mobileGateBody a{
	color: #3DE12F;
	text-decoration: underline;
}
#mobileGateFooter{
	background-image: url(./img/green/right/rightmobilebottom.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 165px;
	height: 8px;
	padding: 0;
	margin: 0;
	font-size: 1px;
}


/* ----- pē ----- */
#infoHeader{
	background-image: url(./img/green/right/rightusehead.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 165;
	height: 22px;
	padding: 0;
	margin-top: 5px;
}
#infoBody{
	text-align: left;
	font-size: 11px;
	border-left: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
	width: 153px;
	padding: 5;
}
#infoBody a{
	font-size: 11px;
	font-weight: bold;
	color: #3DE12F;
	text-decoration: underline;
}
#infoLine{
	background-image: url(./img/green/right/rightuseline.gif);
	background-repeat: no-repeat;
	background-position: center;
	text-align:center;
	width: 151px;
	height: 11px;
	margin-top: 5px;
	padding-buttom: 5px;
}
#infoFooter{
	background-image: url(./img/green/right/rightusebottom.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 165px;
	height: 10px;
	padding: 0;
	margin: 0;
	font-size: 1px;
}
#paymentImage{
	background-image: url(./img/green/right/rightusecredit.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 79px;
	padding-top:5px;
}
#browserImage{
	background-image: url(./img/green/right/rightusebrowser.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 29px;
	padding-top:5px;
}


td{
	font-size: 12px;
	line-height: 150%;
	color: #5F5F5F;
	letter-spacing: 1px;
}

textarea {
	font-size: 12px;
	line-height: 120%;
}
input {
	font-size: 12px;
}

/* ----------------------------------- TEXT ----- */
.T-11bk {
	text-align:left;
	font-size: 11px;
	line-height: 130%;
	color: #5F5F5F;
	padding-right: 16px;
	padding-left: 17px;
}
.T-12bk {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	line-height: 130%;
	color: #5F5F5F;
}
.T-12bk_login {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	line-height: 130%;
	color: #5F5F5F;
	padding-left: 10px;
}
.T-11gr {
	text-align:left;
	font-size: 11px;
	line-height: 130%;
	color: #6F6F6F;
}
.T-12gr {
	text-align:left;
	font-size: 13px;
	line-height: 130%;
	color: #6F6F6F;
}
.T-11wh {
	text-align:left;
	font-size: 11px;
	line-height: 130%;
	color: #FFFFFF;
}
.T-12wh {
	text-align:left;
	font-size: 12px;
	line-height: 130%;
	color: #FFFFFF;
}
.T-11grn {
	text-align:left;
	font-size: 11px;
	line-height: 130%;
	color: #017901;
	letter-spacing: 1px;
}
.T-12grn {
	text-align:left;
	font-size: 12px;
	font-weight: bold;
	line-height: 130%;
	color: #017901;
}
.T-11red {
	text-align:center;
	font-size: 11px;
	line-height: 130%;
	color: #FF0000;
	font-weight: bold;
}
.T-12red {
	text-align:center;
	font-size: 12px;
	line-height: 130%;
	color: #FF0000;
	font-weight: bold;
}
.T-14red {
	text-align:left;
	font-size: 14px;
	line-height: 130%;
	font-weight: bold;
	color: #FF0000;
	letter-spacing: 2px;
}
.input_140px {
	width: 140px;
}
ul {
	margin: 0px;
	padding: 0px;
}
.T-12green {
	font-size: 12px;
	line-height: 150%;
	color: #339900;
	letter-spacing: 2px;
}
.T-14green {
	font-size: 14px;
	line-height: 140%;
	font-weight: bold;
	color: #339900;
	letter-spacing: 2px;
}


/* ----------------------------------- ALARM ----- */
.alert_l { color: #E64901; font-size: 12pt; font-weight: bold; }
.alert_m { color: #E64901; 	font-size: 10pt; font-weight: bold; }
.alert_s { color: #E64901; font-size: 10pt; font-weight: solid; }
.help_l { color: #405860; font-size: 12pt; font-weight: bold; }
.help_m { color: #405860; font-size: 10pt; font-weight: bold; }
.help_s { color: #405860; font-size: 10pt; font-weight: solid; }
.error { color: #E64901; font-size: 10pt; font-weight: solid; text-align:center; list-style:none; }

/* ----------------------------------- FORM ----- */
#form {
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-left-color: #999999;
	margin-bottom: 10px;
}
table#form caption {
    background-color: #FFFFFF;
    text-align: left;
    text-decoration: border;
    color: #5F5F5F;
    font-size: 10pt;
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 15px;
}
#form thead th {
	font-size: 10pt;
	color: #5F5F5F;
	text-align: center;
	background-color: #ACF2A7;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	vertical-align: middle;
}
#form tbody th {
	font-size: 10pt;
	color: #5F5F5F;
	text-align: left;
	background-color: #ACF2A7;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	vertical-align: middle;
}
#form tfoot th {
	font-size: 10pt;
	color: #5F5F5F;
	text-align: center;
	background-color: #ACF2A7;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	vertical-align: middle;
}
#form td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	vertical-align: middle;
}

#form2 {
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-left-color: #999999;
	margin-bottom: 10px;
}
#form2 caption {
    background-color: #FFFFFF;
    text-align: center;
    text-decoration: border;
    color: #017901;
    font-size: 10pt;
    font-weight: bold;
    padding: 10px 0;
}
#form2 th {
	font-size: 10pt;
	color: #5F5F5F;
	text-align: left;
	background-color: #ACF2A7;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	padding: 5px;
	vertical-align: top;
}
#form2 td {
	font-size: 8pt;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	padding: 10px;
	vertical-align: middle;
}

table#productList {
    background-color: #FFFFFF;
    color: #5F5F5F;
    width: 100%;
    border: 1px solid;
    border-color: #DFDFDF;
    empty-cells: show;
	padding: 3px;
    margin-top: 3px;
}

#mainFrameLeft li{
	list-style-type: none;
	marker-offset: 5px;
	margin: 0px;
	padding: 0px;
}

#firstInfomation {
	width: 570px;
	text-align: left;
	line-height: 150%;
	padding-left: 10px;
	margin-left: 10px;
}

#deliveryInfomation {
	width: 520px;
	text-align: left;
	line-height: 150%;
	padding-left: 10px;
	margin-left: 10px;
}

#paymentInfomation {
	width: 520px;
	text-align: left;
	line-height: 150%;
	padding-left: 10px;
	margin-left: 10px;
}

#categoryTree {
	font-size: 14px;
	color: #5F5F5F;
	font-weight: bold;
	text-align: left;
	padding-top: 5px;
}

#footer{
	float: none;
	clear:both;
	background-image: url(img/green/footer/bar.gif);
	font-size: 7pt;
	color: white;
	padding-left: auto;
	padding-right: auto;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	margin-top: 10px;
}

#footer .footer-menu{
	padding-left: 22px;
	margin-left: 3px;
	margin-right: 3px;
	background-image: url(img/green/footer/mark.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#copyright {
	color: black;
	font-size: 8pt;
}

/* added 20090724 */

#pregist_table tr {
    border-width:0;
    border-style:none;
}

#pregist_table td {
    border-width:0;
    border-style:none;
}
/* added 20090804 */

#cartorder_table01 tr {
    border-width:0;
    border-style:none;
}

#cartorder_table01 td {
    border-width:0;
    border-style:none;
}

#cartorder_table02 tr {
    border-width:0;
    border-style:none;
}

#cartorder_table02 td {
    border-width:0;
    border-style:none;
}


#loginform_boxwidth01 {
 width: 130px;
}
#loginform_boxwidth02 {
 width: 130px;
}
#loginform_boxwidth03 {
 width: 130px;
}
#loginform_boxwidth04 {
 width: 130px;
}

#edit_boxwidth01 {
 width: 130px;
}
#edit_boxwidth02 {
 width: 130px;
}