@charset "UTF-8";

body,div,dl,dt,dd,ul,ol,li,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
fieldset,img{border:0;}
caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
table{border-collapse:collapse;}
th,td{padding:7px 10px;}
th{font-weight: nomal;}

a{	cursor: pointer;}

a:link{
	color: #333333;
	text-decoration: underline;
}

a:visited{
	color: #333333;
	text-decoration: none;
}

a:hover{
	background: none;
	color: #29bfe0;
	text-decoration: underline;
}

a:focus { outline:none;}

*{
	margin: 0;
	padding: 0;
	list-style-position: inside;
}

body{
	position: relative;
	font-family:'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Osaka', 'MS Pゴシック', sans-serif;
	font-size: 12px;
	color: #333333;
	z-index: 1;
    word-break:break-all;
}

pre{
	font-family:'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Osaka', 'MS Pゴシック', sans-serif;
	font-size: 12px;
	color: #333333;
	z-index: 1;
    word-break:break-all;
}

select { width: 90%; }

select.widthDefault {
	width: initial;
	width: auto;
}

/* wrapper
------------------------------------------------------------ */
div#wrapper{
	background-color: #ffffff;
}

/* contents
------------------------------------------------------------ */
div#contents{
	width: 980px;
	margin: 0 auto;
}

/* dialogBlock
------------------------------------------------------------ */
div#dialogBlock {
	width: 300px;
	margin: 0 auto;
}

/*div#dialogBlock td{
    position:relative;
}*/

div#dialogBlock input{
    width:100px;
    padding:3px 5px;
}

div#dialogBlock div.dialogBtnBlock{
    float:right;
}


/* header
------------------------------------------------------------ */
div#header{
	background-color: #330000;
	margin: 0 auto;
	position: relative;
	height: 60px;
	z-index: 2;
}

div#header div{
	position: relative;
	width: 980px;
	margin: 0 auto;
}

div#header h1{
	position: absolute;
	padding: 18px 0 0 0;
}

div#header ul{
	position: relative;
}

div#header li.nameBlock{
    display:inline-block;
	_height: 29px;
	display: block;
	clear: both;
	position: absolute;
	top: 16px;
	right: 80px;
	padding-right: 5px;
    width:220px;
	background: url(../img/bg_name.gif) no-repeat right top;
}

div#header li.nameBlock span{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	_position: absolute;
	_right: 0px;
	_margin-right: 4px;
	font-size: 11px;
	line-height: 2.7;
	/line-height: 2.5;
	color: #333333;
	display: block;
	height: 29px;
	padding-left:29px;
	background: url(../img/bg_name.gif) no-repeat left top;
}

div#header li.logout{
	position: absolute;
	top: 19px;
	right: 0;
}
div#header li.logout input{
	font-size: 11px;
	width: 70px;
	height: 22px;
	vertical-align: middle;
}

/*英語版用 ここから*/

#menu ul.gMenuEn li.menu1
/*,#menu ul.gMenuEn li.menu2,
#menu ul.gMenuEn li.menu3,
#menu ul.gMenuEn li.menu4*/{
	position: absolute;
	top: 24px;
}

#menu ul.gMenuEn li.menu1{left: 160px;}
/*#menu ul.gMenuEn li.menu2{left: 315px;}
#menu ul.gMenuEn li.menu3{left: 455px;}
#menu ul.gMenuEn li.menu4{left: 575px;}*/

/*英語版用 ここまで*/

#menu ul li.menu1,
#menu ul li.menu2,
#menu ul li.menu3,
#menu ul li.menu4{
	position: absolute;
	top: 24px;
}

#menu ul li.menu1{left: 160px;}
#menu ul li.menu2{left: 333px;}
#menu ul li.menu3{left: 454px;}
#menu ul li.menu4{left: 543px;}


#menu ul li ul{
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 195px;
  padding: 4px 0;
  margin: 1px 0 0;
  margin: 5px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;

	behavior: url(./js/PIE.htc);
}

#menu ul li ul li{
	line-height: 2;
}

#menu ul li ul li{
	float: none;
	display: block;
	padding-left: 12px;
}

*:first-child+html div#header ul li ul li{
	padding-left: 0px;
}


#menu ul li ul li a{
	display: block;
	width: 100%;
	color: #333333;
	text-decoration: none;
}

#menu ul li ul li a:hover{
	color: #29bfe0;
}

/* clumNavi
------------------------------------------------------------ */
div#clumNavi{
	/*background-color: #f0f0f0;*/
	background: url(../img/clumNaviBg.gif) repeat-x;
	padding: 8px 0 6px;
	font-size: 10px;
	border-bottom: 1px solid #ddd7c7;
}

div#clumNavi div{
	width: 980px;
	margin: 0 auto;
}

div#clumNavi a{
	color: #666666;
	text-decoration: underline;
}

div#clumNavi a:hover{
	color: #29bfe0;
}

/* clumNavi
------------------------------------------------------------ */
#contents {
	padding-top: 20px;
}



/* 現table red　旧table blue
------------------------------------------------------------ */
div.blueTable table{
	border: 1px solid #b18c8f;
	border-bottom: none;
	border-right: none;
}

div.blueTable table.noTopBorder{
	border-left: 1px solid #b18c8f;
    border-top:none;
	border-bottom: none;
	border-right: none;
}

div.blueTable table th,
div.blueTable table td{
	border-right: 1px solid #b18c8f;
	border-bottom: 1px solid #b18c8f;
}

div.blueTable table th{
	color: #ffffff;
	background-color: #330000;
}

/* 現table brown　　旧table red
------------------------------------------------------------ */
div.redTable table{
	border: 1px solid #c0a9b4;
	border-bottom: none;
	border-right: none;
}

div.redTable table th,
div.redTable table td{
	border-right: 1px solid #c0a9b4;
	border-bottom: 1px solid #c0a9b4;
}

div.redTable table th{
	color: #ffffff;
	background-color: #330000;
}

/* table gray
------------------------------------------------------------ */
div.grayTable table{
	border: 1px solid #b18c8f;
	border-bottom: none;
	border-right: none;
}

div.grayTable table th,
div.grayTable table td{
	border-right: 1px solid #b18c8f;
	border-bottom: 1px solid #b18c8f;
}

div.grayTable table th{
	color: #5a0933;
	background-color: #c9adaf;
}

/* table No border No color
------------------------------------------------------------ */
div.noneTable table{
	border: none;
}

div.noneTable table th,
div.noneTable table td{
	border:none;
}

div.noneTable table th{
	background-color: #fff;
}

/* table No border-bottom
------------------------------------------------------------ */
div.noBdrBtmTable table{
	border: 1px solid #c0a9b4;
	border-right: none;
}

div.noBdrBtmTable table th{
    border-right: 1px solid #c0a9b4;
    border-bottom: 1px solid #c0a9b4;
}

div.noBdrBtmTable table td{
    border-right: 1px solid #c0a9b4;
}

div.noBdrBtmTable table th{
	color: #ffffff;
	background-color: #330000;
}

div.noBdrBtmTable table tr.bdrTop{
    border-top: 1px solid #c0a9b4;
}



/* ul.subItem
------------------------------------------------------------ */
ul.subItem li{
	padding-top: 5px;
	text-align: left;
	text-indent: -15px;
	padding-left: 15px;
	color: #8f2e60;
}
*:first-child+html ul.subItem li{
	text-indent: -30px;
}

/* pageBack
------------------------------------------------------------ */
.pageBack{
    position:absolute;
    top:92px;
    left:50%;
    margin: 0 0 0 445px;
    height: 15px;
    width: 46px;
}

/* pageTop
------------------------------------------------------------ */
.pageTop{
	padding-top: 30px;
	text-align: right;
    clear:both;
}

.last{
	margin-bottom: 30px;
}


.dotLine{
	background: url(../img/dotline.gif) repeat-x bottom;
    padding-bottom: 10px;
}



/* rightCol
------------------------------------------------------------ */
.rightCol {
	float: right;
}


/* lelftCol
------------------------------------------------------------ */
.leftCol {
	float: left;
}

/* mainCol
------------------------------------------------------------ */
div#mainCol {
	float: right;
	width: 780px;
}

/* sideMenu
------------------------------------------------------------ */
div#sideMenu {
	float: left;
	width: 160px;
	font-size: 11px;
}
div#sideMenu h4{
	padding-bottom: 5px;
	border-bottom: 1px solid #330000;
	margin-bottom: 20px;
	margin-top: 0;
	font-size: 14px;
	font-weight: bold;
	color: #411111;
	letter-spacing: 0.1em;
}

div#sideMenu p{
	line-height: 1;
}
div#sideMenu .textInput{
	width: 140px;
	margin-top: 10px;
	margin-bottom: 15px;
}
div#sideMenu .searchBtn{
	margin-bottom: 25px;
	padding:2px 10px;
}

div#sideMenu li a{
	background: url(../img/arrow_sideMenu.gif) no-repeat left 5px;
	padding-left: 12px;
	text-decoration: none;
	line-height: 2;
}
div#sideMenu li a:hover{
	background-image: url(../img/arrow_sideMenu_on.gif);
}
div#sideMenu ul{
	/margin-left: -15px;
}
div#sideMenu ul ul{
	padding-left: 15px;
	/margin-left: 0px;
}
div#sideMenu li.current a{
	background-image: url(../img/arrow_sideMenu_on.gif);
	color: #29bfe0;
}

/* font
------------------------------------------------------------ */
.bold{
	font-weight: bold;
}

.alnL{text-align: left !important;}
.alnR{text-align: right !important;}

.blue{color: #22668a;}
.red{color: #ff0000;}
.pink{color:#e8166f}
.brown{color: #330000;}

.txtCenter{ text-align:center !important; }
.txtRight{ text-align:right !important; }

.redAst{ margin-left:5px; color:#ff0000; font-size:small; }

.subTitle{ font-size: 16px; }

.slideDateMsg{
	font-size: 18px !important;
	color: #ff0000 !important;
}

.cmntMdlBold{
    color:#563736;
	font-size:20px;
	font-weight:bold;
	letter-spacing: 0.1em;
    margin: 15px 0;
}

.cmntBrownBold{
    color:#411111;
	font-size:20px;
	font-weight:bold;
	letter-spacing: 0.1em;
    margin: 30px 0 0 0;
    border-bottom:dashed 1px #411111;
}

.txtSmall{
	font-size:9px;
}

.backYellow{
	background-color: #ffff00;
}

/* clearfix
------------------------------------------------------------ */
#contents:after,
#footer:after,
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#contents,
#footer,
.clearfix  { display: inline-block; }

/* \*/
* html #contents,
* html #footer,
* html .clearfix { height: 1%; }
#contents,
#footer,
.clearfix  { display: block; }
/* */


/* padding & margin
------------------------------------------------------------ */
.m0 { margin:0 !important; }
.mt0 { margin-top:0px !important; }
.mt4 { margin-top:4px !important; }
.mt8 { margin-top:7px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mr0 { margin-right:0px !important; }
.mr30 { margin-right:30px !important; }
.mr50 { margin-right:48px !important; }
.ml3 { margin-left:3px !important; }
.mb0 { margin-bottom:0px !important; }
.mb4 { margin-bottom:4px !important; }
.mb10 { margin-bottom:10px !important; }
.mb20 { margin-bottom:20px !important; }

.p0   { padding:0 !important; }
.pt0  { padding-top:0 !important; }
.pb0  { padding-bottom:0 !important; }
.pr0 { padding-right:0px !important; }
.pl0 { padding-left:0px !important; }
.pl10 { padding-left:0px !important; }
.pt7 { padding-top:7px !important; }
.pt10 { padding-top:10px !important; }
.pt20 { padding-top:20px !important; }
.pt40 { padding-top:40px !important; }
.pb10 { padding-bottom:10px !important; }

.mCenter { margin: 0 auto;}

/*インデント挿入用*/
p.child { text-indent:15px;}
/*インデント挿入用（二行目も揃えるVer)*/
div.child { padding-left:15px; }

/* small btn blue
------------------------------------------------------------ */
.btnBlueBlock{
	position: relative;
}

.btnBlueBlock .btnBlue2{
	position: absolute;
	top: 0;
	right: 0;
}
/* error message
------------------------------------------------------------ */
span.FieldErrorMessage {
	color: rgb(255, 0, 0);
	display:block;
}

span.FieldErrorMessageNoBlock {
	color: rgb(255, 0, 0);
}

/* 水色リンク表記用クラス
------------------------------------------------------------ */

.blueLink a{
	cursor: pointer;
	color: #29bfe0 !important;
	text-decoration: underline;
}

.blueLink a:link{
	cursor: pointer;
	color: #29bfe0;
	text-decoration: underline;
}
.blueLink a:visited{
	cursor: pointer;
	color: #29bfe0;
	text-decoration: none;
}
.blueLink a:hover{
	cursor: pointer;
	background: none;
	color: #333333;
	text-decoration: underline;
}


/*  ガイドメッセージ
------------------------------------------------------------ */
.guideMsg{
	text-align: center;
	padding: 10px 0px 10px 0px;
	line-height: 1.2;
    height:100%;
    font-weight:bold;
    font-size:15px;
    background-color:#ffffff;
    color:#330000;
	border-top: 1px solid #330000;
	border-bottom: 1px solid #330000;
	margin-top:15px;
}

.guideMsgNoBorserLeft{
	text-align: left;
	padding: 10px 0px 10px 0px;
	line-height: 1.2;
    height:100%;
    font-weight:bold;
    font-size:15px;
    background-color:#ffffff;
    color:#330000;
	margin-top:15px;
}

.guideMsgNoBorserCenter{
	text-align: center;
	padding: 10px 0px 10px 0px;
	line-height: 1.2;
    height:100%;
    font-weight:bold;
    font-size:20px;
    background-color:#ffffff;
    color:#330000;
	margin-top:15px;
}

.redGuideMsg{
	text-align: center;
	padding: 10px 0px 10px 0px;
	line-height: 1.2;
    height:100%;
    font-weight:bold;
    font-size:15px;
    background-color:#ffffff;
    color:#ff0000;
	border-top: 1px solid #330000;
	border-bottom: 1px solid #330000;
	margin-top:15px;
}

.noBdrRedGuideMsg{
/*BookingRequest.jsp用（jsで制御）*/
	text-align: center;
	line-height: 1.2;
    height:100%;
    font-weight:bold;
    font-size:15px;
    background-color:#ffffff;
    color:#ff0000;
	margin-top:15px;
}

div.inconsistentMsg{
	margin-top: 5px;
	color:#ff0000;
	font-style: italic;
}

/* =========================================================
 パレット画像のツールチップ用
========================================================= */
.myballoon{
	border-top-left-radius: 6px ;
	border-top-right-radius: 6px ;
	border-bottom-right-radius: 6px ;
	border-bottom-left-radius: 6px ;
	border: 0px solid ;
	box-shadow: none ;
	color: #330000 ;
	background-color: #fff ;
	opacity: 0.85 ;
	z-index: 32767;
	line-height: 2 ;
	padding:2px 5px;
	font-size:100% ;
}
.myballoon a{
	color: #330000 !important;
	text-decoration: none;
}

.myballoon a:link{
	color: #330000;
	text-decoration: none;
}
.myballoon a:visited{
	color: #330000;
	text-decoration: none;
}
.myballoon a:hover{
	color: #330000;
	text-decoration: none;
}

/* =========================================================
.stretchDropdownBlock IEのselectフォーム表示切れ対応用CSS
========================================================= */
/* .stretchDropdownBlock {
position:absolute;
background:#FFF url(null);
color: #000;
z-index:999999;
margin:0;
padding:0;
text-align:left;
border:1px solid #999;
}

/* .stretchDropdownBlock a
--------------------------------------------------------- */
/* .stretchDropdownBlock a{
display:block;
padding:1px 5px;
text-decoration:none;
cursor: pointer;
color: #000;
background-color:#FFF;
font-size: 12px;
white-space:nowrap;
}
.stretchDropdownBlock a:hover {
color:#FFF;
background-color:#2663CF;
}

/* .stretchDropdownBlock ul
--------------------------------------------------------- */
/*.stretchDropdownBlock ul{
margin:0;
padding:0;
list-style:none;
}

/* .stretchDropdownBlock li
--------------------------------------------------------- */
/* .stretchDropdownBlock li{
margin:0;
}

/* .stretchDropdownBlock span.stretchDropdownBlock_selected
--------------------------------------------------------- */
/* .stretchDropdownBlock span.stretchDropdownBlock_selected{
display:block;
padding:1px 5px;
color:#999;
border:1px dotted #b8b8b8;
font-size: 12px;
white-space:nowrap;
}

/* .stretchDropdownBlock span.stretchDropdownBlock_label
--------------------------------------------------------- */
/*.stretchDropdownBlock span.stretchDropdownBlock_label{
display:block;
padding:1px 5px;
font-weight:bold;
font-size: 80%;
white-space:nowrap;
}*/