@charset "utf-8";


/* reset
-----------------------------------*/
*{
margin			:0;
padding			:0;
}

/* clear
-----------------------------------*/
.clear{
clear			:both;
}



/* clearfix
-----------------------------------*/
.clearfix:after{
display			:block;
clear			:both;
height			:0;
visibility		:hidden;
content			:".";
line-height		:0;
}
.clearfix{
display			:inline-table;
min-height		:1%;
}

/* for macIE \*/
* html .clearfix{
height			:1%;
}
.clearfix{
display			:block;
}
/* end of for macIE */


/* body
-----------------------------------*/
body{
width			:100%;
color			:#333333;
/*font-family		:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height		:1.4em;
/*font-size		:x-small;*/
voice-family		:"\"}\"";
voice-family		:inherit;
/*font-size		:small;*/
font-size: 13px;
*font-size: small;
*font: x-small;
background-color: #EEE;
}
a{
color: #78B;
}
.left  { float: left;  }
.right { float: right; }
.strong{ color:#f33 !important; font-weight:bold !important; }

img{
border:0;
}

/* #container
-----------------------------------*/

#container{
	width:1000px;
	margin:0 auto 10px;
}


/* #header
-----------------------------------*/

#header{
	padding:10px 0 0 10px;
	width:990px;
	margin:0 auto 5px;
	position: relative;
	height:2em;
}
h1{
	color:#00A752;
	font-size:2em;
}
#menu{
	text-align:right;
	position: absolute;
	right:0;
	bottom:0;
}
#menu a{
	font-weight:bold;
}


/* #content
-----------------------------------*/

#content{
	display:block;
	margin:0 auto;
	padding:20px;
	width:960px;
	background:#FFF;
	border-radius: 5px;
}
h2{
	margin-bottom:0.5em;
}

h3{
	font-size:1.17em;
}

/* .comment
-----------------------------------*/

pre.comment{
  text-align: left;
  background-color: #FFC;
  border: 1px solid #F66;
  padding: 5px;
  margin-bottom:1em;
  font-family: Osaka, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック";
  line-height: 1.4em;
  font-size: small;
  clear:both;
  word-break:break-all;
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  word-wrap: break-word;      /* IE 5.5+ */
}
pre.memo{
	background:#fff;
	border:solid 1px #666;
	padding:5px;
	margin-bottom:1em;
	font-size:1em;
}
pre.memo img{/* mail_icon */
	vertical-align:-1px;
}

pre strong {
	font-weight: bold;
	color: #009;
}



/* schedule
-----------------------------------*/
#cal_index{
	margin-left:10px;
}
.calendar{
	margin:0 10px 0 0;
	float:left;
}
.calendar table{
	border-top:solid 1px #666;
	border-right:solid 1px #666;
	border-collapse: collapse;
}
.calendar table th, .calendar table td{
	padding:2px 5px;
	border-left:solid 1px #666;
	border-bottom:solid 1px #666;
	text-align:center;
	position:relative;
}
.calendar .hol{
	color:#F33;
}
.calendar .sat{
	color:#33F;
}
.calendar td.check{
	cursor:pointer;
	background:#FFF0F5;
}
.calendar td.today{
	padding:0;
	background-repeat:no-repeat;
	background-position:center;
}
.calendar td.today span{
	display: block;
	padding: 2px 5px;
	background-color:#FFC0CB;
}
.calendar a{
	font-weight: bold;
	color: #F3F;
}
.calendar th.month{
	padding:0;
}
.calendar th.month span{
	display: block;
	padding: 2px 5px;
	background:#D6FFD6;
}

#schedule{
	float: left;
	border:solid 1px #666;
	width: 570px;
	height: 150px;
	overflow-y: auto;
	padding: 5px;
}

#schedule iframe{
	border:0;
}

/* .regist
-----------------------------------*/

div.regist{
	margin:0 0 1em 10px;
	clear:both;
}
div.regist p{
	float: left;
	padding-right: 2em;
}

/* .search
-----------------------------------*/

.search{
	margin:0 0 1em 10px;
	clear:both;
}
.search p{
	float: left;
	padding-right: 2em;
}

/* .button
-----------------------------------*/
.button{
  background-color:#f5f5f5;
  text-decoration:none;
  color:#000;
  font-weight:normal;
  cursor:pointer;
  padding:1px 5px;
  width: auto;
  overflow: visible;
  -webkit-border-radius: 3px;  
  -moz-border-radius: 3px;
  border: 2px solid #bbb;
  border-top:2px solid #ddd;
  border-left:2px solid #ddd;
}
.button:hover{
  background-color:#dff4ff;
  border: 2px solid #c2e1ef;
  border-top: 2px solid #d2f1ff;
  border-left: 2px solid #d2f1ff;
  color:#6299C5;
}
.button:active{
  background-color:#6299c5;
  border:2px solid #6299c5;
  color:#fff;
}

.button.submit{
  color:#333333;
  padding-left:25px;
  background: #f5f5f5 url('../../common/img/bu_submit.gif') no-repeat 5px 50%;
}
.button.submit:hover{
  background-color:#E6EFC2;
  border: 2px solid #C6D880;
  border-top: 2px solid #f2f1ff;
  border-left: 2px solid #f2f1ff;
  color:#529214;
}
.button.submit:active{
  background-color:#529214;
  border:2px solid #529214;
  color:#fff;
}

.button.delete{
  color:#d12f19;
  padding-left:25px;
  background: #f5f5f5 url('../../common/img/bu_delete.gif') no-repeat 5px 50%;
}
.button.delete:hover{
  background-color:#fbe3e4;
  border: 2px solid #fbc2c4;
  border-top: 2px solid #ffd2d4;
  border-left: 2px solid #ffd2d4;
  color:#d12f19;
}
.button.delete:active{
  background-color:#d12f19;
  border:2px solid #d12f19;
  color:#fff;
}

.button.clear{
  padding-left:25px;
  background: #f5f5f5 url('../../common/img/bu_clear.gif') no-repeat 5px 50%;
}
.button.clear:hover{
  background-color:#dff4ff;
  border: 2px solid #c2e1ef;
  border-top: 2px solid #d2f1ff;
  border-left: 2px solid #d2f1ff;
  color:#6299C5;
}
.button.clear:active{
  background-color:#6299c5;
  border:2px solid #6299c5;
  color:#fff;
}

.button.back{
  padding-left:25px;
  background: #f5f5f5 url('../../common/img/bu_back.gif') no-repeat 5px 50%;
}
.button.back:hover{
  background-color:#dff4ff;
  border: 2px solid #c2e1ef;
  border-top: 2px solid #d2f1ff;
  border-left: 2px solid #d2f1ff;
  color:#6299C5;
}
.button.back:active{
  background-color:#6299c5;
  border:2px solid #6299c5;
  color:#fff;
}

.button.regist{
  padding-left:25px;
  background: #f5f5f5 url('../../common/img/bu_regist.gif') no-repeat 5px 50%;
}
.button.regist:hover{
  background-color:#dff4ff;
  border: 2px solid #c2e1ef;
  border-top: 2px solid #d2f1ff;
  border-left: 2px solid #d2f1ff;
  color:#6299C5;
}
.button.regist:active{
  background-color:#6299c5;
  border:2px solid #6299c5;
  color:#fff;
}

/* .list
-----------------------------------*/
.list table{
	width:100%;
	font-size:90%;
	border-top:1px solid #B0CADD;
	border-right:1px solid #B0CADD;
	margin:0 auto;
	border-collapse:collapse;
}
.list table th{
	background:#D6EEFF;
	border-bottom: 1px solid #B0CADD;
	border-left:1px solid #B0CADD;
	padding: 0.1em;
	font-weight:bold;
	line-height: 120%;
	color: #5592C2;
	padding: 2px 0;
	white-space: nowrap;
	text-align: center;
}
.list table th a{
	color: #5592C2;
}
.list table td{
	color:#333;
	border-bottom:1px solid #B0CADD;
	border-left:1px solid #B0CADD;
	padding: 2px 3px;
	word-break:break-all;
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap;		 /* Opera 4-6 */
	white-space: -o-pre-wrap;	 /* Opera 7 */
	word-wrap: break-word;			/* IE 5.5+ */
	text-align: left;
}

.list table .w1{ width:10px; }
.list table .w2{ width:20px; }
.list table .w3{ width:30px; }
.list table .w4{ width:40px; }
.list table .w5{ width:50px; }
.list table .w6{ width:60px; }
.list table .w7{ width:70px; }
.list table .w8{ width:80px; }
.list table .w9{ width:90px; }
.list table .w10{ width:100px; }
.list table .w15{ width:150px; }
.list table .w20{ width:200px; }

.list table .l{ text-align: left; }
.list table .r{ text-align: right; }
.list table .c{ text-align: center; }

.list ul.nav{
	text-align:center;
}
.list ul.nav li{
  list-style:none;
  border: 1px solid #C4C9E0;
  color: #F60;
  padding: 2px 5px;
  margin: 0 2px ;
  list-style: none;
  display: inline;
  font-size: 90%;
}
.list ul.nav li a{
  text-decoration: none;
  color: #F60;
}
.list ul.nav li.current{
  background-color: #C4C9E0;
  color: #FFF;
}
.list ul.nav li.prev{
  margin-right: 15px;
}
.list ul.nav li.next{
  margin-left: 15px;
}

/* order_input
===================================*/
ul.select1{
	margin-left:10px;
	list-style-type:none;
}
ul.select2{
	margin-left:20px;
	list-style-type:none;
}

.btn_box{
	margin-top:1.5em;
	text-align:center;
}
.btn_box a{
	margin:0 20px;
}

/* .box table
-----------------------------------*/
.box{
	margin-bottom:1em;
}
.box table{
	width:100%;
	font-size:90%;
	border-top:1px solid #B0CADD;
	border-right:1px solid #B0CADD;
	margin:0 auto;
	border-collapse:collapse;
}
.box table th{
	background:#D6EEFF;
	border-bottom: 1px solid #B0CADD;
	border-left:1px solid #B0CADD;
	font-weight:bold;
	line-height: 120%;
	color: #5592C2;
	padding: 2px 3px;
	white-space: nowrap;
	text-align: center;
}
.box table th a{
	color: #5592C2;
}
.box table th.title{
	text-align:center;
	font-size:110%;
}
.box table td{
	color:#333;
	border-bottom:1px solid #B0CADD;
	border-left:1px solid #B0CADD;
	padding: 2px 3px;
	word-break:break-all;
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap;		 /* Opera 4-6 */
	white-space: -o-pre-wrap;	 /* Opera 7 */
	word-wrap: break-word;			/* IE 5.5+ */
	text-align: left;
}

/* .link
-----------------------------------*/

.link{
	margin-bottom:1em;
	padding-left:20px;
}
.link ul{
	padding-left:10px;
	list-style-type:none;
}
.link pre{
	padding-left:10px;
}

/* login
-----------------------------------*/
#login_box{
	width: 250px;
	margin: 0 auto;
	border: 1px solid #666;
	padding : 1em;
}
#login_box div.buttons{
	margin: 0.5em auto;
	text-align: right;
}

/* #contract_list
-----------------------------------*/
tr.detail,.bt_simple{
	display:none;
}


/* .print
-----------------------------------*/
.print{
	margin-bottom:1em;
	border:solid 1px #000;
	padding:30px 10px;
}
.print p.l{ text-align:left; }
.print p.r{ text-align:right; }
.print p.c{ text-align:center; }
.print p.b{
	font-weight:bold;
	font-size:150%;
}
hr.p_line{
	margin:30px 0;
}


/* .error
-----------------------------------*/
.error{
	color:#F00 !important;
	font-weight: bold !important;
}

/* .message
-----------------------------------*/
.message{
	padding:10px;
	background-color:#FFCCCC;
	border:1px solid #FF0000;
	margin:1em 0;
}

/* .spacer
-----------------------------------*/
.spacer{
	/*background-color:#f00;*/
	height:1px;
	display:block;
}

/* .mini
-----------------------------------*/
.mini{
	font-size:90%;
}

/* .blue
-----------------------------------*/
.blue{
	color:#5592C2;
}

/* #step
-----------------------------------*/
#step p.tex{
	width:110px;
	height:40px;
	margin:10px;
	padding:5px;
	float:left;
	border:1px solid #000;
}
#step p.arr{
	height:72px;
	float:left;
	line-height:72px;
}
#step p.here{
	background-color:#ff0;
}

/* .contract
-----------------------------------*/
.contract{
	width:100%;
	height:300px;
	padding:5px;
	overflow-x:auto;
	overflow-y:scroll;
	border:1px solid #333;
}

/* .record
-----------------------------------*/
.record{
	width:500px;
	height:200px;
	overflow:auto;
	margin-bottom:1.5em;
}
.record table{
	 width:450px;
}
.record table td{
	height:30px;
}
.record table td label{
	display:block;
}


/* #footer
-----------------------------------*/

#footer{
	width:1000px;
	margin:10px auto;
	text-align:center;
}