div#main{
	clear: both;
	float: none;
	width: 900px;
}

div.mainTab h2{
	padding: 0;
	text-indent: 0;
	font-weight: bold;
	font-size: 20px;
	line-height: 25px;
}

div.mainTab a{
	text-decoration: underline;
	font-weight: bold;
	color: #3883ab;
}
div.mainTab a:hover{
	color: #0fade6;
}

div.mainTab table{
	width: 100%;
}
div.mainTab table tr{
	border-top: solid 1px #333333;
	border-left: solid 1px #333333;
}
div.mainTab table tr th,
div.mainTab table tr td{
	background: #ffffff;
	border-right: solid 1px #333333;
	border-bottom: solid 1px #333333;
	padding: 3px 5px;
	line-height: 1.2em;
}
div.mainTab table tr th{
	width: 90px;
	background: #f2f2f2;
}

div.mainTab form input[type=submit]{
	padding: 10px 20px;
}
div.menuList form input[type=submit]{
	margin: -1px;
	padding: 0 10px;
	height: 28px;
	line-height: 24px;
}
div.mainTab form input[type=text]{
	padding: 3px 5px;
	line-height: 1.2em;
	width: 70%;
}
div.mainTab form input[type=text]{
	padding: 3px 5px;
	line-height: 1.2em;
	width: 70%;
}


/*-----------------------------------
  .itemInfo
-----------------------------------*/
div.mainTab div.itemInfo p.group{
	position: absolute;
	right: 0;
	padding: 1px 0;
	width: 130px;
	height: 24px;
	line-height: 24px;
	letter-spacing: -0.1em;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	overflow: hidden;
}
div.mainTab div.itemInfo p#group1{ background: #ffa500; }
div.mainTab div.itemInfo p#group2{ background: #ff6347; }
div.mainTab div.itemInfo p#group3{ background: #fa8072; }
div.mainTab div.itemInfo p#group4{ background: #000080; }
div.mainTab div.itemInfo p#group5{ background: #dc143c; }
div.mainTab div.itemInfo p#group6{ background: #c3d825; }
div.mainTab div.itemInfo p#group7{ background: #ff1493; }
div.mainTab div.itemInfo p#group8{ background: #ff69b4; }
div.mainTab div.itemInfo p#group9{ background: #8b008b; }
div.mainTab div.itemInfo p#group10{ background: #0000ff; }
div.mainTab div.itemInfo p#group11{ background: #4169e1; }
div.mainTab div.itemInfo p#group12{ background: #00bfff; }
div.mainTab div.itemInfo p#group13{ background: #66cdaa; }
div.mainTab div.itemInfo p#group14{ background: #228b22; }
div.mainTab div.itemInfo p#group15{ background: #32cd32; }
div.mainTab div.itemInfo p#group16{ background: #257fd9; }

div.mainTab div.itemInfo p{
	line-height: 1.5em;
	margin: 0;
}
div.mainTab div.itemInfo p.price{
	position: absolute;
	padding: 0 0 0 6px;
	width: 340px;
	height: 26px;
	line-height: 26px;
	font-weight: bold;
	font-size: 24px;
	overflow: hidden;
}
div.mainTab div.itemInfo p.comment{
	position: relative;
	top: 35px;
	margin: 0 6px;
}

/*-----------------------------------
  .button
-----------------------------------*/

a.btn,
input.btn{
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 260px;
	height: 67px;
	text-indent: -9999px;
	border: none;
	background-position: left top;
}
a.btn_order{ background-image: url(./images/btn_order.png); }
a.btn_NewPosts{ background-image: url(./images/btn_NewPosts.png);}
a.btn_detail{ background-image: url(./images/btn_detail.png); width: 166px; }
a.btn_reply{ background-image: url(./images/btn_reply.png); width: 166px; }
input.btn_question{ background-image: url(./images/btn_question.png); }
a.btn:hover,
input.btn:hover{ background-position: left bottom; }

/*-----------------------------------
  #menuTab, .mainTab
-----------------------------------*/
ul#menuTab{
	margin: 0;
	padding: 0;
	width: 900px;
	height: 36px;
	background: url(./images/bg_menuTab_line.png) repeat-x left bottom;
}
ul#menuTab li{
	float: left;
	margin-left: 15px;
}
ul#menuTab li#tab1{
	margin-left: 0;
}
ul#menuTab li a{
	display: block;
	width: 168px;
	height: 34px;
	background: #dadada;
	color: #26394b;
	line-height: 34px;
	text-align: center;
	text-decoration: underline;
	font-weight: bold;
	font-size: 18px;
}
ul#menuTab li a:hover,
ul#menuTab li a.on{
	color: #ffffff;
	background: url(./images/bg_menuTab_on.png) repeat-x;
}

div.mainTab{
	display: block;
	margin: 40px 0;
	width: 900px;
	overflow: hidden;
}

/*-----------------------------------
  popup
-----------------------------------*/

div#popup{
	margin: 0 20px;
	padding: 0 10px;
	width: 440px;
	height: 100%;
	background: #ffffff;
	text-align: left;
}

div#popup div#header{
	height: 76px !important;
}

div#popup div.mainTab{
	width: 440px;
}
div#popup div.mainTab th{
	width: 100px;
}

div#popup div.mainTab h2 {
	margin: 15px 0;
	padding: 0 6px 0 15px;
	width: auto;
	background: rgba(0, 0, 0, 0) url("/images/h3_bg.gif") no-repeat scroll 0 0;
	line-height: 1.4;
}
div#popup div.mainTab p.price {
	position: relative;
	margin: 0 0 10px;
	padding: 0 6px;
}

/*-----------------------------------
  menuList,pager
-----------------------------------*/
div.menuList{
	clear: both;
	margin: 10px 0;
	line-height: 26px;
}
div.menuList div.changeCategory{
	margin: 0 0 5px;
}
div.menuList div.changeCategory p{
	float: left;
	display: inline-block;
	margin: 0;
}
div.menuList div.changeCategory select{
	float: left;
	display: inline-block;
	margin: 0 0 0 3px;
	padding: 0 5px;
	height: 26px;
	line-height: 24px;
}
div.menuList div.pager{
	float: right;
	width: 400px;
	text-align: right;
}
div.menuList p.rows{
	display: inline-block;
	margin: 0;
	font-weight: bold;
}
div.menuList div.pager a{
	display: inline-block;
	margin: 0 1px;
	width: 28px;
	background: #f5f5f5;
	text-align: center;
	text-decoration: none;
}
div.menuList div.pager a.now,
div.menuList div.pager a:hover{
	color: #ffffff;
	background: #324353;
}
div.menuList div.pager span.txtlnk a{
	margin: 0 3px;
	width: auto;
	background: none;
}
div.menuList div.pager span.txtlnk a:hover{
	background: none;
	color: #0fade6;
}

/*-----------------------------------
  sell - index
-----------------------------------*/
div#itemList{
	clear: both;
	margin: 0 0 10px;
	background: url(./images/bg_itemList_line.png) repeat-x left top;
}
div#itemList div.lst{
	clear: both;
	padding: 20px 0;
	height: 210px;
	background: url(./images/bg_itemList_line.png) repeat-x left bottom;
}
div#itemList div.lst img{
	width: 280px;
	height: 210px;
}
div#itemList div.lst div.itemInfo{
	position: relative;
	top: -210px;
	left: 295px;
	width: 605px;
	height: 210px;
}
div#itemList div.lst div.itemInfo a.ttl{
	display: inline-block;
	padding: 0 6px 10px;
	line-height: 25px;
	font-size: 20px;
}

div#itemList div.lst div.itemInfo table{
	position: absolute;
	bottom: 0;
	width: 430px;
}

div#itemList div.lst div.itemInfo a.btn_detail{
	position: absolute;
	bottom: 0;
	right: 0;
}

/*-----------------------------------
  sell - detail
-----------------------------------*/
div#piArea{
	height: 410px;
}
div#piArea div#photoArea{
	position: relative;
	width: 435px;
	height: 410px;
	overflow: hidden;
}
div#piArea div#photoArea div.mainphoto{
	float: left;
	width: 420px;
	height: 315px;
	text-align: center;
}
div#piArea div#photoArea div.mainphoto img{
	max-width: 420px;
	max-height: 305px;
}
div#piArea div#photoArea div.thumb{
	margin: 0 2px;
}
div#piArea div#photoArea div.thumb a{
	margin-left: 15px;
}
div#piArea div#photoArea div.thumb a.thumb1{
	margin-left: 0;
}
div#piArea div#photoArea div.thumb a img{
	width: 126px;
	height: 90px;s
}
div#piArea div#photoArea div.thumb a:hover img{
	outline: solid 2px #0fade6;
}

div#piArea div#infoArea{
	position: relative;
	top: -410px;
	left: 435px;
	width: 465px;
	height: 410px;
}
div#piArea h2{
	padding: 0 6px 15px;
}

div#piArea div#infoArea table{
	position: absolute;
	bottom: 5px;
}

div#orderBox{
	clear: both;
	margin: 30px 0;
}
div#orderBox ul{
	margin: 30px auto;
	width: 750px;
}
div#orderBox ul li{
	text-indent: -1.6em;
}

div#qaBox{
	margin: 30px 0 0;
	padding: 30px;
	background: #fffbe3;
}
div#qaBox dl{
	padding: 10px 0;
	font-size: 16px;
	line-height: 30px;
}
div#qaBox dl dt{
	margin: 0 0 5px;
	padding: 0 0 0 35px;
	background: url(./images/bg_order_q.png) no-repeat left top;
}
div#qaBox dl dd{
	margin: 0 0 20px;
	padding: 0 0 0 35px;
	background: url(./images/bg_order_a.png) no-repeat left top;
}

div#qaBox textarea{
	margin: 0 0 30px;
	padding: 5px;
	width: 100%;
	height: 100px;
}

/*-----------------------------------
  buy - index
-----------------------------------*/
div#BulletinBoard{
	clear: both;
	margin: 0 0 10px;
	background: url(./images/bg_itemList_line.png) repeat-x left top;
}
div#BulletinBoard div.NewPosts{
	padding: 20px 0;
	background: url(./images/bg_itemList_line.png) repeat-x left bottom;
}
div#BulletinBoard div.NewPosts a{
	margin: 0;
}

div#BulletinBoard div.topic{
	clear: both;
	position: relative;
	padding: 20px 0;
	background: url(./images/bg_itemList_line.png) repeat-x left bottom;
}

div#BulletinBoard div.topic p.group{
	position: relative;
	left: 0;
}
div#BulletinBoard div.topic h2{
	position: relative;
	top: -24px;
	left: 140px;
	width: 580px;
	line-height: 24px;
}
div#BulletinBoard div.topic p.at{
	position: relative;
	top: -15px;
	line-height: 24px;
}
div#BulletinBoard div.topic p.comment{
	top: 0;
	width: 720px;
}
div#BulletinBoard div.topic a.btn_detail{
	position: absolute;
	right: 0;
	bottom: 20px;
}
div#BulletinBoard div.topic a.btn_reply{
	position: absolute;
	top: 20px;
	right: 0;
}

div#BulletinBoard div.topic div.replyBox{
	position: relative;
	margin: 20px auto 0;
	width: 700px;
	background: #f3f3ee;
	border: solid 1px #333333;
}
div#BulletinBoard div.topic div.replyBox div.reply{
	position: relative;
	border-top: dotted 1px #333333;
	padding: 10px 10px 0;
}
div#BulletinBoard div.topic div.replyBox p.ttl{
	padding: 0 100px 0 10px;
	height: 35px;
	background: #c8c8c8;
	line-height: 35px;
	overflow: hidden;
}
div#BulletinBoard div.topic div.replyBox a.re{
	position: absolute;
	top: 0;
	right: 10px;
	line-height: 35px;
}
div#BulletinBoard div.topic div.replyBox p.txt{
	padding: 10px 10px 20px;
}

/*-----------------------------------
  result - index
-----------------------------------*/

div.mainTab.result h2{
	margin: 0 0 20px;
	padding: 5px 10px;
	border-bottom: 3px double #333333;
}

div.mainTab.result table{
	margin: 10px auto;
}
div.mainTab.result table.summary{
	width: 500px;
	margin: 20px auto 30px;
}
div.mainTab.result table th,
div.mainTab.result table td{
	padding: 5px 10px;
}

div.mainTab.result form{
	margin: 20px auto 50px;
	width: 700px;
}
div.mainTab.result form p{
	margin: 0;
}
div.mainTab.result form p.error{
	margin: 5px 0 0;
	color: #ff0000;
}
div.mainTab.result form input[type=submit]{
	margin: 10px 0 0 200px;
}

/*-----------------------------------
  rule - index
-----------------------------------*/
div#rule{
	margin: 40px auto;
	width: 700px;
}

div#rule ul{
	list-style: cjk-ideographic;
}

div#rule dl{
	margin: -10px 0 0;
}
div#rule dt{
	clear: both;
	padding: 10px 0 0;
}
div#rule dt.tips{
	clear: both;
	padding: 5px 0 0;
	float: left;
	width: 40px;
	text-align: right;
}
div#rule dd{
	float: right;
	margin: 0;
	padding: 5px 0 0;
	width: 650px;
}



.error{
	color:red;
}