@charset "utf-8";
/* CSS Document */


/* ---------------------------------------------------------------------- */
/*	バックグラウンド・画像
/* ---------------------------------------------------------------------- */	

.bg-www-gray	{background-image:url(/images/patterns/light/pattern17.png);}
.bg-www-top	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/australia.jpg);background-attachment:fixed;}
.bg-www-america	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/america.jpg);background-attachment:fixed;}
.bg-www-australia	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/australia.jpg);background-attachment:fixed;}
.bg-www-austria	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/austria.jpg);background-attachment:fixed;}
.bg-www-bali	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/bali.jpg);background-attachment:fixed;}
.bg-www-belgium	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/belgium.jpg);background-attachment:fixed;}
.bg-www-bulgaria	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/bulgaria.jpg);background-attachment:fixed;}
.bg-www-canada	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/canada.jpg);background-attachment:fixed;}
.bg-www-cambodia	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/cambodia.jpg);background-attachment:fixed;}
.bg-www-czech_republic	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/czech_republic.jpg);background-attachment:fixed;}
.bg-www-china	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/china.jpg);background-attachment:fixed;}
.bg-www-denmark	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/denmark.jpg);background-attachment:fixed;}
.bg-www-dubai	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/dubai.jpg);background-attachment:fixed;}
.bg-www-egyput	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/egyput.jpg);background-attachment:fixed;}
.bg-www-fiji	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/fiji.jpg);background-attachment:fixed;}
.bg-www-finland	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/finland.jpg);background-attachment:fixed;}
.bg-www-france	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/france.jpg);background-attachment:fixed;}
.bg-www-germany	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/germany.jpg);background-attachment:fixed;}
.bg-www-united_kingdom	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/united_kingdom.jpg);background-attachment:fixed;}
.bg-www-greece	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/greece.jpg);background-attachment:fixed;}
.bg-www-guam	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/guam.jpg);background-attachment:fixed;}
.bg-www-hawaii	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/hawaii.jpg);background-attachment:fixed;}
.bg-www-hungary	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/hungary.jpg);background-attachment:fixed;}
.bg-www-hong_kong	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/hong_kong.jpg);background-attachment:fixed;}
.bg-www-iceland	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/iceland.jpg);background-attachment:fixed;}
.bg-www-ireland	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/ireland.jpg);background-attachment:fixed;}
.bg-www-israel	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/ireland.jpg);background-attachment:fixed;}
.bg-www-italy	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/italy.jpg);background-attachment:fixed;}
.bg-www-jordan	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/jordan.jpg);background-attachment:fixed;}
.bg-www-korea	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/korea.jpg);background-attachment:fixed;}
.bg-www-laos	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/laos.jpg);background-attachment:fixed;}
.bg-www-malaysia	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/malaysia.jpg);background-attachment:fixed;}
.bg-www-mexico	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/mexico.jpg);background-attachment:fixed;}
.bg-www-netherland	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/netherland.jpg);background-attachment:fixed;}
.bg-www-new_zealand	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/new_zealand.jpg);background-attachment:fixed;}
.bg-www-palau	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/palau.jpg);background-attachment:fixed;}
.bg-www-peru	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/peru.jpg);background-attachment:fixed;}
.bg-www-poland	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/poland.jpg);background-attachment:fixed;}
.bg-www-portugal	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/portugal.jpg);background-attachment:fixed;}
.bg-www-saipan	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/saipan.jpg);background-attachment:fixed;}
.bg-www-singapore	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/singapore.jpg);background-attachment:fixed;}
.bg-www-spain	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/spain.jpg);background-attachment:fixed;}
.bg-www-switzerland	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/switzerland.jpg);background-attachment:fixed;}
.bg-www-taiwan	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/taiwan.jpg);background-attachment:fixed;}
.bg-www-thailand	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/thailand.jpg);background-attachment:fixed;}
.bg-www-turkey	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/turkey.jpg);background-attachment:fixed;}
.bg-www-united_arab_emirates	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/united_arab_emirates.jpg);background-attachment:fixed;}
.bg-www-vietnam	{background-image:url(https://torbit-img.s3.amazonaws.com/images/bg/vietnam.jpg);background-attachment:fixed;}

.bg-navitour-gray	{background-image:url(/images/patterns/light/pattern17.png);}
.bg-navitourca-gray	{background-image:url(/images/patterns/light/pattern17.png);}
.bg-navitourusa-gray	{background-image:url(/images/patterns/light/pattern17.png);}
.bg-navitour-top	{background-image:url(/images/bg/navi-australia.jpg);background-attachment:fixed;}	
.bg-navitourca-top	{background-image:url(/images/bg/navi-canada.jpg);background-attachment:fixed;}	
.bg-navitourusa-top	{background-image:url(/images/bg/navi-america.jpg);background-attachment:fixed;}	
.bg-navitour-australia	{background-image:url(/images/bg/navi-australia.jpg);background-attachment:fixed;}	
.bg-navitourca-canada	{background-image:url(/images/bg/navi-canada.jpg);background-attachment:fixed;}	
.bg-navitourusa-america	{background-image:url(/images/bg/navi-america.jpg);background-attachment:fixed;}	

/* ---------------------------------------------------------------------- */
/*	フォントサイズ・装飾・位置
/* ---------------------------------------------------------------------- */

a {
	text-decoration: none;
	color: #DA460E;
}

a:hover, .selected { color: #F26C39; }

.tred{
	color:#F00;
}

.tblack {
	color: #000;
}

.twhite	{
	color:#FFFFFF;
}

.text-blk	{
	color:#333;
}

.tbold	{
	font-weight:bold;
}

.tnormal{
	font-weight:normal;
}

.tgreen	{
	color:#77BB33;
}

.torange	{
	color:#f15a23;
}

.14px	{
	font-size:14px;
}

.13px	{
	font-size:13px;
}

.1em	{
	font-size:1em;
}

.right {text-align:right;}

.vmiddle {vertical-align:middle; !important;}

.vtop {vertical-align: top; !important;}

.fl {float:left;}

.tlink-blk a {
    color: #777;
}

.tlink-blk2 a {
    color: #000;
}

/* ---------------------------------------------------------------------- */
/*	フォーム
/* ---------------------------------------------------------------------- */

input[type="text"],
input[type="password"] { width: 97%;
margin-bottom:0; }

textarea { font: 'Meiryo', 'メイリオ', Verdana,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif !important; }

/* ---------------------------------------------------------------------- */
/*	タイトル
/* ---------------------------------------------------------------------- */

.mypage-h2	{
	border-bottom:1px #999999 dotted;
	padding-bottom:5px;
	width:100%;
	margin-bottom:20px;
}


.title-h3	{
	position:relative;
	margin-bottom:10px;
}

.title-h3 > span {
	display: block;
    position: absolute;
    left: 0;
    top: -25px;
	text-align:center;
}

h3.title	{
	margin-left:70px;
}

.title-h4	{
	position:relative;
	margin-bottom:10px;
}

.title-h4 > span {
	display: block;
    position: absolute;
    left: 0;
    top: -20px;
	text-align:center;
}

h4.title	{
	margin-left:40px;
}

h6.kuchikomi	{
	padding-bottom:5px;
}

h2.title  {height:40px;
	clear:both;
	font-size:18px;
	color:#666666;
	text-indent:25px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:5px;
	line-height:43px;
	background:url(/images/temp/bg_ttl7.jpg) no-repeat;
	text-align:left;}
	
h1.toptitle{font-size:12px;text-align:right;font-weight:bold;}
/* ---------------------------------------------------------------------- */
/*	スペース
/* ---------------------------------------------------------------------- */

.ue0{margin-top:0 !important;}
.ue5{margin-top:5px !important;}
.ue10{margin:10px 0 0 0 !important;}
.ue10t{margin-top:10px !important;}
.ue20{margin:20px 0 0 0 !important;}
.ue20t{margin-top:20px !important;}
.ue30{margin:30px 0 0 0 !important;}
.ueshita5{margin:5px 0px !important;}
.ueshita20{margin:20px 0px !important;}
.shita-10{margin:0 0 -10px 0 !important;}
.shita0 { margin-bottom: 0 !important;}
.shita5{margin:0 0 5px 0 !important;}
.shita10{margin:0 0 10px 0 !important;}
.shita20{margin:0 0 20px 0 !important;}
.shita30{margin:0 0 30px 0 !important;}
.shita5p{padding-bottom:0 !important}
.shita0p{padding-bottom:0 !important}
.bottom10 {margin-bottom:10px !important;}
.sayu10{padding:0 10 0 10px !important;}
.migi5{margin:0 5px 0 0 !important;}
.migi10{margin:0 10px 0 0 !important;}
.migi10{margin:0 20px 0 0 !important;}
.hidari0{margin:0 0 0 10px !important;} 
.hidarip0{padding-left:0px !important;} 
.hidari10{margin-left:10px !important;}
.hidari20{margin-left:20px !important;}

.pl5{padding-left:5px;}
.pr5{padding-right:5px;}

/* ---------------------------------------------------------------------- */
/*	幅・サイズ指定
/* ---------------------------------------------------------------------- */

.w25 {width:25px;}
.w50 {width:50px;}
.w70 {width:70px;}
.w80 {width:80px;}
.w100 {width:100px;}
.w150 {width:150px;}
.w200 {width:200px;}
.w160 {width:160px;}
.w710 {width:710px;}

.w90p {width:90%; !important;}

.h200 {height:200px; !important;} 

.h4em {height:4em;}


/* ---------------------------------------------------------------------- */
/*	ボックス
/* ---------------------------------------------------------------------- */

.cr-box	{	
	width:100%;
	webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #CCCCCC;
	background-color:#FAFAFA;
}

.bl-box	{	
	webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #62C9D8;
	background-color:#F1F9FC;
	padding: 10px 10px 5px 10px;
	position:relative;
	margin-bottom:15px;
}


.bl-box-image	{
	position:absolute;
	top:-30px;
	right:0px;
	z-index:1;
}

.yellow-box	{	
	webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
	padding: 15px 15px 15px 15px;
	position:relative;
	margin-bottom:15px;
}

.red-box	{	
	webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	  background-color: #f2dede;
  border: 1px solid #eed3d7;
	padding: 15px 15px 15px 15px;
	position:relative;
	margin-bottom:15px;
}

.green-box	{	
	webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
	padding: 15px 15px 15px 15px;
	position:relative;
	margin-bottom:15px;
}

.blue-box	{	
	webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	  background-color: #d9edf7;
  border: 1px solid #bce8f1;
	padding: 15px 15px 15px 15px;
	position:relative;
	margin-bottom:15px;
}
	
/* ---------------------------------------------------------------------- */
/*	全ページ共通
/* ---------------------------------------------------------------------- */
p:last-child {
	margin-bottom: 0px;
}

.wakaba {
	background:url(/images/icons/wakaba-small.png) no-repeat;
	padding-left:25px;
	background-position: left;
}

.list {
	background:url(/images/icons/list-small.png) no-repeat;
	padding-left:28px;
	background-position: left;
}

.chuui {
	background:url(/images/icons/chuui.gif) no-repeat;
	padding-left:25px;
	background-position: left;
}

.flag-y	{
	background-image:url(/images/icons/maru.png); 
	background-repeat:no-repeat;
	background-position: center center;
}

.flag-n	{
	background-image:url(/images/icons/batsu.png); 
	background-repeat:no-repeat;
	background-position: center center;
}

.flag-yn	{
	background-image:url(/images/icons/sankaku.png); 
	background-repeat:no-repeat;
	background-position: center center;
}

.hatena-yellow {
	background:url(/images/icons/hatena-yellow.png) no-repeat;
	padding-left:23px;
}

.hatena-green {
	background:url(/images/icons/hatena-green.png) no-repeat;
	padding-left:23px;
}


.batsu-red {
	background:url(/images/icons/batsu-red.png) no-repeat;
	padding-left:23px;
}

.dotted-divider2	{
	border-bottom: 3px double #E5E5E5;
	margin-bottom: 30px;
    padding-bottom: 30px;
}

.dotted-divider3	{
	border-bottom: 1px dotted #999999;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.wakuin	{
	border:1px #cccccc solid;
    padding: 10px;
}
	

ul.kankaku10 li	{
	margin-top:10px
}

ol.kankaku20 li	{
	margin-top:20px
}

.inline select,
.inline input,
.inline textarea	{
	display:inline;
}

.max767-c	{
	text-align:center !important;
}

/***画像のリンクマウスオーバーで半透明********/

.hantomei a:link, .hantomei a:visited {

}

.hantomei a:active, .hantomei a:hover {
text-decoration:none;
filter: alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;
}

/***画像のリンクマウスオーバーで半透明********/
f
.link-blk a {color:#333;}

.link-blk a:hover { color: #f15a23; }

/***画像の回り込み********/

.image-left,
.image-right {
   overflow: hidden;
   height: auto;
}
 
.image-left img {
   float: left;
   margin: 0 15px 15px 0 !important;
   padding: 0 !important;
   border: 0 !important;
}
 
.image-right img {
   float: right;
   margin: 0 0 15px 15px !important;
   padding: 0 !important;
   border: 0 !important;
}
 


/* ---------------------------------------------------------------------- */
/*	ディフォルトのテーブル
/* ---------------------------------------------------------------------- */

table.table-02 {
    width:100%;
    border: 1px #cccccc solid;
    border-collapse: collapse;
    border-spacing: 0;
	margin-bottom:5px;
	font-size:1em;
}

.table-02 th {
    padding: 5px 10px 5px 10px;
    border: #cccccc solid;
    border-width: 0 0 1px 1px;
    background:#F4F4F4;
	font-weight:bold;
	vertical-align: middle;

}


.table-02 td {
    padding: 5px 10px 5px 10px;
    border: 1px #cccccc solid;
    border-width: 0 0 1px 1px;
	vertical-align: middle;

}

/*白 */
.table-02 tr.cffffff {
	background-color: #ffffff; 
}

/*黄色 */
.table-02 tr.cffffcc {
	background-color: #fffff0;　
}

/*ピンク */
.table-02 tr.cffccff {
	background-color: #fff0f5;　
}

/*青 */
.table-02 tr.c99ccff {
	background-color: #f0ffff;　
}

/*緑 */
.table-02 tr.c99ffcc {
	background-color: #f0fff0;　
}


/* ---------------------------------------------------------------------- */
/*	国・都市一覧のテーブル
/* ---------------------------------------------------------------------- */

table.table-01 {
    width:100%;
    border: 1px #cccccc solid;
    border-collapse: collapse;
    border-spacing: 0;
	font-size:1em;
}

.table-01 th {
	padding: 13px 10px 5px 10px;
    border: #cccccc solid;
    border-width: 0 0 1px 1px;
    background: url("/images/promo.png") repeat;
	border-left: 3px solid #F15A23;
	font-weight:bold;
}

.table-01 td {
	padding: 5px 10px 5px 10px;
    border: 1px #cccccc solid;
    border-width: 0 0 1px 1px;
	vertical-align:top;
}

.table-01 td a {
	color:#333;
}

.table-01 td.faq a {
	color:#8B4513;
}

.t_center {
	text-align:center; !important;
}

.t_left	{
	text-align:left;
}


/* ---------------------------------------------------------------------- */
/*	DIVテーブル
/* ---------------------------------------------------------------------- */

.div-table {
display:table;
}
.row {
display:table-row;
}
.row>div {
display:table-cell;
margin:0px;
padding:0px;
border:0px;
}

.dt-th{
	background:#f4f4f4;
	font-weight:bold;
}


/* ---------------------------------------------------------------------- */
/*	トップページ
/* ---------------------------------------------------------------------- */

.kuni {
    padding: 15px;
	background-image:url(/images/temp/ayers-rock.jpg);
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: inset 0 0 15px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.1);
}

.kuni-back	{
	background-color:#FFFFFF;
	opacity: 0.8;
	padding:5px;
  text-shadow: 1px 1px 0px #fff;
}

.kuni-2{
	background-image:url(/images/temp/228x155.jpg)

}

.kuni-a {
    padding: 15px;
	border:1px #CCCCCC;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: inset 0 0 15px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.1);
}

.kuni-b{
    padding: 15px;	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow: 0px 0px 6px #000000;
	-webkit-box-shadow: 0px 0px 6px #000000;
	box-shadow: 0px 0px 6px #000000;
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	
}

/* ----------------------------------------------------------------
    旗リストマーク
-----------------------------------------------------------------*/

.flags {
	padding-left:35px;
	background-position: left;
	margin-left:0px;
}

.dhq	{background:url(/images/flags/donkey_hq.gif) no-repeat;}
.america	{background:url(/images/flags/america.gif) no-repeat;}
.australia	{background:url(/images/flags/australia.gif) no-repeat;}
.austria	{background:url(/images/flags/austria.gif) no-repeat;}
.bali	{background:url(/images/flags/bali.gif) no-repeat;}
.belgium	{background:url(/images/flags/belgium.gif) no-repeat;}
.brazil	{background:url(/images/flags/brazil.gif) no-repeat;}
.bulgaria	{background:url(/images/flags/bulgaria.gif) no-repeat;}
.cambodia	{background:url(/images/flags/cambodia.gif) no-repeat;}
.canada	{background:url(/images/flags/canada.gif) no-repeat;}
.czech_republic	{background:url(/images/flags/czech-republic.gif) no-repeat;}
.china	{background:url(/images/flags/china.gif) no-repeat;}
.cuba	{background:url(/images/flags/cuba.gif) no-repeat;}
.denmark	{background:url(/images/flags/denmark.gif) no-repeat;}
.fiji	{background:url(/images/flags/fiji.gif) no-repeat;}
.finland	{background:url(/images/flags/finland.gif) no-repeat;}
.france	{background:url(/images/flags/france.gif) no-repeat;}
.germany	{background:url(/images/flags/germany.gif) no-repeat;}
.united_kingdom	{background:url(/images/flags/united_kingdom.gif) no-repeat;}
.greece	{background:url(/images/flags/greece.gif) no-repeat;}
.guam	{background:url(/images/flags/guam.gif) no-repeat;}
.hawaii	{background:url(/images/flags/hawaii.gif) no-repeat;}
.hong_kong	{background:url(/images/flags/hong_kong.gif) no-repeat;}
.hungary	{background:url(/images/flags/hungary.gif) no-repeat;}
.iceland	{background:url(/images/flags/iceland.gif) no-repeat;}
.ireland	{background:url(/images/flags/ireland.gif) no-repeat;}
.italy	{background:url(/images/flags/italy.gif) no-repeat;}
.korea	{background:url(/images/flags/korea.gif) no-repeat;}
.laos	{background:url(/images/flags/laos.gif) no-repeat;}
.malaysia	{background:url(/images/flags/malaysia.gif) no-repeat;}
.mexico	{background:url(/images/flags/mexico.gif) no-repeat;}
.netherland	{background:url(/images/flags/netherland.gif) no-repeat;}
.new_zealand	{background:url(/images/flags/new_zealand.gif) no-repeat;}
.palau	{background:url(/images/flags/palau.gif) no-repeat;}
.peru	{background:url(/images/flags/peru.gif) no-repeat;}
.poland	{background:url(/images/flags/poland.gif) no-repeat;}
.portugal	{background:url(/images/flags/portugal.gif) no-repeat;}
.saipan	{background:url(/images/flags/saipan.gif) no-repeat;}
.singapore	{background:url(/images/flags/singapore.gif) no-repeat;}
.slovakia	{background:url(/images/flags/slovakia.gif) no-repeat;}
.spain	{background:url(/images/flags/spain.gif) no-repeat;}
.switzerland	{background:url(/images/flags/switzerland.gif) no-repeat;}
.taiwan	{background:url(/images/flags/taiwan.gif) no-repeat;}
.thailand	{background:url(/images/flags/thailand.gif) no-repeat;}
.turkey	{background:url(/images/flags/turkey.gif) no-repeat;}
.united_arab_emirates	{background:url(/images/flags/united_arab_emirates.gif) no-repeat;}
.vietnam	{background:url(/images/flags/vietnam.gif) no-repeat;}

/* ----------------------------------------------------------------
    ランクマーク
-----------------------------------------------------------------*/

.rank {
	padding-left:35px;
	background-position: left;
	margin-left:0px; 
	padding-top: 5px;
}
.rank_1	{background:url(/images/icons/rank_1.png) no-repeat;}
.rank_2	{background:url(/images/icons/rank_2.png) no-repeat;}
.rank_3	{background:url(/images/icons/rank_3.png) no-repeat;}
.rank_4	{background:url(/images/icons/rank_4.png) no-repeat;}
.rank_5	{background:url(/images/icons/rank_5.png) no-repeat;}
.rank_6	{background:url(/images/icons/rank_6.png) no-repeat;}
.rank_7	{background:url(/images/icons/rank_7.png) no-repeat;}
.rank_8	{background:url(/images/icons/rank_8.png) no-repeat;}
.rank_9	{background:url(/images/icons/rank_9.png) no-repeat;}
.rank_10	{background:url(/images/icons/rank_10.png) no-repeat;}

/* ----------------------------------------------------------------
    FAQs
-----------------------------------------------------------------*/


#oshirase { margin: 0 0 -15px; }

.news {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px dotted #DDD;
}

.news .togglet,
.news .toggleta {
    background-image: none !important;
    line-height: 20px;
    padding-left: 26px;
}

.news .togglet i,
.news .toggleta i {
    display: block;
    position: absolute;
    font-size: 18px;
    width: 18px;
    text-align: center;
    top: 0;
    left: 0;
}

.news .togglec { padding: 10px 0 0 26px; }

.news-date{
	margin-right:3px;
}

.news-box	{
	position:relative
}

.news-list{
	position:absolute;
	right:5px;
	font-weight:normal;
	font-size:13px;
	background:url(/images/icons/list-small.png) no-repeat;
	padding-left:25px;

	color:#333;	
}

/* ---------------------------------------------------------------------- */
/*	ツアーリスト表示部分
/* ---------------------------------------------------------------------- */


hr.tour-list{
	height: 1px;
	border: none;
	border-top: 1px #999 dotted;
}

.text-red{
	color:#F00;
	font-size:14px;
}
	

#tour-price-list {
    position: absolute;
    left: auto;
    right: 0;
    margin-top: -20px;
	text-align:right;
}


.tour-list-sale	{
	position:absolute;
	bottom:0;
    left: auto;
    right: 0;	
}


.entry_title h3 {
    padding: 0;
    color: #444;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
}

.entry_title h3 a { color: #555; }

.entry_title h3 a:hover { color: #888; }

.list-image	{
	height:200px !important;
}

.tour-list-content	{
	position:relative; 
	height:180px;
}

.tour-list-button	{
	position:absolute;
	bottom:0;
	right:0;
}

.tour-list-price	{
	font-weight:bold; 
	position:absolute;
	right:0;
	bottom:40px;
}



/* ---------------------------------------------------------------------- */
/*	注目情報
/* ---------------------------------------------------------------------- */

.chumoku-box	{	
	webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #62C9D8;
	background-color:#F1F9FC;
	padding: 20px 20px 0px 20px;
	position:relative;
}

.chumoku-box-orange	{	
	webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #ffa500;
	background-color:#ffefd5;
	padding: 20px 20px 20px 20px;
	position:relative;
}

.bl-box-image	{
	position:absolute;
	top:-30px;
	right:0px;
	z-index:1;
}
ul.chumoku-list li	{

	font-size:14px;
	color:#333;
}

ul.chumoku-list li a	{
	color:#333;
}

ul.chumoku-list li a:hover	{
	color:#F15A23;
}

.chumoku-image	{
	position:absolute;
	top:-25px;
	right:0px;
	z-index:1;
}

.chumoku	{
	border:2px #CCCCCC;
	-moz-box-shadow: 0px 0px 2px #000000;
-webkit-box-shadow: 0px 0px 2px #000000;
box-shadow: 0px 0px 2px #000000;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
}

.chumoku p, .chumoku h5	{
	padding-left:10px;
	padding-right:10px;
}

/* ---------------------------------------------------------------------- */
/*	ツアー詳細ページ
/* ---------------------------------------------------------------------- */

#portfolio.portfolio-4G { margin: 0 -5px -5px 0; }

.portfolio-4G .portfolio-item {
    margin: 0 5px 5px 0;
    width: 228px;
}

.portfolio-4G .portfolio-item .portfolio-image,
.portfolio-4G .portfolio-item .portfolio-image a,
.portfolio-4G .portfolio-item .portfolio-image img {
    width: 228px;
    height: 155px;
}

.p-overlay-icons4G {
	position:absolute;
    top: 45%;
    left: 45%;
}

.p-overlay-icons4G a {
    display: block;
    float: left;
    margin-left: 2px;
    width: 32px !important;
    height: 32px !important;
    text-indent: -9999px;
    background-color: #222;
    background-repeat: no-repeat;
    background-image: url("/images/icons/zoom-in.png");
}

.star5 {
	background:url(/images/icons/star5.gif) no-repeat;
	padding-right:75px;
	background-position: right;
}

.star4 {
	background:url(/images/icons/star4.gif) no-repeat;
	padding-right:75px;
	background-position: right;
}

.star3 {
	background:url(/images/icons/star3.gif) no-repeat;
	padding-right:75px;
	background-position: right;
}

.star2 {
	background:url(/images/icons/star2.gif) no-repeat;
	padding-right:75px;
	background-position: right;
}

.star1 {
	background:url(/images/icons/star1.gif) no-repeat;
	padding-right:75px;
	background-position: right;
}

.max767-display{
	display:none;
}


.toggle-box1	{	
	border:1px solid #cccccc;
    padding:10px 10px 10px 10px;
	padding-left:42px !important;
	background-color:#fafafa !important;
	font-weight:bold;
	background-position:10px 50% !important;
}

.toggle-box2	{	

	border:1px solid #cccccc;
	border-top:none;

}

.max479-migi10{
	margin-right:10px;
}

.gm_container iframe{
	width: 100%;
}

.ullist ul li {
	list-style: disc;
}

.ullist_remarks ul {
	margin-bottom: 0px;
}


/* ---------------------------------------------------------------------- */
/*	旅行条件書
/* ---------------------------------------------------------------------- */

.table-title{
	font-size:14px;
	font-weight:bold;
	margin:10px 0 10px 0;
}

/* ---------------------------------------------------------------------- */
/*	ヘルプセンター
/* ---------------------------------------------------------------------- */

.help-menu-box {
	height:190px;
}


/* ---------------------------------------------------------------------- */
/*	ご利用方法
/* ---------------------------------------------------------------------- */

.arrow-down{
	margin:0px 0 20px 0;
	text-align:center;
}
/* ---------------------------------------------------------------------- */
/*	会社情報
/* ---------------------------------------------------------------------- */

.gallery2{width:210px; 
	height:193px;margin:0px;
	padding:5px;
 	background-color: #FFFFFF;
	border: solid 1px #999999;
	text-align:center;
	vertical-align:middle;}
	
.catein2{
	padding:5px 3px 15px 3px;
	text-align:center;
	margin:0px;
	font-size:0.9em;
}

/* ---------------------------------------------------------------------- */
/*	ガイド
/* ---------------------------------------------------------------------- */


.guide-title {
	cursor: pointer;
    border-bottom: 1px dotted #DDD;
    line-height: 24px;
    padding: 12px 0 12px 32px;
	margin: 0;
    font-size: 16px;
    font-family: 'Meiryo', 'メイリオ', Verdana,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
	color: #333;
	background: url("/images/icons/guide-link.png") no-repeat left;
}

/* ---------------------------------------------------------------------- */
/*	マイページ
/* ---------------------------------------------------------------------- */

.st-ok	{
	background-image:url(/images/icons/ok.gif); 
	background-repeat:no-repeat;
	background-position: center center;
}

.st-uc	{
	background-image:url(/images/icons/uc.gif); 
	background-repeat:no-repeat;
	background-position: center center;
}

.st-wt	{
	background-image:url(/images/icons/wt.gif); 
	background-repeat:no-repeat;
	background-position: center center;
}

.st-cx	{
	background-image:url(/images/icons/cx.gif); 
	background-repeat:no-repeat;
	background-position: center center;
}

.arrow-gray	{
	background-image:url(/images/icons/arrow-gray.gif); 
	background-repeat:no-repeat;
	background-position: center center;
}

.arrow-red	{
	background-image:url(/images/icons/arrow-red.gif); 
	background-repeat:no-repeat;
	background-position: center center;
}

/* ---------------------------------------------------------------------- */
/*	パンくず
/* ---------------------------------------------------------------------- */

.pankuzu ol {
	margin:10px 0 0 0;
}
.pankuzu ol li {
    /* liを横並び＆ブレットを消す */
    display: inline;
    list-style-type: none;
}

.pankuzu ol li a {
    /* aの背景画像に記号の画像を指定 */
    background-image: url(/images/icons/pankuzu-arrow.gif);

    /* 右寄せ＆リピート無し */
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 25px;
	color:#444;
}

.pankuzu ol li a:hover {
	color:#F15A23;
}

.pankuzu ol li.current {
	font-weight:bold;
	color:#444;
}

/* ---------------------------------------------------------------------- */
/*	ヘッダー
/* ---------------------------------------------------------------------- */


#header_searchform {
	position:absolute;
	top:5px;
	right:0px;
	height:33px;
	vertical-align:middle;

}
#header_searchform2 {
	position: relative;
	float:right;
    height: 40px;
	margin-top:5px;
}


#keywords	{
	width: 190px;
	height: 16px;
	background: #FFFFFF;
	border: 1px solid #CCC;
	padding: 4px;
	color:#999999;
}
#searchBtn	{
	position: absolute;
	top: 3px;
	_top: 1px;
	right: -9px;
	border: 1px solid #CCC;
}
*:first-child + html #searchBtn2	{
	top: 1px;
}



/* ---------------------------------------------------------------------- */
/*	ページナビゲーション
/* ---------------------------------------------------------------------- */
        
.page_navigation , .alt_page_navigation{
	padding-bottom: 25px;
	text-align:center;
	margin-top:5px;
}

.page_navigation a, .alt_page_navigation a{
	padding:3px 5px;
	margin:2px;
	text-decoration:none;
	float: left;
	border: 1px solid #000000;
	color:#000000;
}
.active_page, .page_navigation a:hover{
	background-color:#F15A23 !important;
	color:#ffffff !important;
}	

.contenttt, .alt_content{
	color: black;
}

.contenttt li, .alt_content li, .content > p{
	padding: 1px;
	margin-top:10px;
}


/* ---------------------------------------------------------------------- */
/*	ステップ・インディケータ
/* ---------------------------------------------------------------------- */

/* Style 2 modern.css */

div.multi-step {
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
			box-sizing:border-box;	/* without it, the box will be 20 pixels more than 100% wide */
	display:table;
	font-size:1.5em;
	padding-right:20px;
	width:100%;
	position:relative;
}
div.multi-step ol {
	display:table-row;
	margin:0;
	padding:0;
}
div.multi-step ol > li {
	background-position:0 50%;
	background-repeat:no-repeat;
	display:table-cell;				/* table cells have equal heights */
	list-style:none;
	margin:0;
	padding:0;
}
div.multi-step ol > li:before {
	background-position:100% 50%;
	background-repeat:no-repeat;
	content:"";
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	width:22px;
	margin-left:-20px;
}
div.multi-step ol > li.current p,
div.multi-step ol > li.current .wrap,
div.multi-step ol > li.current ~ li .wrap {
	opacity:1;
	filter:alpha(opacity=100);		/* this is for IE 8 */
}
div.multi-step ol > li .wrap {
	min-height:20px;				/* the number is abolutely positioned, so I need to save some space */
	padding:8px 8px 8px 28px;
	opacity:0.5;
	filter:alpha(opacity=50);
}
div.multi-step ol > li p {
	margin:0;
}
div.multi-step ol > li .title {
	font-weight:bold;
	line-height:1;
	margin-top:2px;
	
}
div.multi-step ol > li .subtitle {
	font-size:0.8em;
	line-height:1.2;
	margin-top:0.4em;
}


div.multi-step.numbered ol {
	counter-reset:li;				/* initialize the step number */
}
div.multi-step.numbered ol > li .wrap {
	padding-left:58px;
	position:relative;
}
div.multi-step.numbered ol > li .wrap:before {
	content:counter(li);			/* the step number is generated with CSS and placed in the :before pseudo-element */
	counter-increment:li;
	position:absolute;
	top:4px;
	left:24px;
	border-style:solid;
	border-width:2px;
	border-radius:50%;
	width:24px;
	height:24px;
	line-height:22px;
	font-size:0.8em;
	font-weight:bold;
	text-align:center;
}


/* specific widths are needed for each step (LI) since table-cell are only as wide as it's content needs by default
   you should not really need less than three or more than five steps!
   the left percentages are for the arrows */
div.multi-step.three-steps ol > li							{ width:34%; }
div.multi-step.three-steps ol > li:first-child				{ width:33%; }
div.multi-step.three-steps ol > li:before					{ left:33.6%; }
div.multi-step.three-steps ol > li + li:before				{ left:66.6%; }
div.multi-step.three-steps ol > li + li + li:before			{ left:100%; }

div.multi-step.four-steps ol > li							{ width:25%; }
div.multi-step.four-steps ol > li:before					{ left:26%; }
div.multi-step.four-steps ol > li + li:before				{ left:50.4%; }
div.multi-step.four-steps ol > li + li + li:before			{ left:74.8%; }
div.multi-step.four-steps ol > li + li + li + li:before		{ left:100%; }

div.multi-step.five-steps ol > li							{ width:20%; }
div.multi-step.five-steps ol > li:before					{ left:21%; }
div.multi-step.five-steps ol > li + li:before				{ left:40.6%; }
div.multi-step.five-steps ol > li + li + li:before			{ left:60%; }
div.multi-step.five-steps ol > li + li + li + li:before		{ left:79.6%; }
div.multi-step.five-steps ol > li + li + li + li + li:before{ left:100%; }


/* IE 8 fixes */
@media \0screen {
	div.multi-step ol > li .wrap:before {
		border-width:0;
		top:6px;
	}
}

/* Style 2 color.css */

div.multi-step ol > li.current .title {				/* current title text color */
	color:#333;
}
div.multi-step ol > li .title {						/* title text color */
	color:#999;
}
div.multi-step ol > li .subtitle {					/* subtitle text color */
	color:#525c66;
}


div.multi-step.numbered ol > li .wrap:before {		/* step number, background, border and text color */ 
	background:#333;
	border-color:#fff;
	color:#fff;
}


div.multi-step.color-1 ol > li,
div.multi-step.color-1 ol > li:before {				/* default step background */
	background-image:url(/images/step/blue.png);
}
div.multi-step.color-1 ol > li.current,
div.multi-step.color-1 ol > li.current:before {		/* the active step */
	background-image:url(/images/step/blue_active.png);
}

div.multi-step.color-2 ol > li,
div.multi-step.color-2 ol > li:before {
	background-image:url(/images/step/green.png);
}
div.multi-step.color-2 ol > li.current,
div.multi-step.color-2 ol > li.current:before {
	background-image:url(/images/step/green_active.png);
}

div.multi-step.color-3 ol > li,
div.multi-step.color-3 ol > li:before {
	background-image:url(/images/step/red.png);
}
div.multi-step.color-3 ol > li.current,
div.multi-step.color-3 ol > li.current:before {
	background-image:url(/images/step/red_active.png);
}

div.multi-step.color-4 ol > li,
div.multi-step.color-4 ol > li:before {
	background-image:url(/images/step/grey.png);
}
div.multi-step.color-4 ol > li.current,
div.multi-step.color-4 ol > li.current:before {
	background-image:url(/images/step/grey_active.png);
}

div.multi-step.color-5 ol > li,
div.multi-step.color-5 ol > li:before {
	background-image:url(/images/step/orange.png);
}
div.multi-step.color-5 ol > li.current,
div.multi-step.color-5 ol > li.current:before {
	background-image:url(/images/step/orange_active.png);
}

/* ---------------------------------------------------------------------- */
/*	ブログ
/* ---------------------------------------------------------------------- */
.wp-caption {
max-width:100%;
height:auto !important;
border: 1px solid #ccc;
text-align: center;
background-color: #f8f8f8;
margin:10px 0 20px 0;
}
 
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
max-width:100%;
height:auto !important;
}
 
.wp-caption-text {
font-style: normal;	
padding: 15px;
margin: 0;
}
/* ---------------------------------------------------------------------- */
/*	レスポンシブ
/* ---------------------------------------------------------------------- */

@media only screen and (max-width: 979px) {
	

.tour-list-content	{
	height: auto;
}

.tour-list-button	{
	position:static;
	bottom: auto;
	right:auto;
}

.tour-list-price	{
	font-weight:bold; 
	position:static;
	right:auto;
	bottom:auto;
}

.help-menu-box{
	height:210px;
}

.max979 tbody tr {
    display: block;
}



.max979 tbody th,
.max979 tbody td{
	display: list-item;
	list-style:none;
	border: none;
	text-align:left;
	width:auto;
}

	
}

/* Tablet Portrait size to Tablet Landscape (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 979px) {



}


@media only screen and (max-width: 767px) {
	
.list-image	{
	height: auto !important;
}

#top-bar {
	display:none;
}

.pankuzu	{
	text-align:center;
}

.tour-list-button	{
	text-align:center !important;;
}

.tour-list-price	{
	text-align:center;
}

.max767-none{
	display:none;

}

.max767-display{
	display: block;
}


th.max787-p1 {
    padding: 1px;

}

td.max787-p1 {
    padding: 1px;
}


.max767 tbody tr {
    display: block;
}



.max767 tbody th,
.max767 tbody td{
	display: list-item;
	list-style:none;
	border: none;
	text-align:left;
	width:auto;
}


.no-max767 tbody tr {
	display:table-row;
}

.no-max767 tbody th,
.no-max767 tbody td{
	display: table-cell;
    border:1px #cccccc solid;
	text-align:center;
}

.max767-alt,
.max767-alt2 {
		display: block;
	}

.max767-alt thead,
.max767-alt2 thead{
			display: none;
		}
.max767-alt tbody,
.max767-alt2 tbody{
			display: block;
		}
		
.max767-alt tbody tr,
.max767-alt2 tbody tr{
				display: block;
				margin-bottom: 1.5em;
			}
			
.max767-alt tbody th,
.max767-alt tbody td,
.max767-alt2 tbody th,
.max767-alt2 tbody td
			{
				display: list-item;
				border: none;
				width:auto;
			}
.max767-alt tbody th,
.max767-alt2 tbody th{
				margin-bottom: 5px;
				list-style-type: none;
				color:#FFFFFF;
				background: #000;
				font-weight:bold;
			}
.max767-alt tbody td,
.max767-alt2 tbody td{
				margin-left: 20px;
				padding: 0;
			}
.max767-alt tbody td:nth-of-type(1):before { content: "[通貨単位]　"; }
.max767-alt tbody td:nth-of-type(2):before { content: "[カード払い]　"; }
.max767-alt tbody td:nth-of-type(3):before { content: "[コンビニ・銀行振込]　"; }

.max767-alt2 tbody td:nth-of-type(1):before { content: "[出発日]　"; }
.max767-alt2 tbody td:nth-of-type(2):before { content: "[料金]　"; }
.max767-alt2 tbody td:nth-of-type(3):before { content: "[クラス]　"; }
.max767-alt2 tbody td:nth-of-type(4):before { content: "[ルール]　"; }

.max767-c	{
	text-align:left !important;
}

.max767-mb{
	background-position: 10px center !important;
}

.help-menu-box{
	height:170px;
}

input[type="text"],
input[type="password"] { width: 45%;}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {




.sale-icon{
	width:50px !important;
	height:50px !important;
}

max767-migi10	{
	margin-right:0 !important;
}

	
}



/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	

.max479-ue10	{
	margin-top:10px;
}

.max479-migi10	{
	margin-right:0 !important;
}

.max479-none{
	display:none;

}

.max479-display{
	display: block;
}

.help-menu-box{
	height:190px;
}


}


/* ----------------------------------------------------------------
  都市・カテゴリーなどのサムネイル スマホ用追加 CSS
-----------------------------------------------------------------*/

@media screen and (max-width: 479px) {

	#portfolio-filter{
		display: none;
	}

	.portfolio-item .portfolio-overlay-wrap{
		display: none;
	}


    .portfolio-5 .portfolio-title {
        position: inherit;
        text-align: left;
        border-bottom: none;
        background-color: #fff;
        padding-left:30px !important;
        height: 1em !important;
    }


    .portfolio-5 .portfolio-title h3 {
        font-size: 13px;
        font-weight: normal;
        height:83px;
    }

    .portfolio-5 .portfolio-title h3 a {
        color: #777;
    }

    .portfolio-5 .portfolio-item	{
        border-bottom:#e2e2e2 1px solid;
        padding-bottom:5px;
        margin-top:5px !important;

    }

    .portfolio-5 .portfolio-image	{
        float:left;
        margin-right:15px;
		width:125px !important;
		height: 83px !important;
    }
    .portfolio-5 .portfolio-item img	{
        width: 125px !important;
        height:83px !important;
    }

	.portfolio-5 .portfolio-overlay {
		background-color: #ffffff;
		opacity: 0.3;
	}

}

/* ----------------------------------------------------------------
   スマホ用追加 CSS ボックスレイアウトをとる
-----------------------------------------------------------------*/
@media screen and (max-width: 479px) {
	#wrapper{
		margin: 0 auto;
		width: 95% !important;
	}
	.container { width: 95% !important; }

	.bg-www-top,
	.bg-www-america,
	.bg-www-australia,
	.bg-www-austria,
	.bg-www-bali,
	.bg-www-belgium,
	.bg-www-bulgaria,
	.bg-www-canada,
	.bg-www-cambodia,
	.bg-www-czech_republic,
	.bg-www-china,
	.bg-www-denmark,
	.bg-www-dubai,
	.bg-www-egyput,
	.bg-www-fiji,
	.bg-www-finland,
	.bg-www-france,
	.bg-www-germany,
	.bg-www-united_kingdom,
	.bg-www-greece,
	.bg-www-guam,
	.bg-www-hawaii,
	.bg-www-hungary,
	.bg-www-hong_kong,
	.bg-www-iceland,
	.bg-www-ireland,
	.bg-www-israel,
	.bg-www-italy,
	.bg-www-jordan,
	.bg-www-korea,
	.bg-www-laos,
	.bg-www-malaysia,
	.bg-www-mexico,
	.bg-www-netherland,
	.bg-www-new_zealand,
	.bg-www-palau,
	.bg-www-poland,
	.bg-www-portugal,
	.bg-www-saipan,
	.bg-www-singapore,
	.bg-www-spain,
	.bg-www-switzerland,
	.bg-www-taiwan,
	.bg-www-thailand,
	.bg-www-turkey,
	.bg-www-united_arab_emirates,
	.bg-www-vietnam,
	.bg-navitour-top,
	.bg-navitourca-top,
	.bg-navitourusa-top,
	.bg-navitour-australia,
	.bg-navitourca-canada,
	.bg-navitourusa-america	{background-image:url(/images/patterns/light/pattern17.png);}
}

.blog-product-feature-img img {
	width: 273px;
	height: 200px
}

.blog-entry ul li {
	list-style: disc;
	margin-bottom: 3px;
}

.blog-entry ol li {
	margin-bottom: 3px;
}

.blog-entry img {
	width:auto;
	height:auto;
}

/* ---------------------------------------------------------------------- */
/*	CKEDITOR
/* ---------------------------------------------------------------------- */

.marker_yellow_full {
	background: linear-gradient(transparent 0%, #ffff66 0%);
}

.marker_yellow_half {
	background: linear-gradient(transparent 70%, #ffff66 70%);
}

.marker_lime_full {
	background: linear-gradient(transparent 0%, #66FFCC 0%);
}

.marker_lime_half {
	background: linear-gradient(transparent 70%, #66FFCC 70%);
}

.marker_water_full {
	background: linear-gradient(transparent 0%, #9eceff  0%);
}

.marker_water_half {
	background: linear-gradient(transparent 70%, #9eceff  70%);
}

.marker_pink_full {
	background: linear-gradient(transparent 0%, #ffc1e0 0%);
}

.marker_pink_half {
	background: linear-gradient(transparent 70%, #ffc1e0 70%);
}


.label-time {
	display: inline;
	padding: .3em .6em .3em;
	font-size: 100%;
	font-weight: bold;
	line-height: 2;
	color: #ffffff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
	background-color: #428bca;
	margin-right: 10px;
}

.label-meal {
	display: inline;
	padding: .3em .6em .3em;
	font-size: 100%;
	font-weight: bold;
	line-height: 2;
	color: #ffffff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
	background-color: #5cb85c;
	margin-right: 10px;
}

.label-accommo {
	display: inline;
	padding: .3em .6em .3em;
	font-size: 100%;
	font-weight: bold;
	line-height: 2;
	color: #ffffff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
	background-color: #d9534f;
	margin-right: 10px;
}

.label-default {
  background-color: #999999;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #808080;
}
.label-primary {
  background-color: #428bca;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #3071a9;
}

.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}

.itinerary div + p {margin-top: 20px}
.itinerary p + hr {margin-bottom: 0px}
.itinerary hr + p {margin-top: 20px}
.itinerary th {text-align: center}
.itinerary div.div-ul + hr {margin-top: 20px}

.itinerary-title {
	font-weight: bold;
	font-size: 12px;
}

.itinerary-title a {color:#333333 }
.itinerary-title a:hover, .selected { color: #333333; }

.number-day {
	padding: 0.5em;
	background: #fffaf4;
	border-left: solid 5px #ffaf58;
	font-weight: bold;
	font-size: 15px;
}

.number-day a {color: #333333 !important}
.number-day a:hover, .selected  {color: #333333 !important}

.iti-sub-title {
	background: linear-gradient(transparent 60%, #ffff66 60%);
	font-weight: bold;
	font-size: 14px;
}

.iti-sub-title a {color: #333333 !important}
.iti-sub-title a:hover, .selected  {color: #333333 !important}

.itinerary hr {
	border: 0;
	height: 1px;
	background: #333;
	background-image: linear-gradient(to right, #ccc, #333, #ccc);
}


.promo-box-blue	{
	webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #62C9D8;
	background-color:#F1F9FC;
	padding: 20px;
}

.promo-box-blue img	{
	width: 100%;
	height: auto !important;
}

.promo-box-yellow	{
	webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #fbeed5;
	background-color:#fcf8e3;
	padding: 20px;
}

.promo-box-yellow img	{
	width: 100%;
	height: auto !important;
}

.promo-box-red	{
	webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #eed3d7;
	background-color:#f2dede;
	padding: 20px;
}

.promo-box-red img	{
	width: 100%;
	height: auto !important;
}

.promo-box-green	{
	webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #d6e9c6;
	background-color:#dff0d8;
	padding: 20px;
}

.promo-box-green img	{
	width: 100%;
	height: auto !important;
}

.promo-box-grey	{
	webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #cccccc;
	background-color:#fafafa;
	padding: 20px;
}

.promo-box-grey img	{
	width: 100%;
	height: auto !important;
}

.blog-h3 {
	border-bottom: solid 3px skyblue;
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 0px;
	margin-top: 40px;
  }
  
.blog-h3:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #ffc778;
	bottom: -3px;
	width: 30%;
  }
  
.blog-h4 {
	padding: 0.25em 0.5em;
	background: transparent;
	border-left: solid 5px #ffaf58;
	margin-bottom: 20px;
	margin-top: 30px;
	font-size: 14px;
  }
  
.blog-h5{
	position:relative;
	padding-left:18px;
	border-bottom:1px solid #777;
	font-weight: bold;
	font-size: 13px;
	padding-bottom: 3px;
	display: inline-block;
	margin-bottom: 20px;
	margin-top: 15px;
}
 
.blog-h5:before{
	content:''; 
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px; 
	height:12px; 
	width:12px; 
	display:block; 
	position:absolute; 
	top:2px; 
	left:0px; 
	background-color:#008BBB;
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset
}
  
   .image-caption {
	border-bottom: solid 1px #dcdcdc;
	color: #777;
	font-size: 0.9em;
	margin-bottom: 20px;
	margin-top: -10px;
	padding-bottom: 10px;
  }
  
.box-chui {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #62c1ce;
}
.box-chui .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box-chui p {
    margin: 0; 
    padding: 0;
}
  
/* ---------------------------------------------------------------------- */
/*	MOBILE MENU
/* ---------------------------------------------------------------------- */

@media only screen and (max-width: 979px) {

	body {
		transition: all .2s linear;
		-o-transition: all .2s linear;
		-moz-transition: all .2s linear;
		-webkit-transition: all .2s linear;
	}

	#wrapper {
		overflow: hidden;
	}

	#primary-menu {
		width: 100%;
		max-width: 100%;
	}

	#primary-menu ul,
	#header.header4 #primary-menu ul {
		display: none;
	}

	div.responsive-menu,
	div.responsive-menu span {
		background: url("../images/responsive-menu.png");
		-webkit-font-smoothing: antialiased;
	}

	.rs-menu,
	.rs-menu * {
		margin: 0;
		padding: 0;
	}

	.rs-menu {
		display: -moz-inline-box;
		display: inline-block;
		vertical-align: middle;
		zoom: 1;
		*display: inline;
	}

	div.rs-menu {
		display: block;
		position: relative;
		overflow: hidden;
		margin: 0 auto;
	}

	.select-menu {
		display: block;
		width: 100%;
		padding: 10px;
		margin-top: 38px;
		font-size: 13px;
	}

	#primary-menu ul {
		margin: 0 auto;
		border: 3px solid #EEE;
	}

	#primary-menu ul li {
		float: none;
		height: auto;
		background: none;
		margin: 0;
		border-top: 1px solid #EEE;
	}

	#primary-menu ul li:first-child {
		border-top: 0;
	}

	#primary-menu li a,
	#header.header2 #primary-menu ul li a {
		display: block;
		padding: 10px 16px 13px;
	}

	#primary-menu ul ul {
		display: none;
		z-index: 1;
		width: 100%;
		position: relative;
		top: 0;
		border: none;
	}

	#primary-menu ul ul ul {
		left: 0 !important;
		padding: 0;
		top: 0;
	}

	#primary-menu ul ul a {
		padding: 3px 25px !important;
	}

	#primary-menu ul ul ul a {
		padding: 3px 35px !important;
	}

	#primary-menu ul ul li {
		border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
		margin: 0;
	}


}

/* Tablet Portrait size to Tablet Landscape (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 979px) {

	#primary-menu {
		margin: 0 !important;
		height: auto;
	}

	#primary-menu .rs-menu {
		position: absolute;
		z-index: 1;
		top: -80px;
		left: auto;
		right: 3%;
		width: 50px;
		height: 50px;
	}

	#primary-menu ul {
		display: block;
		border-left: 0;
		border-right: 0;
	}

	#primary-menu ul,
	#lp-contacts,
	#top-search {
		display: none;
	}

	.mobile-none {display: none !important;}

	#primary-menu ul li {
		width: 100%;
		text-align: left;
	}

	#top-bar {height:40px}

}

@media only screen and (max-width: 767px) {

	#header {
		height: auto;
	}

	#header .container {
		width: 100%;
	}

	#logo {
		text-align: left;
		max-width: none;
		margin-right: 0px;
		margin-left: 20px;
	}

	#logo a,
	#logo a.standard-logo {
		display: inline-block;
	}

	#primary-menu {
		margin: 0px;
		height: auto;
	}

	#primary-menu {
		max-width: none;
		float: none;
	}

	#primary-menu ul {
		border-left: 0;
		border-right: 0;
		margin-bottom: -30px;
	}
	#primary-menu ul li {
		width: 100%;
		text-align: left;
	}

	#primary-menu ul li:last-child {
		margin-bottom: 30px;
	}

	.mobile-none {display: none !important;}

	#primary-menu .rs-menu {
		position: absolute;
		z-index: 1;
		top: -80px;
		left: auto;
		right: 5%;
		width: 50px;
		height: 50px;
	}

}

/* ---------------------------------------------------------------------- */
/*	TIMELINE
/* ---------------------------------------------------------------------- */

    .main-bdr{
      border-color: #6bb6ff;
    }
     
    .tl-content {
      position: relative;
      padding: 0 0 1.5em 1.8em;
    }
     
    .tl-content:before {
      content: "";
      display: block;
      position: absolute;
      top: 24px;
      bottom: 0;
      left: 6px;
      width: 3px;
      background: #ccd5db;
    }
     
    .tl-content:not(:first-of-type):not(:last-of-type) .tl_marker {
      background: transparent;
    }
     
    .tl-content:last-of-type:before {
      content: none;
    }
     
    .tl-content img{
      max-width: 100%;
      height: auto;
    }
     
    .tl_label {
      padding-top: 2px;
      color: #90969a;
      font-size: 14px;
      font-weight: bold;
    }
     
    .tl_title {
      font-size: 1.1em;
      font-weight: bold;
      line-height: 1.5;
    }
     
    .tl_main {
      margin-top: 0.5em;
      padding: 0 0 1.5em;
      font-size: 0.9em;
      line-height: 1.6;
      border-bottom: dashed 1px #ccd5db;
    }
     
    .main-bc {
      background-color: #6bb6ff;
    }
     
    .tl_marker {
      content: "";
      display: block;
      position: absolute;
      top: 6px;
      left: 0;
      width: 14px;
      height: 14px;
      border-radius: 50%;
      border: solid 3px #6bb6ff;
    }
    
/* ---------------------------------------------------------------------- */
/*	CHAT
/* ---------------------------------------------------------------------- */
/*画像左側のチャット*/
.chat-box {
    width: 100%;
    height: auto;
    overflow: hidden; 
    margin-bottom: 20px;
}
.chat-face {
    float: left;
    margin-right: -120px;
}
.chat-face img{
	width: 90px;
    height: 90px;
    border-radius: 30px;
    border: 1px solid #ccc;
    box-shadow: 0 0 4px #ddd;
}
.chat-area {
    width: 100%;
    float: right;
}
.chat-hukidashi {
    display: inline-block;
    padding: 15px 20px;
    margin-left: 120px;
    margin-top: 8px;
    border-radius: 10px;
    position: relative; 
    background-color: #D9F0FF; 
}
.chat-hukidashi p{
    margin-bottom: 0px;
}
.chat-hukidashi:after {
    content: "";
    position: absolute;
    top: 35px; left: -10px;
    margin-top: -10px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #D9F0FF transparent transparent;
}
/*画像右側のチャット*/
.chat-box2{
    width: 100%;
    height: auto;
    overflow: hidden; 
    margin-bottom: 20px;
}
.chat-face2 {
    float: right;
    margin-left: -120px;
}
.chat-face2 img{
　　width: 90px;
    height: 90px;
    border-radius: 30px;
    border: 1px solid #ccc;
    box-shadow: 0 0 4px #ddd;
}
.chat-area2 {
    width: 100%;
    float: left;
}
.chat-hukidashi2 {
    display: inline-block; 
    padding: 15px 20px;
    margin-right: 120px;
    margin-top: 8px;
    border-radius: 10px;
    position: relative; 
    background-color: #BCF5A9; 
    float: right;
}
.chat-hukidashi2 p{
    margin-bottom: 0px;
}
.chat-hukidashi2:after {
    content: "";
    position: absolute;
    top: 35px; right: -20px;
    margin-top: -10px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
   border-width: 10px 10px 10px 10px;
    border-color: transparent transparent transparent #BCF5A9; 
 }

 /*スマホの時は画像を小さく*/
@media screen and (max-width: 440px){
	/*画像左側のチャット*/
	.chat-face {
		float: left;
		margin-right: -80px;
	}
	.chat-face img{
		 width: 60px;
		height: 60px;
		border-radius: 30px;
		border: 1px solid #ccc;
		box-shadow: 0 0 4px #ddd;
	}
	.chat-hukidashi {
		display: inline-block;
		padding: 10px 10px;
		margin-left: 80px;
		margin-top: 0px;
		border-radius: 10px;
		position: relative; 
		background-color: #D9F0FF; 
	}
	
	/*画像右側のチャット*/
	.chat-face2 {
		float: right;
		margin-left: -80px;
	}
	.chat-face2 img{
		width: 60px;
		height: 60px;
		border-radius: 30px;
		border: 1px solid #ccc;
		box-shadow: 0 0 4px #ddd;
	}
	
	.chat-hukidashi2 {
		display: inline-block; 
		padding: 10px 10px;
		margin-right: 80px;
		margin-top: 0px;
		border-radius: 10px;
		position: relative;
		background-color: #BCF5A9; 
		float: right;
	}
	}