@charset "Shift_JIS";

/* 基本スタイル
----------------------------------------------------------- */

body {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
	/* font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif; */
}


/* ヘッダー */
#header {z-index:10000}


/* コンテンツ */
#contents {
	width:960px;
	margin:0 auto;
}


/* 左カラム */
#leftContents {
	float:left;
	width:760px;
	text-align:left;
	color:#333;
}


/* 右カラム */
#rightContents {
	float:right;
	width:180px;
}

/* 右カラムバナー */
#rightContents #bnr  {
	width:180px;
}

#rightContents #bnr iframe {
	width:180px;
	height:1000px;
	border:0;
	overflow:hidden;
}


/* パンくず */
ul.pan {
    clear: both;
	width:960px;
	margin:0 auto 10px;
	background:#FFF;
}

ul.pan li {
	display:inline;
	float:left;
	margin-right:8px;
}

ul.pan li a {margin-right:8px}


/* ページトップ */
.go_top {
	text-align: right;
	font-size:12px;
	margin-bottom:10px;
}

.go_top a {
	color:#00F !important;
	text-decoration:underline !important;
}

.sup {
	margin-bottom: 10px;
}


/* 汎用スタイル
----------------------------------------------------------- */

/* 文字サイズ */
.f_12 {font-size:12px}
.f_13 {font-size:13px}
.f_14 {font-size:14px}
.f_16 {font-size:16px}
.f_18 {font-size:18px}
.f_20 {font-size:20px}
.ss {font-size:10px}
.b {font-weight:bold;}

/* 文字色 */
.red {color:red}
.blue {color:#000099}
.pink {color:#ff1493}
.green {color:green}
.greenyellow {color:#adff2f}
.orange {color:#ff7f00}
.purple {color:#800080}
.white {color:#ffffff}


/* 行間 */
.lh2 {line-height:2em}

/* 上付き文字 */
sup {
	vertical-align:super;
	font-size:10px;
}

/* 余白 */
.mb0 {margin-bottom:0 !important}
.mb5 {margin-bottom:5px !important}
.mb10 {margin-bottom:10px !important}
.mb20 {margin-bottom:20px !important}
.mb50 {margin-bottom:50px !important}

/* 回りこみ */
.floatL {float:left}
.floatR {float:right}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* 見出し
----------------------------------------------------------- */

/* 背景画像の指定は各style.cssに記述 */
h1.tel,
h1.online,
h1.pay,
h1.newspaper,
h1.new,
h1.oneway,
h1.round_trip {
	width:960px;
	height:50px;
	margin-bottom:15px;
	text-indent:-9999em;
	background-repeat:no-repeat;
	background-position:left center;
}

h2.point, h2.schedule,
h2.t_condition,
h2.price,
h2.hotel_info,
h2.hotel_select,
h2.option,
h2.attention,
h2.price_air,
h2.flight,
h2.u_condition,
h2.project,
h2.child,
h2.arange_plan,
h2.jr_up {
	width:960px;
	height:32px;
	text-indent:-9999em;
	background-repeat:no-repeat;
	background-position:left center;
}

/* ツアーポイント */
h2.point {background:url("../images/h2_point.gif")}

/* スケジュール */
h2.schedule {background:url("../images/h2_schedule.gif")}

/* 旅行条件 */
h2.t_condition {background:url("../images/h2_t_condition.gif")}

/* ご利用条件 */
h2.u_condition {background:url('../images/h2_u_condition.gif'); }

/* 旅行代金 */
h2.price {background:url("../images/h2_price.gif")}

/* ホテル情報 */
h2.hotel_info {background:url("../images/h2_hotel_info.gif")}

/* ホテルセレクト */
h2.hotel_select {background:url("../images/h2_hotel_select.gif")}

/* オプション */
h2.option {background:url("../images/h2_option.gif")}

/* お申し込み時のご注意事項 */
h2.attention {background:url("../images/h2_attention.gif")}

/* 航空券代金 */
h2.price_air {background:url('../images/h2_price_air.gif'); }

h2.flight {background:url("../images/h2_flight.gif")}

/* 旅行企画・実施 */
h2.project {background:url("../images/h2_project.gif")}

/* こども添い寝 */
h2.child {background:url("../images/h2_child.gif")}

/* アレンジプラン */
h2.arange_plan {background:url("../images/h2_arange_plan.gif")}

/* 発着駅別加減代金表 */
h2.jr_up {background:url("../images/h2_jr_up.gif")}

/* 文字なし */
h2.free {
	height:32px;
	background:url("../images/h2_free.gif") no-repeat left center;
	line-height:2em;
	font-size:16px;
	color:#FFF;
	font-weight:bold;
	padding-left:35px;
}

h3 {
	font-size: 12px ;
	font-weight: bold;
}

h3.hotel {
	font-size:20px;
	font-weight:bold;
	color:#FFF;
	background:#215B95;
	padding:5px 10px 5px 10px;
	margin-top: 15px;
}

/* ツアータイトル
----------------------------------------------------------- */

div.tour_box {
	margin-bottom:20px;
	padding-bottom:10px;
	border-top:5px solid #7AAFD3;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
}

div.tour_box p.code {
	margin:5px 0 3px 10px;
	font-size:14px;
	font-weight:bold;
	color:#FC5A2C;
}

div.tour_box p.catch {
	margin:5px 0 5px 10px;
	font-size:14px;
	font-weight:bold;
}

div.tour_box div.tour_ttl {
	margin-bottom:10px;
	padding:5px 10px 5px 10px;
	background:#215B95;
}

div.tour_box div.tour_ttl h1 {
	font-size:20px;
	font-weight:bold;
	color:#FFF;
}

div.tour_box div.tour_ttl h1.kaito {
	background:url(../images/logo_kaito.png) no-repeat right center;
}

/* アイコン */
div.tour_box ul.icon {
	margin-bottom:10px;
	margin-left:10px;
}

div.tour_box ul.icon li {
	display:inline;
	float:left;
	margin-right:3px;
}

/* イメージ画像 */
div.tour_box div.image {
	display:inline;
	float:left;
	margin-left:10px;
}

/* 概要 */
div.tour_box div.outline {
	display:inline;
	float:left;
	margin-left:10px;	
	width:740px;
}

div.tour_box div.outline dl.tour_outline {
	margin-bottom:5px;
}

div.tour_box div.outline dl.tour_outline dt {
	float: left;
	width: 9em;
	padding: 5px 0;
}

div.tour_box div.outline dl.tour_outline dd {
	padding: 5px 0 5px 9em;
	border-bottom: 1px #CCCCCC dotted;
}

/* 基本旅行代金 */
div.tour_box div.outline dl.tour_outline span.price {
	font-weight:bold;
	color:#F00;
	font-size:16px;
}

/* 別日程 */
div.tour_box div.outline dl.tour_outline dd.others {
	background:#ECE4DB;
}

div.tour_box div.outline dl.tour_outline dd.others a {
	padding-left:18px;
	background:url(../images/icon_arrow.gif) no-repeat left center;
} 

/* 受付期間 */
div.tour_box div.outline dl.alert {
	line-height:1.5em;
	font-size:10px;
}

div.tour_box div.outline dl.alert dt {
	background:url(../images/icon_alert.gif) no-repeat left center;
	padding-left:17px;
}

div.tour_box div.outline dl.alert dd {
	text-indent:2em;
}

/* 周遊プラン
----------------------------------------------------------- */
/* 電子パンフレット、パンフレットダウンロード*/
ul.pf {
    padding:10px 0px;
      }

ul.pf li {
   float:left;
   padding-right:10px;
   }

/* サムネイル（周遊用）*/
img.pf {
   padding:0px 20px;
       }


/* ツアーポイント
----------------------------------------------------------- */

ul.point {
	margin-bottom:20px;
	padding:10px 15px;
	border:1px solid #CCC;
}

ul.point li {
	background:url(../images/icon_circle.gif) no-repeat left 5px;
	padding-left:15px;
	margin-bottom:5px;
}



/* アレンジプラン
----------------------------------------------------------- */

ul.arange_plan {
	margin-bottom:20px;
	padding:10px 15px;
	border:1px solid #CCC;
}

ul.arange_plan li {
	float:left;
	width:440px;
	background:url(../images/icon_circle.gif) no-repeat left 5px;
	padding-left:15px;
	margin-bottom:5px;
}

ul.arange_plan li a {
	display:block;
	margin-right:20px;
	white-space:nowrap;
}


/* テーブル
----------------------------------------------------------- */

#contents table {
	width:100%;
    border:1px #9B9C9E solid;
    border-collapse:collapse;
    border-spacing:0;
    font-size:12px;
    margin-bottom:20px;
}

#contents table th,
#contents table td {
    padding:3px;
    border:#9B9C9E solid;
    border-width:0 0 1px 1px;
    text-align:center;
}

#contents table th {
    background:#EEEEEE;
    font-weight:bold;
}

#contents table td.bg_gray {
    background:#EEEEEE;
}


#contents table td.left {text-align:left}
#contents table caption {text-align:right}
#contents table img {vertical-align:baseline}

#contents table.b_none,
#contents table.b_none th,
#contents table.b_none td {
	width:auto;
	margin-bottom:0;
	border:none;
}

#contents table td.price {
	color:#F00;
	font-weight:bold;
}

/* カレンダー */
table td.day {background:#EEE;}
table td.sun {background:#FDD;}
table td.sat {background:#BFF;}

table td.A {background:#FFC;}
table td.B {background:#FF9;}
table td.C {background:#FF6;}
table td.D {background:#CF9;}
table td.E {background:#CF0;}
table td.F {background:#6F0;}
table td.G {background:#6F6;}
table td.H {background:#6FC;}
table td.I {background:#0FF;}
table td.J {background:#0CF;}
table td.K {background:#09F;}
table td.L {background:#C9F;}
table td.M {background:#F9F;}
table td.N {background:#F6C;}
table td.O {background:#F69;}
table td.P {background:#F63;}
table td.Q {background:#F53;}
table td.R {background:#F43;}
table td.S {background:#F23;}


/* 旅行条件
----------------------------------------------------------- */

div.att {
	padding:5px 7px;
	background:#FFFF00;
	border:1px solid #FFD700;
	margin-bottom:10px;
	font-weight:bold;
	color:#F00;
	font-size:14px;
}



/* ホテル情報
----------------------------------------------------------- */
div.hotel {
	margin-bottom:20px;
	padding-bottom:10px;
	padding-top:10px;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
}

div.hotel div.image {
	display:inline;
	float:left;
	width:180px;
	margin-left:10px;
}

div.hotel div.image img {
	margin-bottom:5px;
}

div.hotel div.outline {
	display:inline;
	float:left;
	margin-left:10px;	
	width:740px;
}

div.hotel div.outline dl.hotel_info dt {
	float: left;
	width: 9em;
	padding: 5px 0;
}

div.hotel div.outline dl.hotel_info dd {
	padding: 5px 0 5px 9em;
	border-bottom: 1px #CCCCCC dotted;
}


/* ホテル一覧 */
ul.hotel_list {
	margin:5px -12px 20px 0;
	_zoom: 1;
}

ul.hotel_list li {
	float:left;
	width:150px;
	margin-right:12px;
	_margin-right:4px; /* IE6用 */
}

ul.hotel_list dt {
	margin-bottom:3px;
	padding:2px 5px;
	background:#0099CC;
	font-weight:bold;
	color:#FFF;
}

ul.hotel_list img {
	width:146px;
	height:100px;
	padding:1px;
	border:1px solid #CCC;
	margin-bottom:3px;
}

ul.hotel_list ul li.access {font-size:10px}

ul.hotel_list ul li.price {
	margin-bottom:20px;
	color:#F00;
	font-weight:bold;
}

/* グループ色分け */
.Ag {background: #FFAAE1 !important}
.Bg {background: #FFB7AA !important}
.Cg {background: #C8AAFF !important}
.Dg {background: #AAB7FF !important}
.Eg {background: #AAE1FF !important}
.Fg {background: #B7FFAA !important}
.Gg {background: #EFFF95 !important}
.Hg {background: #FFCC99 !important}
.Ig {background: #FF99CC !important}
.Jg {background: #FFCC33 !important}
.Og {background: #D4D4D4 !important}


/* 日数選択（かいと東京など） */
ul.days_selection {margin-left:10px}

ul.days_selection li {
	float:left;
	padding-right:20px;
	font-weight:bold;
	color:red;
}

ul.days_selection li a {margin-right:5px}


/* オンラインお申込みボタン
----------------------------------------------------------- */

div.btn_online {
	text-align:center;
	margin-bottom:20px;
}
	


/* 注意事項
----------------------------------------------------------- */

ul.attention,
dl.attention {
	margin-bottom:20px;
	padding:10px;
	border:10px solid #FFDC88;
}

dl.attention dt {
	font-weight:bold;
	color:#191970;
}

dl.attention dd {margin-bottom:10px}
	


/* 旅行企画・実施
----------------------------------------------------------- */

dl.project {
	margin-bottom:20px;
	padding:10px;
	border:1px solid #9B9C9E;
	font-size:14px;
	line-height:1.5em;
}

dl.project dt {font-weight:bold}

dl.project a {
	padding-left:18px;
	background:url(../images/icon_arrow.gif) no-repeat left center;
}


/* お問い合わせ
----------------------------------------------------------- */

div#inquiry {
	clear:both;
	margin-bottom:20px;
}

div#inquiry_content {
   border-radius: 5px;         /* CSS3 */
   -moz-border-radius: 5px;    /* Firefox */
   -webkit-border-radius: 5px; /* Safari,Chrome */

   border: 1px #CCC solid;
   background-color: #E0E0E0;
   
   text-align:left;
   padding:20px 20px 0 20px;
   font-size:12px;
   color:#333;
}

div#inquiry_content h2.kyushu,
div#inquiry_content h2.chugoku {
	text-indent:-9999em;
	width:189px;
	margin-bottom:15px;
	background-repeat:no-repeat;
	background-position:left center;
	background-color:#E0E0E0;
}

div#inquiry_content h2.kyushu {
	height:12px;
	background-image:url('../images/h2_kyushu.gif');
}

div#inquiry_content h2.chugoku {
	height:13px;
	background-image:url('../images/h2_chugoku.gif');
}

div#inquiry_content dl {
	margin-bottom:15px;
}

div#inquiry_content dl.line {
	padding-bottom:10px;
	background:url(../images/line.gif) repeat-x left bottom;
}

div#inquiry_content dl dt {
	width:180px;
	line-height:1.2em;
	font-weight:bold;
	color:#004198;
}

div#inquiry_content dl dt,
div#inquiry_content dl dd {
	display:inline;
	float:left;
	margin-right:20px;
}

div#inquiry_content dl dd.tel_num {
	font-family:Impact;
	font-size:25px;
	color:#F00;
	line-height:100%;
}

div#inquiry_content dl dd ul li.yakkan {
	line-height:1.6em;
}

div#inquiry_content dl dd ul {
	/*font-size:10px !important;*/
	line-height:1.2em;
	width:510px;
}
/* --------------------------------------------------
	検索ボタン
-------------------------------------------------- */
.search {
	width: 960px;
	height: 50px;
	margin:0 auto 10px;
	text-align: center;
	font-size: 20px;
	line-height: 50px;
	letter-spacing: 0.2em;
	border-radius: 6px;
	padding-top: 30px;
	clear: both;
}
.search span {
	font-size: 16px;
}
.search a {
	display: block;
	background-color: #03b4e0;
	color: #fff;
	text-decoration: none;
	border-radius: 6px;
}
.search a:hover {
	background-color: #02a4d9;
	border-radius: 6px;
}
.search i {
	padding-left: 15px;
}
.sp .search {
	width: 94%;
	height: 40px;
	margin:0 auto 10px;
	text-align: center;
	font-size: 16px;
	line-height: 40px;
	letter-spacing: 0.1em;
	border-radius: 4px;
	padding-top: 10px;
}
.sp .search span {
	font-size: 14px;
}
.sp .search a {
	display: block;
	background-color: #03b4e0;
	color: #fff;
	text-decoration: none;
	border-radius: 4px;
}
.sp .search i {
	padding-left: 5px;
}

/* 見出しh2、ツアータイトル、ツアーポイント、アレンジプラン、ホテル情報はいずれ違うcssへ以降 */