@charset "UTF-8";


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

トップページ Area Search

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

#area-search-section{
	background:url(/common/images/v2/heading-line.png) repeat-x top;
	padding:26px 0 40px;
}

#area-search-section .title{
	width:247px;
	height:50px;
	display:block;
	background-position:0 -421px;
	margin:0 auto 40px;
}
#area-search-section .title span{display:none;}

#area-search-section .area-selector{width:280px;margin:0 auto 20px;font-size:0;}
#area-search-section .area-selector div{background:url(/common/images/v2/area-search-selector.png) no-repeat;}
#area-search-section .area-selector .japan,
#area-search-section .area-selector .overseas{width:120px;height:129px;display:inline-block;font-size:0;overflow:hidden;white-space:nowrap;text-indent:100%;cursor:pointer;}
#area-search-section .area-selector .japan{margin-right:40px;background-position:0 -129px;}
#area-search-section .area-selector .japan:hover,#area-search-section .area-selector .japan.current{background-position:0 0;}
#area-search-section .area-selector .overseas{background-position:-120px -129px;}
#area-search-section .area-selector .overseas:hover,#area-search-section .area-selector .overseas.current{background-position:-120px 0;}

#area-search-section .area-menu{text-align:center;background:url(/common/images/v2/area-aserch-nav-bg.png) repeat-x;font-size:0;height:54px;margin-bottom:20px;}
#area-search-section .area-menu span.btn:hover,#area-search-section .area-menu span.btn.current{background:url(/common/images/v2/area-search-nav-hover.png) no-repeat bottom;display:inline-block;padding-bottom:7px;}
#area-search-section .area-menu a span.area {color:#2a2928;display:inline-block;padding:0 20px;font-size:16px;line-height:54px;}
#area-search-section .area-menu a:hover span.area,#area-search-section .area-menu span.btn.current span.area{background-color:#2a2928;color:#fff;}

#area-search-section .area-all-list{overflow:hidden;}
#area-search-section .area-all-list .area-detail-list{overflow:hidden;position:relative;}

#area-search-section .area-all-list ul{float:left;width:225px;margin-bottom:40px;}
#area-search-section .area-all-list ul li{font-size:12px;line-height:1.8;}
#area-search-section .area-all-list ul li.country a{color:#a367a8;}

#area-search-section .area-search-more{margin-top:20px;overflow:hidden;position:absolute;bottom:10px;border-top:dotted 1px #3a3937;width:100%;}
#area-search-section .area-search-more a{font-size:12px;float:right;background:url(/common/images/v2/arrow.png) no-repeat right;padding-right:15px;margin-top:20px;}
#area-search-section .area-search-more a:hover{background:url(/common/images/v2/arrow-hover.png) no-repeat right;}


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

フッタ部分

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

.to-top{width:960px;margin:0 auto;}
.to-top .arrow{float:right;}
.to-top .arrow a{background:url(/common/images/v2/footer-to-top.png) no-repeat;width:80px;height:30px;display:block;text-indent:100%;white-space:nowrap;overflow:hidden;}

footer{background-color:#2a2928;font-size:12px;}
footer #footer-section{width:960px;margin:0 auto;padding:40px 0 60px 0;}

footer #footer-section{font-size:12px;line-height:2;}
footer #footer-section .nav-list h5,footer #footer-section .nav-list h5 a{color:#fff;font-weight:bold;}
footer #footer-section .nav-list a{color:#9c9c9c;}
footer #footer-section .nav-list a:hover{color:#a367a8;}

footer #footer-section .inner-wrap{border-bottom:dotted 1px #fff;}
footer #footer-section .inner-wrap.second{padding:40px 0;display:table;width:100%;}

footer nav#footer-sitenavi{width:100%;display:table;}
footer nav#footer-sitenavi .nav-list{display:table-cell;vertical-align:top;padding-right:40px;}
footer nav#footer-sitenavi .nav-list:last-child{padding-right:0;}
footer nav#footer-sitenavi .nav-list ul{margin-bottom:40px;}

footer #footer-section .inner-wrap.second #monthly-menu{display:table-cell;vertical-align:top;}
footer #footer-section .inner-wrap.second #monthly-menu h5{color:#fff;font-weight:bold;}
footer #footer-section .inner-wrap.second #monthly-menu .title,
footer #footer-section .inner-wrap.second #monthly-menu .montyly-archives{float:left;width:656px;}
footer #footer-section .inner-wrap.second #monthly-menu .title{width:80px;}
footer #footer-section .inner-wrap.second #monthly-menu .monthly-list{display:table;width:100%;margin-bottom:20px;}
footer #footer-section .inner-wrap.second #monthly-menu .monthly-list:last-child{margin-bottom:0;}
footer #footer-section .inner-wrap.second #monthly-menu .monthly-list h5{width:50px;}
footer #footer-section .inner-wrap.second #monthly-menu h5,
footer #footer-section .inner-wrap.second #monthly-menu ul{display:table-cell;vertical-align:top;}
footer #footer-section .inner-wrap.second #monthly-menu h5{padding-right:20px;}
footer #footer-section .inner-wrap.second #monthly-menu ul li{float:left;width:95px;line-height:1.6;}
footer #footer-section .inner-wrap.second #monthly-menu ul li a{color:#9c9c9c;}

footer #footer-section .inner-wrap.second #about-crea{border-left:dotted 1px #fff;padding-left:40px;display:table-cell;vertical-align:top;}

footer #footer-section .inner-wrap.third{padding:40px 0 0 0;border-style:none;}
footer #footer-section .inner-wrap.third p.copy{color:#fff;text-align:center;margin-top:60px;}

footer #footer-section .inner-wrap.third nav#media-link{width:390px;margin:0 auto;}
footer #footer-section .inner-wrap.third nav#media-link ul li a{float:left;background:url(/common/images/v2/footer-media-logo.png) no-repeat;display:block;text-indent:100%;white-space:nowrap;overflow:hidden;height:20px;}
footer #footer-section .inner-wrap.third nav#media-link ul li#number a{width:114px;background-position:0 0;margin-right:20px;}
footer #footer-section .inner-wrap.third nav#media-link ul li#bunshun a{width:82px;background-position:-133px 0;margin-right:20px;}
footer #footer-section .inner-wrap.third nav#media-link ul li#shukan a{width:107px;background-position:-234px 0;margin-right:20px;}
footer #footer-section .inner-wrap.third nav#media-link ul li#hon a{width:82px;background-position:-360px 0;margin-right:20px;}
footer #footer-section .inner-wrap.third nav#media-link ul li#books a{width:117px;background-position:-461px 0;}
footer #footer-section .inner-wrap.third nav#media-link ul li#online a{width:116px;background-position:-596px 0;margin-right:20px;}

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

一覧ページ

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

h2.category-caption{font-size:22px;font-weight:bold;padding:1em 5px 0.5em;margin-top:10px;line-height:1.4;border-bottom:dotted 1px #000;}
.article .feature-summary{margin-top:10px;}

h2.category-caption.search-style{border-top:dotted 1px #3a3937;border-bottom:dotted 1px #3a3937;margin:20px 0;padding:20px 0;font-size:18px;line-height:18px;}

.list-articles{
border-bottom:dotted 1px #c6c6c6;
padding:15px 16px;
position:relative;
overflow:hidden;
clear:both;
}

.list-articles a{display:table;width:100%;}
.list-articles .cover,.list-articles .text{display:table-cell;vertical-align:top;}

.list-articles .cover{width:168px;}
.list-articles .cover img{border:solid 1px #e6e6e6;padding:3px;}
.list-articles .text{width:400px;}
.list-articles .text{padding-left:15px;}
.list-articles .text .title{font-size:18px;line-height:130%;margin-bottom:15px;font-weight:bold;}
.list-articles .text .summary{font-size:12px;line-height:140%;margin-bottom:15px;}
.list-articles .list-bottom{position:relative;width:400px;left:185px;font-size:12px;}
.list-articles .list-bottom .date{margin-right:10px;}
.list-articles .other_index.theme{float:right;margin-top:10px;font-size:12px;}
.list-articles .other_index.theme a{width:auto !important;}

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

検索ページ

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

#search-box-wrapper{position:relative;padding-bottom:60px;min-height:46px;}
#search-box-wrapper #area-re-search,#search-box-wrapper #area-search{position:absolute;top:0;left:0;}

.search-box-inner h1.title,.search-area-inner h1.title{text-align:center;}

#area-search .close-btn{
background-position:-958px -72px;
width:52px;
height:50px;
text-indent:100%;
overflow:hidden;
white-space:nowrap;
position:absolute;
top:5px;
right:5px;
}

#area-re-search{text-align:center;width:100%;display:block;position:relative;}
#area-re-search .re-search-box{position:relative;}
#area-re-search a{
background-image:url(/common/images/v2/search-ico.png);
background-repeat:no-repeat;
background-position:230px 10px;
background-color:#eeecea;
border:solid 1px #c6c6c6;
font-size:16px;
line-height:16px;
padding:14px 0;
display:block;
}

#area-re-search a:hover{background-color:#fff;text-decoration:none;color:#000 !important;}

#search-around-area .title{
background:url(/common/images/v2/double-h-line.png) repeat-y left;
font-size:16px;
line-height:16px;
padding:15px 0 15px 20px;
margin-bottom:20px;
}
#search-around-area .area-detail-list{overflow:hidden;}
#search-around-area .area-detail-list ul{float:left;width:300px;margin-bottom:40px;}
#search-around-area .area-detail-list ul li{font-size:12px;line-height:1.8;}
#search-around-area .area-detail-list ul li.country a{color:#a367a8;}

#more-area-search{display:table;width:100%;margin:40px 0;}
#more-area-search .title,#more-area-search .list{display:table-cell;vertical-align:middle;}

#more-area-search .title{
background:url(/common/images/v2/more-area-search.png) no-repeat center;
text-indent:150%;
overflow:hidden;
white-space:nowrap;
width:88px;
height:61px;
padding:10px;
}
#more-area-search .list{
background:url(/common/images/v2/more-area-search-line.png) no-repeat left center;
padding:10px 20px 10px 25px;
}
#more-area-search .list ul li{font-size:13px;float:left;margin-right:15px;line-height:26px;}
.area-search-more.around-area{margin-top:20px;overflow:hidden;position:absolute;bottom:10px;border-top:dotted 1px #3a3937;width:100%;}
.area-search-more.around-area a{font-size:12px;float:right;background:url(/common/images/v2/arrow.png) no-repeat right;padding-right:15px;margin-top:20px;}

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

HOMEへ戻る

================================================== */
.backtop-top{text-align:center;display:block;margin-top:40px;}
.backtop-top a{
background-image:url(/common/images/v2/home.png);
background-repeat:no-repeat;
background-position:17px 13px;
background-color:#eeecea;
border:solid 1px #c6c6c6;
font-size:14px;
line-height:14px;
padding:14px 19px 14px 45px;
}

.backtop-top a:hover{background-color:#fff;text-decoration:none;color:#000 !important;}

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

記事中の指定

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

/* インリード */
div.inread-ad{
margin-top:20px;
margin-bottom:20px;
}

/* トラベルコちゃん */
.travelko-banner{border:solid 2px #9182f1;width:400px;margin:40px auto;}
.travelko-banner a{padding:15px 12px;display:block;}
.travelko-banner a:hover{text-decoration:none;}
.travelko-banner .area{display:block;font-size:16px;margin-bottom:5px;background:url(/common/images/v2/plane.png) no-repeat 0 50%;padding:10px 0 10px 70px;}
.travelko-banner a:hover .area{color:#000;}

.travelko-banner .support{display:block;text-align:right;color:#999;font-size:12px;}