@charset "utf-8";
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	overflow: hidden; /*デザイン時のみ使用 */
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
img {
	vertical-align: text-bottom;
}
li {
	list-style-type: none;
}
h1, h2, h3, h4, h5 {
	font-size: 100%;
}
#main, #Main {
	width: 960px;
	background-color: #FFF;
	font-size: 14px;
	line-height: 1.35em;
}
#Main {
	float: none;
	padding:0;
}
#topic_path ul li a:hover {
	text-decoration: none;
}
#topic_path p.main_title {
	padding-top: 15px;
	padding-left: 10px;
}
#main_content {
	width: 960px;
	font-size: 13px;
	background-color: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*#main_content .wrapper {
	background-color: #FAF7EE;
	border-right: 2px solid #ABD160;
	border-bottom: 2px solid #ABD160;
	border-left: 2px solid #ABD160;
	padding: 10px 0px;
}
#main_content .wrapper .in {
	width: 878px;
	margin: 0px auto;
	background-color: #FFF;
	border: 1px solid #CCC;
	padding: 30px 30px 50px 30px;
}*/
/*#main_content .wrapper .in table {
	width: 873px;
	margin: 0px auto 10px auto;
	background-image: url(../img/img_haikei.gif);
	background-repeat: no-repeat;
	background-position: right top;
	line-height: 1.35em;
}*/
/*#main_content .wrapper .in table th {
	width: 78px;
	font-weight: normal;
	text-align: left;
	padding-left: 5px;
	background-image: url(../img/img_line_green.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 7px;
	padding-bottom: 23px;
	color: #666;
	vertical-align: top;
}*/
#main_content .wrapper .in table td {
/*	width: 785px;
	text-align: left;
	padding-left: 5px;
	background-image: url(../img/img_line_gray.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 7px;*/
	padding-bottom: 23px;
/*	vertical-align: top;*/
}
#main_content .wrapper .in table td img.map {
	vertical-align: bottom;
	padding-left: 5px;
}
#main_content .wrapper .in table td a:hover img.map {
	fillter: alpha(opacity=60);
	opacity: 0.6;
}
#main_content .wrapper .in table td img.logo {
	vertical-align: -15px;
	padding-left: 5px;
	padding-right: 5px;
}


/* ------------------------------------------------------------ */
.information .inner p.section {
	margin: 8px 25px 0px;
	border-bottom: 1px solid #eed;
	font-weight: bold;
	color: #aa9;
}
.information .inner p.article {
	margin: 4px 25px 0px;
}
.information .inner p.indentarticle001 {
	margin: 4px 25px 0px;
	padding: 0px 0px 0px 1em;
	text-indent: -1em;
}
.information .inner p.indentarticle002 {
	margin: 0px 25px 0px;
	padding: 0px 0px 0px 1.5em;
	text-indent: -1.5em;
}
.information .inner table.we {
	margin: 8px 25px 80px;
}
.information .inner table.we td {
	padding: 0px 8px 0px 0px;
}
.underColumn {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #faf8ee;
	border-color: -moz-use-text-color #dcf36c #dcf36c;
	border-image: none;
	padding: 4px;
	margin-left: 12px;
	width: 928px;
}
/*-----------------------------------------------------------------*/

#main {
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.information {
	background: url("../image/frame_bg_2.gif") repeat-y 0 0;
	margin: 0 3px 4px 0;
}
.information .head {
	width: 960px;
	height: 2px;
	background: url("../image/frame_head_2.gif?00") no-repeat 0 0;
}
.information .foot {
	height: 2px;
	background: url("../image/frame_foot_2.gif?00") no-repeat 0 0;
}
.information .inner {
	margin: 0 8px 5px 4px;
	padding: 0px 1px 1px;
	background: url("../image/company001_new.gif") no-repeat 500px top;
}
.information .ACinner {
	background: none;
	font-size: 16px;
}
/* ------------------------------------------------------------ */
.information .inner ul.contact {
	margin: 28px 0 50px 100px;
	list-style: none;
}
.information .inner ul.contact li {
	padding: 2px 0px 1px 0px;
}
.information .inner ul.contact li a {
	display: block;
	padding: 18px 1px 1px 23px;
	width: 185px;
	_width: 200px;
	w\idth: 325px;
	height: 31px;
	_height: 50px;
	he\ight: 70px;
	background: url("https://bali-oh.com/contract_bali/image/contract001_2.gif") no-repeat 0px 0px #fd6;
	font-size: 18px;
	font-weight: bold;
	line-height: 230%;
}
.information .inner ul.contact li a:hover {
	background-position: bottom;
	color: #fff;
}
.information .inner ul.contact li.long a {
	padding: 10px 1px 1px 23px;
	width: 335px;
	_width: 200px;
	w\idth: 325px;
	height: 75px;
	_height: 53px;
	he\ight: 75px;
	line-height: 180%;
}
.information .inner ul.contact li.long a:hover {
	color: #fff;
}
.ryokou {
	margin-left: 12px;
	margin-bottom: 5px;
}
.ryokou02 {
	margin-left: 12px;
}
.ryokou03 {
	margin-left: 12px;
}
#panlist {
	width: 935px;
	margin-left: 12px;
	padding: 12px 0 3px 5px;
}
#CompanyNavi {
	padding: 11px 0px 10px 10px;
	background: url("../../company/img/company002.gif") repeat-x 100% top #f3f3ea;
}
#CompanyNavi ul {
	list-style: none;
	margin-left: 15px;
}
#CompanyNavi ul li {
	float: left;
	display: inline;
	padding: 0px 8px 0px 0px;
}
#CompanyNavi ul li a {
	display: block;
	padding: 0px 0px 0px 12px;
	width: 108px;
	w\idth: 108px;
	height: 42px;
	background: url("../../company/img/company003_2017.gif") no-repeat 0px 0px;
	font-size: 12px;
	font-weight: bold;
	line-height: 42px;
}
#CompanyNavi ul li a:hover {
	background-position: bottom;
}
#subhead {
	min-height: 0;
	height: auto !important;
	background: none;
	width: 940px;
	margin-left: 12px;
}
#Main h3 {
	background: none;
	margin-left: 12px;
}
/*********************
https://vietcam-oh.com/contract_vietcamo/motto.html CSS
***************************/

.information .inner h4.motto {
	width: 744px;
	height: 72px;
	background: url("../image/motto001.gif") no-repeat 0px 0px;
}
.information .motto {
	background-position: right 72px;
}
.information .inner p.MottoBody {
	padding: 30px 20px 50px 20px;
	font-size: 14px;
	line-height: 150%;
}
.information .inner ol.MottoBody {
	margin: 24px 20px 50px 20px;
	padding: 0px 0px 0px 1.5em;
}
.information .inner ol.MottoBody li {
	padding: 6px 0px 0px 0px;
	font-size: 12px;
	line-height: 130%;
}

/*********************
https://vietcam-oh.com/contract_vietcamo/history.html CSS
***************************/
#outline {
	width: 900px;
	margin: 22px 22px 0px;
}
#outline th {
	padding: 6px 20px 18px 0px;
	border-top: 1px solid #9BD540;
	vertical-align: top;
	white-space: nowrap;
	text-align: left;
	font-size: 15px;
	font-weight: bold;
	color: #987;
}
#outline td {
	padding: 6px 0px 18px 0px;
	border-top: 1px solid #ddc;
	text-align: left;
	font-size: 13px;
}
#outline td img {
	vertical-align: middle;
}
#outline td.map a {
	vertical-align: center;
}
table.history {
	padding: 0px 0px 62px;
}
.information .inner p.supplementation {
	padding: 7px 25px 80px 25px;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	color: #987;
}
/*********************
https://vietcam-oh.com/contract_vietcamo/privacy-policy.html CSS
***************************/
.Pageinformation {
	background: url("../image/frame_bg_2.gif") repeat-y 0 0;
	margin: 0 0 4px 0;
}
.Pageinformation .head {
	width: 925px;
	height: 2px;
	background: url("../image/frame_head_2.gif?00") no-repeat 0 0;
}
.Pageinformation .foot {
	width: 925px;
	height: 2px;
	background: url("../image/frame_foot_2.gif?00") no-repeat 0 0;
}

.Pageinformation .inner p.preface {
	margin: 25px 25px 10px;
}
.Pageinformation .inner h4.privacy {
	margin: 15px 25px 0px;
	height: 36px;
	background:url("../image/option028.gif?0") repeat-x 100% 0px;
	font-size: 18px;
	font-weight: normal;
	line-height: 30px;
	color: #987;
}
.Pageinformation .inner ul.privacy {
	margin: 0px 25px;
	list-style: none;
}
/*.Pageinformation .inner ul.privacy li {
	padding: 4px 0px 0px 12px;
	background: url("../image/privacy001.gif") no-repeat 0px 6px;
}*/

.Pageinformation .inner p.PPtext {
	margin: 4px 25px 0px;
}
.Pageinformation .inner p.Colophon {
	padding: 25px 25px 80px;
	text-align: right;
}
.Pageinformation .inner p.ColophonTOP {
	padding: 25px 20px 30px;
	text-align: right;
}
.privacy-policy {
	font-size: 16px !important;
}
div.privacytitle {
	text-align: center;
	font-weight: bold;
	font-size: 21px;
	padding: 40px 0px 20px 0;
	color: #987;
}
.mokuteki {
	width: 870px;
	border-collapse: collapse;
	margin: 0 0px 5px 0px;
}
.mokuteki th {
	width: 25%;
	padding: 6px;
	text-align: left;
	vertical-align: top;
	color: #333;
	border: 1px solid #b9b9b9;
	font-weight: normal;
}
.mokuteki td {
	padding: 6px;
	background-color: #fff;
	border: 1px solid #b9b9b9;
}
.madoguchi {
	width: 870px;
	border-collapse: collapse;
	margin: 0 0px 30px 0px;
}
.madoguchi th {
	width: 25%;
	padding: 6px;
	text-align: left;
	vertical-align: top;
	color: #333;
	border: 1px solid #b9b9b9;
	font-weight: normal;
}
.madoguchi td {
	padding: 6px;
	background-color: #fff;
	border: 1px solid #b9b9b9;
}

.Pageinformation .inner ul.privacy,.Pageinformation .inner p.privacy{
	margin:0px 25px;
	list-style:none;
}
.a-list{
    margin: 0px 25px;
}
.a-list li{
    list-style: none;
    margin: 10px 0;
}
.bold{
    font-weight: bold;
    color: #4d4d4d;
}
.b-list{
    margin: 0px 25px;
}
.b-list li{
    list-style: none;
    margin: 5px 0;
}


/* PCレイアウト */
@media (min-width: 640px) {
/*--------------------------------------------------*
 *   PCでは無効/表示されない
 *--------------------------------------------------*/
.pc_none {
	display: none !important;
}
}

/* スマホレイアウト */
@media (max-width: 639px) {
/*--------------------------------------------------*
 *   SPでは無効/表示されない
 *--------------------------------------------------*/
.sp_none {
	display: none !important;
}
body {
	-webkit-text-size-adjust: 100%;
}
.bottom img {
	width: 100%;
}
.img_bottom img {
	width: 100%;
}
#container {
	width: 100%;
}
#top_wrapper {
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-image: none;
}
#whole {
	width: 100%;
}
#Cont {
	width: 100%;
	margin: 0px;
	overflow: visible;
	background-image: none;
	background-color: #FFF;
}
#Page {
	padding-right: 0px;
	background-image: none;
}
#Main {
	width: 100%;
	float: none;
	padding: 0px;
	font-size: 14px;
	line-height: 1.6;
}
#main {
	width: 100%;
	font-size: 14px;
	line-height: 1.6;
	padding-bottom: 0px;
	overflow: visible;
}
#main * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#main img {
	border: 0px;
	vertical-align: top;
	max-width: 100%;
	height: auto;
	width /***/: auto;
}
/*ここからスマホのCSSを記入*/

#Container {
	width: 100%;
	margin-right: 0;
	padding-right: 0;
}
#main {
	padding-left: 5px;
	padding-right: 5px;
	box-sizing: border-box;
}
#main h2.ryokou {
	margin-left: -10px;
	margin-right: -10px;
}
#panlist {
	overflow: hidden;
	background: #1C761A;
	color: #fff;
	line-height: 150%;
	padding: 12px 0 3px 5px;
	font-size: 12px;
	width: auto;
	margin:0;
}
/*
	/contract_vietcamo/detail.html 個別css	
	#panlist{
overflow:hidden;
background:#1C761A;
color:#fff;
line-height:150%;
padding:3px 0 3px 5px;
font-size:12px;
width:auto;
margin-left: -10px;
margin-right: -10px;
}
.information .head {
	background: url(none);
}	
.underColumn {
margin-bottom: 10px;
}	
	
	
	*/
#panlist li {
	float: left;
}
#panlist li a {
	color: #ffcc00;
	font-size: 12px;
}
#panlist li a:hover {
	color: #FFF;
}
h3.ryokou02, h3.ryokou03 {
	margin-left: 0;
}
h3.ryokou02 img, h3.ryokou03 img {
	display: none;
}
h3.ryokou02:before {
	width: 100%;
	display: block;
	content: "旅行条件書";
	background-color: rgb(71, 172, 201);
	color: #fff;
	padding: 5px;
	box-sizing: border-box;
	font-size: 16px;
/*	border: 1px solid rgb(68, 68, 68);*/
	border-bottom: none;
}
h3.ryokou03:before {
	width: 100%;
	display: block;
	content: "旅行業約款";
	background-color: rgb(71, 172, 201);
	color: #fff;
	padding: 5px;
	box-sizing: border-box;
	font-size: 16px;
/*	border: 1px solid rgb(68, 68, 68);*/
	border-bottom: none;
}
.underColumn {
	margin-left: 0;
/*	margin-bottom: 10px;*/
	width: 100%;
	border: none;
	border-top: none;
}

.information .inner {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}
.information .inner ul.contact li {
	box-sizing: border-box;
	margin-bottom: 10px;
	padding: 0;
	position: relative;
}
.information .inner ul.contact li:before, .information .inner ul.contact li.long:before {
	content: "";
	color: #fff;
	display: block;
	width: 20px;
	height: 20px;
	background: rgba(0, 0, 0, 0.4);
	border-radius: 20px;
	position: absolute;
	right: 5px;
	top: calc(50% - 10px);
	z-index: 10;
}
.information .inner ul.contact li:after {
	content: "";
	color: #fff;
	display: block;
	width: 7px;
	height: 7px;
	position: absolute;
	right: 12px;
	top: calc(50% - 5px);
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	transform: rotate(45deg);
	z-index: 15;
}
.information .inner ul.contact li.long a {
	position: relative;
	text-decoration: none;
	padding: 10px;
	border-radius: 5px;
	width: 100%;
	box-sizing: border-box;
	background: url(none);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 248, 190)), to(rgb(230, 224, 172))) 0px 0px repeat scroll rgb(255, 248, 190);
}
.information .inner ul.contact li a {
	text-decoration: none;
	padding: 10px;
	border-radius: 5px;
	width: 100%;
	box-sizing: border-box;
	background: url(none);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 248, 190)), to(rgb(230, 224, 172))) 0px 0px repeat scroll rgb(255, 248, 190);
}
.information .inner ul.contact li a:visited {
	color: rgb(51, 85, 136);
}
.information {
	width: 100%;
	background: url(none);
	background-color: #fff;
}
.information .head {
	width: 100%;
}
.information .inner {
	background: url(none);
}
.information .inner ul.contact {
	margin: 0;
}
#CompanyNavi {
padding-left: 30px !important;
}
#CompanyNavi ul {
	margin-left: 0;
}
#CompanyNavi ul li {
	margin-bottom: 10px;
}
#CompanyNavi ul li a {
	border-right: 2px solid #fbc2a8;
}
.information .foot {
	width: 100%;
	background: url(none);
	height: 0;
}
.main_inner {
	overflow: hidden
}
/*********************
https://vietcam-oh.com/contract_vietcamo/motto.html CSS
***************************/
	
#subhead h2 img {
	width: 150%;
	height: auto;
	max-width: 150%;
}
#subhead {
	width: auto;
	overflow: hidden;
	margin-left: 0;
}
#main {
	padding: 0;
}
#Main h3 {
	margin-left: 0;
	margin-top: 0;
}
#Main h3 img {
	max-width: none;
}
.information .inner p.MottoBody {
	padding: 10px;
}
#Main .MottoBody li {
	list-style: decimal;
}
.information .inner p.MottoBody {
	font-size: 12px
}
	.sub-ttl{
		overflow: hidden;
	}
/*********************
https://vietcam-oh.com/contract_vietcamo/history.html CSS
***************************/
#outline {
	width: auto;
	margin: 15px;
}
	
/*********************
https://vietcam-oh.com/contract_vietcamo/privacy-policy.html CSS
***************************/
	
.Pageinformation .inner p.preface {
	margin: 15px;
}
.scroll-table {
	overflow: auto;
	white-space: nowrap;
}
.scroll-table::-webkit-scrollbar {
 height: 8px;
}
.scroll-table::-webkit-scrollbar-thumb {
 background: #aaa;
}
.scroll-table::-webkit-scrollbar-track {
 background: #ccc;
}
	
	
.table-smp .madoguchi th, .table-smp .madoguchi td {
	border-bottom: none;
	display: block;
	width: 100%;
}
.table-smp .madoguchi tbody {
	border-bottom: 1px solid #b9b9b9;
}
.madoguchi {
	width: auto;
}
.Pageinformation .inner h4.privacy {
	margin: 15px 11px 0px;
	font-size: 16px;
	height:auto;
}
.Pageinformation .inner ul.privacy, .Pageinformation .inner p.privacy,.a-list,.b-list{
    font-size: 3.3vw;
    margin: 0 20px;
    line-height: 1.5;
}
#Container{
    background: #FFF;
}
}