@charset "UTF-8";

.traveller *{
}

/* ==================================================

	GRAND TOP

================================================== */
.list-traveller-outer{
margin-bottom:15px;
background-color:#474747;
}

.list-traveller-outer .header{
border-bottom:2px solid #a57fd3;
position:relative;
}

.list-traveller-outer .header a{
display:block;
height:75px;
}

.list-traveller-outer .header a .cover{
	background-color:#fff;
}

.list-traveller-outer .header a:hover .cover img{
opacity:0.8;
}


.list-traveller-outer .header .title{
display:block;
width:110px;
height:50px;
background:transparent url("/common/images/v2/UI-Sprite.png") no-repeat 0 -1130px;
position:absolute;
top:15px;
left:85px;
}

.list-traveller-outer .header .cover{
margin-bottom:0;
position:absolute;
top:7px;
left:7px;
}

.list-traveller{
}

.list-traveller li{
border-bottom:1px solid #626262;
font-size:11px;
line-height:14px;
}

.list-traveller li a{
display:block;
padding:7px 7px 7px 45px;
color:#fff;
position:relative;
min-height:30px;
}

.list-traveller li a .cover{
position:absolute;
top:7px;
left:7px;
}

.list-traveller-outer .parts-icons{
padding:3px 3px 1px;
position:inherit;
background-image:none;
}

.list-traveller-outer .parts-icons li.icon-more{
float:right;
}

.list-traveller-outer .parts-icons li.icon-more a{
background-position:-990px -490px;
color:#fff;
}

/* ==================================================

	COMMMON

================================================== */

/* 
-------------------------------------------------- */
body .article.traveller{
background-color:#474747;
color:#fff;
}

body .article.traveller.traveller-inner{
	padding-left:8px;
	padding-right:8px;
}

body .article.traveller .article-caption{
left:165px;
}

body .article.traveller a{
color:#fff;
}

body .article.traveller .list-pagenation li a,
body .article.traveller .list-pagenation li .current{
background-color:#7f7f7f;
color:#fff;
}
body .article.traveller .list-pagenation li .current{
background-color:#f2f2f2;
color:#000;
}

body .article.traveller ul.article-list.feature li{
	margin-right:8px;
	margin-left:0;
	border:solid 1px #626262;
	padding:0;
}
body .article.traveller ul.article-list.feature li a{
	margin:0;
}

body .article.traveller .feature-header,
body .article.traveller .feature-summary{
	margin-left:10px;
	margin-right:10px;
}


.article.traveller .article-header .backnumber{
border-color:#717171;
}

.article.traveller .category-header h2 .backnumber{
background-position:-800px -670px;
}

body.column .article.traveller .category-header h2 .backnumber{
background-position:-800px -685px;
}

.article.traveller .category-header h2{
	margin-left:0;
}

ul.article-list-simple.traveller{margin-right:0;}

/* 
-------------------------------------------------- */
.traveller-header{
padding:10px 15px;
background-color:#474747;
border-bottom:2px solid #626262;
}

.traveller-header .traveller-title{
display:block;
width:200px;
height:25px;
background:transparent url("/common/images/v2/UI-Sprite.png") no-repeat 0 -1100px;
color:#fff;
}

body.traveller .traveller-header{
border-color:#a57fd3;
padding:8px 15px 7px;
background:transparent url("/common/images/traveller/header-bg-01.png") repeat-x left top;
}

body.traveller .traveller-header .traveller-title{
display:block;
width:340px;
height:40px;
background:transparent url("/common/images/v2/UI-Sprite.png") no-repeat 0 -1000px;
}

/* 
-------------------------------------------------- */
body .article.traveller .profile-header .profile{
background-position:-600px -80px;
}

.article.traveller .category-header h2 .column{
background-position:-800px -540px;
}
.article.traveller .category-header h2 .feature{
background-position:-800px -520px;
}

body .article.traveller .article-list li,
body .article.traveller .article-list-simple,
body .article.traveller .article-inner{
border-color:#626262;
color:#000;
}

body .article.traveller .article-list li a,
body .article.traveller .article-list-simple li a,
body .article.traveller .article-inner a{
color:#000;
}

/* 
-------------------------------------------------- */
/* 
-------------------------------------------------- */
body .article.traveller .article-inner h1.title{
border-color:#ccc;
}

body .article.traveller .icon-more a{
background-position:-990px -490px;
}

/* ==================================================

	COLUMN FEATURE

================================================== */
.content-header.traveller{
padding:0;
margin-bottom:0;
border:0 none;
border-bottom:2px solid #a57fd3;
height:45px;
background:transparent url("/common/images/traveller/header-bg-01.png") repeat-x left top;
position:relative;
}

.content-header.traveller .category-title .subcategory{
background-position:0 -1050px;
width:164px;
height:20px;
}

.content-header.traveller .category-title .feature{
background-position:-400px -1000px;
width:290px;
height:30px;
position:absolute;
top:8px;
left:20px;
}

.content-header.traveller .category-title .column{
background-position:-400px -1030px;
width:290px;
height:30px;
position:absolute;
top:8px;
left:20px;
}

.content-header.traveller .category-title .new{
background-position:-400px -1060px;
width:130px;
height:30px;
position:absolute;
top:8px;
left:20px;
}


body .article.traveller .article-list.column li{
background:linear-gradient(#f7f0fb, #fff);  
background:-webkit-gradient(linear, left top, left bottom, from(#f7f0fb), to(#fff));  
background:-moz-linear-gradient(top, #f7f0fb, #fff);  
}

/* ==================================================

	TOP

================================================== */

/* 
-------------------------------------------------- */
.article.traveller .category-header-new{
background-position:-400px -1160px;
margin:-3px 10px 5px;
}

/* 
-------------------------------------------------- */
.article-outer.traveller .article-outer-header.traveller{
margin-bottom:0;
padding:7px 10px 5px;
border-color:#a57fd3;
background:transparent url("/common/images/traveller/header-bg-01.png") repeat-x left top;
}

.article-outer.traveller .icon-more{
margin-top:8px;
}

.article-outer.traveller .icon-more a{
background-position:-990px -500px !important;
color:#fff;
}

.article-outer.traveller .article-outer-header.traveller h2{
height:27px;
}

.article-outer.traveller .article-outer-header.traveller h2.column{
background-position:-400px -1130px;
width:252px;
}

.article-outer.traveller .article-outer-header.traveller h2.feature{
background-position:-400px -1100px;
width:180px;
}

.article.traveller .category-header{
}

.article.traveller .category-header span.column{
background-position: -800px -540px;
height:15px;
width:184px;
}

.article.traveller .category-header span.feature{
background-position: -800px -520px;
height:15px;
width:106px;
}

.article.traveller .category-header .icon-more{
}

.article.traveller .category-header .icon-more a {
    background-position: -990px -500px;
}


/* 
-------------------------------------------------- */

.article.traveller .traveller-list.new.traveller{
	padding:8px;
}
.article.traveller .traveller-list.new.traveller a{
	color:#000;
}

.article.traveller .traveller-list.new.traveller li{
	border:solid 1px #626262;
	background-color:#fff;
}
.article.traveller .traveller-list.new.traveller li.travel{
	width:300px;
	float:left;
	margin:0 8px 0 0;
	padding:0;
}
.article.traveller .traveller-list.new.traveller li:nth-child(2n).travel{
	margin-right:0;
}

.article.traveller .traveller-list.new.traveller li.travel .cover{
	height:225px;
	display:block;
}

.article.traveller .traveller-list.new.traveller li.travel .txt{
	padding:10px;
	display:block;
}
.article.traveller .traveller-list.new.traveller li.travel .txt h3{
	font-size:14px;
	margin-bottom:5px;
	line-height:140%;
}
.article.traveller .traveller-list.new.traveller li.travel .txt p.summary{
	font-size:11px;
	line-height:140%;
}

.article.traveller .traveller-list.new.traveller li.travel-s{
	width:145px;
	float:left;
	margin:8px 8px 0 0;
}
.article.traveller .traveller-list.new.traveller li:last-child.travel-s{
	margin-right:0;
}

.article.traveller .traveller-list.new.traveller li.travel-s h3{
	padding:10px;
	font-weight:normal;
	font-size:12px;
	line-height:140%;
}

/* 
-------------------------------------------------- */

.article.traveller ul.article-list{
	margin-left:8px;
}
.article.traveller ul.article-list li{
	margin-right:10px;
}
.article.traveller .article-list a{
	margin-left:0;
	margin-right:0;
}