.company_info{ background:url(../../img/old_company/company_infobg.webp) no-repeat top left;
height:328px;}
.company_brunch{ background:url(../../img/old_company/company_brunchbg.gif) no-repeat top left;
height:328px;}
.company_business{ background:url(../../img/old_company/company_businessbg.webp) no-repeat top left;
height:330px;}

.company_business ul{
	width: 87%;
	margin: 160px auto 0;
}

.company_info ul,.company_brunch ul{
	width:960px;
	margin:160px 275px;
	}
.company_info li,.company_brunch li,.company_business li{
	float:left;
	margin:0 14px;}

.company_info li a,.company_brunch li a,.company_business li a{width:111px;
height:111px;
display:block;
background:url(../../img/old_company/company_navi.png);
text-indent:-9999px;}


.company_info .bt1 a{
	background-position:-111px 0;}

.company_info .bt1 a:hover{
	background-position:-111px -111px;}

.company_info .bt2 a:hover{
	background-position:0 -111px;}

.company_info .bt3 a{
	background-position:-999px 0;}

.company_info .bt3 a:hover{
	background-position:-999px -111px;}


.company_brunch .bt1 a{
	background-position:-222px 0;}

.company_brunch .bt1 a:hover{
	background-position:-222px -111px;}

.company_brunch .bt2 a{
	background-position:-333px 0;}

.company_brunch .bt2 a:hover{
	background-position:-333px -111px;}

.company_business .bt1 a{
	background-position:-444px 0;}

.company_business .bt1 a:hover{
	background-position:-444px -111px;}

.company_business .bt2 a{
	background-position:-1110px 0;}

.company_business .bt2 a:hover{
	background-position:-1110px -111px;}

.company_business .bt3 a{
	background-position:-666px 0;}

.company_business .bt3 a:hover{
	background-position:-666px -111px;}
	
.company_business .bt4 a{
	background-position:-777px 0;}

.company_business .bt4 a:hover{
	background-position:-777px -111px;}

.company_business .bt5 a{
	background-position:-888px 0;}

.company_business .bt5 a:hover{
	background-position:-888px -111px;}
	
.company_business .bt6 a{
	background-position:-555px 0;}

.company_business .bt6 a:hover{
	background-position:-555px -111px;}

.companytable {
	padding: 20px;
}
.companytable dt {
	width: 150px;
	clear: left;
	float: left;
	margin-bottom: 11px;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	font-weight: bold;
	color: #333;
}
.companytable dd {
	margin-left: 150px;
	margin-bottom: 11px;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
}
.companytable dd ul {
	list-style-type: disc;
}
.companytable dd ol {
	list-style-type: decimal;
}
.copanytable dd li {
	margin-top: 10px;
	margin-left: 30px;
}
.companytable dd li:first-child {
	margin-top: 0px;
}

.maincontents h3 {
	color: #333;
	margin-top: 20px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E50013;
	background-image: url(../../img/icon_title10px_red.gif);
	background-repeat: no-repeat;
	background-position: 5px 3px;
	padding-left: 20px;
}

.jatour dt {
    color: #333;
    font-weight: bold;
    margin-top: 10px;
}
.jatour dt strong {
    color: #e50013;
}
.jatour dd {
    margin-top: 10px;
}

.jatour li {
    list-style-type: disc;
    margin-left: 35px;
    margin-top: 10px;
}

.mice h3.title {
	font-size: 123.1%;
	color: #009E96;
	background-image: none;
	border-bottom-style: none;
	padding-left: 0px;
	margin-right: 20px;
	margin-left: 20px;
	line-height: 1.5em;
}

.mice h4 {
	font-size: 123.1%;
	color: #E50013;
	margin-top: 20px;
	padding-bottom: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

dl.example {
    float: left;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 215px;
}
dl.example dt {

}
dl.example dd li {
    color: #333;
    font-weight: bold;
    margin-left: 25px;
}
div.example {
    float: left;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-top: 20px;
    width: 215px;
}
div.example h5 {
    background-color: #bb9156;
    color: #fff;
    padding: 5px;
}
p.leave {
    background-image: url(../../img/old_company/event_leave.gif);
    clear: left;
    height: 36px;
    text-indent: -5000px;
    width: 685px;
}


.support dt {
    color: #009e96;
    font-weight: bold;
    margin-top: 10px;
}
.support dd {
    border-bottom: 1px dotted #999;
    margin-top: 10px;
    padding-bottom: 10px;
}
.support dd li {
    display: inline;
    margin-left: 25px;
}
.support dd.center {
    border-bottom-style: none;
    padding-bottom: 0;
    text-align: center;
}

.mice table {
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin-top: 20px;
    width: 100%;
}
.mice table caption {
    color: #333;
    font-weight: bold;
    text-align: left;
}
.mice table th {
    background-color: #e0e0e0;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 5px;
    text-align: center;
}
.mice table td {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 5px;
}
.mice table td.texal_c {
    text-align: center;
}
.mice table td.texal_r {
    text-align: right;
}
* html .mice table {
    font-size: 100%;
}

#gift h3 {
    background-position: 0 0;
    border-bottom-style: none;
    padding-bottom: 0;
    text-indent: -5000px;
    width: 100%;
}

#gift h3.title_gift {
    background-image: url(../img/title_gift.gif);
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	height: 80px;

}
#gift h3.title_insurance {
    background-image: url(../../img/old_company/title_insurance.gif);
}
#gift h4 {
    border-bottom: 2px solid #ccc;
    color: #e50013;
    font-weight: bold;
    margin-top: 20px;
    padding-bottom: 5px;
}
#gift p.jcb {
    background-color: #e50013;
    color: #fff;
    padding: 10px;
}
#gift p.img img{
	width: 100%;
	max-width: 200px;
    margin-bottom: 10px;
    margin-right: 0;
	float:right;
}
#gift p.btn {
    margin-right: 0;
}
#gift p {
    margin-top: 10px;
}
#gift p strong {
    color: #009e96;
}
#gift dl.ticket {
    float: left;
    margin-top: 10px;
    width: 75%;
}
#gift dl.ticket dt {
    color: #009e96;
    font-weight: bold;
}
#gift dl.ticket dd li {
    color: #333;
    font-weight: bold;
    margin-left: 25px;
	list-style: none;
}
#gift dl.ticket dd.ex {
    margin-bottom: 10px;
    margin-top: 10px;
}
#gift dl.ticket_info {
    background-color: #ffffed;
    clear: both;
    padding: 10px;
}
#gift dl.ticket_info dt {
    color: #333;
    font-weight: bold;
}
#gift dl.ticket_info dd li {
    margin-left: 25px;
    margin-top: 5px;
}
#gift dl.jfcard {
    border: 1px solid #e7e7e7;
    margin-top: 10px;
}
#gift dl.jfcard dt {
    background-color: #e7e7e7;
    color: #333;
    padding: 3px;
}
#gift dl.jfcard dd {
    padding: 5px;
}

.inbound h3.title {
    background-image: none;
    border-bottom-style: none;
    color: #009e96;
    font-size: 123.1%;
    line-height: 1.5em;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 0;
}

.inbound p.read {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 10px;
}

.inbound dl {
	background-color: #FFFFED;
	padding: 10px;
	margin-top: 20px;
}
.inbound dt {
	font-weight: bold;
	color: #333;
	font-size: 123.1%;
}
.inbound dd {
}

.inbound ul{margin:10px;}

.inbound li{ list-style:disc;}

/*honten bigmenu*/
.bigmenu ul{
  margin:0;
  padding:0;
}
.bigmenu ul li {
  list-style: none;
  margin:0;
  padding:0;
  font-size:14px;
  float: left;
  position: relative;
  width: 150px;/*親メニューの幅*/
  height: 40px;/*親メニューの高さ*/
  line-height: 40px;
  background:#fff;/*親メニューの背景色*/
  color: #009C94;/*親メニューの文字色*/
  text-align:left;
  font-weight:bold;
  border:1px solid #999;
}

.bigmenu ul li ul li{border:1px solid #fff;
}

.bigmenu ul li a {
  color: #009C94;
  display: block;
  text-align:left;
  text-decoration: none;
}

.bigmenu ul li ul li a{ text-align:left;
text-indent:0px;
color:#333;}
.bigmenu ul li:hover, .bigmenu ul li a:hover {
  background:#fff;/*ホバー時の親メニューの背景色*/
  color:#333;/*ホバー時の親メニューの文字色*/
}
.bigmenu ul li ul {
  position: absolute;
  top: 40px;/*親メニューの高さと同じにする*/
  width: 450px;
  z-index: 100;
}
.bigmenu ul li ul li {
  visibility: hidden;
  overflow: hidden;
  width: 150px;/*サブメニューの幅*/
  height: 0;
  background:#ECECEB;/*サブメニューの背景色*/
}
.bigmenu ul li ul li:hover, .bigmenu ul li ul li a:hover {
  background:#009C94;/*ホバー時のサブメニューの背景色*/
  color:#fff;
}

.bigmenu ul li:hover ul li, .bigmenu ul li a:hover ul li{
  visibility: visible;
  overflow: visible;
  height:40px;/*サブメニューの高さ*/
  z-index: 10;
}
.bigmenu * {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.branch table{color:#333;
width:100%;
margin-top:10px;}

.branch th,.branch td{border:1px solid #D7D7D7;
padding:10px;}

.branch th{ width:250px!important;}


.green caption{
	color:#3DA84A;
	font-size:1.4em;
	font-weight:bold;}

.green th{
	background:#EBF5ED;
	}

.red caption{
	color:#FF837C;
	font-size:1.4em;
	font-weight:bold;}

.red th{
	background:#FCF0F0;
	}

.bluegreen caption{
	color:#73C3D0;
	font-size:1.4em;
	font-weight:bold;}

.bluegreen th{
	background:#E9F5F7;
	}

.yellow caption{
	color:#E6B710;
	font-size:1.4em;
	font-weight:bold;}

.yellow th{
	background:#FBF7E7;
	}

.orange caption{
	color:#EE7E27;
	font-size:1.4em;
	font-weight:bold;}

.orange th{
	background:#FCF2E9;
	}

.lime caption{
	color:#CCD32F;
	font-size:1.4em;
	font-weight:bold;}

.lime th{
	background:#F2F7EA;
	}

.purple caption{
	color:#AFA3E0;
	font-size:1.4em;
	font-weight:bold;}

.purple th{
	background:#F3F2F7;
	}

.pink caption{
	color:#FFA3B6;
	font-size:1.4em;
	font-weight:bold;}

.pink th{
	background:#FCF0F4;
	}

.blue caption{
	color:#7ECEF4;
	font-size:1.4em;
	font-weight:bold;}

.blue th{
	background:#EBF7FD;
	}

.gray caption{
	color:#666;
	font-size:1.4em;
	font-weight:bold;}

.gray th{
	background:#ECECEB;
	}

	
.greentourism h3{
	border-bottom:1px solid #D7D7D7;
	background-image:none;}

.greentourism h4{
	color:#3DA84A;
	font-size:1.6em;
	margin:35px 20px 15px;}

.greentourism h5{
	margin:0 20px 15px;}
.greentourism p{ margin:0 20px 10px;}

.greenline{border-bottom:1px solid #D7D7D7;
margin-top:20px;}

.proexam{border:1px solid #9ED3A4;
padding:10px;
margin:0 20px 10px;}

.planexam{border:3px solid #9ED3A4;
margin:0 20px 10px;}

.planexam h4{ margin-top:15px;}

.greentourism strong{
	color: #333;
}

.ntourmap{
	width:680px;
	height:510px;
	position:relative;
	background:url(../../img/old_company/branch_map.gif) no-repeat left top;}
.map_hokkaido{
	position:absolute;
	width:55px;
	height:20px;
	top:38px;
	left:604px;
	}
.map_tohoku{
	position:absolute;
	width:100px;
	height:65px;
	top:192px;
	left:521px;
	}
.map_kantou{
	position:absolute;
	width:142px;
	height:65px;
	top:370px;
	left:464px;

	}
.map_kitakantou{
	position:absolute;
	width:142px;
	height:65px;
	top:320px;
	left:464px;

	}	
	
.map_shutoken{
	position:absolute;
	width:142px;
	height:44px;
	top:420px;
	left:464px;

	}	

.map_hokuriku{
	position:absolute;
	width:100px;
	height:87px;
	top:124px;
	left:307px;
	}
	
	
.map_chubu{
	position:absolute;
	width:100px;
	height:87px;
	top:170px;
	left:307px;
	}
.map_kansai{
	position:absolute;
	width:100px;
	height:65px;
	top:362px;
	left:316px;
	}

.map_sanin{
	position:absolute;
	width:100px;
	height:30px;
	top:181px;
	left:178px;
	}

.map_chuugoku{
	position:absolute;
	width:100px;
	height:65px;
	top:210px;
	left:178px;
	}
.map_shikoku{
	position:absolute;
	width:100px;
	height:43px;
	top:385px;
	left:189px;
	}
.map_kyushu{
	position:absolute;
	width:100px;
	height:87px;
	top:204px;
	left:39px;
	}
.map_okinawa{
	position:absolute;
	width:55px;
	height:20px;
	top:473px;
	left:98px;
	}
.ja_shop_ttl {
	width: 550px;
}
th {
	font-weight: normal;
}
.brunchside_ttl {
	width: 390px;
}
.gift_ttl {
	width: 280px;
}
/* add 20240930 */
#gift dl.ticket_info  ul li{
	list-style: none;

}
#gift dd,#gift ul  {
	margin-left: 0;
	padding-left: 0;
}

@media (max-width:768px) {
	#gift dl.ticket {
		width: 100%;
	}
	#gift p.img {
		width: 100%;
		text-align: center;
	}
	#gift p.img img{
		float:unset;
	}
	#gift h3.title_gift {
		height: 40px;
	
	}
	
}