@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}

/* CSS初期設定 */
html {
    filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

body {
	background-color:#ffffff;
	font-family: 'ＭＳ Ｐゴシック', Osaka, 'ヒラギノ角ゴ Pro W3';
}
p,h2,h3,h4,h5,ul,li,dl,dt,dd { 
	margin:0;
	padding:0;
	color:#000;
	text-decoration:none;
	line-height: 1.3em;
	font-size:12px;
}
img {
    border:0;
    vertical-align:bottom;
}
ul {
	list-style:none;
}
a {
	overflow: hidden;
}
.clear {
	clear: both;
}
.clearfix:after { 
	content: "."; 
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
	line-height: 0; 
} 
.clearfix { 
	display: inline-table; 
	min-height: 1%; 
} 
/* for macIE \*/ 
* html .clearfix { 
	height: 1%; 
} 
.clearfix { 
	display: block; 
} 
/* end of for macIE */
.clearfix {
	overflow:hidden;
}

/* レイアウト
-------------------------------------------------------------- */
#title {
	width: 950px;
	float: left;
}

/* 東京発エリアメニュー
-------------------------------------------*/
#menuTyo  {
	width: 950px;
	height: 35px;
	margin-bottom: 10px;
}
#menuTyo  ul li {
	float: left;
	text-indent: -9999px;
}
#menuTyo  ul li  a{
	display: block;
}
#menuTyo .area01 {
	width: 84px;
	height: 35px;
	background: url(../images/higashi/tab_01.gif) no-repeat 0 -35px;}
#menuTyo .area01 a {
	width: 84px;
	height: 35px;
	background: url(../images/higashi/tab_01.gif) no-repeat 0 0;}

#menuTyo .area02 {
	width: 71px;
	height: 35px;
	background: url(../images/higashi/tab_02.gif) no-repeat 0 -35px;}
#menuTyo .area02 a {
	width: 71px; 
	height: 35px;
	background: url(../images/higashi/tab_02.gif) no-repeat 0 0;}

#menuTyo .area03 {
	width: 129px;
	height: 35px;
	background: url(../images/higashi/tab_03.gif) no-repeat 0 -35px;}
#menuTyo .area03 a {
	width: 129px; 
	height: 35px;
	background: url(../images/higashi/tab_03.gif) no-repeat 0 0;}

#menuTyo .area04 {
	width: 82px;
	height: 35px;
	background: url(../images/higashi/tab_04.gif) no-repeat 0 -35px;}
#menuTyo .area04 a {
	width: 82px; 
	height: 35px;
	background: url(../images/higashi/tab_04.gif) no-repeat 0 0;}

#menuTyo .area05 {
	width: 112px;
	height: 35px;
	background: url(../images/higashi/tab_05.gif) no-repeat 0 -35px;}
#menuTyo .area05 a {
	width: 112px; 
	height: 35px;
	background: url(../images/higashi/tab_05.gif) no-repeat 0 0;}

#menuTyo .area06 {
	width: 113px;
	height: 35px;
	background: url(../images/higashi/tab_06.gif) no-repeat 0 -35px;}
#menuTyo .area06 a {
	width: 113px; 
	height: 35px;
	background: url(../images/higashi/tab_06.gif) no-repeat 0 0;}

#menuTyo .area07 {
	width: 69px;
	height: 35px;
	background: url(../images/higashi/tab_07.gif) no-repeat 0 -35px;}
#menuTyo .area07 a {
	width: 69px; 
	height: 35px;
	background: url(../images/higashi/tab_07.gif) no-repeat 0 0;}

#menuTyo .area08 {
	width: 157px;
	height: 35px;
	background: url(../images/higashi/tab_08.gif) no-repeat 0 -35px;}
#menuTyo .area08 a {
	width: 157px; 
	height: 35px;
	background: url(../images/higashi/tab_08.gif) no-repeat 0 0;}

#menuTyo .area09 {
	width: 67px;
	height: 35px;
	background: url(../images/higashi/tab_09.gif) no-repeat 0 -35px;}
#menuTyo .area09 a {
	width: 67px; 
	height: 35px;
	background: url(../images/higashi/tab_09.gif) no-repeat 0 0;}

#menuTyo .area10 {
	width: 66px;
	height: 35px;
	background: url(../images/higashi/tab_10.gif) no-repeat 0 -35px;}
#menuTyo .area10 a {
	width: 66px; 
	height: 35px;
	background: url(../images/higashi/tab_10.gif) no-repeat 0 0;}

#menuTyo .area01 a:hover,
#menuTyo .area02 a:hover,
#menuTyo .area03 a:hover,
#menuTyo .area04 a:hover,
#menuTyo .area05 a:hover,
#menuTyo .area06 a:hover,
#menuTyo .area07 a:hover,
#menuTyo .area08 a:hover,
#menuTyo .area09 a:hover,
#menuTyo .area10 a:hover { background-position: 0 -35px;}

/* 東北・中部・北陸・中国・九州発エリアメニュー
-------------------------------------------*/
#menuOthers  {
	width: 950px;
	height: 35px;
	margin-bottom: 10px;
}
#menuOthers  ul li {
	float: left;
	text-indent: -9999px;
}
#menuOthers  ul li  a{
	display: block;
}
#menuOthers .area01 {
	width: 111px;
	height: 35px;
	background: url(../images/tab_01.gif) no-repeat 0 -35px;}
#menuOthers .area01 a {
	width: 111px;
	height: 35px;
	background: url(../images/tab_01.gif) no-repeat 0 0;}

#menuOthers .area02 {
	width: 86px;
	height: 35px;
	background: url(../images/tab_02.gif) no-repeat 0 -35px;}
#menuOthers .area02 a {
	width: 86px;
	height: 35px;
	background: url(../images/tab_02.gif) no-repeat 0 0;}

#menuOthers .area03 {
	width: 166px;
	height: 35px;
	background: url(../images/tab_03.gif) no-repeat 0 -35px;}
#menuOthers .area03 a {
	width: 166px;
	height: 35px;
	background: url(../images/tab_03.gif) no-repeat 0 0;}

#menuOthers .area04 {
	width: 127px;
	height: 35px;
	background: url(../images/tab_04.gif) no-repeat 0 -35px;}
#menuOthers .area04 a {
	width: 127px;
	height: 35px;
	background: url(../images/tab_04.gif) no-repeat 0 0;}

#menuOthers .area05 {
	width: 92px;
	height: 35px;
	background: url(../images/tab_05.gif) no-repeat 0 -35px;}
#menuOthers .area05 a {
	width: 92px;
	height: 35px;
	background: url(../images/tab_05.gif) no-repeat 0 0;}

#menuOthers .area06 {
	width: 192px;
	height: 35px;
	background: url(../images/tab_06.gif) no-repeat 0 -35px;}
#menuOthers .area06 a {
	width: 192px;
	height: 35px;
	background: url(../images/tab_06.gif) no-repeat 0 0;}

#menuOthers .area07 {
	width: 89px;
	height: 35px;
	background: url(../images/tab_07.gif) no-repeat 0 -35px;}
#menuOthers .area07 a {
	width: 89px;
	height: 35px;
	background: url(../images/tab_07.gif) no-repeat 0 0;}

#menuOthers .area08 {
	width: 87px;
	height: 35px;
	background: url(../images/tab_08.gif) no-repeat 0 -35px;}
#menuOthers .area08 a {
	width: 87px; 
	height: 35px;
	background: url(../images/tab_08.gif) no-repeat 0 0;}

#menuOthers .area01 a:hover,
#menuOthers .area02 a:hover,
#menuOthers .area03 a:hover,
#menuOthers .area04 a:hover,
#menuOthers .area05 a:hover,
#menuOthers .area06 a:hover,
#menuOthers .area07 a:hover,
#menuOthers .area08 a:hover{ background-position: 0 -35px;}


/* コンテンツ
-------------------------------------------------------------- */
#mainContainer	{
	width: 950px;
	background: url(../images/bg_sidebar.gif) repeat-y;
	margin-bottom: 10px;
}

#main { 
	float: left; 
	width: 745px; 
	margin-right: 10px; 
	}

#side {
	float: left;
	width: 195px;
	}


/* その他商品タイトル
-------------------------------------------------------------- */
#etcTitle {
	margin-bottom: 10px;
}

/* 北海道発「パンフde予約」
-------------------------------------------------------------- */
#panfu-de-guide p,
#panfu-de-guide img {
	float: left;
}

#panfu-de-guide p {
	float: left;
	margin: 7px 0px 0px 0px;
}

/* 発地タブ
-------------------------------------------------------------- */
#side .navi {
	margin: 10px 0px 10px 13px;
	width: 170px;
}
/*.tab01 {
	height: 29px;
	width: 170px;
	background: url(../images/navi_01_o.gif) no-repeat;
	text-indent: -9999px;
}
.tab01 a {
	height: 29px;
	width: 170px;
	background: url(../images/navi_01.gif) no-repeat;
	display:block;
}
.tab01 a:hover {
	background: url(../images/navi_01_o.gif) no-repeat;
}
.tab01On {
	height: 29px;
	width: 170px;
	background: url(../images/navi_on_01.gif) no-repeat;
	text-indent: -9999px;
}*/
.tab02 {
	height: 29px;
	width: 170px;
	background: url(../images/navi_02.gif) no-repeat;
	text-indent: -9999px;
}
.tab02 a {
	height: 29px;
	width: 170px;
	background: url(../images/navi_02.gif) no-repeat;
	display:block;
}
.tab02 a:hover {
	background: url(../images/navi_02_o.gif) no-repeat;
}
.tab02On {
	height: 29px;
	width: 170px;
	background: url(../images/navi_on_02.gif) no-repeat;
	text-indent: -9999px;
}
.tab03 {
	height: 29px;
	width: 170px;
	background: url(../images/navi_03.gif) no-repeat;
	text-indent: -9999px;
}
.tab03 a {
	height: 29px;
	width: 170px;
	background: url(../images/navi_03.gif) no-repeat;
	display:block;
}
.tab03 a:hover {
	background: url(../images/navi_03_o.gif) no-repeat;
}
.tab03On {
	height: 29px;
	width: 170px;
	background: url(../images/navi_on_03.gif) no-repeat;
	text-indent: -9999px;
}
.tab04 {
	height: 29px;
	width: 170px;
	background: url(../images/navi_04.gif) no-repeat;
	text-indent: -9999px;
}
.tab04 a {
	height: 29px;
	width: 170px;
	background: url(../images/navi_04.gif) no-repeat;
	display:block;
}
.tab04 a:hover {
	background: url(../images/navi_04_o.gif) no-repeat;
}
.tab04On {
	height: 29px;
	width: 170px;
	background: url(../images/navi_on_04.gif) no-repeat;
	text-indent: -9999px;
}
.tab05 {
	height: 29px;
	width: 170px;
	background: url(../images/navi_05.gif) no-repeat;
	text-indent: -9999px;
}
.tab05 a {
	height: 29px;
	width: 170px;
	background: url(../images/navi_05.gif) no-repeat;
	display:block;
}
.tab05 a:hover {
	background: url(../images/navi_05_o.gif) no-repeat;
}
.tab05On {
	height: 29px;
	width: 170px;
	background: url(../images/navi_on_05.gif) no-repeat;
	text-indent: -9999px;
}
.tab06 {
	height: 29px;
	width: 170px;
	background: url(../images/navi_06.gif) no-repeat;
	text-indent: -9999px;
}
.tab06 a {
	height: 29px;
	width: 170px;
	background: url(../images/navi_06.gif) no-repeat;
	display:block;
}
.tab06 a:hover {
	background: url(../images/navi_06_o.gif) no-repeat;
}
.tab06On {
	height: 29px;
	width: 170px;
	background: url(../images/navi_on_06.gif) no-repeat;
	text-indent: -9999px;
}
.tab07 {
	height: 29px;
	width: 170px;
	background: url(../images/navi_07.gif) no-repeat;
	text-indent: -9999px;
}
.tab07 a {
	height: 29px;
	width: 170px;
	background: url(../images/navi_07.gif) no-repeat;
	display:block;
}
.tab07 a:hover {
	background: url(../images/navi_07_o.gif) no-repeat;
}
.tab07On {
	height: 29px;
	width: 170px;
	background: url(../images/navi_on_07.gif) no-repeat;
	text-indent: -9999px;
}
.tab08 {
	height: 29px;
	width: 170px;
	background: url(../images/navi_08.gif) no-repeat;
	text-indent: -9999px;
}
.tab08 a {
	height: 29px;
	width: 170px;
	background: url(../images/navi_08.gif) no-repeat;
	display:block;
}
.tab08 a:hover {
	background: url(../images/navi_08_o.gif) no-repeat;
}
.tab08On {
	height: 29px;
	width: 170px;
	background: url(../images/navi_on_08.gif) no-repeat;
	text-indent: -9999px;
}
.tab09 {
	height: 30px;
	width: 170px;
	background: url(../images/navi_09.gif) no-repeat;
	text-indent: -9999px;
}
.tab09 a {
	height: 30px;
	width: 170px;
	background: url(../images/navi_09.gif) no-repeat;
	display:block;
}
.tab09 a:hover {
	background: url(../images/navi_09_o.gif) no-repeat;
}
.tab09On {
	height: 30px;
	width: 170px;
	background: url(../images/navi_on_09.gif) no-repeat;
	text-indent: -9999px;
}

/* パンフレット
-------------------------------------------------------------- */
.panfuBox {
	height: 130px;
	width: 179px;
	float: left;
	margin: 0px 0px 20px 7px;
	_margin: 0px 0px 30px 5px;
}

.panfuBox2 {
	height: 150px;
	width: 179px;
	float: left;
	margin: 0px 0px 20px 7px;
	_margin: 0px 0px 30px 5px;
}
.panfuBox3 {
	height: 180px;
	width: 179px;
	float: left;
	margin: 0px 0px 20px 7px;
	_margin: 0px 0px 30px 5px;
}
.panfName {
	background: url(../images/arrow_navy.gif) no-repeat 78px 3px;
	text-indent: 12px;
	line-height:1.5;
	font-size: 12px;
}
.panfImg {
	float: left;
	margin-right: 3px;
}
.barOsusume {
	margin-bottom: 10px;
}
.panfDate {
	font-size: 10px;
	background: #fefea9;
	margin-bottom: 5px;
	padding: 1px 0px 1px 2px;
}
#panfListBox {
	margin-bottom: 20px;
}


#pdfdownloadBox {
	height: 33px;
	border: 1px #CCCCCC solid;
	margin-bottom: 5px;
	padding: 5px;
}

/* Adobe Readeダウンロード
-------------------------------------------------------------- */
#pdfdownloadBox .pdfIc {
	float: left;
	margin-top: 8px;
	margin-right: 5px;
}

#pdfdownloadBox .pdfGuide {
	float: left;
	width: 590px;
	margin: 3px 5px 0px 0px;
	_margin: 5px 5px 0px 0px;

}
#pdfdownloadBox .pdfImg {
	float: right;
}


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

.contactBox {
	clear: both;
	padding-left: 10px;
}
.contact {
	width: 700px;
	background: #d8f0fc;
	padding: 10px;
	height: 60px;
	margin-top: 10px;
	border: 1px solid #333;
}
.shiten {
	width: 350px;
	float: left;
}
.nta {
	float: left;
	width: 300px;
}

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

.p-button {
	clear: both;
}

.contactBox_2 {
	float: left;
	width: 669px;
	height: 62px;
	background: url(../images/nishi/bg_contact.gif) no-repeat 0 0;
	padding: 15px 30px;
	margin-bottom: 10px;
	clear: both;
	display: inline;
}

.contactBox_2 .LeftBox {
	float: left;
	width: 400px;
	margin-right: 59px;
	display: inline;
}

.contactBox_2 .RightBox {
	float: left;
	width: 210px;
	display: inline;
}

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


/* パンフde予約
-------------------------------------------------------------- */
#side .banner {
	margin-left: 13px;
}
.panfudeBox {
	width: 158px;
	margin: 10px 0px 10px 13px;
	background: #FFF;
	border: 1px solid #CCC;
	padding: 5px;
}
.red {
	color: #C00;
	font-weight: bold;
}
.formBox {
	margin-top: 10px;
	padding: 8px 5px;
	background: #daf0fd;
}
.panfudeBox p {
	padding-bottom: 5px;
}
.formBox form .head {
	font-weight: bold;
	color: #0066cc;
}
.formBox .fs01 {
	font-size: 10px;
}
.panfudeBox p.formbt {
	padding: 5px 0;
	text-align: center;
	background: #b5deff;
	border: 1px solid #a4d0f4;
}
.arrow {
	margin-right: 3px;
	vertical-align: middle;
}

/*デジパンボタン追加*/
p.degiBtn a{
	width:92px;
	height:37px;
	background:url(../images/panf_btn.jpg) no-repeat;
	display:block;
	text-indent:-9999px;
}

p.degiBtn a:hover{
	width:92px;
	height:37px;
	background:url(../images/panf_btn_on.jpg) no-repeat;
	display:block;
}

p#att{
	width:auto;
	height:25px;
	font-size:12px;
	text-align:left;
	margin:0 0 5px 0;
	padding:12px 0 0 95px;
	background:url(../images/panf_btn.jpg) no-repeat;
	background-position:0 0;
	color:#F00;
	font-weight:bold;
}

p#att img{
	margin:0 3px 0 0;
	display:inline;

}