@charset "utf-8";
/* CSS Document */
#container {
	font-size: 16px;
	line-height: 30px;
	letter-spacing:1px;
	color: #000;
}
#key{
	height: 680px;
	background:url(../img/travel/key.jpg) no-repeat center top;
	background-size:cover;
	}
#lead{
	background:url(../img/travel/sec1_bg.jpg) no-repeat center bottom;
	background-size:100% 100%;
	padding-top: 139px;
	
}
#lead .info {
	font-size: 18px;
	line-height: 40px;
	color:#FFFFFF;
	text-align:center;
	width: 584px;
}
#lead .info  p{
	padding-bottom: 190px;
	padding-top: 40px;
	letter-spacing:2px;	
}

#sec1 .info1 {
	background:url(../img/travel/sec1_bg_01.jpg) no-repeat center top;	
	padding-top: 136px;
}
#sec1 .info1  .content {
	position: relative;
	height: 1027px;
}

#sec1 h2 {
	position: absolute;
	top: 0;
	left: 0;	
}
#sec1 a {
	color: #000;
	text-decoration:underline;	
}
#sec1 .info1 h3 {
	position: absolute;
	top: 305px;
	right: 0;	
}
#sec1 .info1 .txt {
	position: absolute;
	left: 594px;
	top: 600px;	
}
#sec1 .info1 .txt p {
	padding-bottom: 31px;
	width: 313px;	
}

#sec1 .info2 {
	background:url(../img/travel/sec1_bg_02.jpg) no-repeat center top;	
}
#sec1 .info2  .content {
	position: relative;
	height: 767px;
}

#sec1 .info2 .box {
	position: absolute;
	top: 65px;
	right: 0;	
}
#sec1 .info2  .box .txt {
	padding-top: 17px;
	width: 419px;
}
#sec1 .info2 .txt2 {
	position: absolute;
	bottom: 185px;
	left: 0;
}
#sec1 .info3 {
	background:url(../img/travel/sec1_bg_03.jpg) no-repeat center top;	
}
#sec1 .info3 .main {
	padding-left: 64px;
	padding-bottom: 98px;	
}
#sec1 .info3 .main .txt {
	padding-top: 30px;
	padding-bottom: 38px;	
}

#sec2 h2{
	background:url(../img/travel/sec_h2_bg.jpg) repeat-x center top;
	text-align:center;	
}
#sec2 .content {
	position: relative;
	height: 690px;	
}
#sec2  .txt {
	font-size: 20px;
	line-height: 40px;
	letter-spacing:10px;	
	color: #FFF;
}

#sec2 .info1 {
	background:url(../img/travel/sec2_bg_01.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
}

#sec2 .info1 h3 {
	position: absolute;
	top: 116px;
	left: 305px;
}
#sec2  #txt_v1 {
	height: 500px !important;
    left: -24px;
    position: absolute;
    top: 111px;
    width: 300px !important;	
}
#sec2 .taketori-col {
	height: 500px !important;
}


#sec2 .info2 {
	background:url(../img/travel/sec2_bg_02.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
}

#sec2 .info2 h3 {
	position: absolute;
	top: 115px;
	right: 0;
}
#sec2  #txt_v2 {
	height: 500px !important;
    left: 629px;
    position: absolute;
    top: 110px;
    width: 300px !important;	
}

#sec2 .info3 {
	background:url(../img/travel/sec2_bg_03.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
}

#sec2 .info3 h3 {
	left: 225px;
    position: absolute;
    top: 114px;
}
#sec2  #txt_v3 {
	height: 500px !important;
    left: -44px;
    position: absolute;
    top: 110px;
    width: 240px !important;
}
#sec2 .info3 .taketori-col {
	width: 240px;
}

#sec2 .info4 {
	background:url(../img/travel/sec2_bg_04.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
}

#sec2 .info4 h3 {
	position: absolute;
	top: 115px;
	right: 0;
}
#sec2  #txt_v4 {
	height: 500px !important;
    left: 510px;
    position: absolute;
    top: 110px;
    width: 419px !important;	
}
 #sec2 .info4 .taketori-col {
	 width: 419px; 
 }

/*css firefox*/
@-moz-document url-prefix() {
 #sec2 .info1 .taketori-col, #sec2 .info2 .taketori-col {
 height: 300px !important;
 width: 500px !important;
}
#sec2 .info3 .taketori-col {
	height: 240px !important;
	width: 500px !important;	
}

#sec2 .info4 .taketori-col {
	height: 419px !important;
	width: 500px !important;	
}
}


#sec3 {
	margin-top: 67px;
	margin-bottom: 83px;
	color: #000;
	letter-spacing:1px;
}
#sec3  .info1 {
	background:url(../img/travel/sec4_bg_01.png) no-repeat center top;
	padding-top: 52px;
	padding-bottom: 47px;	
}
#sec3  .info1  .txttop {
	text-align:center;
	padding-top: 55px;
	padding-bottom: 133px;	
}

#sec3  .info1  .txtbt {
	text-align:center;
	padding-top: 43px;	
}
#sec3  .info2 {
	background:url(../img/travel/sec4_bg_02.png) no-repeat center top;
	padding-top: 97px;
	text-align:center;	
}
#sec3  .info2 .txt {
	padding-top: 47px;
	padding-bottom: 33px;
}