/*--------------------------------------------------------------------
TOOL
--------------------------------------------------------------------*/
#webcol .posCenter {
	margin: 15px auto;
	text-align: center;
}
#webcol .orderCenter {
	margin: 0 auto;
	text-align: center;
}
#webcol .orderRight {
	float: right;
	margin: 0 0 10px 10px;
}
#webcol .orderLeft {
	float: left;
	margin: 0 10px 10px 0;
}
#webcol .cap {
	color: #8C8C8C;
	font-size: 11px;
	line-height: 13px;
	text-align: left;
	margin: -5px 0 10px;
}

#webcol .right200, #webcol .left200,#webcol .right150,#webcol .left150{
	background:#fff;
	position:relative;
	display: inline;
}
#webcol .left200 img,
#webcol .left150 img{
	float:left;
}
#webcol .right200 img,
#webcol .right150 img{
	float:right;
}
#webcol .right200{
	float: right;
	width: 200px;
	height:auto;
	margin: 6px 0 12px 15px;
}
#webcol .right200 img{}

#webcol .left200{
	float: left;
	width: 200px;
	height:auto;
	margin: 6px 15px 12px 0;
}
#webcol .left200 img{}

#webcol .right150{
float: right; 
width: 150px;
height:auto;
margin: 6px 0 12px 15px;
}
#webcol .right150 img{}

#webcol .left150{
float: left; 
width: 150px;
height:auto;
margin: 6px 15px 12px 0;
}
#webcol .left150 img{}

#webcol .center300, #webcol .center400{
	background:#fff;
	position:relative;
	clear: both;
	text-align: center;
}
#webcol .center300{
	width: 300px;
	height:auto;
	margin: 1em auto 12px;
	text-align: center;
}
#webcol .center300 img{
	margin:1em auto 12px auto;
}
#webcol .center400{
	width: 400px;
	height:auto;
	margin: 1em auto 12px;
	text-align: center;
}
#webcol div.center400 img{}

#webcol .right200 img,
#webcol .left200 img,
#webcol .right150 img,
#webcol .left150 img,
#webcol .center300 img,
#webcol .center400 img{
	margin-bottom:10px;
}
#webcol .right200 a,
#webcol .left200 a,
#webcol .right150 a,
#webcol .left150 img,
#webcol .center300 a,
#webcol .center400 a{
	text-decoration:none;
}


/*--------------------------------------------------------------------
BREAD
--------------------------------------------------------------------*/
#webcol div.breadCrumb {
	background: #ffffff;
	height: 30px;
	width: 660px;
}
#webcol div.breadCrumb li {
	color: #81692D;
	display: inline;
	float: left;
	padding: 0 2px;
	margin: 7px 5px 0 0;
}
#webcol div.breadCrumb ul li a:link,
#webcol div.breadCrumb ul li a:visited {
	color: #81692D;
}
#webcol div.breadCrumb ul li a:hover {
	color: #A68D55;
}
#webcol div.breadCrumb ul li.gt {
	color: #81692D;
	font-family: 'MS ƒSƒVƒbƒN', Sans-Serif;
	font-size: 90%;
	margin: 9px 2px 0 0;
	_margin: 7px 2px 0 0;
}
#webcol div.breadCrumb ul li.category {
	text-transform: capitalize;
}
#webcol div.breadCrumb ul li.title {
	color: #9B9B9B;
}
#webcol div.breadCrumb ul li.pageTitle {
}
#webcol div.monitor li.subscription p.head {
	background: #F9F9F9;
	display: block;
	float: left;
	font-weight: bold;
	padding: 5px 12px 5px 9px;
	width: 156px;
}

/*--------------------------------------------------------------------
Guide Info
--------------------------------------------------------------------*/
#webcol .guideInfo {
	margin: 50px auto 25px;
	width: 503px;
}
#webcol .guideInfo .face {
	float: left;
	width: 70px;
}
#webcol .guideInfo .text {
	float: left;
	width: 415px;
}
/*--------------------------------------------------------------------
DECORATION
--------------------------------------------------------------------*/
body.lifestyle #article .entry .head .date {
	background: none;
	color: #61400d;
	float: right;
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	margin: 14px 0 0;
	text-align: center;
	width: 110px;
}
body.lifestyle #article .entry h1 {
	background: url(/webcol/lifestyle/title_bg.jpg) no-repeat 0 0;
	color: #222222;
	display: inline;
	float: left;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	height: 35px;
	margin: 15px 0 0 0;
	padding: 10px 0 0 20px;
	width: 507px;
}
body.lifestyle #article .backnumber {
	width: 505px;
	background: url(/webcol/lifestyle/bak_border_sprite.gif) no-repeat left bottom;
	margin: 0 auto 35px;
}
body.lifestyle #article .backnumber div.wrap {
	background: url(/webcol/lifestyle/bak_border_sprite.gif) repeat-y right top;
	padding-bottom: 15px;
	width: 505px;
}
body.lifestyle #article .backnumber div.image {
	background: url(/webcol/lifestyle/bak_border_sprite.gif) no-repeat left bottom;
	color: #fff;
	height: 47px;
	width: 505px;
}
body.lifestyle #article .entry {
	background: url(/webcol/lifestyle/bg_above.jpg) no-repeat left top;
}
body.lifestyle #article .anchor {
	background: url(/webcol/lifestyle/bg_bottom.jpg) no-repeat left bottom;
}

body.beauty #article .entry .head .date {
	background: none;
	color: #61400d;
	float: right;
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	margin: 14px 0 0;
	text-align: center;
	width: 110px;
}
body.beauty #article .entry h1 {
	background: url(/webcol/beauty/title_bg.jpg) no-repeat 0 100%;
	color: #222222;
	display: inline;
	float: left;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	height: 35px;
	margin: 15px 0 0 0;
	padding: 40px 0 0 20px;
	width: 507px;
}
body.beauty #article .backnumber {
	width: 505px;
	background: url(/webcol/beauty/bak_border_sprite.gif) no-repeat left bottom;
	margin: 0 auto 35px;
}
body.beauty #article .backnumber div.wrap {
	background: url(/webcol/beauty/bak_border_sprite.gif) repeat-y right top;
	padding-bottom: 15px;
	/*height: 590px;*/
	width: 505px;
}
body.beauty #article .backnumber div.image {
	background: url(/webcol/beauty/bak_border_sprite.gif) no-repeat left bottom;
	color: #fff;
	height: 47px;
	width: 505px;
}
body.beauty #article .entry {
	background: url(/webcol/beauty/bg_above.jpg) no-repeat left top;
}

body.beauty #article .entry .text b { font-weight: bold; }
body.beauty #article .entry .text p:first-child b {
	border: 1px dotted #F7D7C8;
		border-width: 6px 0;
	display: block;
	padding: 15px;
}

body.beauty #article .entry .text h3 {
	background: url(/webcol/beauty/ans_h3.gif) no-repeat 7px 0;
	border-left: 3px solid #730717;
	color: #333;
	padding: 20px 0 0 7px;
}

body.beauty #article .anchor {
	background: url(/webcol/beauty/bg_bottom.jpg) no-repeat left bottom;
}

body.fashion #article .entry .head .date {
	background: url(/webcol/fashion/vol_bg.jpg) no-repeat left top;
	color: #fff;
	float: right;
	font-weight: bold;
	height: 21px;
	margin: 0 0 0 40px;
	text-align: center;
	width: 100px;
}
body.fashion #article .entry h1 {
	background: url(/webcol/fashion/title_bg.jpg) no-repeat 0 0;
	color: #222222;
	display: inline;
	float: left;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	height: 35px;
	margin: 15px 0 0 0;
	padding: 10px 0 0 20px;
	width: 507px;
}
body.fashion #article .backnumber {
	width: 505px;
	background: url(/webcol/fashion/bak_border_sprite.gif) no-repeat left bottom;
	margin: 0 auto 35px;
}
body.fashion #article .backnumber div.wrap {
	background: url(/webcol/fashion/bak_border_sprite.gif) repeat-y right top;
	padding-bottom: 15px;
	width: 505px;
}
body.fashion #article .backnumber div.image {
	background: url(/webcol/fashion/bak_border_sprite.gif) no-repeat left bottom;
	color: #fff;
	height: 47px;
	width: 505px;
}
body.fashion #article .entry {
	background: url(/webcol/fashion/bg_above.jpg) no-repeat left top;
}
body.fashion #article .anchor {
	background: url(/webcol/fashion/bg_bottom.jpg) no-repeat left bottom;
}

body.gourmet #article .entry .head .date {
	background: url(/webcol/gourmet/vol_bg.jpg) no-repeat left top;
	color: #fff;
	float: right;
	font-weight: bold;
	height: 21px;
	margin: 0 0 0 40px;
	text-align: center;
	width: 100px;
}
body.gourmet #article .entry h1 {
	background: url(/webcol/gourmet/title_bg.jpg) no-repeat 0 0;
	color: #222222;
	display: inline;
	float: left;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	height: 35px;
	margin: 15px 0 0 0;
	padding: 10px 0 0 20px;
	width: 507px;
}
body.gourmet #article .backnumber {
	width: 505px;
	background: url(/webcol/gourmet/bak_border_sprite.gif) no-repeat left bottom;
	margin: 0 auto 35px;
}
body.gourmet #article .backnumber div.wrap {
	background: url(/webcol/gourmet/bak_border_sprite.gif) repeat-y right top;
	padding-bottom: 15px;
	width: 505px;
}
body.gourmet #article .backnumber div.image {
	background: url(/webcol/gourmet/bak_border_sprite.gif) no-repeat left bottom;
	color: #fff;
	height: 47px;
	width: 505px;
}
body.gourmet #article .entry {
	background: url(/webcol/gourmet/bg_above.jpg) no-repeat left top;
}
body.gourmet #article .anchor {
	background: url(/webcol/gourmet/bg_bottom.jpg) no-repeat left bottom;
}


body.travel #article .entry .head .date {
	background: url(/webcol/travel/vol_bg.jpg) no-repeat left top;
	color: #fff;
	float: right;
	font-weight: bold;
	height: 21px;
	margin: 0 0 0 40px;
	text-align: center;
	width: 100px;
}
body.travel #article .entry h1 {
	background: url(/webcol/travel/title_bg.jpg) no-repeat 0 0;
	color: #222222;
	display: inline;
	float: left;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	height: 35px;
	margin: 15px 0 0 0;
	padding: 10px 0 0 20px;
	width: 507px;
}
body.travel #article .backnumber {
	width: 505px;
	background: url(/webcol/travel/bak_border_sprite.gif) no-repeat left bottom;
	margin: 0 auto 35px;
}
body.travel #article .backnumber div.wrap {
	background: url(/webcol/travel/bak_border_sprite.gif) repeat-y right top;
	padding-bottom: 15px;
	width: 505px;
}
body.travel #article .backnumber div.image {
	background: url(/webcol/gourmet/bak_border_sprite.gif) no-repeat left bottom;
	color: #fff;
	height: 47px;
	width: 505px;
}
body.travel #article .entry {
	background: url(/webcol/travel/bg_above.jpg) no-repeat left top;
}
body.travel #article .anchor {
	background: url(/webcol/travel/bg_bottom.jpg) no-repeat left bottom;
}


/*--------------------------------------------------------------------
COMMENT
--------------------------------------------------------------------*/
#article .comment .notice {
	color: #666;
	margin: 6px 0 0 0;
}
/*--------------------------------------------------------------------
BACK NUMBER
--------------------------------------------------------------------*/
div.backnumber ul.hide {
	margin-top: 0;
}
div.backnumber ul li .date {
	color: #523737;
	font-weight: bold;
	margin-right: 30px;
}
div.backnumber ul li .vol {
	margin-right: 5px;
}
div.backnumber ul li .title a:link {
	border-bottom: 1px dashed #333333;
	text-decoration: none;
}
div.backnumber ul li .title a:visited {
	border-bottom: 1px dashed #dadada;
	text-decoration: none;
}
div.backnumber ul li .title a:hover {
	border-bottom: 1px dashed #8C1414;
	text-decoration: none;
}
div.backnumber ul li.append {
	background: url(/common/img/bknMoreBlack.gif) no-repeat 0 0;
	cursor: pointer;
	display: block;
	margin-top: 12px;
	height: 22px;
	width: 65px;
}
/*--------------------------------------------------------------------
PAGE NAVI
--------------------------------------------------------------------*/
body#webcol div.pageNavi {
	background: transparent;
	height: 40px;
	margin: 0 0 0 17px;
	width: 643px;
}
div.pageNavi div.hierarchy {
	float: left;
	margin-top: 13px;
	padding-left: 20px;
}
div.pageNavi div.hierarchy ul li {
	background: transparent url(/common/img/iconAbove.gif) no-repeat 0 3px;
	display: inline;
	float: left;
	font-weight: bold;
	margin-right: 15px;
	padding-left: 20px;
}
div.pageNavi div.hierarchy ul li.category {
	text-transform: uppercase;
}
div.pageNavi div.hierarchy ul li a:link,
div.pageNavi div.hierarchy ul li a:visited {
	color: #191919;
	cursor: pointer;
	text-decoration: none;
}
div.pageNavi div.hierarchy ul li a:hover {
	color: #753712;
	text-decoration: underline;
}
div.pageNavi div.context {
	float: right;
	margin-top: 13px;
	padding-left: 5px;
}
div.pageNavi div.context ul li {
	display: inline;
	float: left;
	margin-right: 15px;
}
/*--------------------------------------------------------------------
ARTICLE FOOTER
--------------------------------------------------------------------*/
body#webcol #articleFooter {
	background: transparent;
	margin-top: 0;
	padding: 12px 36px;
	width: 588px;
}
body#webcol #articleFooter .engagement li {
	display: inline;
	float: left;
	font-weight: bold;
	height: 20px;
	margin: 0 0 7px;
	padding: 1px 0 0 27px;
	width: 169px;
}
body.fashion #articleFooter .detailInfo div {
	background: #E5DBFD;
}
body.fashion #articleFooter .detailInfo .rss li a {
	border: 1px solid #AE92ED;
}
body.fashion #articleFooter .detailInfo .share li a {
	border:1px solid #AE92ED;
}
body.beauty #articleFooter .detailInfo div {
	background: #FDE1CC;
}
body.beauty #articleFooter .detailInfo .rss li a {
	border: 1px solid #F6A76B;
}
body.beauty #articleFooter .detailInfo .share li a {
	border:1px solid #F6A76B;
}
body.travel #articleFooter .detailInfo div {
	background: #D3ECFF;
}
body.travel #articleFooter .detailInfo .rss li a {
	border: 1px solid #73C1F8;
}
body.travel #articleFooter .detailInfo .share li a {
	border:1px solid #73C1F8;
}
body.gourmet #articleFooter .detailInfo div {
	background: #EEE2C8;
}
body.gourmet #articleFooter .detailInfo .rss li a {
	border: 1px solid #ECCC82;
}
body.gourmet #articleFooter .detailInfo .share li a {
	border:1px solid #ECCC82;
}
body.lifestyle #articleFooter .detailInfo div {
	background: #D5F3E7;
}
body.lifestyle #articleFooter .detailInfo .rss li a {
	border: 1px solid #91EFC9;
}
body.lifestyle #articleFooter .detailInfo .share li a {
	border:1px solid #91EFC9;
}
/*--------------------------------------------------------------------
TOP PAGE BACKNUMBER
--------------------------------------------------------------------*/
.bak .latest {
	margin: 0 auto;
	padding: 25px 0 0;
	width: 505px;
}
.bak .pager {
	margin: 0 auto;
	padding: 25px 0 0;
	width: 505px;
}
.bak .pager ul {
	margin: 0 0 0 -5px;
	width:456px;
}
.bak .pager li {
	display: inline;
	float: left;
	margin: 0 0 0 5px;
}
.bak .pager li.current {
	border: 2px solid #7A1E2A;
	padding: 5px;
	width: 10px;
}
.bak .pager li a {
	border: 2px solid #E7E8E2;
	display: block;
	_overflow: hidden;
	padding: 5px;
	width: 10px;
}
.bak .pager li a:hover {
	border: 2px solid #7A1E2A;
}