/* CSS Document */

*{
margin:0;
padding:0;
}

img	{
	border: 0;
	vertical-align: bottom;
}

main{
background:#F4F5ED;
font-size:14px;
color:#333;
line-height: 1.6em;}

td,th{
vertical-align:top;
text-align:left;

}
li{list-style:none;}

.clear{
clear:both;
}

/* clearfix */  
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix {
	zoom: 1;
}/* IE6 */
*:first-child+html .clearfix {
	zoom: 1;
} /* IE7 */


#footer{ margin-top:0;}
.goTop {
    bottom: 60px;
    right: 30px;
}

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

/* グローバルメニュー */
.menu_area{
height:110px;
background:#F4F5ED;
box-shadow: 1px 1px 5px #999;
-moz-box-shadow: 1px 1px 5px #999; /* Firefox用*/
-webkit-box-shadow: 1px 1px 5px #999; /* Google Chrome, Safari用*/
}

.menu_area_top{
height:110px;

border-top: solid 4px #CCC;
}

#menu{
width:960px;
height:110px;
padding:0;
margin:0 auto;
line-height:100%;
}

#menu li{
display:inline;
float:left;
}

#menu li a{
display:block;
width:192px;
height:110px;}

/* -------------------- top -------------------- */

.top{width:1200px; margin:0 auto; height:700px;  background:url(../img/map.png) no-repeat 540px -75px; position:relative;}
.top_ttl{margin-left:60px; margin-top:50px; }


#navi_fin{position:absolute; top:20px; right:0px;}
#navi_den{position:absolute; top:390px; left:220px;}
#navi_nor{position:absolute; top:40px; left:460px;}
#navi_swe{position:absolute; top:380px; right:60px;}

@media screen and (max-width: 1024px) {
.top{width:100%;}
.top_ttl{margin-left:0px; margin-top:50px; }
.top{background:url(../img/map.png) no-repeat 440px -75px;}
#navi_fin{ top:10px; right:10px;}
#navi_den{top:390px; left:150px;}
#navi_nor{top:40px; left:350px;}
#navi_swe{top:400px; right:20px;}
}


/* -------------------- ここが違う -------------------- */


.point_bg h2{ background:url(../img/ttl_bg.gif) repeat; padding:50px 0; text-align:center; color:#fff; letter-spacing:1px; font-size:30px; font-weight:normal;}

ul.point{width:960px; margin:50px auto;}
ul.point li{float:left; padding:5px 0; font-size:16px;}
ul.point li img{ padding-bottom:10px;}
ul.point li.point01{
	background:url(../img/01.gif) no-repeat 0 0;
width:960px; padding-left:60px;}
ul.point li.point02{
background:url(../img/02.gif) no-repeat 0 0;
width:425px; padding-left:60px;}
ul.point li.point03{
background:url(../img/03.gif) no-repeat 0 0;
width:400px; padding-left:60px;}
.sm{ font-size:12px; display:block;}

.card{ float:right; padding-right:70px;}

/* -------------------- おすすめツアー -------------------- */


.rc_tour_bg{background:url(../sp/img/bg_info_conts.gif) repeat; padding:50px 15px;}
.rc_tour{width:960px; margin:0 auto; /*background:#FFFFFF; */padding: 0 0 30px 15px;}
.rc_tour h2{ width:450px; margin:0 auto; padding:30px 0;}

.search{
clear:both;
text-align:center;
font-size:22px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
padding-top:20px; letter-spacing:2px;}


.main{ width:960px; margin:0 auto; padding:45px 5px;}

.main h2{
	clear:both;
	background:url(../img/border.jpg) repeat-x center bottom;
	padding:0 2px 10px 2px;
	margin-bottom:10px;
	
}
.main p{ margin:0 2px 15px 2px;}




.info{ width:100%; margin: 0 auto;}
.info .ttl{position:absolute; top:120px; left:120px; }
.info .copy{position:absolute; top:210px; left:120px; text-align:center;}
.png{position:absolute; top:-18px; right:10px;}

.fin_bg{background:#74BECA;}
.den_bg{background:#F4938E;}
.nor_bg{background:#BFB863;}
.sto_bg{background:#7B96B3;}
/*.sto_bg{background:#DFD04D;}*/
.info_fin{ position:relative; width:1200px; height:400px; margin:0 auto; background:url(../img/fin_photo.jpg) no-repeat right 0;}
.info_nor{ position:relative; width:1200px; height:400px; margin:0 auto; background:url(../img/nor_photo.jpg) no-repeat right 0;}
.info_sto{ position:relative; width:1200px; height:400px; margin:0 auto; background:url(../img/sto_photo.jpg) no-repeat right 0;}
.info_den{ position:relative; width:1200px; height:400px; margin:0 auto; background:url(../img/den_photo.jpg) no-repeat right 0;}



@media screen and (max-width: 1024px) {
.info_fin,.info_nor,.info_sto,.info_den{  width:100%;}
.info .ttl{ left:20px; }
.info .copy{left:20px;}
}



/* finland.htm */



.main ul{margin-right:-15px; margin-bottom:45px;}
.main li{width:310px; float:left; margin-right:10px; font-size:13px;}
.triple li img{ border: solid 5px #E2E3DE; margin-bottom:8px;}
.frame{ border: solid 5px #E2E3DE; margin:8px 0; display:block;}
.main li span{ display:block; font-size:16px; font-weight:bold; margin-bottom:2px;} 
.main li.half{width:460px; float:left; margin-right:20px;}
.main li.half p {font-size:14px;}
.sliya{width:890px; margin:0 auto; padding:10px 15px; position:relative;
background:url(../img/sliya_bg.gif) repeat;
}
.sliya_ttl{width:920px; margin:0 auto;}
.sliya img{padding:8px 0 0;}
.sliya span{ display:block; background:#F6596C; padding:8px; width:200px; font-weight:bold; color:#fff; text-align:center; float:left; margin-right:8px;
margin-bottom:10px;
border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ }
	
.png2{position:absolute; bottom:10px; right:10px;}

/* denmark.htm */


/* norway.htm */


/* sweden.htm */

.fl{float:left;}
.mr10{margin-right:10px;}

.box{ background:url(../img/nor_p_1.jpg) no-repeat right top;}
.box_l{float:left; width:480px;}
.box_r{float:right; width:450px;}

.box img{ padding-top:15px;}
/* フッターバナー*/

#wrap .btn{
width:730px;
text-indent:-9999px;
list-style:none;
padding:25px 0;
margin:0;
}

#wrap .btn li{
display:inline;
float:left;
}

#wrap .btn1 a{
display:block;
text-indent:-9999px;
width:364px;
height:75px;
padding:0 1px 0 0;
background:url(img/btn1.jpg) no-repeat 0 0;
}

ul.btn li.btn1 a:hover {
background-position:0 -75px;
}

ul.btn li.btn2 a{
display:block;
text-indent:-9999px;
width:364px;
height:75px;
background:url(img/btn2.jpg) no-repeat 0 0;
}

ul.btn li.btn2 a:hover {
background-position:0 -75px;
}

.btn3{
display:block;
text-indent:-9999px;
width:364px;
height:75px;
padding:0 1px 0 0;
background:url(img/btn3.jpg) no-repeat 0 0;
}


.pagetop
{
clear:both;
text-align:right;
color:#333;
padding:30px 15px 0 0;

}

/* フッター */

/*.bottom{
width:960px;
height:25px;
background:url(img/bg_bottom.jpg) no-repeat 0 0;
margin:0 auto 15px;
}
*/


/*ツアー表示*/
.half{width:50%; float:left;}
.tour_midasshi{
	margin:0 0 10px;
	padding:10px;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #0d46a5), color-stop(1.00, #08144d));
	background: -webkit-linear-gradient(#0d46a5, #08144d);
	background: -moz-linear-gradient(#0d46a5, #08144d);
	background: -o-linear-gradient(#0d46a5, #08144d);
	background: -ms-linear-gradient(#0d46a5, #08144d);
	background: linear-gradient(#0d46a5, #08144d);
}
a.mosaic-overlay{display:block; text-decoration:none; margin:0 auto 10px; width:442px; float:left; margin-left:15px; }
.tour_box{padding:10px; background:#FFF; color:#000000; line-height:1.2; border:1px solid #CCC;}
a:hover .tour_box{background:#FFFFCC;}
.tour_box .tour_img{width:420px; height:280px; overflow:hidden; margin-bottom:8px;}
.tour_box .tour_img img{width:100%;}
#container .tour_box h2{ position:absolute; top:0; display:block; width:100%; color:#FFF; text-align:center; background:url(../../../image/t-common/bg-black-80.png); font-weight:bold; font-size:18px; padding:3px 0;}


.tour_box  h3{font-size:16px; font-weight:bold; line-height:1.2; margin-bottom:0; margin-left:1px; color:#333;padding-bottom:8px;  width:410px; }
.tour_box  p{margin:0 0 3px 0; font-size:12px;}
.tour_box .copy{font-size:15px; color:#0099CC; font-weight:bold; padding-bottom:2px; margin-left:1px; /*height:38px;*/}
.tour_box .price{color:#EF2B2D; font-size:20px; font-weight:bold; line-height:26px; padding-bottom:5px;}
.tour_box ul{ height:22px;}
.tour_box li{float:left; padding:3px; border:1px solid #CCC; margin:0 2px 2px; background:#FFFFFF; font-size:12px;}
a.tour_link{ display:block; text-align:center; padding:5px; border:1px solid #CCC; text-decoration:none; color:#333333; font-weight:bold;}
a.tour_link:hover{ background:#FFFFCC;}

.search{
	clear:both;
	text-align:center;
	font-size:22px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-top:20px; letter-spacing:2px;
}

.search img{vertical-align: middle;}


.search a{
    display: block;
    width:600px;
    padding: 15px 4%;
    margin: 0 auto;
	font-size: 0.9em;
    text-align: center;
    color: #00B2B2;
    font-weight: bold;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #00B2B2;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.search a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #FFFFFF;
    border: 2px solid #00B2B2;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.search a:hover, .search a:focus, .search a:active {
    color: white;
}

.search a:hover:before, .search a:focus:before, .search a:active:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}




.small{ font-size:12px; color:#FF3333; line-height:120%;}