@charset "shift_jis";

/* 基本レイアウト・フォント装飾関連 */
.roman-s { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10px}
.f-bold { font-weight: bold}
.f-b-red { font-weight: bold ; color: #FF0000}
.f-b-y { font-weight: bold ; color: #FFFFCC}
.f-b-pink { font-weight: bold ; color: #FF6666}
.f-b-orange { font-weight: bold ; color: #FF6600}
.f-b-s-pink { font-weight: bold ; color: #FF3399}
.f-b-white { font-weight: bold ; color: #FFFFFF}
.f-b-purple { font-weight: bold; color: #B086B9}
.f-b-dp { font-weight: bold; color: #663399}
.f-b-green { font-weight: bold; color: #008888}
.f-b-blue { font-weight: bold; color: #0066CC}
.f-dp { color: #663399}
.f-white { color: #FFFFFF}
.f-red { color: #FF0000}

/* レイアウト */
.t10b { font-size: 10px; line-height: 14px}
.t10-r { font-size: 10px ; color: #FF0000}	
.t10w { font-size: 10px; color: #FFFFFF}
.t14b { font-size: 14px ; font-weight: bold ; color: #666666}
.t14y { font-size: 14px ; font-weight: bold ; color: #FFFFCC}
.t16b { font-size: 16px; font-weight: bold; color: #3366CC}

/*759px以下*/
@media screen and (max-width: 759.9px) {
.spnone,.smpnone{display:none;}
#dirPathBlock,
#anchorLinkBlock {
	font-size: 10px;
	margin: 1% 1% 0 1%;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}

/* CSS初期設定 */
#bg ul,#bg ol {
	list-style:none;
}
#bg a {
	overflow: hidden;
}
#bg strong {
	font-weight:bold;
}
.clear {
	clear: both;
}
.clearFloat:after { 
	content: "."; 
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
	line-height: 0; 
} 
.clearFloat { 
	display: inline-table; 
	min-height: 1%; 
} 
/* for macIE \*/ 
* html .clearFloat { 
	height: 1%; 
} 
.clearFloat { 
	display: block; 
} 
/* end of for macIE */
.clearFloat {
	overflow:hidden;
}

a.OpaChange:hover *{
filter:alpha(opacity=70); /*IE*/
-moz-opacity:0.70; /*FF*/
opacity:0.70;
}

article {
	width: 100%;
	margin: 0;
	padding: 0;
}

/* 20161130sp */
#Gmenu ul li{
float:none !important;
}

#floatMenu,
br.clear {
	display:none;
}

h1 {
    font-size: 0.8rem !important;
	font-weight:normal;
}

/* h2 */

#titWadai {
	/*background-image: url(imgs/tit1.gif);*/
    background-image: url(imgs/tit1_2.gif);
}

#titDouga {
	background-image: url(imgs/tit5.gif);
}

#titSindai {
	background-image: url(imgs/tit2.gif);
}

#titLocal {
	background-image: url(imgs/tit3.gif);
}

#titOyako {
	background-image: url(imgs/tit4.gif);
}

#titWadai,
#titDouga,
#titSindai,
#titLocal,
#titOyako,
#titotonavitrain {
	background-repeat: no-repeat;
	height: 36px;
	width: 95%;
	z-index:3;
	overflow:hidden;
	padding:0px;
	margin:0px auto 10px auto;
}

#titWadai span,
#titDouga span,
#titSindai span,
#titLocal span,
#titOyako span,
#titotonavitrain span {
	position:relative;
	z-index:-1;
}

/* h3 */

.Wadai1 h3{
	font-size:18px;
	text-align: left;
	margin: 0 0 15px 0;
	padding: 0;
	font-weight: bold;
}

/* box */
.Wadai1,
.Sindai1 {
	background-image: url(imgs/line.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 95%;
	padding:0px 0px 21px 0px;
	margin:0 auto 20px auto;
}

.Wadai2,
.Sindai2 {
	width: 95%;
	padding:0px;
	margin:0px;
}


.imgLocal {
	float:left;
	width: 100%;
	height: auto !important;
	padding:0px;
	margin:0px;
}

.imgWadai {
	padding:0px;
	margin:0px;
}
.imgWadai .imgSindai {
	float:left;
	width:100%;
	padding:0px;
	margin:0px;
}
.imgWadai .imgSindai .imgLocal {
	float:left;
	width:100%;
	padding:0px;
	margin:0px;
}

.Local1 .imgLocal {
	float:left;
	width: 40%;
	padding:0px;
	margin: 0 2% 0 0;
}

/* thum */
.imgSindai img,
.imgLocal img,
.imgOyako img{
	width: 100%;
}

.imgSindai,
.imgOyako {
	float:left;
	width:40%;
	padding:0px;
	margin: 0 2% 0 0;
}

.txtSindai,
.txtWadai,
.txtLocal,
.txtOyako {
	font-size:13px;
	line-height:18px;
    margin: 0 auto;
}

.titWadai2,
.titSindai2,
.titLocal2,
.titOyako2 {
	color:#7c5514;
	font-size:13px;
	padding:0px;
	margin:0 10px 15px 10px;
}

.txtWadai p,
.txtSindai p,
.txtLocal p {
	font-size:13px;
	line-height:18px;
	padding:0px;
	margin:0px;	
}


.Local1,
.Local2,
.Local3,
.Local4,
.Oyako1,
.Oyako2,
.Oyako3,
.Oyako4 {
border: 1px solid #ccc;
	width: 95%;
	margin:0 auto 8px auto;
}

.LocalIn,
.OyakoIn {
	padding:12px 0px 8px 12px;
}

#image-navigation {
	position:relative;
	width:360px;
	height:400px;
	margin:0 auto;
	padding:0;
}
#image-navigation .navi-image { 
	width:360px;
	position:relative;
}
#image-navigation .navi-image a { display:block; }
#image-navigation .navi-image a { position:absolute; top:0; left:0; z-index:8; }
#image-navigation .navi-image a.active { z-index:10; }
#image-navigation .navi-image a.last-active { z-index:9; }

#image-navigation .navi-image img {
    width: 100%;
    height: auto;
}

#image-navigation .navi {
	width:360px;
	margin:0;
	padding:0;
	position:absolute;
	left:0px;
	top:366px;
	background:#f4f4f4;
	
}
#image-navigation li {
	float:left;
	width:61px;
	padding:0px;
	margin:0px;
}
#image-navigation ul {
	padding:0px;
	margin:0px;
}
#image-navigation ul li a {
  display:block;
  width:51px;
  height:27px;
}
#image-navigation .navi-image p {
	position:absolute;
	left:15px;
	top:190px;
	width:320px;
	font-size:12px;
	line-height:16px;
	letter-spacing:-1px;
	padding:0px;
	margin:0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#image-navigation .navi-image p strong {
	font-size:14px;
}
#image-navigation .navi-image a:link {
	color:#000;
	text-decoration:none;
}
#image-navigation .navi-image a:visited {
	color:#000;
	text-decoration:none;
}
#image-navigation .navi-image a:hover {
	color:#000;
	text-decoration:none;
}
#image-navigation .navi-image a:active {
	color:#000;
	text-decoration:none;
}

#image-navigation .navi-image p {
text-shadow:
     3px  3px 6px #ffffff,
    -3px  3px 6px #ffffff,
     3px -3px 6px #ffffff,
    -3px -3px 6px #ffffff;
}

/* ●●●汽車旅コラム●●● */

#kishatabi {
	width:100%;
	margin:0 0 0 0;
	padding:70px 0 10px 0;
	background: #FCF4CD url(imgs/kishatabi_background_sp.png) no-repeat center top;
}
#kishatabi p{
	font-size:14px;
	margin:0 0 0 0;
	padding:0 10px 0 10px;
}

/* ●●●インフォメーション●●● */

#information {
	width:95%;
	margin:10px auto;
	padding:0;
	background: #f9ffeb;
}

#information table {
    width: 96%;
    margin: 10px 2%;
    padding: 0;
}

#information table td {
	width: 100%;
    display: block;
    font-size: 14px;
}

/*列車名で旅行を探す*/
#popularityArea {
	width:96%;
    margin: 0 auto 3% auto;
    border: 2px solid #bebebe;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#popularityArea  h2 {
    padding: 6% 0;
    width: 28%;
    float: left;
    font-size: 18px;
    line-height: 1.0;
    text-align: center;
    color: #7c5514;
    font-size: 15px;
    margin: 0!important;
	font-weight: bold;
}

#popularityArea ul {
	width: 70%;
    float: left;
    font-size: 16px;
	border-left: solid 1px #bebebe;
	padding: 3% 0;
	min-height: 99px;
}

#popularityArea ul li {
    margin: 2%;
    float: left;
    line-height: 1.0;
}

#popularityArea ul li a{
	color:#0065d6;
	font-size:14px;
}

/* ●●●話題の旅●●● */
.txtWadai h3 {
	font-size:16px;
	line-height:18px;
	color:#e60012;
	font-weight:bold;
	padding:0px;
	margin:0px 0px 5px 0px;
}

.txtWadai_point {
	width:524px;
	margin:10px 0 0 0;
	padding:10px;
	float:left;
	border-style:dashed;
	border-width:1px;
	border-color:#fb6603;
}

.txtWadai_point p{
	margin:0px;	
	padding:0px;
	font-size:1.2em;
	font-weight:bold;
	color:#fb6603;	
}

.txtWadai_point ul{
	margin:0px;	
	padding:0px;
	list-style:none;
}


.btnBackno {
	width:140px;
	padding:0px;
	margin:0px 0px 38px 600px;
}

/*●●●おとなび観光列車●●●*/
#titotonavitrain {
	background-image: url(imgs/tit6.gif);
}

p.what_otonavi {
	text-align: right;
    margin-right: 5%;
    padding-bottom: 8px;
}

/* ●●●動画●●● */
.tiDouga2 {
	color:#7c5514;
	font-size:13px;
	line-height:31px;
	padding:0px;
	margin:0px;
}

.dbox {
	width: 95%;
	margin:0 auto;
}

.dbox iframe {
	width: 100%;
}

.dbox p {
	font-size:12px;
	width: 95%;
	margin:-5px 0 10px 0;
	padding:10px;
	background: #fcecd2;
}

/* ●●●寝台列車の旅●●● */

.txtSindai h3 {
	font-size:16px;
	line-height:18px;
	color:#7c5514;
	padding:0px;
	margin:0px 0px 5px 0px;
}

.btnSindai {
	width:740px;
	padding:0px;
	margin:0px;
}
.btnSindai li {
	float:right;
	padding:0px 0px 0px 2px;
	margin:0px;
}

/* ●●●ローカル線の旅●●● */
.txtLocal h3 {
	font-size:16px;
	line-height:18px;
	color:#7c5514;
	padding:0px;
	margin:0px 0px 5px 0px;
}

.btnLocal {
	padding:0px;
	margin:0px;
}
.btnLocal li {
	float:left;
	width:92px;
	padding:0px;
	margin:0px;
}

/* ●●●親子で楽しむ旅●●● */

.txtOyako h3 {
	font-size:16px;
	line-height:18px;
	color:#7c5514;
	padding:0px;
	margin:0px 0px 5px 0px;
}
.txtOyako p {
	font-size:13px;
	line-height:18px;
	padding:0px;
	margin:0px 0px 5px 0px;
}
.btnOyako {
	padding:0px;
	margin:0px;
}
.btnOyako li {
	float:left;
	width:92px;
	padding:0px;
	margin:0px;
}
.txtOption {
	clear: both;
    font-size: 12px;
    padding: 0 0px 25px 0px;
    margin: 0 2% 0;
}

/* FACEBOOK　いいねボタン
---------------------------------------------------- */
#snsbox{
	width: 180px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 500px;
	left: 600px;
	z-index: 10;
}

#facebook{
	width: 176px;
	margin: 0;
	padding: 0;
	background:#FFF;
}

/* デジパン
---------------------------------------------------- */
.Panf {
	clear:both;
	margin: 15px 0;
	padding: 0 0 15px 0;
}

.Panf ul{
	margin: 0;
	padding: 0;
}

.Panf ul li{
text-align: center;
	float:left;
	margin: 0 15px 0 0;
}

.Panf ul li a:hover {
    filter:alpha(opacity=50);
     -moz-opacity: 0.5;
    opacity: 0.5;
}

/* btn */
.btn {
    clear: both;
    width: 95%;
    margin: 0 auto;
    padding: 30px 0 0 0;
}
.btn2 {
    clear: both;
    width: 95%;
    margin: 0 auto;
    padding: 10px 0;
}
.btn p.orangeBtn {
    display: block;
    margin: 0px 0 20px 0px;
    color: #FFF;
    background: #ff9326;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    position: relative;
    border-radius: 5px;
}
.btn2 p.orangeBtn {
    display: block;
    margin: 0px 0 20px 0px;
    color: #FFF;
    background: #ff9326;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    position: relative;
    border-radius: 5px;
}

.btn p.orangeBtn a {
    display: block;
    padding: 10px 5px;
}
.btn2 p.orangeBtn a {
    display: block;
    padding: 15px 5px;
}

.btn p.orangeBtn a:link,
.btn p.orangeBtn a:visited,
.btn p.orangeBtn a:hover,
.btn p.orangeBtn a:active,
.btn2 p.orangeBtn a:link,
.btn2 p.orangeBtn a:visited,
.btn2 p.orangeBtn a:hover,
.btn2 p.orangeBtn a:active {
    text-decoration: none !important;
    color: #FFF !important;
}
.btn p.orangeBtn a:after,
.btn2 p.orangeBtn a:after,
dd.btn .commonBtn a:after {
    width: 13px;
    height: 13px;
    content: "";
    display: block;
    background: url(//www.nta.co.jp/shared2015/common/images/im_arrow.png) no-repeat;
    position: absolute;
    top: 40%;
    right: 1%;
}
.btn p.orangeBtn:hover,
.btn2 p.orangeBtn:hover {
opacity: 0.8;
filter: alpha(opacity=80);       
-ms-filter: "alpha(opacity=80)";
-moz-opacity:1;
}

#PlagOpen1,
#PlagClose1 {
    margin: 0px 0 20px 0px;
    text-align: center;
    font-size: 12px;
}

#PlagOpen1 strong,
#PlagClose1 strong {
    display: block;
    width: 90%;
    margin: 0 auto 5px auto;
    padding: 10px 5px;
    background: #cdcdcd;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    position: relative;
    border-radius: 5px;
}

#PlagOpen1 strong a,
#PlagClose1 strong a {
    text-decoration: none !important;
    color: #333 !important;
}

#PlagOpen1 strong:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/*otonavi train*/
.plan3Box{
filter: drop-shadow(1px 0px 2px rgba(0,0,0,0.1));
margin:0 20px 20px;
background: rgba(255,255,255,1.00)
}

.photoBox{
position: relative;
}

.photoBox img{
	width:100%;
	height:auto;
}

.photoBox b{
display: none;
}

.plan3Box dl{
padding: 13px 20px;
}

.plan3Box dl dt > span{
display: block;
margin-bottom: 5px;
}

.plan3Box dl dt strong{
display: block;
line-height: 18px;
font-size:15px;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: #efe4d3 2px solid;
}
.plan3Box dl dd{
line-height:130%;
margin-bottom: 8px;
}

.copy{
font-size: 14px;
}

.dept span{
display: block;

}

.dept span span {
    display: inline-block;
    border: #8f7e39 1px solid;
    width: auto;
    padding: 0 10px;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 5px;
	font-size: 12px;
	color: #8f7e39
}
.dept strong{
font-weight: normal;
color: #8f7e39
}

.price strong{
font-size: 18px;
display: block;
background: url(/otonavi/shared2018/images/im_en.png) no-repeat 0 50%;
background-size:20px auto;
padding: 4px 0 4px 30px;
margin-bottom: 5px;
color: rgba(255,0,4,1.00)
}

.price span{
font-size: 12px;
line-height: 15px;
display: block;
}

/*****ribbon******/
.ribbon{
  position: relative;
  width:80px;
  font-size: 15px;
  padding: 1em 0.5em;
  margin-bottom: 0.1em;
  text-align:center;
  display: block;
  color: #fff;
  line-height: 20px;
  font-family: メイリオ,Meiryo,serif;
  font-weight: 100;
  z-index: 999;
  transform: scale(0.8,0.8);
  
}
.ribbon:after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -15px;
  left: 0;
  border-style: solid;
  border-width: 15px 40px 0 40px;
  z-index: 999;
}

.ribbon strong{
display: block;
position: relative;
}

.ribbon strong:after{
content: "";
width: 70px;
height: 44px;
margin: 0 auto;
background: url(../images/im_midashi_line.png) no-repeat 100% 50%;
background-size:100% auto;
position: absolute;
bottom: -40px;
left: -3px;
  z-index: 9999;

}

.r_blue{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#314673+0,001a52+100 */
background: #314673; /* Old browsers */
background: -moz-linear-gradient(top,  #314673 0%, #001a52 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #314673 0%,#001a52 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #314673 0%,#001a52 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#314673', endColorstr='#001a52',GradientType=0 ); /* IE6-9 */

}

.ribbon.r_blue:after{
  border-color: #001a52 transparent transparent transparent;
}

.r_sblue{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#007c99+1,11a3c4+100 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#477699+0,1b5581+100 */
background: #477699; /* Old browsers */
background: -moz-linear-gradient(top,  #477699 0%, #1b5581 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #477699 0%,#1b5581 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #477699 0%,#1b5581 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#477699', endColorstr='#1b5581',GradientType=0 ); /* IE6-9 */

}

.ribbon.r_sblue:after{
  border-color: #1b5581 transparent transparent transparent;
}

.r_red{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#964466+0,7e1a44+100 */
background: #964466; /* Old browsers */
background: -moz-linear-gradient(top,  #964466 0%, #7e1a44 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #964466 0%,#7e1a44 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #964466 0%,#7e1a44 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#964466', endColorstr='#7e1a44',GradientType=0 ); /* IE6-9 */
}

.ribbon.r_red:after{
  border-color: #7e1a44 transparent transparent transparent;

}

.r_gold{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9d8f5b+1,857433+99 */
background: #9d8f5b; /* Old browsers */
background: -moz-linear-gradient(top,  #9d8f5b 1%, #857433 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #9d8f5b 1%,#857433 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #9d8f5b 1%,#857433 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d8f5b', endColorstr='#857433',GradientType=0 ); /* IE6-9 */
}

.ribbon.r_gold:after{
  border-color: #857433 transparent transparent transparent;
}

/***********tagIcon***********/

.tagIcon {
 display: inline-block!important;
 border: #dcdcdc 1px solid;
 background-color: #eee;
 padding: 5px 5px;
 text-align: center;
 margin-right: 8px;
 font-size: 12px;
 line-height: 12px;
 margin-bottom: 5px;
 white-space: nowrap;
 }
.tagIcon.new {
  background-color: #cc3300;
  color: #fff;
  border: #cc3300 1px solid; }
.tagIcon.kyushu {
  background-color: #ff3a82;
  color: #fff;
  border: #ff3a82 1px solid; }
.tagIcon.kinki {
  background-color: #0095d9;
  color: #fff;
  border: #0095d9 1px solid; }
.tagIcon.chugoku {
  background-color: #0cc2dd;
  color: #fff;
  border: #0cc2dd 1px solid; }
.tagIcon.hokuriku {
  background-color: #9900cc;
  color: #fff;
  border: #9900cc 1px solid; }
.tagIcon.chubu {
  background-color: #e36b0a;
  color: #fff;
  border: #e36b0a 1px solid; }
.tagIcon.kanto {
  background-color: #e36b0a;
  color: #fff;
  border: #e36b0a 1px solid; }
.tagIcon.hokkaido {
  background-color: #b6d300;
  color: #fff;
  border: #b6d300 1px solid; }
.tagIcon.tohoku {
  background-color: #b6d300;
  color: #fff;
  border: #b6d300 1px solid; }
.tagIcon.zenkoku {
  background-color: #191970;
  color: #fff;
  border: #191970 1px solid; }
.tagIcon.type1 {
    border: #871c48 1px solid;
    background-color: #871c48;
    color: #fff;
}
.tagIcon.type2 {
border: #8f7e39 1px solid;
background-color: #8f7e39;
color: #fff; }
.tagIcon.type3 {
border: #1b5581 1px solid;
background-color: #1b5581; }
.tagIcon.type4 {
border: #8f7e39 1px solid;
background-color: #f8f3eb;
color: #8f7e39; }
.tagIcon.type5 {
border: #1b5581 1px solid;
background-color: #e9eef2;
color: #1b5581; }
.tagIcon.type6 {
border: #871c48 1px solid;
background-color: #f4e7ee;
color: #871c48;
}

/***********btn***********/
.commonBtn {
    background: #ff9326;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    position: relative;
    border-radius: 5px;
	margin: 0 0 5px 0;
}

.commonBtn a {
	text-decoration: none !important;
    color: #FFF !important;
    display: block;
    padding: 10px 5px;
}

.plan3Box dl .btn{width:100%;padding: 0;}

/*banner*/
div.pr_banner, div.pr_banner img {
	width: 98%;
    margin: 5% auto;
    display: block;
}

#bnlinks{display:none;}

}

/*760px以上*/
@media screen and (min-width: 760px),print {
.pcnone{display:none;}
#dirPathBlock,
h1,
#anchorLinkBlock{
	width: 100%;
	max-width:950px;
	min-width:760px;
	margin: auto;
}

/*panlist&back*/
#dirPathBlock,
#anchorLinkBlock {
	width: 100%;
	margin: 0 auto;
	display: block;
	font-size: 12px;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
/* CSS初期設定 */
#bg {
	position:relative;
	width:950px;
	padding-bottom:30px;
	background-image: url(imgs/bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
#bg img {
	border:0;
	vertical-align: bottom;
}
#bg ul,#bg ol {
	list-style:none;
}
#bg a {
	overflow: hidden;
}
#bg strong {
	font-weight:bold;
}
.clear {
	clear: both;
}
.clearFloat:after { 
	content: "."; 
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
	line-height: 0; 
} 
.clearFloat { 
	display: inline-table; 
	min-height: 1%; 
} 
/* for macIE \*/ 
* html .clearFloat { 
	height: 1%; 
} 
.clearFloat { 
	display: block; 
} 
/* end of for macIE */
.clearFloat {
	overflow:hidden;
}

a.OpaChange:hover *{
filter:alpha(opacity=70); /*IE*/
-moz-opacity:0.70; /*FF*/
opacity:0.70;
}

article {
	width: 96%;
    max-width: 950px;
    margin: 0 auto;
    padding: 0;
    display: block;
}

/* ●●●タイトル●●● */
#title1 {
	width:930px;
	height:32px;
	background-color:#de4f01;
	color:#FFF;
	font-size:14px;
	line-height:32px;
	font-weight:normal;
	text-indent:13px;
	padding:0px;
	margin:0px 0px 13px 10px;
}

/* ●●●サイドメニュー●●● */

#floatMenu {
	width: 176px;
	margin:10px 0 0 0;
	padding: 0px 0px 3px 0px;
	position:absolute;
	left:10px;
	top:0px;
	background-color: #8fc31f;
	background-image: url(imgs/bg_tab.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#floatMenu h2 {
	width: 176px;
	height:41px;
	margin:0px;
	padding:0px;
	z-index:3;
	background-image: url(imgs/tit_theme.gif);
	background-repeat: no-repeat;
	overflow:hidden;
}

#floatMenu .banner {
	width: 170px;
	margin:0 3px 4px 3px;	
}

#floatMenu h2 span {
	position:relative;
	z-index:-1;
}

#floatMenu ul {
	width: 166px;
	margin:0px;
	padding:0px 3px 0px 3px;
	background:#FFC;
	border-width:2px;
	border-style:solid;
	border-color:#8fc31f;
}
#floatMenu li {
	width: 158px;
	padding:4px;
	margin:0px;
	font-size:1.2em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-width:1px;
	border-style:dashed;
	border-color:#FFFFFF;
	border-bottom-color:#755858;
}

#floatMenu li a {
	text-decoration: none;
	color: #445e0b;
}

#floatMenu li a:hover {
	text-decoration: none;
	color: #1b82b7;
}

#boxMain {
	width:750px;
	margin:0px 0px 0px 200px;
}

/* ●●●タイトル●●● */
#right_title {
	width:740px;
	height:400px;
	margin:0 0 0 0;
	padding:0px;
}

#image-navigation {
	position:relative;
	width:500px;
	height:334px;
	margin:0 14px 0 0;
	padding:0;
	float:left;
}
#image-navigation .navi-image { 
	width:500px;
	position:relative;
	float:left;
	}
#image-navigation .navi-image a { display:block; }
#image-navigation .navi-image a { position:absolute; top:0; left:0; z-index:8; }
#image-navigation .navi-image a.active { z-index:10; }
#image-navigation .navi-image a.last-active { z-index:9; }

#image-navigation .navi {
	width:500px;
	margin:0;
	padding:0;
	position:absolute;
	left:0px;
	top:346px;
	background:#f4f4f4;
	
}
#image-navigation li {
	float:left;
	width:61px;
	padding:0px;
	margin:0px;
}
#image-navigation ul {
	padding:0px;
	margin:0px;
}
#image-navigation ul li a {
  display:block;
  width:51px;
  height:27px;
}
#image-navigation .navi-image p {
	position:absolute;
	left:25px;
	top:260px;
	width:450px;
	font-size:16px;
	line-height:24px;
	letter-spacing:-1px;
	padding:0px;
	margin:0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#image-navigation .navi-image p strong {
	font-size:18px;
}
#image-navigation .navi-image a:link {
	color:#000;
	text-decoration:none;
}
#image-navigation .navi-image a:visited {
	color:#000;
	text-decoration:none;
}
#image-navigation .navi-image a:hover {
	color:#000;
	text-decoration:none;
}
#image-navigation .navi-image a:active {
	color:#000;
	text-decoration:none;
}
#title12 {
	position:absolute;
	left:373px;
	top:10px;
	padding:0px;
	margin:0px;
	z-index:20;
}

#kishatabi {
	width:206px;
	margin:136px 0 0 0;
	padding:70px 10px 10px 10px;
	background-image: url(imgs/kishatabi_background.jpg);
	background-repeat   : no-repeat;
	float:right;
}

#information {
	width:740px;
	margin:0;
	padding:0;
}

/*列車名で旅行を探す*/
#popularityArea {
    margin-bottom: 30px;
    border: 2px solid #bebebe;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#popularityArea  h2 {
    padding: 15px 0;
    width: 160px;
    float: left;
    border-right: solid 1px #bebebe;
    font-size: 18px;
    line-height: 1.0;
    text-align: center;
    color: #7c5514;
    font-size: 15px;
    margin: 0!important;
}

#popularityArea ul {
	width: 545px;
    float: left;
    font-size: 16px;
}

#popularityArea ul li {
	margin: 0.5% 3% 0.5% 0;
    float: left;
    line-height: 1.0;
}

#popularityArea ul li a{
	color:#0065d6;
	font-size:13px;
}

/*●●●おとなび観光列車●●●*/
#titotonavitrain {
    background-image: url(imgs/tit6.gif);
    background-repeat: no-repeat;
    height: 36px;
    width: 740px;
    z-index: 3;
    overflow: hidden;
    padding: 0px;
    margin: 0px 0px 11px 0px;
}
#titotonavitrain span {
	position:relative;
	z-index:-1;
}

p.what_otonavi {
    text-align: right;
    margin-right: 2%;
}

/* ●●●動画●●● */
#titDouga {
	background-image: url(imgs/tit5.gif);
	background-repeat: no-repeat;
	height: 36px;
	width: 740px;
	z-index:3;
	overflow:hidden;
	padding:0px;
	margin:0px 0px 11px 0px;
}
#titDouga span {
	position:relative;
	z-index:-1;
}
.tiDouga2 {
	position:absolute;
	left:165px;
	top:0px;
	color:#7c5514;
	font-size:13px;
	line-height:31px;
	padding:0px;
	margin:0px;
}

.dbox {
	width: 235px;
	margin:0 0 0 8px;
	float: left;
}

.dbox p {
	font-size:12px;
	width: 215px;
	margin:-5px 0 0 0;
	padding:10px;
	background: #fcecd2;
}

/* ●●●話題の旅●●● */
.tit {
	position:relative;
	width:740px;
}
#titWadai {
	background-image: url(imgs/tit1.gif);
	background-repeat: no-repeat;
	height: 36px;
	width: 740px;
	z-index:3;
	overflow:hidden;
	padding:0px;
	margin:0px 0px 11px 0px;
}
#titWadai span {
	position:relative;
	z-index:-1;
}
.titWadai2 {
	position:absolute;
	left:165px;
	top:0px;
	color:#7c5514;
	font-size:13px;
	line-height:31px;
	padding:0px;
	margin:0px;
}
.Wadai1 {
	background-image: url(imgs/line.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 740px;
	padding:0px 0px 21px 0px;
	margin-bottom:20px;
}
.Wadai2 {
	width: 740px;
	padding:0px;
	margin:0px;
}
.imgWadai {
	float:left;
	width:194px;
	padding:0px;
	margin:0px;
}
.txtWadai {
	float:left;
	width:546px;
}
.txtWadai h3 {
	font-size:16px;
	line-height:18px;
	color:#e60012;
	font-weight:bold;
	padding:0px;
	margin:0px 0px 5px 0px;
}
.txtWadai p {
	font-size:13px;
	line-height:18px;
	padding:0px;
	margin:0px;	
}

.txtWadai_point {
	width:524px;
	margin:10px 0 0 0;
	padding:10px;
	float:left;
	border-style:dashed;
	border-width:1px;
	border-color:#fb6603;
}

.txtWadai_point p{
	margin:0px;	
	padding:0px;
	font-size:1.2em;
	font-weight:bold;
	color:#fb6603;	
}

.txtWadai_point ul{
	margin:0px;	
	padding:0px;
	list-style:none;
}


.btnBackno {
	width:140px;
	padding:0px;
	margin:0px 0px 38px 600px;
}

/* ●●●寝台列車の旅●●● */
#titSindai {
	background-image: url(imgs/tit2.gif);
	background-repeat: no-repeat;
	height: 36px;
	width: 740px;
	z-index:3;
	overflow:hidden;
	padding:0px;
	margin:0px 0px 11px 0px;
}
#titSindai span {
	position:relative;
	z-index:-1;
}
.titSindai2 {
	position:absolute;
	left:209px;
	top:0px;
	color:#7c5514;
	font-size:13px;
	line-height:14px;
	padding:0px;
	margin:0px;
}
.Sindai1 {
	background-image: url(imgs/line.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 740px;
	padding:0px 0px 9px 0px;
	margin:0px 0px 20px 0px;
}
.Sindai2 {
	width: 740px;
	padding:0px;
	margin:0px 0px 27px 0px;
}
.imgSindai {
	float:left;
	width:194px;
	height:180px;
	padding:0px;
	margin:0px;
}
.txtSindai {
	float:left;
	width:546px;
}
.txtSindai h3 {
	font-size:16px;
	line-height:18px;
	color:#7c5514;
	padding:0px;
	margin:0px 0px 5px 0px;
}
.txtSindai p {
	font-size:13px;
	line-height:18px;
	padding:0px 0px 10px 0px;
	margin:0px;
}
.btnSindai {
	width:740px;
	padding:0px;
	margin:0px;
}
.btnSindai li {
	float:right;
	padding:0px 0px 0px 2px;
	margin:0px;
}

/* ●●●ローカル線の旅●●● */
#titLocal {
	background-image: url(imgs/tit3.gif);
	background-repeat: no-repeat;
	height: 36px;
	width: 740px;
	z-index:3;
	overflow:hidden;
	padding:0px;
	margin:0px 0px 10px 0px;
}
#titLocal span {
	position:relative;
	z-index:-1;
}
.titLocal2 {
	position:absolute;
	left:230px;
	top:0px;
	color:#7c5514;
	font-size:13px;
	line-height:31px;
	padding:0px;
	margin:0px;
}
.Local1 {
	float:left;
	background-image: url(imgs/box1_1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 375px;
	margin-bottom:8px;
}
.Local2 {
	float:left;
	background-image: url(imgs/box1_1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 363px;
	margin-bottom:8px;
}
.Local3 {
	float:left;
	background-image: url(imgs/box1_1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 375px;
}
.Local4 {
	float:left;
	background-image: url(imgs/box1_1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 363px;
}
.LocalIn {
	background-image: url(imgs/box1_2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding:12px 0px 8px 12px;
}
.imgLocal {
	float:left;
	width:160px;
	padding:0px;
	margin:0px;
}
.txtLocal {
	float:left;
	width:184px;
}
.txtLocal h3 {
	font-size:16px;
	line-height:18px;
	color:#7c5514;
	padding:0px;
	margin:0px 0px 5px 0px;
}
.txtLocal p {
	font-size:13px;
	line-height:18px;
	padding:0px;
	margin:0px 0px 5px 0px;
}
.btnLocal {
	padding:0px;
	margin:0px;
}
.btnLocal li {
	float:left;
	width:92px;
	padding:0px;
	margin:0px;
}

/* ●●●親子で楽しむ旅●●● */
#titOyako {
	background-image: url(imgs/tit4.gif);
	background-repeat: no-repeat;
	height: 36px;
	width: 740px;
	z-index:3;
	overflow:hidden;
	padding:0px;
	margin:0px 0px 10px 0px;
}
#titOyako span {
	position:relative;
	z-index:-1;
}
.titOyako2 {
	position:absolute;
	left:233px;
	top:0px;
	color:#7c5514;
	font-size:13px;
	line-height:31px;
	padding:0px;
	margin:0px;
}
.Oyako1 {
	float:left;
	background-image: url(imgs/box1_1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 375px;
	margin-bottom:8px;
}
.Oyako2 {
	float:left;
	background-image: url(imgs/box1_1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 363px;
	margin-bottom:8px;
}
.Oyako3 {
	float:left;
	background-image: url(imgs/box1_1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 375px;
}
.Oyako4 {
	float:left;
	background-image: url(imgs/box1_1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 363px;
}
.OyakoIn {
	background-image: url(imgs/box1_2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding:12px 0px 8px 12px;
}
.imgOyako {
	float:left;
	width:160px;
	padding:0px;
	margin:0px;
}
.txtOyako {
	float:left;
	width:184px;
}
.txtOyako h3 {
	font-size:16px;
	line-height:18px;
	color:#7c5514;
	padding:0px;
	margin:0px 0px 5px 0px;
}
.txtOyako p {
	font-size:13px;
	line-height:18px;
	padding:0px;
	margin:0px 0px 5px 0px;
}
.btnOyako {
	padding:0px;
	margin:0px;
}
.btnOyako li {
	float:left;
	width:92px;
	padding:0px;
	margin:0px;
}
.txtOption {
	clear:both;
	font-size:12px;
	padding:10px 0px 25px 0px;
	margin:0px;
}

/* FACEBOOK　いいねボタン
---------------------------------------------------- */
#snsbox{
	width: 180px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 500px;
	left: 600px;
	z-index: 10;
}

#facebook{
	width: 176px;
	margin: 0;
	padding: 0;
	background:#FFF;
}

/* デジパン
---------------------------------------------------- */
.Panf {
	clear:both;
	margin: 15px 0;
	padding: 0 0 15px 0;
}

.Panf ul{
	margin: 0;
	padding: 0;
}

.Panf ul li{
text-align: center;
	float:left;
	margin: 0 15px 0 0;
}

.Panf ul li a:hover {
    filter:alpha(opacity=50);
     -moz-opacity: 0.5;
    opacity: 0.5;
}

/* 20161129reset */
#titWadai {
    background-image: url(imgs/tit1_2.gif);
}
.titWadai2 {
    left: 265px;
}

.Wadai1 h3{
	font-size:18px;
	text-align: center;
	margin: 0 0 15px 0;
	padding: 0;
	font-weight: bold;
}

.btn {
    clear: both;
    float: right;
    width: 300px;
    margin: 0 auto;
    padding: 30px 0 0 0;
}
.btn2 {
    clear: both;
    width: 500px;
    margin: 0 auto;
    padding: 10px 0;
}
.btn p.orangeBtn {
    display: block;
    margin: 0px 0 20px 0px;
    color: #FFF;
    background: #ff9326;
    text-align: center;

    text-decoration: none;
    font-size: 14px;
    position: relative;
    border-radius: 5px;
}
.btn2 p.orangeBtn {
    display: block;
    margin: 0px 0 20px 0px;
    color: #FFF;
    background: #ff9326;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    position: relative;
    border-radius: 5px;
}

.btn p.orangeBtn a {
    display: block;
    padding: 10px 5px;
}
.btn2 p.orangeBtn a {
    display: block;
    padding: 15px 5px;
}

.btn p.orangeBtn a:link,
.btn p.orangeBtn a:visited,
.btn p.orangeBtn a:hover,
.btn p.orangeBtn a:active,
.btn2 p.orangeBtn a:link,
.btn2 p.orangeBtn a:visited,
.btn2 p.orangeBtn a:hover,
.btn2 p.orangeBtn a:active {
    text-decoration: none !important;
    color: #FFF !important;
}
.btn p.orangeBtn a:after,
.btn2 p.orangeBtn a:after,
dd.btn .commonBtn a:after {
    width: 13px;
    height: 13px;
    content: "";
    display: block;
    background: url(//www.nta.co.jp/shared2015/common/images/im_arrow.png) no-repeat;
    position: absolute;
    top: 40%;
    right: 1%;
}
.btn p.orangeBtn:hover,
.btn2 p.orangeBtn:hover {
opacity: 0.8;
filter: alpha(opacity=80);       
-ms-filter: "alpha(opacity=80)";
-moz-opacity:1;
}

/*otonavi train*/
.plan3Box{
	width: 235px;
    float: left;
    margin: 0 6px 40px;
    filter: drop-shadow(1px 0px 2px rgba(0,0,0,0.1));
    background: rgba(255,255,255,1.00);
    box-sizing: border-box;
}

.plan3Box:nth-of-type(3n){margin-right: 0}

.plan3Box .colum3B .plan3Box:nth-of-type(3n){margin-right:4%}

.plan3Box .colum3B .plan3Box:nth-of-type(3n){margin-right: 0!important}

.plan3Box .photoBox{
position: relative;
margin: 0;
}
.plan3Box .photoBox b{
display: none;
}

.plan3Box .photoBox > img {
    max-width: 100%;
    height: auto;
}
.plan3Box dl{
	padding: 12px;
}

.plan3Box dl dt > span{
display: block;
margin-bottom: 5px;
}

.plan3Box dl dt{
	padding-bottom: 0;
margin-bottom: 10px;
overflow:hidden;
}

.plan3Box dl dt strong{
display: block;
line-height: 22px;
padding-bottom:10px;

border-bottom: #efe4d3 2px solid;
}
.plan3Box dl dd{
line-height: 130%;
   margin: 0 0 10px;
}

.copy{
font-size: 14px;
padding-top:15px;
}

.dept span{
display: block;
}

.dept span span {
    display: inline-block;
    border: #8f7e39 1px solid;
    width: auto;
    padding: 2px 10px 0;
    text-align: center;
    margin-right: 3px;
    margin-bottom: 5px;
	font-size: 14px;
	color: #8f7e39
}
.dept strong{
font-weight: normal;
color: #8f7e39
}

.deptIcon {
    border: #871c48 1px solid;
    background-color: #f4e7ee;
    color: #871c48;
    display: inline-block!important;
    padding: 5px 5px;
    text-align: center;
    margin-right: 8px;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 5px;
    white-space: nowrap;
}

.inlineS{
	display:inline-block!important;
}

.price strong{
font-size: 16px;
display: block;
background: url(/otonavi/shared2018/images/im_en.png) no-repeat 0 10%;
background-size:22px auto;
padding: 4px 0 4px 30px;
margin-bottom: 5px;
color: rgba(255,0,4,1.00)
}

.price span{
font-size: 12px;
line-height: 15px;
display: block;
}

/*****ribbon******/
.ribbon{
  position: relative;
  width:80px;
  font-size: 15px;
  padding: 1em 0.5em;
  margin-bottom: 0.1em;
  text-align:center;
  display: block;
  color: #fff;
  line-height: 20px;
  font-family: メイリオ,Meiryo,serif;
  font-weight: 100;
  z-index: 999;
  
}
.ribbon:after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -15px;
  left: 0;
  border-style: solid;
  border-width: 15px 40px 0 40px;
  z-index: 999;
}

.ribbon strong{
display: block;
position: relative;
}

.ribbon strong:after{
content: "";
width: 70px;
height: 44px;
margin: 0 auto;
background: url(/otonavi/shared2018/images/im_midashi_line.png) no-repeat 100% 50%;
background-size:100% auto;
position: absolute;
bottom: -40px;
left: -4px;
z-index: 9999;

}

.r_blue{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#314673+0,001a52+100 */
background: #314673; /* Old browsers */
background: -moz-linear-gradient(top,  #314673 0%, #001a52 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #314673 0%,#001a52 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #314673 0%,#001a52 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#314673', endColorstr='#001a52',GradientType=0 ); /* IE6-9 */

}

.ribbon.r_blue:after{
  border-color: #001a52 transparent transparent transparent;
}

.r_sblue{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#007c99+1,11a3c4+100 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#477699+0,1b5581+100 */
background: #477699; /* Old browsers */
background: -moz-linear-gradient(top,  #477699 0%, #1b5581 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #477699 0%,#1b5581 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #477699 0%,#1b5581 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#477699', endColorstr='#1b5581',GradientType=0 ); /* IE6-9 */

}

.ribbon.r_sblue:after{
  border-color: #1b5581 transparent transparent transparent;
}

.r_red{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#964466+0,7e1a44+100 */
background: #964466; /* Old browsers */
background: -moz-linear-gradient(top,  #964466 0%, #7e1a44 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #964466 0%,#7e1a44 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #964466 0%,#7e1a44 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#964466', endColorstr='#7e1a44',GradientType=0 ); /* IE6-9 */
}

.ribbon.r_red:after{
  border-color: #7e1a44 transparent transparent transparent;
}

.r_gold{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9d8f5b+1,857433+99 */
background: #9d8f5b; /* Old browsers */
background: -moz-linear-gradient(top,  #9d8f5b 1%, #857433 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #9d8f5b 1%,#857433 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #9d8f5b 1%,#857433 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d8f5b', endColorstr='#857433',GradientType=0 ); /* IE6-9 */
}

.ribbon.r_gold:after{
  border-color: #857433 transparent transparent transparent;
}

/***********tagIcon***********/
.tagIcon {
 display: inline-block!important;
 border: #dcdcdc 1px solid;
 background-color: #eee;
 padding: 5px 5px;
 text-align: center;
 margin-right: 8px;
 font-size: 14px;
 line-height: 14px;
 margin-bottom: 5px;
 white-space: nowrap;
 }
.tagIcon.new {
  background-color: #cc3300;
  color: #fff;
  border: #cc3300 1px solid; }
.tagIcon.kyushu {
  background-color: #ff3a82;
  color: #fff;
  border: #ff3a82 1px solid; }
.tagIcon.kinki {
  background-color: #0095d9;
  color: #fff;
  border: #0095d9 1px solid; }
.tagIcon.chugoku {
  background-color: #0cc2dd;
  color: #fff;
  border: #0cc2dd 1px solid; }
.tagIcon.hokuriku {
  background-color: #9900cc;
  color: #fff;
  border: #9900cc 1px solid; }
.tagIcon.chubu {
  background-color: #e36b0a;
  color: #fff;
  border: #e36b0a 1px solid; }
.tagIcon.kanto {
  background-color: #e36b0a;
  color: #fff;
  border: #e36b0a 1px solid; }
.tagIcon.hokkaido {
  background-color: #b6d300;
  color: #fff;
  border: #b6d300 1px solid; }
.tagIcon.tohoku {
  background-color: #b6d300;
  color: #fff;
  border: #b6d300 1px solid; }
.tagIcon.zenkoku {
  background-color: #191970;
  color: #fff;
  border: #191970 1px solid; }
.tagIcon.type1 {
    border: #871c48 1px solid;
    background-color: #871c48;
    color: #fff;
}
.tagIcon.type2 {
border: #8f7e39 1px solid;
background-color: #8f7e39;
color: #fff; }
.tagIcon.type3 {
border: #1b5581 1px solid;
background-color: #1b5581; }
.tagIcon.type4 {
border: #8f7e39 1px solid;
background-color: #f8f3eb;
color: #8f7e39; }
.tagIcon.type5 {
border: #1b5581 1px solid;
background-color: #e9eef2;
color: #1b5581; }
.tagIcon.type6 {
border: #871c48 1px solid;
background-color: #f4e7ee;
color: #871c48;
}

/***********btn***********/
.commonBtn {
    background: #ff9326;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    position: relative;
    border-radius: 5px;
	margin: 0 0 5px 0;
}

.commonBtn a {
	text-decoration: none !important;
    color: #FFF !important;
    display: block;
    padding: 10px 5px;
}

.plan3Box dl .btn{width:100%;padding: 0;}

/*banner*/
div.pr_banner {
    width: 100%;
    margin: 0 0 30px;
}
div.pr_banner a, div.pr_banner a img {
    width: 640px;
    margin: auto;
    display: block;
}

/*bnlinks*/
#bnlinks{
	float: left;
	display: inline;
	width: 950px;
	margin: 40px 0 20px;
	padding: 20px 0 0;
	background: #FFFFFF;
	border-top: 1px dashed #CCC;
}

#bnlinks ul{
	float: left;
	width: 950px;
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
}

#bnlinks ul li{
	float: left;
	display: inline;
	width: 180px;
	margin: 0 5px;
	padding: 0;
	font-size: 10px;
}

#bnlinks ul li dl{
	margin: 0;
	padding: 0;
}

#bnlinks ul li dl dt{
	margin: 0;
	padding: 0;
	font-weight: bold;
}

#bnlinks ul li dl dd{
	margin: 0;
	padding: 0;
}

}