#footer:after,
#contents:after,
#header div.gNavi ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#footer,
#contents,
#header div.gNavi ul {
	display: inline-table;
	/*\*/
	display: block;
	*height: 1%;
	/**/
}

body {
	background-color: #fff;
	text-align: center;
}

/* CONTAINER */
#pankuzu {
	width: 800px;
	margin: -6px auto 7px auto;
	text-align: left;
}
	#pankuzu p {
		font-size: 10px;
		/*\*/
		*font-size: 80%;
		/**/
	}
	#pankuzu a {
		color: #1956c9;
	}
	#pankuzu a:active,
	#pankuzu a:hover {
		color: #00a8ff;
	}

/* CONTAINER */
#container {
	background: url(../img/bg_body.jpg) repeat-x left top;
	background-color: #00539a;
}

/* PAGETOP */
#pageTop {
    margin: 0 auto 10px;
    text-align: left;
    width: 800px;
}

/* HEADER */
#header {
	position: relative;
	width: 800px;
	height: 111px;
}
	#header div.logo {
		position: absolute;
		left: 2px;
		top: 13px;
	}
		#header div.text {
	font-size:10px;
	left:50px;
	position:absolute;
	top:43px;
}
	#header div.tel {
		position: absolute;
		left: 497px;
		top: 15px;
	}
	#header div.tel_right {
		position: absolute;
		right: 0;
		top: 15px;
	}
	#header div.tel p{
		font-size:x-small;
		text-align:right;
		padding-right:10px;
	}
	#header div.tel_right p{
		font-size:x-small;
		text-align:right;
		padding-right:10px;
	}
	#header div.hNavi {
		position: absolute;
		left: 0;
		top: 0;
	}
		#header div.hNavi li.li1 {
			position: absolute;
			left: 726px;
			top: 16px;
		}
		#header div.hNavi li.li2 {
			position: absolute;
			left: 726px;
			top: 34px;
		}
	#header div.gNavi {
		position: absolute;
		left: -3px;
		top: 71px;
		background: url(../img/h_bg_g_navi.gif) no-repeat left top;
		width: 806px;
		height: 39px;
	}
	
		#header div.gNavi ul {
			padding: 3px;
		}
		#header div.gNavi li {
			float: left;
		}
		
		#header div.text {
	font-size:10px;
	left:50px;
	position:absolute;
	top:43px;
}
#google_translate_element{
		position: absolute;
		top:11px;
		left: 335px
}
.element_right{
	left: 425px !important;
}
#google_translate_element img{
		width:51px !important;
		height:15px !important;
}

.skiptranslate {
     padding-top:0 px;
}
html* .skiptranslate{
    padding-top:8px;
    margin-bottom:-28px;
    padding-left:8px;
    position: relative;
}

/* PAGEBODY */
#pageBody {
	background: url(../img/bg_pagebody_b.gif) no-repeat left bottom;
	margin: 10px auto 16px auto;
	width: 806px;
	text-align: left;
}

/* CONTENTS */
#contents {
	margin: 0;
	padding: 0 28px;
		line-height: 1.5;

}
	#mainContents {
		width: 560px;
		float: left;
	}
	#subContents {
		width: 165px;
		float: right;
	}

/* SUBCONTENTS */
#subContents div.entryObj {
	margin-bottom: 20px;
}
#subContents div.naviObj {
	background-color: #deefff;
	margin-bottom: 25px;
}
	#subContents div.naviObj ul {
		padding: 2px 0 4px 0;
	}
	#subContents div.naviObj li {
	background: url(../img/bg_s_navi.gif) no-repeat left bottom;
	padding: 2px 0 3px 0;
	}
	#subContents div.naviObj li.bottom {
		background: none;
	}
	#subContents div.naviObj a {
		background: url(../img/bg_navi.gif) no-repeat left center;
		color: #333;
		text-decoration: none;
		margin: 0;
		padding: 6px 10px 7px 28px;
		display: block;
	}
	#subContents div.naviObj li.active a {
		background: url(../img/bg_navi_a.gif) no-repeat left center;
		color: #fff;
	}
	#subContents div.naviObj a:hover {
		background: url(../img/bg_navi_a.gif) no-repeat left center;
		color: #fff;
	}

#subContents div.topicsObj {
	background-color: #deefff;
	margin-bottom: 25px;
}
	#subContents div.topicsObj ul {
		padding: 2px 10px 15px 10px;
	}
	#subContents div.topicsObj li {
		margin-top: 10px;
		line-height: 0;
		font-size: 0;
	}
#subContents div.mobileObj {
	clear:both;
	margin-bottom: 20px;
}

/* PAGEBOTTOM */
#pageBottom {
	clear:both;
	background: url(../img/bg_footer.gif) repeat-x left top;
	background-color: #FFFFFF;
}
	#pageBottom div.target {
	position: relative;
	background: url(../img/f_bg_pagetop.gif) no-repeat left top;
	margin: 0 auto;
	width: 806px;
	height: 28px;
	clear: both;
	}
	#pageBottom div.target div {
		position: absolute;
		left: 706px;
		top: 3px;
	}

/* FOOTER */
#footer {
	margin: 0 auto;
	padding: 10px 0 20px 0;
	width: 800px;
	text-align: left;
}
	#footer div.fNavi {
		float: left;
	}
		#footer div.fNavi li {
			margin-right: 16px;
			float: left;
		}
	#footer div.other {
		padding-top: 3px;
		float: right;
		text-align: right;
	}
	#footer p.copyRight {
		margin-top: 4px;
		font-size: 10px;
		/*\*/
		*font-size: 80%;
		/**/
	}



.lang_flag_cont {
	position: relative;
}
.lang_flag_list {
	position: absolute;
	top: 15px;
	left: 260px;
}
.lang_flag_list li{
	float: left;
	margin: 0 5px;
}
.lang_flag_list li a{
	color: #3a3a3a;
	text-decoration: none;
}
.lang_flag_list li a img:hover{
	opacity: 0.6;
}
.lang_flag_list figcaption{
	font-size: 9px;
	text-align: center;
}
.square_btn{
display: inline-block;
padding: 0.5em;
text-decoration: none;
border-radius: 3px;
color: #FFF !important;
font-size: 9px;
}

.square_btn:active {/*ボタンを押したとき*/ -ms-transform: translateY(4px);
-webkit-transform: translateY(4px);
transform: translateY(4px);/*下に動く*/ box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/ border-bottom: none;
} 

.btn_red{
background: #dc6450;/*ボタン色*/
border-bottom: solid 4px #b43c28;
}
.btn_blue{
background: #507896;/*ボタン色*/
border-bottom: solid 4px #143c5a;
}
.btn_yellow{
background: #b99650;/*ボタン色*/
border-bottom: solid 4px #7d5a14;	
}
.btn_ver li{
	margin: 5px 3px;
}

/*---------- 190605 written 駿河湾フェリーへのリンクバナー ----------*/
.bnr__ferry-info{
	display: block;
}
.bnr__ferry-info img{
	display: block;
	margin: 0 auto;
	transition: 1.0s;
}
.bnr__ferry-info img:hover{
	opacity: 0.6;
}