@charset "UTF-8";
@import "reset.css";

html{
background-color: #000000;
}

body{
color: #333333;
font-family: 'ヒラギノ丸ゴ Pro W3','Hiragino Maru Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-size: 12px;
line-height: 1.7;
}

body a{
color: #0099ff;
}

body a:hover{
color: #009900;
}

#body-wrap{
width: 100%;
}

.notice a{
display: inline;
}

a {
display: block;
}

p a{
display: inline;
}

.a-inline {
display: inline;
}

dd{
overflow: hidden;
_zoom:100%;
}

/*ヘッダ*/
#head-container{
width: 100%;
background-color: #000000;
}

#head-wrap{
width: 100%;
background-color: #cc0000;
}

#head{
width: 940px;
background: url(../images/bg.png) repeat-y top center;
margin: 0 auto;
padding: 20px 30px 30px 50px;
overflow: hidden;
}

h1{
float: left;
}

#banner-a{
margin: 15px 0 0 0;
float: right;
width: 450px;
overflow: hidden;
}
/*ヘッダ*/
/*ナビ*/
#nav-wrap{
width: 100%;
height: 50px;
background-color: #000000;
position: relative;
z-index: 100;
}

#nav{
width: 1020px;
margin: 0 auto;
}

#nav li{
float: left;
height: 50px;
}

#nav li a{
height: 50px !important;
}

#nav li a span{
display: block;
text-indent: -9999px;
}

#nav .nav-ready,
#nav .nav-blog{
width: 260px;
}

#nav .nav-live,
#nav .nav-trip{
width: 250px;
}

#nav .nav-ready{
background: url(../images/nav.png) no-repeat left -50px;
}

#nav .nav-ready-on{
background: url(../images/nav.png) no-repeat left top;
}

#nav .nav-live{
background: url(../images/nav.png) no-repeat -260px -50px;
}

#nav .nav-live .nav-live-on{
background: url(../images/nav.png) no-repeat -260px top;
}

#nav .nav-trip{
background: url(../images/nav.png) no-repeat -510px -50px;
}

#nav .nav-trip .nav-trip-on{
background: url(../images/nav.png) no-repeat -510px top;
}

#nav .nav-blog{
background: url(../images/nav.png) no-repeat -760px -50px;
}

#nav .nav-blog a{
background: url(../images/nav.png) no-repeat -760px top;
}

#drop-wrap{
width: 1000px;
margin: 0 auto;	
padding-top: 50px;
}

#drop-inner dl{
width: 248px;
float: left;
padding-left: 1px
}

#drop-inner dl dt{
padding: .5em;
background: #333333;
color: #ffffff;
}

#drop-inner dl dd{
padding: 0.25em 0.25em 0.25em 0;
margin-left: 20px;
display: list-item;
list-style-position: outside;
list-style-type: disc;
}

#drop-inner li{
width: 500px;
background: #f0f0f0;
overflow: hidden;	
}

.drop dt{
background: #333333;
padding: 1em;	
}

.drop dd{
padding: 0.5em 0.5em 0.5em 0;
margin-left: 20px;
display: list-item;
list-style-position: outside;
list-style-type: disc;
}


/*ナビ*/
/*コンテンツ*/
#content-wrap{
width: 100%;
background-color: #FFCC00;
}

#content{
background: url(../images/bg.png) repeat-y center top white;
width: 960px;
padding:30px;
margin: 0 auto;
overflow: hidden;
}

#left{
width: 690px;
float: left;
}

#banner-c{
height: 80px;
width: 690px;
overflow: hidden;
margin-bottom: 30px;
}

#right{
width: 240px;
float: right;
}

#exchange{
background: url(../images/exchange_bg.png) repeat center top;
color: #ffffff;
overflow: hidden;
padding-bottom: 5px;
margin-bottom: 20px;
}

#exchange dd{
text-align: center;
margin-bottom: 10px;
}

/*#banner-b{
margin-top: 20px;
}*/

.right-menu{
width: 240px;
background-color: #F0F0F0;
margin-top: 20px;
}

.right-menu-wrap{
padding:0 15px 20px 15px;
}

.right-menu-wrap p{
margin-top: 10px;
}


.right-menu dl dt{
margin-top: .75em;
}

.right-menu dl dd{
margin-top: .15em;
}

.right-menu-bbs{
background: url(../images/r_notice_title_on.png) no-repeat left top;
width: 240px;
height: 53px;
}

.right-menu-bbs a{
background: url(../images/r_notice_title.png) no-repeat left top;
width: 240px;
height: 53px;
}

.right-menu-acom{
background: url(../images/r_apart_title_on.png) no-repeat left top;
width: 240px;
height: 53px;
}

.right-menu-acom a{
background: url(../images/r_apart_title.png) no-repeat left top;
width: 240px;
height: 53px;
}

.right-menu-bbs a span,
.right-menu-acom a span{
display: block;
text-indent: -9999px;
}

.right-menu .right-comment dd{
border-bottom: 1px dotted #999999;
padding-bottom: 1em;
}

.right-menu .right-comment dd p{
margin: 0;
}

.apart-read {
    margin-top: 10px;
    overflow: hidden;
}

.right-menu .transrate-wrap{
margin: 10px 0;
}

.right-menu .translator-button{
background: url(../images/r_translate_button.png) no-repeat left -30px;
width: 120px;
height: 30px;
margin: 10px auto 0 auto;
}

.right-menu .translator-button span{
display: block;
background: url(../images/r_translate_button.png) no-repeat left top;
height: 30px;
cursor: pointer;
}

.right-adWrap{
background: #cccccc;
margin-top: 20px;
width: 238px;
}

.right-ad{
background: #ffffff;
overflow: hidden;
padding: 10px;
}

.right-ad dt{
padding: 5px;
background: #F0F0F0;
}

.right-ad dd{
overflow: hidden;
margin-top: 15px;
padding-bottom: 10px;
}

.right-ad-img{
display: block;
float: left;
overflow: hidden;
margin-right: 10px;
}

.right-ad dd p{
overflow: hidden;

}

.rightbox-ad{
width: 160px;
padding-top: 20px;
margin: 0 auto !important;
border-bottom: none !important;
}

.right-menu-apart dd a{
border-bottom: 1px dotted #999;
padding-bottom: 1em;
}

.recruitment{
display: none;
}

/*コンテンツ*/
/*フッター*/
#footer-container{
width: 1000px;
margin: 0 auto;
padding: 30px 0 10px 0;
background: url(../images/footer_bg_top.png) repeat-x left top;
}

#footer{
background-color: #333333;
overflow: hidden;
color: #ffffff;
padding-bottom: 25px;
}

#footer-left{
width: 442px;
margin-left: 20px;
float: left;
_display: inline;
}

#footer-right{
width: 488px;
margin-right: 20px;
float: right;
overflow: hidden;
}

.footer-right-colum{
float: left;
margin-right: 20px;
_width:234px;
}

.footer-ad{
clear: both;
padding-top: 10px;
}

#footer-news{
margin-top: 30px;
padding-left: 1em;
}

#footer-news a{
display: inline;
}

#footer-news dt{
float: left;
width: 7em;
}

.footer-right-list{
margin-top: 30px;
padding-left: 1em;
}

#footer-news dd,
.footer-right-list li{
margin-bottom: .5em;
_zoom:100%;
}

#footer-container a{
color: #999999;
}

#footer-container a:hover{
color: #cc0000;
}

#copyright{
clear: both;
padding-top: 10px;
color: #999999;
text-align: center;
}

/*フッター*/
/*ここまで共通*/
/*Top*/

.left-inner{
overflow: hidden;
margin-bottom: 30px;
}

#top-image{
background: url(../images/loading.gif) no-repeat left top;
width: 650px;
height: 400px;
padding: 20px;
color: #ffffff;
position: relative;
}

#news-ticcar{
background: url(../images/top_news_bg.png) repeat left top;
height: 50px;
}

#news-ticcar dt{
float: left;
width: 5em;
margin-right: 1em;
border-right: solid 1px #ffffff;
}

#topabout-wrap{
background: url(../images/top_news_bg.png) repeat left top;
width: 650px;
position: absolute;
bottom: 20px;
}

#topabout-title{
padding:15px 20px 0;
}

#topabout-bg{
padding: 5px 10px 15px 20px;
}

#topabout{
padding-left: 1em;
margin-top: 10px;
}

#topabout dt{
float: left;
width: 7em;
}

#topabout dd{
margin-bottom: .5em;
}

#topnews-wrap,
#tophotel-wrap{
background: #f0f0f0;
}

#topnews-title,
#tophotel-title{
height: 64px;
overflow: hidden;
}

#topnews-bg{
padding: 10px;
}

#tophotel-bg{
padding: 10px 20px 20px;
}

#tophotel-bg .booking-hotel{
margin: 10px 20px 0 0;
width: 315px;
}

#topnews dd{
padding-bottom: 3px;
}

#topnews{
margin: 10px 15px 0 20px;
}

#topnews dt{
margin-bottom: .25em;
}

#topnews dd{
margin: 0 0 1em 0;
padding-bottom: 1em;
padding: 0 0 1em .5em;
border-bottom: 1px dotted #999999;
}

.topnews-ad{
margin: 10px 15px 10px 20px;
}

.top-category{
float: left;
margin-right: 15px;
background-color: #F0F0F0;
*width : 220px; /* IE7 and below */
}

.top-category dl{
width: 220px;
}

.top-category dt{
margin-bottom: 10px;
}

.top-category dd{
margin: 0 20px .5em 30px;
display: list-item;
list-style-type: disc;
list-style-position: outside;
overflow: visible;	
}

.top-category dd a{
display: inline;
}

.content-index-button{
margin: 15px auto 15px auto;
width: 180px;
}

.content-index-button span{
display: block;
text-indent: -9999px;
}

.content-index-button a{
width: 180px;
height: 30px;
}

.ready-index-button{
background: url(../images/ready_index.png) no-repeat left -30px;
}

.ready-index-button a{
background: url(../images/ready_index.png) no-repeat left top;
}

.live-index-button{
background: url(../images/live_index.png) no-repeat left -30px;
}

.live-index-button a{
background: url(../images/live_index.png) no-repeat left top;
}

.trip-index-button{
background: url(../images/trip_index.png) no-repeat left -30px;
}

.trip-index-button a{
background: url(../images/trip_index.png) no-repeat left top;
}

.top-blog-info{
padding-bottom: 20px;
background: url(../images/top_blog_info_title.png) no-repeat left top #F0F0F0;
}

.top-blog-ex{
height: 55px;
padding:10px 20px 0 330px;
}

.top-blog-info ul{
width: 630px;
overflow: hidden;
margin: 0 auto;
}

.top-blog-info li{
background: #fff;
float:left;
margin:10px;
overflow:hidden;
padding:5px;
width:180px;
_display: inline;
}

.top-blog-info li .blog-inner{
display: block;
}

.top-blog-info li a{
display: inline !important;
}

.top-blog-info li span{
font-size: 11px;
}

/*コンテンツ共通*/
.pan{
margin-top: 5px;
margin-left: 20px;
margin-bottom: 30px;
}

/*カテゴリーindex*/

#category-title{
width: 370px;
height: 80px;
}

.category-ready{
background: url(../images/ready_title.png) no-repeat left top;
}

.category-live{
background: url(../images/live_title.png) no-repeat left top;
}

.category-trip{
background: url(../images/trip_title.png) no-repeat left top;
}

.category-blog{
background: url(../images/blog_title.png) no-repeat left top;
}

.category-about{
background: url(../images/about_title.png) no-repeat left top;
}

.category-bbs{
background: url(../images/bbs_title.png) no-repeat left top;
}

.category-qanda {
    background: url("../images/qanda_title.png") no-repeat scroll left top transparent;
}


#category-title span{
display: block;
text-indent: -9999px;
height: 20px;
}

.category-ex{
padding:0 20px 0 300px;
font-weight: bold;
color: #ffffff;
}

.category-wrap{
float: left;
width: 335px;
padding:0 10px 30px 0;
}

.category-wrap-trip{
padding:0 0 30px 0;
overflow: hidden;
clear: both;
}

.category-ad{
clear: both;
padding: 0 20px 20px 20px;
}

.category-wrap dt,
.category-wrap-trip dt{
margin-left: 10px;
}

.category-wrap dd,
.category-wrap-trip dd{
margin: 5px 0 0 20px;
}

.category-wrap dd ul{
margin-top: 15px;
}

.category-wrap-trip dd ul{

}

.category-wrap dd ul li{
display: list-item;
list-style-position: inside;
list-style-type: disc;
margin-bottom: .5em;
padding-left: .5em;
}

.category-wrap-trip dd ul li{
margin-bottom: .5em;
padding-left: .5em;
}


.category-wrap dd ul li a,
.category-wrap-trip dd ul li a{
display: inline;
}

.booking-hotel-wrap{
overflow: hidden;	
}

.booking-hotel{
float: left !important;
margin: 30px 10px 0 0;
width: 315px;
}

.booking-hotel dt{
font-weight: bold;
}

.booking-hotel dd ul li{
display: block;
border-bottom: dotted 1px #ccc;
padding-bottom: .5em;
}

.category-wrap-trip p{
margin-bottom: 1em;
}

/*page共通*/

h3#page-title{
background: url(../images/page_h3_bg.png) repeat-x left bottom;
font-size: 16px;
font-weight: bold;
padding: 0 0 .75em 1em;
}

.page-detail{
margin:30px 20px 0 20px;
}

.page-detail h4{
margin-top: 2.5em;
margin-bottom: 1em;
padding-left: 25px;
font-size: 14px;
font-weight: bold;
background: url(../images/page_h4_catch.png) no-repeat left center;
}

.page-detail p{
margin-bottom: 1em;
overflow: hidden;
}

.first-komidashi{
margin-top: 0!important;
}

.page-detail .ad{
background: #333333;
padding: 10px;
margin-top: 30px;
clear: both;
}

.ad-white{
padding: 10px;
margin-top: 10px;
clear: both;
}

.ad-index{
padding: 0 10px 20px 10px;
clear: both;
}

.page-relation{
background: #F0F0F0;
width: 650px;
margin: 30px auto 0 auto;
}

.page-relation ul {
margin: 0 15px;
padding-bottom: 20px;
}

.page-relation li{
display: list-item;
list-style-position: inside;
list-style-type: disc;
margin-left: 1em;
margin-top: .75em;
}

.page-relation li a{
display: inline;
}

/*.page-relation .ad{
padding: 10px;
margin: 0 20px;
background: url(../images/page_relation_hairline.png) repeat-x left top;
}*/

.list-disc,
.list-disc-dt{
padding-bottom: 2em!important;
_margin-bottom:2em!important;
}

.list-disc dd{
overflow: visible;
}

.list-disc dd,
.list-disc li{
display: list-item;
list-style-position: inside;
list-style-type: disc;
margin-left: 1em;
margin-top: .75em;
}

.list-disc-dt dt{
display: list-item;
list-style-position: inside;
list-style-type: disc;
margin-left: 1em;
margin-top: .75em;
}

.list-disc li a{
display: inline;
}

.list-num{
padding-bottom: 2em!important;
}

.list-num li{
display: list-item;
list-style-position: inside;
list-style-type: decimal;
margin-left: 1em;
margin-top: .75em;
}


.notice{
margin-bottom: .25em!important;
}

.kakomi dd.notice{
border-top:#cccccc 1px solid;
text-align:right;
padding-top:.75em;
}

.kakomi .notice-top{
border-bottom:#cccccc 1px solid;
text-align:right;
padding-bottom:.5em;
}

.red{
color: #cc0000;
}

.blue{
color: #3366cc;
}

table{
margin: 1em 0;
width: 100%;
background: #F0F0F0;
}

table caption{
text-align: center;
font-weight: bold;
margin-bottom: 10px;
}

table th,
table td{
border: 1px solid #999999;
}

table th{
padding:10px;
font-weight: bold;
}

table td{
padding: 10px;
background: #ffffff;
vertical-align: top;
}

.hover-td{
background: #F9FFE8!important;
}

table td a span{
display: block;
margin-bottom: .5em;
}


th.var,
th.hol{
text-align: center;
}

.page-dl dt{
font-weight: bold;
margin-bottom: 1em;
}

.page-dl dd{
padding:0 1em;
}

.page-list{
margin-bottom: 1em;
padding-bottom:0!important;
}

.page-list li{
margin-bottom: .5em;
overflow: hidden;
}

.howto-list{
margin-bottom: 1em;
padding-bottom:0!important;
}

.howto-list li{
margin-bottom: 1em;
padding-bottom: 1em;
overflow: hidden;
border-bottom: dotted #cccccc 1px;
_zoom: 100%:
}


.kakomi{
overflow: hidden;
background: #f0f0f0;
padding: 15px;
margin-top:2em;
margin-bottom: 2.5em;
}

.kakomi2{
overflow: hidden;
background: #ffffff;
padding: 15px;
margin-bottom: 1em;
}


.notice-top-margin{
margin-top: 1em;
}

.bold{
font-weight: bold;
}

.right{
text-align: right;
}

.float-dl{
overflow: hidden;
}

.float-dl dt{
float: left;
text-align: right;
margin-bottom: 0!important;
margin-right: .5em;
}

.float-dl dd{
margin-bottom: .5em;
_zoom:100%;
}

a.sample-photo{
float: left;
margin-right: 10px;
border: 1px solid #999999;
}

a.sample-photo:hover{
border: 1px solid #cc0000;
}

.sample-photo-wrap{
overflow: hidden;
margin-right: 10px;
float: left;
}

p.sample-photo{
border: 1px solid #999999;
margin-bottom: 0;
}

.sample-photo-container{
overflow: hidden;
margin-bottom: 1em;
_zoom:100%;
}

.cap{
clear: both;
padding-top: .25em;
color: #009900;
font-size: 90%;
}

.clear{
clear: both;
}


/*blog*/

.entry-wrap{
float: right;
margin-left: 20px;
}

.entry h3{
height: 41px;
padding: 25px 0 0 20px;
overflow: hidden;
font-size: 13px;
font-weight: bold;
background: url(../images/blog_entry_title.png) no-repeat left top;
}

.entry h3 a{
color: #333333;
text-decoration: none;
}

.entry h3 a:hover{
color: #cc0000;
text-decoration: underline;
}

.entry-category-date{
margin: 10px 15px 0 15px;
overflow: hidden;
}

.entry{
background-color: #F0F0F0;
width: 490px;
margin-bottom: 25px;
overflow: hidden;
}

.entry-category-date .entry-category{
float: left;
color: #999999;
}

.entry-category-date .entry-category a{
text-decoration: none;
color: #999999;
display: inline;
}

.entry-category-date .entry-category a:hover{
text-decoration:underline;
color: #cc0000;
}

.entry-category-date .entry-date{
float: right;
color: #999999;
}

.entry-detail{
clear: both;
padding: 0 10px 20px 10px;
}

.blog_photo {
width: 450px;
margin:20px auto 0 auto;
overflow:hidden;
}

.blog_photo td{
padding: 0 10px 0 0;
background: none;
border: none;
}

.blog_photo a{
border: #999999 solid 1px;
width: 130px;
height: 130px;
overflow: hidden;
margin: 0 auto;
}

.blog_photo a:hover{
border: #cc0000 solid 1px;
}

.blog_photo a img{
margin-left: -75px !important; 
}

.blog_photo .hover-td{
background: none!important;
}

.blog_image{
width: 450px;
margin:20px auto 0 auto;
overflow:hidden;
}

.blog_image td{
padding: 0;
border: none;
background: none;
text-align: center;
}

.blog_image td a{
border: none;
}

.entry-body{
padding: 20px 10px 0 10px;
}

.entry-more{
padding: 0 10px 0 10px;
}

.entry-body a,
.entry-more a{
display: inline;
}

.blog-index-ad{
padding: 10px 10px 20px 10px;
}

.blog-entry-ad{
padding-top: 10px;
}

.entry-detail p{
margin-bottom: 1em;
}

a.blog-more{
height: 60px;
background: url(../images/blog_entry_more.png) no-repeat left top;
}

a.blog-more:hover{
height: 60px;
background: url(../images/blog_entry_more.png) no-repeat left -60px;
}

a.blog-more span,
a.blog-back span{
display: block;
text-indent: -9999px;
}

a.blog-back{
height: 60px;
background: url(../images/blog_entry_back.png) no-repeat left top;
}

a.blog-back:hover{
height: 60px;
background: url(../images/blog_entry_back.png) no-repeat left -60px;
}

.blog-relation{
background-color: #cccccc;
}

.left-inner .blog-menu,
.left-inner .blog-menu-ad{
background-color: #F0F0F0;
margin-bottom: 20px;
width:180px;
}

.blog-menu-ad-inner{
padding: 15px;
}

.blog-menu dl,
.blog-menu ul,
.blog-relation ul{
margin: 0 15px;
padding-bottom: 20px;
}

.blog-menu dl dt{
margin-top: .75em;
}

.blog-menu dl dd{
margin-top: .15em;
}

.blog-menu li,
.blog-relation li{
margin-top: .75em;
}

.blog-relation li{
display: list-item;
list-style-position: inside;
list-style-type: disc;
margin-left: 1em;
}

.blog-relation li a{
display: inline;
}

.blog-comment{
padding: 10px;
}

/*Aboutus*/
/*sitemap*/

h3.sitemap-cate-title{
margin-bottom: 30px;
}

.sitemap-cate-list{
margin: 5px 0 0 20px;
}

.sitemap-cate-list li{
display: list-item;
list-style-position: inside;
list-style-type: disc;
margin-bottom: .5em;
padding-left: .5em;
}

.sitemap-cate-list li a{
display: inline;
}

/*BBS*/

.caption{
margin: 0 20px;
}

.caption p{
margin-bottom: 1em;
}

.caption dt{
font-weight: bold;
}

#bbs-wrap{
background: #f0f0f0;
margin: 0 20px;
padding: 20px;
}

#bbs-wrap .bbs_title{
background: url("../images/bbs_title_bg.png") repeat-x left bottom;
font-weight: bold;
font-size: 14px;
padding: 10px; 
}

#bbs-wrap .bbs_title p{
font-size: 12px !important;
font-weight: 100 !important;
}

#bbs-wrap li{
margin: 0 20px 10px;
}

#bbs-wrap .bbs_body{
margin: 20px 10px;
}

#bbs-wrap .bbs_body p{
margin-bottom: 1em;
}

#bbs-wrap .post-info{
background: url("../images/bbs_hr.png") repeat-x left bottom;
padding-bottom: 10px;
}

.comments-open-content{
margin: 20px;
}

#comments-open-data div{
margin-bottom: 1em;
}

#comments-open-data label, 
#comments-open-text label{
display: block;
margin-bottom: .25em;
}

#comment-author,
#comment-email,
#comment-url,
comment-text{
width: 80%;
}

#comments-open-data,
#comments-open-text{
margin-bottom: 10px;
overflow: hidden;
}




/*--------------------------Ready---------------------------------*/
/*page-AIR*/

.graph{
margin: 2.5em 0;
}

.graph dt{
margin-bottom: 10px;
font-weight: bold;
text-align: center;
}

.graph dd{
text-align: center;
}

.air-site,
th.var{
width: 20%;
}

.air-month,
th.hol{
width: 40%;
}

.air-site,
.air-month{
padding: 10px!important;
text-align: center;
}

.air-table tr td a img{
display: block;
}

/*page-visa*/

.visa-dl dt{
font-size: 13px;
}

.visa-dl dd{
padding-bottom: 1em;
}

/*page-money*/

.money-table th{
width: 20%;
}

/*page-cost of living*/

.cost-table th{
width: 50%;
}

.float-dl-living dt{
width: 10em;
}

/*page-book,page-net-cast*/

.german-wrap{
overflow: hidden;
}

.german-container{
width: 280px;
margin-right: 25px;
float: left;
margin-top: 0px!important;
}

dt.german-title{
text-align: left!important;
border-bottom:#cccccc 1px solid;
padding-bottom:.5em;
margin-bottom: .5em!important;
font-weight: bold;
float: none!important;
}

.german-detail{
overflow: visible;
}

.download{
clear: both;
margin-bottom: 0!important;
}

.download a{
background: url(../images/right2.gif) no-repeat left bottom;
padding-top: .5em;
padding-left: 20px;
}

.podcast-detail{
overflow: visible;
}

/*.podcast-detail-inner{
overflow: hidden;
}*/

/*baggage,baggage-point,kind of send*/

.float-dl-send dt{
width: 7em;
}

/*apart*/

.apart-nav{
overflow: hidden;
margin-bottom: 1.5em;
}

.apart-nav li{
height: 30px;
width:180px;
float: right;
}

.apart-nav li a span{
display: block;
text-indent: -9999px;
}

.mit{
background: url(../images/apart_mit.png) no-repeat left -30px;
}

.mit a{
height: 30px;
width:180px;
background: url(../images/apart_mit.png) no-repeat left top;
}

.ohne{
background: url(../images/apart_ohne.png) no-repeat left -30px;
}

.ohne a{
height: 30px;
width:180px;
background: url(../images/apart_ohne.png) no-repeat left top;
}


.apart-navi-con{
position: relative;
z-index: 90;
}

.apart-navi-wrap{
overflow: hidden;
background: #ccc;
margin-bottom: 15px;
margin-right: 5px;
}

.apart-category{
float: left;
margin: 0 10px 30px 10px!important;
width: 156px;
height: 14px;
background: url(../images/apart_category_off.png) no-repeat left top;
cursor: pointer;
}

.apart-category_off{
background: url(../images/apart_category.png) no-repeat left top;
}

.apart-navi-wrap a{
display: inline;
}

.apart-category span{
display: block;
text-indent: -9999px;
}

.apart-navi{
overflow: hidden;
padding: 10px;
}

.apart-navi li{
margin-right: 20px;
margin-left: 10px;
_padding-bottom:5px;
}

.apart-list{
clear: both;
position: relative;
z-index: 80;
}

.appart-wrap{
overflow: hidden;
margin: 0 0 0 10px;
}

.appart-container{
width: 275px;
margin-right: 25px;
float: left;
margin-top: 0px!important;
}

dt.room-photo{
height: 75px;
width: 75px;
overflow: hidden;
}

dt.room-photo img{
margin-left: -12px;
}

dt.appart-num{
text-align: left!important;
border-bottom:#cccccc 1px solid;
padding-bottom:.5em;
margin-bottom: .5em!important;
font-weight: bold;
float: none!important;
}

a.to_apart_detail{
background: url(../images/right2.gif) no-repeat left bottom;
padding-left: 20px;
float: right;
}

.appart-detail-dl{
padding-bottom: 20px;
}

.appart-detail-dl dt{
margin-top: .5em;
margin-bottom: .25em;
}

.appart-info dl{
overflow: hidden;
}

.appart-info dl dt{
width: 4em;
}

.appart-info dl dd{
margin-bottom: .15em;
}

.appart-photo {
background: none;
margin:0 auto 20px auto;
overflow:hidden;
}

.appart-photo td{
padding: 0 10px 0 0;
background: none;
border: none;
}

.appart-photo a{
border: #999999 solid 1px;
width: 130px;
height: 130px;
overflow: hidden;
margin: 0 auto;
}

.appart-photo a:hover{
border: #cc0000 solid 1px;
}

.appart-photo .hover-td{
background: none!important;
}

.appart-photo img{
margin-left: -32px;
}

.page-detail .appart-h4{
background: #333333;
padding: 10px;
margin-top: 30px;
color: #ffffff;/*ADが入ったら消す*/
}

.appart-place{
float: left;
margin-right: 20px;
width: 210px;
}

.appart-place li{
margin-bottom: .5em;
}

.appart-out-image{
overflow: hidden;
}

.appart-add{
line-height: 1.2;
margin-bottom: 1em !important;
}

.gmap{
background:url(../images/apart_map.png) no-repeat center -30px;
}

.gmap a{
background:url(../images/apart_map.png) no-repeat center top;
height: 30px;
}

.gmap a span{
display: block;
text-indent: -9999px;
}

.appart-dl{
overflow: hidden;
}

.appart-dl dt{
margin-top: .5em;
margin-bottom: .25em;
}

#appart-form label{
font-weight: bold;
display: block;
}

.apart-banner{
margin-top: 25px;
}

/*--------------------------Live
---------------------------------*/

/*registration*/



/*bank*/

.float-dl-bank dt{
width: 5em;
}

/*handy*/
.float-dl-handy dt{
width: 7em;
}

.handy-table th.var{
width: 25%;
}

.handy-table td{
width: 15%;
}


/*school*/

.float-dl-school dt{
width: 8em;
}

/*ticket*/

.ticket-dl dd{
margin-bottom: 1em;
border-bottom: dotted #cccccc 1px;
}

/*internet*/

.net-table th.var{
width: 25%;
}

.net-table td{
width: 15%;
}

/*stay*/

.stay-ex a{
display: inline;
}

/*--------------------------TripTravel
---------------------------------*/

/*Hotel search*/

.hotel-wrap{
margin: 0 10px;
overflow: hidden;
}

.hotel-city-wrap{
float: left;
margin: 0 10px 20px 0;
margin-right: 10px;
width: 200px
}

.hotel-city{
font-size: 14px;
font-weight: bold;
float: left;
width: 85px;
}

dl.hotel-city-wrap dt{
font-size: 14px;
font-weight: bold;
margin-bottom: .25em
}

dl.hotel-city-wrap dd{
margin-bottom: .15em;
padding-left: 1em;
}

.booking-hotel h4{
background:none;
font-size: 12px;
font-weight: normal;
margin: 0;
padding: 0;
}

.hotel-wrap .booking-hotel{
width: 310px;
}

.hotel-wrap p{
margin: 0;
}

/*-------------------------------About
-----------------------------------*/

/*Apart kiyaku*/

.agreementWrap{
border:1px solid #999999;
height:300px;
margin:0 auto 10px;
overflow:auto;
padding: 10px 15px 0;
width: 600px;
}

.agreement{
width: 580px;
}

.kiyakuTit{
font-weight: bold;
font-size: 14px;
text-align: center;
}

.list-number{
padding-bottom: 2em!important;
}

.list-number li{
display: list-item;
list-style-position: outside;
list-style-type: decimal;
margin-left: 1em;
margin-top: .75em;
}

.kakomiList{
padding-bottom: 10px;
}

/*Anzeige*/

.flow-number{
padding-left: 2.5em;
font-weight: bold;
}

.itemTit{
font-weight: bold;
margin-bottom: .25em !important;
}

/*Profile*/

.profile-dl{
overflow: hidden;
}

.impressum{
cursor: pointer;
}


/*paddin margin調整*/
.pd-bottomZero{
padding-bottom: 0 !important;
}

.mg-topZero{
margin-top: 0 !important;
}

.mg-bottomZero{
margin-bottom: 0 !important;
}

.pd-bottomEx20{
padding-bottom: 20px !important;
}

/*-------------------------------QandA
-----------------------------------*/

.qanda-read p {
    margin-bottom: 1em;
    overflow: hidden;
}
.qanda-form {
    background: none repeat scroll 0 0 #F0F0F0;
    margin: 10px 0;
    padding: 15px;
}
.qanda-form p {
    margin: 0;
    padding-top: 1em;
}
.qanda-detail {
    margin: 20px;
}
.qanda-detail p {
    padding-top: 0.5em;
}
.qanda-pre {
    float: left;
    width: 5em;
}
.qanda-next {
    float: right;
    width: 5em;
}