@import "hi_common.css";


/* -------------------- 共通 -------------------- */
body{
  /*font-family:sans-serif;*/
  background-color: #F9F0E3;
}
/* -------------------- メニュー -------------------- */
.menu{
  text-align:center;
  vertical-align:top;
  width:180px;
  height:100%;  
  padding-top:1ex;
  background:transparent url(../images/internet/bg_menu.gif) repeat fixed top left;
}
.menu div.area{
  text-align:center;
  vertical-align:top;
  margin:5px 11px;
}
.prefarea{
  border: 1px solid gray;
  background-color:#ffffff;
  width:156px;
  padding-bottom:4px;
}
.prefarea .bar{
  border-bottom:1px solid gray;
}
.prefarea select{
  margin-top:4px;
  width:150px;
}
.cityarea{
  border: 1px solid gray;
  background-color:#ffffff;
  width:156px;
  padding-bottom:4px;
}
.cityarea .bar{
  border-bottom:1px solid gray;
}
.cityarea select{
  margin-top:4px;
  width:150px;
}
.loginarea{
  border: 1px solid gray;
  background-color:#ffffff;
  width:156px;
  padding-bottom:4px;
}
.loginarea .bar{
  border-bottom:1px solid gray;
}
.loginarea .bar img{
}
.login{
  width:156px;
  background-color:#ffffff;
}
.login th{
  margin:auto auto;
  font-weight:normal;
  text-align:right;
  font-size:10pt;
  white-space:nowrap;
}
.login td{
}
.login td input{
  width:75px;
  font-family:monospace; ime-mode:disabled;
}
.attentionarea{
	margin:1em auto;
	width:600px;
	padding:33px 0px 0px 0px;
  background: #fef5e4 url(../images/internet/img_attention_top.gif) no-repeat scroll left top;
}
.attentionarea ol{
  border-left:1px solid #faaf4e;
  border-right:1px solid #faaf4e;
  padding:1ex 0px 0px 4ex;
  text-align:left;
}
.attentionarea img{
	vertical-align:top;
}

.topinfoarea{
	margin:1em auto;
	width:600px;
	padding:33px 0px 0px 0px;
  background: #fef5e4 url(../images/internet/mn_sys_information_title.gif) no-repeat scroll left top;
  border:0px solid #85b4e2;
}
.topinfoarea img{
	vertical-align:top;
}	
.topinfobody{
  border-left:1px solid #85b4e2;
  border-right:1px solid #85b4e2;
  padding:6px;
}
.topinfobody p.title1{
	text-align:left;
	background-color:transparent;
	background-image: none;
	margin:0.3em 0em 0em 0;
	text-indent:0.5em;
	font-weight:bold;
	font-size:110%;
	border-top:1px dotted #85B4E2;
	color:#0080FF;
}
.topinfobody p.title2{
	text-align:left;
	background-color:transparent;
	background-image: none;
	margin:0;
	padding-left:1em;
	font-weight:normal;
	text-decoration:underline;
}
.topinfobody p.msg{
	text-align:left;
	background-color:transparent;
	margin:0;
	padding-left:1.5em;
}
.topinfobody ul{
	padding-left:1.5em;
}
/* -------------------- 本体 -------------------- */
.main{
  text-align:center;
  padding:1ex 2.5%;
  vertical-align:top;
  background: #F9F0E3 url(../images/internet/bg_main.gif) repeat-y scroll left center;
  height:100%;
}
.submain{
  text-align:center;
  padding:1ex 5px;
  vertical-align:top;
  background-color: #F9F0E3;
}
/* -------------------- メッセージ、タイトルなど -------------------- */
.toptitle{
	text-align:center;
	margin-bottom:1em;
}
.title{
  margin:1ex 0px;
  text-align:left;
  border:0px dashed gray;
  background: url(../images/internet/bg_title.gif) right top no-repeat;
}
.msg{
  margin:1ex 0px;
  text-align:left;
  border:0px dashed gray;
}
.note{
  margin:1ex 0px;
  text-align:center;
/*  border:0px dashed gray;*/
}
fieldset.note{
  -moz-border-radius: 6px;
  -khtml-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
fieldset.note legend{
	font-weight:bold;
	color:#8080FF
}
.step{
  margin:1ex 0px;
  text-align:center;
  border:0px dashed gray;
}
.action{
  margin:1ex 0px;
  text-align:center;
  border:0px dashed gray;
}
.page{
  text-align:left;
  border:0px dashed gray;
  padding:0 1em;
  width:70%;
  margin:0 auto;
	line-height:32px;
}
.page .num{
	display:inline;
  text-align:left;
  float:left;
}
.page .button{
	display:inline;
  text-align:right;
  float:right;
	font-size:85%;
  vertical-align:middle;
}
.page hr, .page br{
	clear:both;
	visibility:hidden;
}
.errorarea{
  margin:1ex 0px;
  text-align:left;
  border:0px dashed gray;
}
.info{
  margin:1ex 0px;
  font-color:blue;
  font-weight:bold;
}
/* -------------------- 検索欄 -------------------- */
table.cond{
	background-color:white;
  border-collapse:collapse;
  empty-cells:show;
  margin:0.5ex auto;
  text-align:left;
  border:1px solid black;
}
table.cond caption{
  text-align:left;
  white-space:nowrap;
  margin-top:1ex;
}
table.cond th{
  background-color:gray;
  color:white;
  font-weight:normal;
  text-align:center;
  padding:2px 4px;
  border: 1px solid black;
}
table.cond td{
  padding:2px 2px;
  border: 1px solid black;
}
table.cond td input{
  font-size:85%;
}
table.cond td select{
  font-size:85%;
}
table.cond td option{
  font-size:100%;
}
table.cond fieldset{
	padding:3px;
	margin:3px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
table.cond legend{
	font-size:85%;
	margin:0;
	padding:0;
}


/* -------------------- 一覧 -------------------- */
table.list{
	background-color:white;
  border-collapse:collapse;
  empty-cells:show;
  margin:0px auto 1ex auto;
  text-align:left;
  border:1px solid black;
}
table.list caption{
  text-align:left;
  white-space:nowrap;
}
table.list th{
  background-color:gray;
  color:white;
  font-weight:normal;
  text-align:center;
  padding:2px 4px;
  border: 1px solid black;
  font-size:95%;
  white-space:nowrap;
}
table.list th.session{
  background: #8080Ff url(../images/internet/bg_session.gif) bottom repeat-x;
  color:black;
  padding:2px;
}
table.list td{
  padding:2px 4px;
  border: 1px solid black;
  font-size:95%;
  white-space:nowrap;
}
table.list td input{
	font-size:85%;
	padding:0px;
	margin:0px;
}
/* -------------------- 予約空き状況 -------------------- */
table.reserve{
	background-color:white;
  border-collapse:collapse;
  empty-cells:show;
  margin:0px auto 1ex auto;
}
table.reserve caption{
  text-align:left;
  white-space:nowrap;
}
table.reserve th{
  background-color:gray;
  color:white;
  font-weight:normal;
  text-align:center;
  border:1px solid black;
  white-space:nowrap;
  padding:2px 4px;
}
table.reserve th.time{
	padding:0;
	background-color:#D0D0FF;
	width:1.5em;
}
table.reserve th.hour{
	padding:0;
	background-color:#D0D0FF;
	width:3em;
}
table.reserve td{
  border:1px solid black;
  text-align:center;
  padding:2px;
}
table.reserve td input{
	display:none;
}
table.reserve td.date{
	padding:2px 4px;
}
table.reserve td.room{
	font-size:85%;
	text-align:left;
	padding:4px 2px;
}
table.reserve td.room select{
  max-width:10em;
}
/* -------------------- 確認一覧 -------------------- */
table.conf{
	background-color:white;
  border-collapse:collapse;
  empty-cells:show;
  margin:0px auto 1ex auto;
}
table.conf caption{
  display:none;
  white-space:nowrap;
}
table.conf th{
  background-color:#D0E0FF;
  color:black;
  font-weight:normal;
  text-align:center;
  border:1px solid black;
  white-space:nowrap;
  padding:2px;
}
table.conf th.session{
  background: #D0E0FF url(../images/internet/bg_session.gif) bottom repeat-x;
  color:black;
  padding:2px;
  line-height:1.3em;
  font-size:115%;
  letter-spacing:0.3em;
}
table.conf td{
  border:1px solid black;
  padding:4px;
}
table.conf span{
  margin:0 1ex;
}

/* -------------------- 入力欄 -------------------- */
table.edit{
	background-color:white;
  border-collapse:collapse;
  empty-cells:show;
  margin:0px auto 1ex auto;
}
table.edit caption{
  display:none;
  white-space:nowrap;
}
table.edit th{
  background-color:#D0E0FF;
  /*background-color:#fff5d3;*/
  color:black;
  font-weight:normal;
  text-align:center;
  border:1px solid black;
  white-space:nowrap;
  font-size:90%;
  padding:2px;
  vertical-align:middle;
}
table.edit th.session{
  background: #D0E0FF url(../images/internet/bg_session.gif) bottom repeat-x;
  color:black;
  padding:2px;
  line-height:1.3em;
  font-size:115%;
  letter-spacing:0.3em;
}
table.edit td{
  border:1px solid black;
  padding:2px;
}
table.edit td input{
  margin-right:2px;
}
table.edit td select{
  margin-right:2px;
}
table.edit td textarea{
  margin-right:2px;
}
.athleticarea{
	text-align:left;
	font-size:85%;
	border:1px solid silver;
	padding:0.5ex;
}
.infoarea{
  border:2px solid silver;
  width:75%;
  margin:1ex auto;
  text-align:center;;
  background-color:white;
  padding:0.5ex;
}
.infoarea ul.err{
	margin:1ex 0;
	width:auto;
}