@charset "utf-8";
/* CSS Document */
* { box-sizing : border-box}
* { -moz-box-sizing : border-box}

#contents #mainImg {
	padding-top: 15px;
}
#contents #hokenAll {
	width: 564px;
	float: left;
}

#contents #hokenAll h1 {
	padding-top: 20px;
	width: 564px;
}
#contents #hokenAll .short {
	width: 564px;
	margin-top: 0px;
	padding-bottom: 10px;
}

#contents #hokenAll .short #inbound {
	padding-top: 13px;
}
#contents #hokenAll .short #outbound {
	padding-top: 13px;
}

#contents #hokenAll .tankiBar {
	padding-left: 20px;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #cfdae0;
	background-image: url(images/shadow.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	padding-right: 20px;
	padding-top: 7px;
}
#contents #hokenAll .box {
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #cfdae0;
	background-image: url(images/shadow.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	padding-left: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	
}

#contents #hokenAll .box a:hover{
	color: #7C6F69 ;

}



#contents #hokenAll .short #hokenFive {
	float: left;
	width: 303px;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #cfdae0;
	padding-left: 20px;
	padding-top: 4px;

}
#contents #hokenAll .short #button {
	padding-top: 29px;
	background-image: url(images/shadow.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	padding-left: 330px;
}
#contents #hokenAll .button2 {
	padding-left: 25px;
	background-image: url(images/shadow.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #cfdae0;
	padding-bottom: 5px;
}
#contents #hokenAll #button3 {
	text-align: right;
	padding-right: 25px;
	background-image: url(images/shadow.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #cfdae0;
	padding-bottom: 5px;
}

#page #contents #text01 {
	clear: both;
	margin-top: 20px;
	margin-bottom: 30px;
	padding-left: 25px;
	padding-right: 25px;
	line-height: 1.5em;
	float:center;
	width: auto;
}


#contents #hokenAll .short .under {
	clear: both;
}



#contents #hokenAll .left {
	float: left;
	width: 250px;
	clear: both;
}
#contents #hokenAll .right {
	float: right;
	width: 250px;
}

#contents #hokenAll .under2 {
	padding-bottom: 10px;
}


#contents .subTitle {
	padding-top: 7px;
	padding-left: 20px;
}

#contents #subNav {
	float: right;
	width: 212px;
	padding-top: 20px;
}
#contents #subNav #subMain ul li {
	padding-bottom: 10px;
}
#contents #subNav #aboutTravel {
	background-color: #e4eaed;
	padding-bottom: 10px;
}
#contents #subNav #aboutTravel #about1 {
	background-color: #fafafa;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 65px;
	background-image: url(../common/images/kind_off.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#contents #subNav #aboutTravel #about2 {
	background-color: #fafafa;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 65px;
	background-image: url(../common/images/accident_off.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#contents #subNav #aboutTravel #about3 {
	background-color: #fafafa;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 65px;
	background-image: url(../common/images/examination_off.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#contents #subNav #aboutTravel #about4 {
	background-color: #fafafa;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 65px;
	background-image: url(../common/images/content_off.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#contents #subNav #aboutTravel #about5 {
	background-color: #fafafa;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 65px;
	background-image: url(../common/images/q&a_off.gif);
	background-repeat: no-repeat;
	background-position: left center;
}


#contents #pageTop {
	clear: both;
	padding-top: 10px;
	padding-bottom: 15px;
	padding-left: 464px;
}

#contents #hokenAll #travel1{
	clear: both;
}
#contents #hokenAll #travel2{
	clear: both;
}

#contents #hokenAll .buttonLeft {
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #cfdae0;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 20px;
	float: left;
}
#contents #hokenAll .buttonRight {
	padding-right: 10px;
	float: right;
	overflow: hidden;
}
#contents #hokenAll #inbound01 {
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #cfdae0;
	background-image: url(images/shadow.jpg);
	background-repeat: repeat-y;
	background-position: right top;
}
#contents #hokenAll #text {
	padding-top: 5px;
	float: left;
	width: 190px;
}
#contents #hokenAll #flow {
	float:left;
}
#slideshow {
   position: relative;
   width:  800px; /* ボックスの横幅 */
   height: 300px; /* ボックスの高さ */
}

#slideshow p {
   position: absolute;
   top:  0;
   left: 0;
   z-index: 8;
   opacity: 0.0;
   margin: 0;
   background-color: none; /* ボックスの背景色(必須) */
   height: 300px; /* ボックスの高さ */
}

#slideshow p.active {
   z-index: 10;
   opacity: 1.0;
}

#slideshow p.last-active {
   z-index: 9;
}

#slideshow p img {
   width:  100%; /* 画像の横幅 */
   height: 300px; /* 画像の高さ */
   display: block;
   border: 0;
   margin-bottom: 10px; /* 画像下部の余白 */
}