﻿/* ====================================================================
   InputMan
==================================================================== */
/* ------------ input項目のスタイル --------------- */
.im_style{ padding:2px ;
           color:#000000;
           margin:0px;
		   font-family:"ＭＳ Ｐゴシック";
		   font-weight:normal;
		   }

/* ------------ バインド区域のスタイル --------------- */
.bindstyle{padding-left:10px;}


/* ------------ InputManで入力枠border不具合となるためhtmlのpタグへ指定 --------------- */

/*.im_border{
	border:solid 1px #7e9ebd; 
	vertical-align:middle;
	padding:2px;
	margin:3px;
}*/



/* ====================================================================
   html共通
==================================================================== */

body {
	background-color:#ffffff;
	text-align: center;
	font-family: "ＭＳ Ｐゴシック";
	font-size: 12px;
	margin: 0px;
  	padding: 0px;
}

img{
  border:0px;
}

br{
	margin:0px;
	padding:0px;
}

p{
	margin:0px;
	padding:0px;
}

/* ------------ リンクの設定 --------------- */
a:link{
  color:#0000ff;
  text-decoration:none;
}
a:visited{
  color:#0000ff;
  text-decoration:none;
}
a:active{
  color:#ff0000;
  text-decoration:underline;
}
a:hover{
  color:#ff0000;
  text-decoration:underline;
}

/* ------------ 見出しタグ --------------- */
h1,h2,h3,h4,h5,h6,p,form,ul,li{
  margin-top:0;
  margin-bottom: 0;
}


/* ------------ 見出しタグ --------------- */
h2{
	font-size:20px;
	background-color:#FFFFFF;
	text-align:center;
	padding-top: 10px;
	padding-bottom: 10px;
}

h2 span{
	border-bottom-width: 2px;
	border-bottom-style:solid;
	border-bottom-color:#ce0006;
}


h3{
	width: 698px;
	height:23px;
	border: 1px solid #b5cfd6;
	text-align:left;
	background-color:#d2e5f7;
	color:#003366;
	font-size:14px;
	font-weight:bold;
	padding:0px;
}


h3 span{
	font-size:12px;
	font-weight:bold;
}



h5{
	font-size:12px;
	text-indent: 5px;
	color:#003366;
	text-align:left;
}

ul {
	padding: 0;
	margin: 0px;
}

li {
	margin: 0px;
	list-style-type: none;
	float: left;
	padding-top: 10px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 20px;
}

dd{
	line-height: 16px;	
	}

dt{
	text-indent: 10px;
	padding-top:5px;
	padding-bottom:7px;
	}

/* ------------イメージ画像、アイコンの行揃え  --------------- */
.img {
	vertical-align: middle;
	padding:3px;
}

.img2 {
	vertical-align:text-bottom;
}

.img3 {
	vertical-align:middle;
	margin-right:2px;
	padding:0px;
}

/* ------------縦横中央ぞろえ --------------- */
.center_middle{
	text-align:center;
	vertical-align:middle;
}



/* ====================================================================
   共通
==================================================================== */
/* ------------  --------------- */
#wrapper {
	background-color:#FFFFFF;
	width: 780px;
	text-align:left;
}

#header {
	width: 700px;
	margin :5px 5px;
	float:left;
}

#main{
	width: 700px;
	text-align:left;
	margin:0px 5px;
	float:left;
}


/* ------------ フォント・カラー --------------- */
.red{
	color:#ce0006;
}

.blue{
	color:#003366;
}

/* ====================================================================
   ヘッダ
==================================================================== */

/* ------------ヘッダ白地部分  --------------- */
.titlebk{
	background-image:url(../../image/common/title/title_bk.gif);
	background-repeat:repeat-x;
	width:368px;
	height: 31px;
}

.titlebk2{
	background-image:url(../../image/common/title/title_bk.gif);
	background-repeat:repeat-x;
	width:177px;
	height: 43px;
	vertical-align:bottom
}
/* ------------(astralbbc002 右上共通イメージ画像背景）  --------------- */
.reslogprintbk{
	 background-image:url(../../image/common/title/title_pic07.jpg);
	 background-repeat:no-repeat;
	 width:131px; 
	 height:43px;
}

/* ------------ パンくずリスト --------------- */

.no1r{
	background-image:url(../../image/common/icon/icon_no1r.gif);
	background-repeat:no-repeat;
	background-position: 3px 9px;
	font-weight:bold;
}

.no1{
	background-image:url(../../image/common/icon/icon_no1.gif);
	background-repeat:no-repeat;
	background-position: 3px 9px;
}

.no2{
	background-image:url(../../image/common/icon/icon_no2.gif);
	background-repeat:no-repeat;
	background-position: 3px 9px;
}

.no2r{
	background-image:url(../../image/common/icon/icon_no2r.gif);
	background-repeat:no-repeat;
	background-position: 3px 9px;
	font-weight:bold;
	color:#ce0006;
}

.no3{
	background-image:url(../../image/common/icon/icon_no3.gif);
	background-repeat:no-repeat;
	background-position: 3px 9px;
}

.no3r{
	background-image:url(../../image/common/icon/icon_no3r.gif);
	background-repeat:no-repeat;
	background-position: 3px 9px;
	font-weight:bold;
	color:#ce0006;
}


.no4{
	background-image:url(../../image/common/icon/icon_no4.gif);
	background-repeat:no-repeat;
	background-position: 3px 9px;
}

.no4r{
	background-image:url(../../image/common/icon/icon_no4r.gif);
	background-repeat:no-repeat;
	background-position: 3px 9px;
	font-weight:bold;
	color:#ce0006;
}

.no5{
	background-image:url(../../image/common/icon/icon_no5.gif);
	background-repeat:no-repeat;
	background-position: 3px 9px;
}

.no5r{
	background-image:url(../../image/common/icon/icon_no5r.gif);
	background-repeat:no-repeat;
	background-position: 3px 9px;
	font-weight:bold;
	color:#ce0006;
}

.no6{
	background-image:url(../../image/common/icon/icon_no6.gif);
	background-repeat:no-repeat;
	background-position: 3px 9px;
}

.no6r{
	background-image:url(../../image/common/icon/icon_no6r.gif);
	background-repeat:no-repeat;
	background-position: 3px 9px;
	font-weight:bold;
	color:#ce0006;
}


/* ====================================================================
   共通
==================================================================== */

/* ------------ページの先頭へ戻る  --------------- */
.returntop{
	text-align:right;
	font-size:10px;
}

/* ====================================================================
------------検索、再検索領域 (astralbbc001s001～002、astralbbc002s001) --------------- 
==================================================================== */
.content1{
	width: 698px;
	margin-top:0px;
	margin-right: auto;
	margin-left: auto;
	border-right: 1px solid #b5cfd6;
	border-bottom: 1px solid #b5cfd6;
	border-left: 1px solid #b5cfd6;
	background-image:url(../../image/common/gr_bk3.gif);
	background-repeat:repeat-x;
	background-position: bottom;
}

.contentsub{
	width: 698px;
	margin-top:0px;
	margin-right: auto;
	margin-left: auto;
	border-right: 1px solid #b5cfd6;
	border-bottom: 1px solid #b5cfd6;
	border-left: 1px solid #b5cfd6;
	background-image:url(../../image/common/gr_bk4.gif);
	background-repeat:repeat-x;
	background-position: bottom;
}

/* ------------検索、再検索区切り線 --------------- */

.bd{
	width: 100%;
	height: 1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b5cfd6;	
}	

.bd2{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #b5cfd6;	
}

/* ------------検索、再検索白板背景 --------------- */
.tableHead{
	background-image:url(../../image/common/bg001head.gif);
	background-repeat:no-repeat;
	width:607px;
	height:17px;
	background-position: center;
	margin-right: auto;
	margin-left: auto;
	margin-top:5px;
}


.tablebtm{
	background-image:url(../../image/common/bg001bottom.gif) ;
	background-repeat:no-repeat;
	width:607px;
	height:14px;
	margin-right: auto;
	margin-left: auto;
}

.tablemdl{
	background-image:url(../../image/common/bg001middle.gif);
	background-repeat:repeat-y;
	width:607px;
	margin-right: auto;
	margin-left: auto;
	text-align:left;
	color:#333333;
	font-weight:bold;
}


.tablemdl td{
	padding-left:5px;
	padding-bottom:2px;
}		

/* ------------ 検索結果背景水色部分(astralbbc001s002～008、astralbbc002s002～)--------------- */
.content2{
	width: 678px;
	margin-top:10px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #b5cfd6;
	background-color:#ebf1f7;
	padding:10px;
	text-align:center;
}



/* ------------ DBコメント(astralbbc001s002～008、astralbbc002s002～)--------------- */
.dbcm{
	background-color:#FFFFFF;
	text-align:left;
	width:100%;
	line-height:100%;
	padding-top:2px;
}

/* ------------ 検索結果のテーブル・タグ指定(astralbbc001s002～008、astralbbc002s002～)--------------- */
.serchTable{
	text-align: left;
	width: 100%;
	background-color: #999999;
}

.serchTable td{
	background-color: #FFFFFF;
	font-size: 12px;
	line-height: 16px;
	padding: 3px;
}

.serchTable th{
	background-color: #FFFFFF;
	font-size: 12px;
	line-height: 16px;
	padding: 5px;
	text-align: left;
	font-weight:normal;
}

.serchTable td.q_color{
	background-color: #EBF1F7;
	text-indent:5px;
}

.q_color{
	background-color: #EBF1F7;
	text-indent:5px;
}

.serchTable td.y_color{
	background-color:#FFCCCC;
}

.result{
	text-align:center;
	font-size:16px;
	font-weight:bold;
	background-image:url(../../image/common/title/title001_02_4.gif);
	background-repeat:no-repeat;
	background-position:center;
	width:664;
	height:34px;
	padding:3px;
	color:#003366;
	vertical-align:top;
}

.question_td{
	background-color:#D7F2F9;
	}


/* ------------検索結果日付用 (astralbbc001s002) --------------- */
	
.monthTable{
	text-align:center;
	background-color:#ffffff;
	width: 100%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #cecfce;
	border-right-color: #cecfce;
	border-left-color: #cecfce;
}

.monthTable td{
	background-color:#d2e5f7;
	background-repeat:repeat-x;
	line-height: 16px;
}

/* ------------料金明細欄 (astralbbc001s003～006、astralbbc002s002) --------------- */
.priceTable{
	background-color:#FFFFFF;
	text-align:right;
	border-top: 1px solid #b5cfd6;
	border-right: none;
	border-bottom: 1px solid #b5cfd6;
	border-left: 1px solid #b5cfd6;
}

.priceTable td.gcolor{
	background-color:#f7f7f7;
	text-align:left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b5cfd6;	
}

.priceTable td.un1{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b5cfd6;	
}

.gcolor{
	background-color:#f7f7f7;
	text-align:left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b5cfd6;	
}

.un1{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b5cfd6;	
}

.priceTable td.un2{
	border-bottom-width: 1px;
	border-bottom-style:solid;
	border-bottom-color:#ce0006;
	text-align:right;	
}

.priceTable td.un3{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b5cfd6;	
}

.pricetotal{
	text-align:right;
	font-weight:bold;
	padding:3px;
	border-bottom-width: 2px;
	border-bottom-style:solid;
	border-bottom-color:#ce0006;
	width:140px;
}

.pricetotal2{
	width:520px;
	text-align:right;
	clear:both;
}



/* ------------往路出発日・復路出発日の背景(astralbbc001s002)  --------------- */

.gore{
	background-image:url(../../image/common/goreturn.bg.gif);
	background-repeat:no-repeat;
	width:201px;
	height:42px;
	color:#003366;
	font-weight: bold;
	text-align:left;
	text-indent:10px;
}



/* ------------申込み情報入力のテーブル枠指定(astralbbc001s004)  --------------- */
.inputTable{
	text-align: left;
	width: 698px;
	background-color: #999999;
}

.inputTable td{
	background-color: #FFFFFF;
	font-size: 12px;
	line-height: 16px;
}

.inputTable th{
	background-color: #EBF1F7;
	font-size: 12px;
	line-height: 16px;
	padding: 5px;
	text-align: left;
	font-weight:normal;
}



/* ------------申込み情報入力の背景(astralbbc001s004)  --------------- */

.csinfo{
	margin-top:20px; 
	background-image:url(../../image/common/bg004csinfo.gif);
	background-repeat:no-repeat;
	width:700px; 
	height: 69px;
}

.csinfo p{
	padding-top: 5px;
	padding-left: 55px;
}






/* ------------週間空席照会(astralbbc001s008) --------------- */

.weeklytitle{
	color:#003366;
	text-align:left;
	font-size:14px;
	background-color:#DCE1E5;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}


.weeklygores{
	color:#003366;
	font-weight:bold;
	text-align:left;
	background-image:url(../../image/common/bg_weeklygores.gif);
	background-repeat:no-repeat;
	text-indent:5px;
}

.weekly{
	 color:#003366;
	 text-align:left;
	 background-image:url(../../image/common/bg_st.jpg);
	 background-repeat:no-repeat;
	 background-position:right;
}


/* ------------入力内容確認 (astralbbc001s005) --------------- */
.cancelinfo{
	background-image:url(../../image/common/bg005cancelinfo.gif); 
	width:700px; 
	height:49px; 
	text-align:center;
}



/* ------------予約記録検索、予約完了 (astralbbc001s006,astralbbc002s002) --------------- */

.content3{
	width: 698px;
	background-image:url(../../image/common/bg_res_com.gif);
	background-repeat:no-repeat;
	height:124px;
	margin-top:5px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #b5cfd6;
	text-align:center;
}

.reslogno{
	 font-size:20px; 
	 font-weight:bold; 
	 text-align:center;
}


/* ------------半角文字列の折り返し(word-break:IE, white-space:-moz-pre-wrapはMozilla) --------------- */
.hankaku_orikaeshi{
	word-break:break-all;
	white-space:-moz-pre-wrap;
}

/* ------------ ヘルプ画面 --------------- */

.pophelp {
	position: absolute;
	display: none;
	visibility: hidden;
	border: 3px solid #82BDE7;
	background: #F8FCFF;
	color:#CD2952;
	width: 160px;
	padding: 5px;
	font-size: 12px;
	line-height: 16px;
	text-align:LEFT;
	font-family: ＭＳ Ｐゴシック, Osaka;
}

.pophelp b.{
	color:#000000;
	
}


