@charset "UTF-8";

/* ===== 全体の設定 ===== */
body {
	*text-align: center;/*IE調整用*/
}

/* 全体背景[変更可] */
#wrapper {background: #fff!important; padding: 0;}


/* ===== コンテンツ ===== */
/* コンテンツ リンク色[変更可] */
#content a:link { text-decoration:underline; color:#005799;}
#content a:visited { text-decoration:underline; color:#005799;}
#content a:active { text-decoration:underline; color:#005799;}
#content a:hover { text-decoration:none; color:#005799;}

/* イベント名 リンク色[色変更可] */
#main .blockInEvent .bl-hot a, #bottomBlock .topics .topicsTitle a { text-decoration:none; color:#005799;}

/* ===== コンテンツ[以下に追加] ===== */

#wrapper{
	background:#f0f0f0;
	border-bottom:1px solid #dbdcdc;
}
h2,h3,p,dl,dt,dd{
    margin:0;
}
ul{
    list-style:none;
    margin:0;
    padding:0;
}


#innerWrap{
	margin: 0 auto; overflow: hidden;
	width: auto!important; font-size: 15px; line-height: 1.5;
	padding: 0; background: none!important;
	*text-align: left;/*IE調整用*/
}

.center{
	text-align: center;
}

.cf:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.cf {
  min-height: 1px;
}

* html .cf {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
#innerWrap a:hover img{
	filter:alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}
.mainvisual {background: url(../img/bg_main.jpg) no-repeat top center; padding: 0 0 18px; min-width: 1000px; position: relative;}
.mainvisual h1{text-align: center; margin: 0;}
.mainvisual h1 img{margin: 0 0 0 -10px;}
.mainvisual div{position: absolute; bottom: 100px; left: 50%; margin: 0 0 0 -370px;}

#innerWrap .navi{width: 1000px; margin: 0 auto 50px;}
#innerWrap .navi dt:before{content: ""; background: url(../img/bg_navi1.gif) no-repeat top center; width: 331px; height: 88px; position: absolute; top: 105px; left: -210px;}
#innerWrap .navi dt:after{content: ""; background: url(../img/bg_navi2.gif) no-repeat top center; width: 331px; height: 56px; position: absolute; bottom: -160px; right: -120px;}
#innerWrap .navi dt{margin: 0 0 30px; position: relative;}
#innerWrap .navi dt p{width: 640px; display: inline-block; vertical-align: top; margin: 20px 20px 0 0;}
#innerWrap .navi dd{float: left; margin: 0 15px 0 0; position: relative;}
#innerWrap .navi dd:last-child{float: right; margin: 0;}


#innerWrap .timeblock{background: #004998 url(../img/bg_btm_time.jpg) repeat-x bottom center; text-align: center; padding: 60px 0;}
#innerWrap .timeblock h2{text-align: center; margin: 0 0 40px;}
#innerWrap .timeblock .text{color: #fff; text-align: center; margin: 0 0 30px;}
#innerWrap .timeblock .point{display: inline-block; width: 460px; text-align: left; letter-spacing: 0; margin: 0 0 40px; vertical-align: middle; position: relative;}
#innerWrap .timeblock .point.right{margin: 0 0 40px 60px;}
#innerWrap .timeblock .point p{position: absolute; top: 120px; left: 0; padding: 0 40px;}
#innerWrap .timeblock .coment{background: url(../img/bg_coment.gif) center; text-align: center; display: inline-block; position: relative; vertical-align: middle; width: 400px; letter-spacing: 0; padding: 20px; margin: 0 0 40px 60px; border-radius: 10px;}
#innerWrap .timeblock .coment:after{content: ""; background: url(../img/arrow_time.jpg) no-repeat top center; width: 52px; height: 29px; position: absolute; top: 140px; left: -52px;}
#innerWrap .timeblock .coment div{background: #fff; padding: 20px; text-align: left; margin: -8px 0 0; color: #7e6047;}
#innerWrap .timeblock .coment div span{display: block; margin: 0 0 10px; color: #f35151; font-weight: bold;}
#innerWrap .timeblock .coment img{margin: -55px 0 0;}
#innerWrap .timeblock .cf{letter-spacing: -5px; width: 1000px; margin: auto;}

#innerWrap .photo,
#innerWrap .resort,
#innerWrap .gourmet{margin: auto; width: 1000px;}

#innerWrap .cityblock{margin: 60px 0 0;}
#innerWrap .cityblock h2{text-align: center; margin: 0 0 80px;}
#innerWrap .cityblock .seoul{background: #ffe8eb; text-align: center; padding: 0 0 150px;}
#innerWrap .cityblock .seoul h3{margin: 0 0 50px; position: relative; display: inline-block;}
#innerWrap .cityblock .seoul h3:before{content: ""; background: url(../img/bg_seoul_left.jpg) no-repeat top center; width: 403px; height: 135px; position: absolute; top: 30px; left: -440px;}
#innerWrap .cityblock .seoul h3:after{content: ""; background: url(../img/bg_seoul_right.jpg) no-repeat top center; width: 403px; height: 135px; position: absolute; top: 30px; right: -440px;}
#innerWrap .cityblock .seoul h3 img{margin: -32px 0 0 ;}
#innerWrap .cityblock .text{margin: 0 0 50px; text-align: center;}
#innerWrap .cityblock .seoul .shopping{background: url(../img/bg_seoul.gif) center; padding: 10px; width: 940px; margin: 0 auto 30px; border-radius: 10px; text-align: left; color: #7e6048;}
#innerWrap .cityblock .seoul .shopping .shopping_bg{background: #fff; letter-spacing: -5px; padding: 30px 0 0;}
#innerWrap .cityblock .seoul .shopping .shopping_box1{display: inline-block; width: 350px; letter-spacing: 0; vertical-align: top; margin: 0 0 50px 50px;}
#innerWrap .cityblock .seoul .shopping .shopping_box2{display: inline-block; width: 448px; letter-spacing: 0; vertical-align: top; margin: 0 0 50px 50px;}
#innerWrap .cityblock .seoul .shopping .shopping_box3{display: inline-block; width: 356px; letter-spacing: 0; vertical-align: top; margin: 0 0 50px 50px;}
#innerWrap .cityblock .seoul .shopping .shopping_box4{display: inline-block; width: 444px; letter-spacing: 0; vertical-align: top; margin: 40px 0 50px 50px;}
#innerWrap .cityblock .seoul .shopping .shopping_box5{display: inline-block; width: 360px; letter-spacing: 0; vertical-align: top; margin: 0 0 50px 80px;}
#innerWrap .cityblock .seoul .shopping .shopping_box6{display: inline-block; width: 360px; letter-spacing: 0; vertical-align: top; margin: 0 0 50px 50px;}
#innerWrap .cityblock .seoul .shopping .shopping_box6 p + img{float: right; margin: 20px 0 0;}
#innerWrap .cityblock .seoul .shopping  span{display: block; margin: 0 0 10px; color: #f35151; font-weight: bold; font-size: 18px;}
#innerWrap .cityblock .seoul h4{margin: 80px 0 50px;}
#innerWrap .cityblock .seoul h4 + img{margin: 0 0 100px;}
#innerWrap .cityblock .copy{width: 940px; text-align: right; margin: auto;}

#innerWrap .cityblock .busan{background: #deede6; text-align: center; padding: 0 0 130px; min-width: 1000px;}
#innerWrap .cityblock .busan h3{margin: 0 0 50px; position: relative; display: inline-block;}
#innerWrap .cityblock .busan h3:before{content: ""; background: url(../img/bg_busan_left.jpg) no-repeat top center; width: 403px; height: 135px; position: absolute; top: 30px; left: -440px;}
#innerWrap .cityblock .busan h3:after{content: ""; background: url(../img/bg_busan_right.jpg) no-repeat top center; width: 403px; height: 135px; position: absolute; top: 30px; right: -440px;}
#innerWrap .cityblock .busan h3 img{margin: -32px 0 0;}
#innerWrap .cityblock .busan h4{margin: 0 0 50px;}
#innerWrap .cityblock .busan .beach{margin: 0 auto 80px; width: 1000px; position: relative;}
#innerWrap .cityblock .busan .beach .text{position: absolute; top: -5px; left: 30px; text-align: left;}
#innerWrap .cityblock .busan .beach div{display: inline-block; vertical-align: top; margin: 0 20px; text-align: left;}
#innerWrap .cityblock .busan .beach .beach_box2 p{margin: 20px 0 30px; text-align: left;}
#innerWrap .cityblock .busan .beach .beach_box4{margin: -40px 0 0;}

#innerWrap .cityblock .jeju{background: #cee5ef; text-align: center; padding: 0 0 50px; min-width: 1000px;}
#innerWrap .cityblock .jeju h3{margin: 0 0 50px; position: relative; display: inline-block;}
#innerWrap .cityblock .jeju h3:before{content: ""; background: url(../img/bg_jeju_left.jpg) no-repeat top center; width: 403px; height: 135px; position: absolute; top: 30px; left: -440px;}
#innerWrap .cityblock .jeju h3:after{content: ""; background: url(../img/bg_jeju_right.jpg) no-repeat top center; width: 403px; height: 135px; position: absolute; top: 30px; right: -440px;}
#innerWrap .cityblock .jeju h3 img{margin: -32px 0 0 ;}
#innerWrap .cityblock .jeju h4{margin: 0 0 50px;}
#innerWrap .cityblock .jeju .resort p{width: 940px; margin: 20px auto 50px; text-align: left;}
#innerWrap .cityblock .jeju .resort p.mg{margin: -50px auto 40px;}
#innerWrap .cityblock .jeju .photo{}
#innerWrap .cityblock .jeju .photo div{display: inline-block; margin: 0 16px 60px 0;}
#innerWrap .cityblock .jeju .photo div p{text-align: left; margin: 10px 0 0;}
#innerWrap .cityblock .jeju .coment{background: url(../img/bg_jeju_coment.gif) center; text-align: center; width: 940px; letter-spacing: 0; padding: 10px; margin: 80px auto 0; border-radius: 10px;}
#innerWrap .cityblock .jeju .coment div{background: #fff; padding: 10px 20px; text-align: left; margin: 0 0; position: relative;}
#innerWrap .cityblock .jeju .coment div p:first-child{width: 360px; margin: -20px 50px 0 0; color: #7e6048;}
#innerWrap .cityblock .jeju .coment div p:first-child img{margin: 0 0 10px;}
#innerWrap .cityblock .jeju .coment div p{margin: 0 0 10px; font-size: 13px; display: inline-block; vertical-align: top;}
#innerWrap .cityblock .jeju .coment div p:last-child{position: absolute; top: 8px; right: 40px;}
#innerWrap .cityblock .jeju .copy {padding: 80px 0 0;}

#innerWrap .flightblock{width: 940px; margin: 50px auto 80px;}
#innerWrap .flightblock h2{text-align: center; margin: 0 0 40px;}
#innerWrap .flightblock .text{text-align: center; margin: 0 0 50px; line-height: 2;}
#innerWrap .flightblock .schedule{background: url(../img/bg_map.gif) no-repeat center 40%; border: 1px solid #004998; padding: 50px 40px 80px; position: relative;}
#innerWrap .flightblock .schedule:before{content: ""; background: url(../img/bg_schedule.gif) repeat-x top center; width: 100%; height: 8px; position: absolute; top: 0; left: 0;}
#innerWrap .flightblock .schedule:after{content: ""; background: url(../img/bg_schedule.gif) repeat-x top center; width: 100%; height: 8px; position: absolute; bottom: 0; left: 0;}
#innerWrap .flightblock .schedule h3{position: relative;}
#innerWrap .flightblock .schedule h3:before{content: ""; width: 1px; height: 100px; background: #004998; position: absolute; bottom: 15px; left: -25px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
#innerWrap .flightblock .schedule dl{letter-spacing: -5px; text-align: center; color: #004998; font-size: 18px; margin: 50px 0 0;}
#innerWrap .flightblock .schedule dl dt{letter-spacing: 0; text-align: left; margin: 0 30px 20px;}
#innerWrap .flightblock .schedule dl dt p{border-radius: 30px; padding: 10px 20px; display: inline-block;}
#innerWrap .flightblock .schedule dl dt.seoul p{background: #ffe8eb;}
#innerWrap .flightblock .schedule dl dt.busan p{background: #deede6;}
#innerWrap .flightblock .schedule dl dt.jeju p{background: #cee5ef;}
#innerWrap .flightblock .schedule dl dt p span{background: url(../img/bg_arrow.png) no-repeat center left; margin: 0 0 0 10px; padding: 0 0 0 30px;}
#innerWrap .flightblock .schedule dl dd{display: inline-block; letter-spacing: 0; width: 320px; margin: 0 50px; text-align: left;}
#innerWrap .flightblock .schedule dl dd p{font-size: 16px; line-height: 1.8;}
#innerWrap .flightblock .schedule dl dd p span{display: block; font-weight: bold; margin: 0 0 10px;}
#innerWrap .flightblock ul{margin: 20px 30px 0;}

#innerWrap .serviceblock{background: #004998; text-align: center; color: #fff; margin: 0 0 0; padding: 50px 0 80px;}
#innerWrap .serviceblock h2{margin: 0 0 30px;}
#innerWrap .serviceblock .text{text-align: center; margin: 0 0 50px; line-height: 2;}
#innerWrap .serviceblock .inner{width: 1000px; margin: 0 auto 60px;}
#innerWrap .serviceblock .servicebox{width: 308px; float: left; margin: 0 38px 0 0; text-align: left;}
#innerWrap .serviceblock .servicebox:last-child{float: right; margin: 0;}
#innerWrap .serviceblock .servicebox p{margin: 10px 0 0;}
#innerWrap .serviceblock .point {width: 1000px; margin: 0 auto 10px;}
#innerWrap .serviceblock .point {}
#innerWrap .serviceblock .point img{vertical-align: middle; }
#innerWrap .serviceblock .point span{display: inline-block; vertical-align: middle; margin: 0 0 0 100px; width: 500px; text-align: left;}
#innerWrap .serviceblock .omotenashi{margin: 0 auto 10px; letter-spacing: -5px; width: 1000px;}
#innerWrap .serviceblock .omotenashi p{width: 640px; margin: 20px 0 10px 20px; letter-spacing: 0; display: inline-block; vertical-align: top; text-align: left;}
#innerWrap .serviceblock .omotenashi p span{display: block; margin: 30px 0 0 30px;}
#innerWrap .serviceblock .omotenashi img{vertical-align: top;}

#innerWrap .presentblock{text-align: center; background: url(../img/bg_present.gif) top center; padding: 120px 0 80px;}
#innerWrap .presentblock .pair{border: 3px solid #ffc3c3; padding: 0 20px 60px; width: 1000px; margin: 0 auto 80px; border-radius: 10px; box-sizing: border-box; background: #fff;}
#innerWrap .presentblock .pair h2{position: relative; margin: 0 0 50px;}
#innerWrap .presentblock .pair h2 img{position: relative; margin: -20px 0 0;}
#innerWrap .presentblock .pair h2:before{content: ""; background: url(../img/bg_pair.png) no-repeat top center; width: 1133px; height: 332px; position: absolute; top: -90px; left: -80px;}
#innerWrap .presentblock .pair ul{display: inline-block; width: 400px; margin: 10px 30px 50px; text-align: left; vertical-align: top; font-size: 12px;}
#innerWrap .presentblock .goods{border: 3px solid #c5def8; padding: 0 20px 60px; width: 1000px; margin: auto; border-radius: 10px; box-sizing: border-box; background: #fff;}
#innerWrap .presentblock .goods h2{margin: 0 0 60px;}
#innerWrap .presentblock .goods h2 img{margin: -20px 0 0;}
#innerWrap .presentblock .goods ul{}
#innerWrap .presentblock .goods li{float: left; margin: 0 10px 30px 0;}
#innerWrap .presentblock .goods li:nth-child(3n){float: right; margin: 0 0 30px;}
#innerWrap .presentblock .goods p{margin: 0 80px 50px; text-align: left;}

#innerWrap #pageTop{position: fixed; bottom: 10px; right: 10px; display: none;}



.spOnly{display:none;}