@charset "utf-8";

/* CSS RESET */
html {
	color: #000;
	background: #FFF;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img { border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
strong { font-weight: bold; }

li { list-style: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before, q:after { content: ''; }

abbr, acronym {
	border: 0;
	font-variant: normal;
}

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

input, textarea, select {
	*font-size: 100%;
}

legend { color: #000; }


/* FONT CONFIGURATION */
body {
	font: 13px/1.5em arial, helvetica, clean, sans-serif;
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", ;
	*font-size: small;
	*font: x-small;
}

table {
	font-size: inherit;
	font: 100%;
}

pre, code, kbd, samp, tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}


/* CLEARFIX */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { zoom: 1; }


/* OTHERS CONFIGURATION */
/* margin */
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }

/* alignment */
.alignc { text-align: center; }
.alignl { text-align: left; }
.alignr { text-align: right; }


/* INDEX */
/* body, wrapper */
html { background-color: #CECDC4; }
body { background-color: #CECDC4; }
div#wrapper {
	width: 800px;
	margin: 0 auto;
}

/* header */
div#header {
	width: 800px;
	height: 70px;
	background: transparent url("../image/header.jpg") no-repeat 0 0;
}
h1 {
	float: left;
	width: 383px;
	height: 58px;
	padding: 12px 0 0 18px;
}
h1 a {
	display: block;
	width: 383px;
	height: 42px;
	background: transparent url("../image/header.jpg") no-repeat -18px -12px;
	text-indent: -9999px;
	overflow: hidden;
}
h2 {
	float: right;
	width: 86px;
	height: 60px;
	padding: 10px 20px 0 0;
}
h2 a {
	display: block;
	width: 86px;
	height: 49px;
	background: transparent url("../image/header.jpg") no-repeat -694px -10px;
	text-indent: -9999px;
	overflow: hidden;
}

/* contents */
div#contents {
	width: 800px;
	margin-top: 20px;
}

/* main */
div#main {
	float: right;
	width: 495px;
}

div#main h3.news {
	float: left;
	width: 426px;
	height: 21px;
	background: transparent url("../image/h3_news.gif") no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}

div#main h3.grouptour {
	width: 495px;
	height: 21px;
	background: transparent url("../image/h3_grouptour.gif") no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}

div#main div.newslist {
	float: right;
	width: 69px;
	height: 21px;
	background-color: #4F4F4F;
}
div#main div.newslist a {
	display: block;
	width: 69px;
	height: 21px;
	background: transparent url("../image/btn_newslist.gif") no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}

/* news */
div#main div.news {
	width: 495px;
	margin-bottom: 15px;
}
div#main div.news ul {
	width: 495px;
	background-color: #F8F8EE;
}
div#main div.news li {
	float: left;
	width: 495px;
	border-bottom: 1px dotted #999999; 
}
div#main div.news li a {
	display: block;
	width: 495px;
	padding: 2px 0;
	color: #666666;
	text-decoration: none;
	cursor: pointer;
}
div#main div.news li a:hover {
	background-color: #FFFFDD;
	color: #BE8057;
}
div#main div.news li div.date {
	float: left;
	width: 86px;
	padding: 0 17px;
	font-family: Verdana, Tahoma;
	line-height: 1.4em;
}
div#main div.news li div.title {
	float: left;
	width: 358px;
	padding: 0 17px 0 0;
}

/* grouptour */
div#main div.grouptour {
	width: 495px;
	margin-bottom: 15px;
}
div#main div.grouptour ul {
	width: 495px;
	background-color: #F8F8EE;
}
div#main div.grouptour li {
	float: left;
	width: 495px;
	border-bottom: 1px dotted #999999; 
}
div#main div.grouptour li a {
	display: block;
	width: 495px;
	padding: 2px 0;
	color: #666666;
	text-decoration: none;
	cursor: pointer;
}
div#main div.grouptour li a:hover {
	background-color: #FFFFDD;
	color: #669933;
}
div#main div.grouptour li div.tourid {
	float: left;
	width: 46px;
	padding: 0 17px;
	font-family: Verdana, Tahoma;
	line-height: 1.4em;
}
div#main div.grouptour li div.title {
	float: left;
	width: 398px;
	padding: 0 17px 0 0;
}

/* keyword */
div#main div.keyword {
	float: right;
	width: 219px;
	height: 238px;
	padding: 8px 7px 8px 8px;
	background-color: #323232;
	border: 3px solid #998844;
}

div#main h3.keyword {
	width: 219px;
	height: 22px;
	background: transparent url("../image/keywords.jpg") no-repeat center top;
	text-indent: -9999px;
	overflow: hidden;
}

div#main div.keyword ul {
	width: 219px;
}
div#main div.keyword li {
	float: left;
	width: 109px;
	padding-top: 11px;
}
div#main div.keyword li a {
	padding-left: 15px;
	background: transparent url("../image/sankaku.jpg") no-repeat 0 1px;
	color: #CECDC4;
	font-size: 14px;
	text-decoration: none; 
}
div#main div.keyword li a:hover { color: #FFFFFF; }


/* topimage */
div#main div.topimage {
	position: relative;
	float: left;
	width: 240px;
}

div#main div.topimage div.photo_script {
	position: absolute;
	top: 222px;
	left: 0;
	width: 230px;
	height: 28px;
	padding: 5px;
	background-image: url("../image/scriptback.png");
	background-repeat: repeat;
	color: #FFFFFF;
	font-size: 11px;
	line-height: 13px;
	letter-spacing: 0.2em;
}


/* staff */
div#main div.staff { width: 495px; }
div#main div.staff ul {	width: 495px; }

div#main div.staff li.blog {
	float: left;
	width: 222px;
	padding: 0 5px 0 20px;
}
div#main div.staff li.blog a {
	display: block;
	width: 222px;
	height: 45px;
	background: transparent url("../image/diary.jpg") no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}

div#main div.staff li.intro {
	float: right;
	width: 222px;
	padding: 0 20px 0 5px;
}
div#main div.staff li.intro a {
	display: block;
	width: 222px;
	height: 45px;
	background: transparent url("../image/staffintro.jpg") no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}


/* sidebar */
div#sidebar {
	float: left;
	width: 272px;
}

div#sidebar h3.travelstory {
	width: 272px;
	height: 21px;
	background: transparent url("../image/h3_travelstory.gif") no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}

div#sidebar ul.travelstory {
	width: 272px;
}
div#sidebar ul.travelstory li {
	width: 272px;
	margin-top: 7px;
	background: transparent url("../image/bg_travelstory.png") no-repeat left top;
}
div#sidebar ul.travelstory li a {
	display: block;
	width: 246px;
	padding: 10px 13px;
	background: transparent url("../image/bg_travelstory_bottom.png") no-repeat left bottom;
	color: #CECDC4;
	font-size: smaller;
	line-height: 1.5em;
	text-decoration: none;
	cursor: pointer;
}
html>/**/body div#sidebar ul.travelstory li a {
	font-size: 9px;
	line-height: 1.6em;
}
div#sidebar ul.travelstory li a:hover { color: #FFFFFF; }

div#sidebar ul.travelstory li img {
	display: block;
	float: left;
	width: 80px;
}

div#sidebar ul.travelstory li div.detail {
	float: right;
	width: 153px;
	margin-top: 3px;
}

div#sidebar ul.travelstory li div.detail h4 {
	text-indent: -9999px;
	overflow: hidden;
}
div#sidebar ul.travelstory li div.detail h4.africa {
	width: 153px;
	height: 37px;
	background: transparent url("../image/africa.jpg") no-repeat -105px -15px;
}
div#sidebar ul.travelstory li div.detail h4.europe {
	width: 153px;
	height: 35px;
	background: transparent url("../image/europe.jpg") no-repeat -104px -14px;
}
div#sidebar ul.travelstory li div.detail h4.americas {
	width: 153px;
	height: 35px;
	background: transparent url("../image/americas.jpg") no-repeat -104px -14px;
}
div#sidebar ul.travelstory li div.detail h4.asia {
	width: 153px;
	height: 35px;
	background: transparent url("../image/asia.jpg") no-repeat -104px -14px;
}
div#sidebar ul.travelstory li div.detail h4.polar {
	width: 153px;
	height: 35px;
	background: transparent url("../image/polar.jpg") no-repeat -104px -14px;
}
div#sidebar ul.travelstory li div.detail h4.mideast {
	width: 153px;
	height: 35px;
	background: transparent url("../image/mideast.jpg") no-repeat -104px -14px;
}

div#sidebar ul.travelstory li div.detail div.text { margin-top: 8px; }


/* search */
div#sidebar div.search {
	width: 272px;
	margin-top: 7px;
}
div#sidebar div.search ul {	width: 272px; }

div#sidebar div.search li.areasearch {
	float: left;
	width: 127px;
}
div#sidebar div.search li.areasearch a {
	display: block;
	width: 127px;
	height: 79px;
	background: transparent url("../image/areasearch.jpg") no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}

div#sidebar div.search li.themesearch {
	float: right;
	width: 127px;
}
div#sidebar div.search li.themesearch a {
	display: block;
	width: 127px;
	height: 79px;
	background: transparent url("../image/themesearch.jpg") no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}



/* footer */
div#footer {
	width: 790px;
	background: transparent url("../image/footer.jpg") no-repeat 0 0;
	margin-top: 15px;
	padding: 38px 5px 0;
	color: #333333;
	font-family: Verdana, Tahoma;
	font-size: 12px;
	line-height: normal;
	text-align: right;
}