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

@import"accounting.css";
@import"cart.css";
@import"content01.css";
@import"coordinate.css";
@import"guide.css";
@import"home.css";
@import"itemdetail.css";
@import"itemlist.css";
@import"mypage.css";
@import"privacy.css";
@import"regist.css";
@import"popup.css";
@import"aw1009.css";
@import"easyjeans.css";
@import"xmas.css";
@import"luckybag.css";


/*==== [ common id and class ] ====================================================================*/
html{ height:100%; }
body {
	background:#FFFFFF url('../img/bg_main.png') top left;
	margin:0; padding:0;
	height:100%;
}
body.test {
	background:#FFFFFF url('../img/bg_main.png') top left;
}
body.black {
	background:#000000 url('../img/black/bg_main.png') top left;
}

div#main{
	margin:0 auto;
	width:800px;
	min-height:100%;
	background:#FFFFFF;
}
* html div#main{
	height:100%;
}

body.black div#main{
	background:#000000;
}
	

div#popupMain{
	position:relative;
	margin:0 auto;
	width:650px;
	min-height:100%;
	background:#FFFFFF;
}

* html div#popupMain{
	height:100%;
}	

body > #popupMain {
	height: auto;
}

/* ==[ common Basic ]== */
p, ul, ol, li { margin:0px; padding:0px; }
.clear { clear:both; }
*html .clear { font-size:1px; }
.left { text-align:left; }
.right{ text-align:right; }
.center { text-align:center; }
.valSuper { vertical-align:super; font-size:smaller; }
.valBtm { vertical-align:bottom; }
.nowrap { white-space:nowrap; }
.pre { white-space:pre; }

a { text-decoration:none; }
img { border:none; }

em{ font-weight:bold; font-style:normal; color:#cc0000; }

attention { font-size:12px; color:#E60012; }


/* ==[ commonBg ]== */
div#tNaviBg{
	background:#FFFFFF;
	padding:0;
	height:21px;
}
body.black div#tNaviBg{ background:#000000;  }
div#headerBg{
	background:#FFFFFF;
	padding:3px 17px 0px 26px;
}
body.black div#headerBg{ background:#000000;  }
div#contents{
	min-height:400px;
	background:#FFFFFF;
}
body.black div#contents{ background:#000000; }
div#bNaviBg{
	background:url('../img/bg_bnavi.png') top center no-repeat;
	padding:0;
	min-height:80px;
}

*html div#bNaviBg{
	height:80px;
}
body.black div#bNaviBg{
	background:url('../img/black/bg_bnavi.png') top center no-repeat;
}

/* ==[ popupBg ]== */
div#popupHeaderBg{
	display:block;
	background:#FFFFFF;
	width:650px;
	height:25px;
}

div#popupContents{
	background:#FFFFFF;
	min-height:250px;
	width:650px;
}

div#popupFooterBg{
	display:block;
	background:#FFFFFF url('../img/bg_bnavi.png') top center no-repeat;
	width:620px;
	margin:50px auto 0 auto;
	height:80px;
}


/* ==[ top Navi ]== */
div#topNaviBox{ padding:4px 3px 0 0; float:right; }
div#topNaviBox ul{ }
div#topNaviBox li{
	float:left;
	padding:1px 12px;
	background:url('../img/tnavi_border.png') top left no-repeat;
	list-style-type:none;
}
div#topNaviBox li:first-child, div#topNaviBox li.first-child{
	background-image:none;
}
div#topNaviBox li a{ color:#000000; }
.black div#topNaviBox li a { color:#ffffff; }



/* ==[ header ]== */
div#headerColumnL{
	float:left;
}

div#headerLogo a{
	display:block;
	margin-top:6px;
	height:113px;
	width:276px;
	background:url('../img/header_logo_n.png') no-repeat;
	text-indent:-8000px;
}
div.test div#headerLogo a{
	height:113px;
	width:276px;
	background:url('../img/header_logo_n.png') no-repeat;
}
body.black div#headerLogo a{
	background:url('../img/black/header_logo_n.png') no-repeat;
}

div#headerColumnR{
	float:right;
}

div#userNaviBox{
	float:right;
	width:258px;
}
*html div#userNaviBox{ width:259px; }
.test div#userNaviBox{
	width:258px;
}
div#userNaviBox div a{
	float:left;
	display:block;
	width:86px;
	height:86px;
	margin:9px 0 0 0px;
	text-indent:-8000px;
}
div.test div#userNaviBox div a{
	width:86px;
	height:86px;
	margin:9px 0 0 0px;
}
div#userNaviBox div.btnMypage a{
	background:url('../img/btn_mypage1_n.png') no-repeat;
}
.test div#userNaviBox div.btnMypage a{
	background:url('../img/btn_mypage1_n.png') no-repeat;
}
.black div#userNaviBox div.btnMypage a{
	background:url('../img/black/btn_mypage1.png') no-repeat;
}
div#userNaviBox div.btnLogin a{
	background:url('../img/btn_login1_n.png') no-repeat;
}
.test div#userNaviBox div.btnLogin a{
	background:url('../img/btn_login1_n.png') no-repeat;
}
.black div#userNaviBox div.btnLogin a{
	background:url('../img/black/btn_login1.png') no-repeat;
}
div#userNaviBox div.btnLogout a{
	background:url('../img/btn_logout1_n.png') no-repeat;
}
.test div#userNaviBox div.btnLogout a{
	background:url('../img/btn_logout1_n.png') no-repeat;
}
.black div#userNaviBox div.btnLogout a{
	background:url('../img/black/btn_logout1.png') no-repeat;
}
div#userNaviBox div.btnShowcart a{
	background:url('../img/btn_showcart1_n.png') no-repeat;
}
.test div#userNaviBox div.btnShowcart a{
	background:url('../img/btn_showcart1_n.png') no-repeat;
}
.black div#userNaviBox div.btnShowcart a{
	background:url('../img/black/btn_showcart1.png') no-repeat;
}
div#statusMsg{
	float:right;
	padding:7px 4px 0 0;
}


/* ==[ bottom Navi ]== */
div#btmNaviBox{ padding:10px 0 0 10px; float:left; }
div#btmNaviBox ul{}
div#btmNaviBox li{
	float:left;
	padding:1px 15px;
	background:url('../img/bnavi_border.png') top left no-repeat;
	list-style-type:none;	
}
div#btmNaviBox li:first-child, div#btmNaviBox li.first-child{
	background-image:none;
}
div#btmNaviBox li a{ color:#000000; }
.black div#btmNaviBox li a{ color:#ffffff; }

div#copyright{
	float:right;
	display:block;
	width:291px;
	height:5px;
	background:url('../img/copyright.png') no-repeat;
	margin:15px 15px 0 0;
	text-indent:-8000px;
}



/* ==[ form object ]== */
form { padding:0; margin:0; }

.lform, .lform20, .lform30, .lform50, .lform80, 
.lform100, .lform150, .lform200, .lform250, 
.lform300, .lform350, .lform400{

	border:none;
	margin:2px 0px;
	height:21px;
	padding: 2px 5px;
	background:#F49800;
	font-family: verdana,sans-serif;
	font-size: 12px;
	color:#FFFFFF;
}
.lformPop {
	background:#EEEEEE;
	border:solid #999999 1px;
	font-size: 12px;
	min-width:60px;
}
.lformTxt {
	border:none;
	margin:2px 0px;
	padding: 2px 5px;
	background:#F49800;
	font-family: verdana,sans-serif;
	font-size: 12px;
	color:#FFFFFF;
}

.lform20 { width:20px; }
.lform30 { width:30px; }
.lform50 { width:50px; }
.lform80 { width:80px; }
.lform100 { width:100px; }
.lform150 { width:150px; }
.lform200 { width:200px; }
.lform250 { width:250px; }
.lform300 { width:300px; }
.lform350 { width:350px; }
.lform400 { width:400px; }


/* ==[ font color ]== */
.f_col_gr { color: #555555; }
.f_col_r { color: #ff0000; }
.f_col_or { color: #F49800; }
.f_col_p { color:#cb177a; }
.f_col_r2{ color:#E60012; }
.f_col_grn{ color:#8bc33d; }
.f_col_b{ color:#139dfa; }

/*==== [ margin and padding class ] ====================================================================*/
/* ==[ top margin ]== */
.tm0  { margin-top:0px; }
.tm1  { margin-top:1px; }
.tm2  { margin-top:2px; }
.tm3  { margin-top:3px; }
.tm4  { margin-top:4px; }
.tm5  { margin-top:5px; }
.tm6  { margin-top:6px; }
.tm7  { margin-top:7px; }
.tm8  { margin-top:8px; }
.tm9  { margin-top:9px; }
.tm10 { margin-top:10px; }
.tm11 { margin-top:11px; }
.tm12 { margin-top:12px; }
.tm13 { margin-top:13px; }
.tm14 { margin-top:14px; }
.tm15 { margin-top:15px; }
.tm20 { margin-top:20px; }
.tm25 { margin-top:25px; }
.tm30 { margin-top:30px; }
.tm35 { margin-top:35px; }
.tm40 { margin-top:40px; }
.tm45 { margin-top:45px; }

.tm50 { margin-top:50px; }
.tm60 { margin-top:60px; }
.tm70 { margin-top:70px; }
.tm80 { margin-top:80px; }
.tm90 { margin-top:90px; }
.tm100 { margin-top:100px; }

/* ==[ top padding ]== */
.tp0, .tbp0 { padding-top:0px; }
.tp1, .tbp1 { padding-top:1px; }
.tp2, .tbp2 { padding-top:2px; }
.tp3, .tbp3 { padding-top:3px; }
.tp4, .tbp4 { padding-top:4px; }
.tp5, .tbp5 { padding-top:5px; }
.tp6, .tbp6 { padding-top:6px; }
.tp7, .tbp7 { padding-top:7px; }
.tp8, .tbp8 { padding-top:8px; }
.tp9, .tbp9 { padding-top:9px; }
.tp10, .tbp10 { padding-top:10px; }
.tp11, .tbp11 { padding-top:11px; }
.tp12, .tbp12 { padding-top:12px; }
.tp13, .tbp13 { padding-top:13px; }
.tp14, .tbp14 { padding-top:14px; }
.tp15, .tbp15 { padding-top:15px; }
.tp16, .tbp16 { padding-top:16px; }
.tp17, .tbp17 { padding-top:17px; }
.tp18, .tbp18 { padding-top:18px; }
.tp19, .tbp19 { padding-top:19px; }
.tp20, .tbp20 { padding-top:20px; }
.tp25, .tbp25 { padding-top:25px; }
.tp30, .tbp30 { padding-top:30px; }
.tp35, .tbp35 { padding-top:35px; }
.tp40, .tbp40 { padding-top:40px; }
.tp45, .tbp45 { padding-top:45px; }
.tp50, .tbp50 { padding-top:50px; }
.tp60, .tbp60 { padding-top:60px; }
.tp70, .tbp70 { padding-top:70px; }
.tp80, .tbp80 { padding-top:80px; }
.tp90, .tbp90 { padding-top:90px; }
.tp100, .tbp100 { padding-top:100px; }

/* ==[ bottom padding ]== */
.bp0, .tbp0 { padding-bottom:0px; }
.bp1, .tbp1 { padding-bottom:1px; }
.bp2, .tbp2 { padding-bottom:2px; }
.bp3, .tbp3 { padding-bottom:3px; }
.bp4, .tbp4 { padding-bottom:4px; }
.bp5, .tbp5 { padding-bottom:5px; }
.bp6, .tbp6 { padding-bottom:6px; }
.bp7, .tbp7 { padding-bottom:7px; }
.bp8, .tbp8 { padding-bottom:8px; }
.bp9, .tbp9 { padding-bottom:9px; }
.bp10, .tbp10 { padding-bottom:10px; }
.bp11, .tbp11 { padding-bottom:11px; }
.bp12, .tbp12 { padding-bottom:12px; }
.bp13, .tbp13 { padding-bottom:13px; }
.bp14, .tbp14 { padding-bottom:14px; }
.bp15, .tbp15 { padding-bottom:15px; }
.bp16, .tbp16 { padding-bottom:16px; }
.bp17, .tbp17 { padding-bottom:17px; }
.bp18, .tbp18 { padding-bottom:18px; }
.bp19, .tbp19 { padding-bottom:19px; }
.bp20, .tbp20 { padding-bottom:20px; }
.bp25, .tbp25 { padding-bottom:25px; }
.bp30, .tbp30 { padding-bottom:30px; }
.bp35, .tbp35 { padding-bottom:35px; }
.bp40, .tbp40 { padding-bottom:40px; }
.bp45, .tbp45 { padding-bottom:45px; }
.bp50, .tbp50 { padding-bottom:50px; }
.bp60, .tbp60 { padding-bottom:60px; }
.bp70, .tbp70 { padding-bottom:70px; }
.bp80, .tbp80 { padding-bottom:80px; }
.bp90, .tbp90 { padding-bottom:90px; }
.bp100, .tbp100 { padding-bottom:100px; }

/* ==[ right padding ]== */
.rp0, .lrp0   { padding-right:0px; }
.rp1, .lrp1   { padding-right:1px; }
.rp2, .lrp2   { padding-right:2px; }
.rp3, .lrp3   { padding-right:3px; }
.rp4, .lrp4   { padding-right:4px; }
.rp5, .lrp5   { padding-right:5px; }
.rp6, .lrp6   { padding-right:6px; }
.rp7, .lrp7   { padding-right:7px; }
.rp8, .lrp8   { padding-right:8px; }
.rp9, .lrp9   { padding-right:9px; }
.rp10, .lrp10 { padding-right:10px; }
.rp11, .lrp11 { padding-right:11px; }
.rp12, .lrp12 { padding-right:12px; }
.rp13, .lrp13 { padding-right:13px; }
.rp14, .lrp14 { padding-right:14px; }
.rp15, .lrp15 { padding-right:15px; }
.rp16, .lrp16 { padding-right:16px; }
.rp17, .lrp17 { padding-right:17px; }
.rp18, .lrp18 { padding-right:18px; }
.rp19, .lrp19 { padding-right:19px; }
.rp20, .lrp20 { padding-right:20px; }
.rp25, .lrp25 { padding-right:25px; }
.rp30, .lrp30 { padding-right:30px; }
.rp35, .lrp35 { padding-right:35px; }
.rp40, .lrp40 { padding-right:40px; }
.rp45, .lrp45 { padding-right:45px; }
.rp50, .lrp50 { padding-right:50px; }
.rp60  { padding-right:60px; }
.rp70  { padding-right:70px; }
.rp80  { padding-right:80px; }
.rp90  { padding-right:90px; }
.rp100 { padding-right:100px; }

/* ==[ left padding ]== */
.lp0, .lrp0   { padding-left:0px; }
.lp1, .lrp1   { padding-left:1px; }
.lp2, .lrp2   { padding-left:2px; }
.lp3, .lrp3   { padding-left:3px; }
.lp4, .lrp4   { padding-left:4px; }
.lp5, .lrp5   { padding-left:5px; }
.lp6, .lrp6   { padding-left:6px; }
.lp7, .lrp7   { padding-left:7px; }
.lp8, .lrp8   { padding-left:8px; }
.lp9, .lrp9   { padding-left:9px; }
.lp10, .lrp10 { padding-left:10px; }
.lp11, .lrp11 { padding-left:11px; }
.lp12, .lrp12 { padding-left:12px; }
.lp13, .lrp13 { padding-left:13px; }
.lp14, .lrp14 { padding-left:14px; }
.lp15, .lrp15 { padding-left:15px; }
.lp16, .lrp16 { padding-left:16px; }
.lp17, .lrp17 { padding-left:17px; }
.lp18, .lrp18 { padding-left:18px; }
.lp19, .lrp19 { padding-left:19px; }
.lp20, .lrp20 { padding-left:20px; }
.lp25, .lrp25 { padding-left:25px; }
.lp30, .lrp30 { padding-left:30px; }
.lp35, .lrp35 { padding-left:35px; }
.lp40, .lrp40 { padding-left:40px; }
.lp45, .lrp45 { padding-left:45px; }
.lp50, .lrp50 { padding-left:50px; }
.lp60  { padding-left:60px; }
.lp70  { padding-left:70px; }
.lp80  { padding-left:80px; }
.lp90  { padding-left:90px; }
.lp100 { padding-left:100px; }