@charset "utf-8";

/* header
---------------------------------------------------------- */
H1.title { 
	color : #1D2974;letter-spacing: 0px;
	font-size: 140%; line-height: 125%;
	font-weight:bold;
	MARGIN: 0.5em 0 0.5em 0;
	vertical-align : middle;
	display : inline;
}
H1.date { 
	color : #452E76;letter-spacing: 0px;
	font-size: 120%; line-height: 100%;
	MARGIN: 0 0 0.3em 0;
	font-weight:bold;
	vertical-align : middle;
}
H1.title2 { 
	color : #1D2974;letter-spacing: 0px;
	font-size: 120%; line-height: 100%;
	font-weight:bold;
	MARGIN: 0.5em 0 0.5em 0;
	vertical-align : middle;
	display : inline;
}
H2.title { 
	color : #1D2974;
	font-size: 75%; line-height: 150%;
	font-weight:bold;
	MARGIN: 0.5em 0 0.5em 0;
	vertical-align : middle;
	display : inline;
}
H3.title { 
	color : #3F3B3A;
	font-size: 14px; font-weight:bold;
	MARGIN: 0px; MARGIN-TOP:0pt;MARGIN-BOTTOM:0pt;
	vertical-align : middle;
	display : inline;
}

/* texts
---------------------------------------------------------- */
.text { 
	color : #3F3B3A;
	font-size: 75%; line-height: 150%;
}
.aboutus { 
	color : #3F3B3A;
	font-size: 80%; line-height: 120%;
}
.stext { 
	color : #3F3B3A;
	font-size: 65%; line-height: 150%;
	padding: 1em 0.6em 1em 0.6em;
}
.indextext { 
	color : #3F3B3A;
	font-size: 75%; line-height: 150%;
	padding: 1em 0 1em 0;
}
.slink { 
	color : #3F3B3A;
	font-size: 10px !important; line-height: 12px !important;
	padding: 5px;
}
.llink { 
	color : #3F3B3A;
	font-size: 75%; line-height: 150%;
	vertical-align : 10%;
	padding: 0;
	display : inline;
}
.sitelink { 
	color : #3F3B3A;
	font-size: 75%; line-height: 150%;
	vertical-align : middle;
	padding: 3px 0px 1px 5px;
	display : inline;
	border-style: solid;
	border-width: thin;
	border-color: #cccccc #ffffff #ffffff #ffffff;
}
.wtitle { 
	background-color:#BE9C81;
	color:white; 
	font-size:70%;line-height:130%;
	font-weight:bold;
	text-align:center;
	padding: 0.4em 0 0.3em 0;
}
.ptitle { 
	color:#AE293C; 
	font-size:90%;line-height:130%;
	font-weight:bold;
	text-align:center;
	padding: 0.4em 0 0.3em 0;
}
.newstitle { 
	color:#AE293C; 
	font-size:75%;line-height:130%;
	font-weight:bold;
	text-align:center;
	padding: 0.4em 0 0.3em 0;
}
.inputtitle { 
	color : #3F3B3A;
	font-size: 75%; line-height: 150%;
	padding: 0em 0.6em 0em 0.6em;
}
.calendertitle { 
	color:white; 
	font-size:80%;
	line-height:130%;
	font-weight:bold;
	text-align:left;
}
.calenderdate {
	color:#3c3c3c;
	font-size:80%;
	line-height:130%;
	font-weight:bold;
	text-align:left;
}
.calendertitle td,
.calenderdate td{
	border:1px solid #afafaf;
	border-width:0 1px;
	padding: 0.5em 0 0.5em 0.3em;
}
.calenderdate td{
	border-width:1px 1px 0 1px;
}
.calenderselection { 
	letter-spacing: 0px;
	font-size: 80%; line-height: 150%;
	font-weight:bold;
	vertical-align : middle;
	display : inline;
	padding: 0.2em 0 0.2em 0;
}

.calenderyear { 
	color : #B9455C;letter-spacing: 0px;
	font-size: 100%; line-height: 100%;
	font-weight:bold;
	display : inline;
}

.calendermonth { 
	color : #949494;letter-spacing: 0px;
	font-size: 200%; line-height: 100%;
	font-weight:bold;
	display : inline;
}

input.text {
	height:18px; 
	font-size: 105%; line-height: 150%;
	background-color:white;
	vertical-align : middle;
}
.copy{
	font-size: 60%; line-height: 130%;
	color : #3F3B3A
}
.kome{
	color:#AE293C; 
	font-size: 75%; line-height: 150%;
	text-indent:-1em;
	padding:0px;
	margin:0em 0em 0em 1em;
}
.sitemap{
	color:#6C1A7C; 
	font-size: 90%; line-height: 150%;
	text-indent:-2em;
	padding:1em 5em;
	margin:0em 0em 0em 0em;
}
/* table
---------------------------------------------------------- */
td.calender{
	border:1px solid #afafaf;
	border-width:0 1px;
	height:60px;
	width:14%;
}
.schedule { 
	color : #3F3B3A;
	font-size: 75%; 
	line-height: 150%;
	height:18px;
	overflow:hidden;
}
.yellow { background-color : #ffffee ; color : #000066 ; font-size: 14px; }
.gray { background-color : #eeeeee ; color : #333333 ; font-size: 14px; }
.shiro { background-color : #ffffff ; color : #333333 ; font-size: 14px; }
.remark  { font-family : arial,helvetica,sans-serif; font-size : 10pt; font-weight : normal; font-style : normal; color : #3399FF;}

/* input control
---------------------------------------------------------- */

.active { ime-mode : active }
.inactive { ime-mode : inactive }

/* page structure
---------------------------------------------------------- */
#head{
	margin:0 auto;
	width:770px;
	background-color:white;
	padding-bottom:15px;
}
#head img{
	display:block;
	margin:0;
	float:left;
}
#contents{
	width:742px;
	margin:0 auto;
	padding:0 14px;
	background-color:white;
}
#contents2{
	width:732px;
	margin:0 auto;
	padding:0 14px 0 24px;
	background-color:white;
}
.main{
	width:532px;
	float:left;
}
.navi{
	width:180px;
	float:right;
}
.navi img{
	vertical-align:top;
}
img.middle{
	vertical-align:0%;;
}
.gray_line {
	margin:10px 0;
	border-top:1px solid #AFAFAF;
	height:1px;
}
.clear {
	clear:both;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
}
/* 申し込みテーブル */
table {
	border-collapse: collapse;
}
table.book_form{
	width:526px;
}
table.book_form td{
	border:1px solid #b4b4b4;
	padding:10px 20px;
	vertical-align:top;
}
table.book_form td.col_header{
	background-color:#eef9f3;
}
.remark{
	color:#ca7c66;
}
/* 確認テーブル */
table.bookconfirm_form{
	width:526px;
}
table.bookconfirm_form td{
	border:1px solid #b4b4b4;
	border-width:1px 1px 1px 0;
	padding:10px 20px;
	vertical-align:top;
}
table.bookconfirm_form td.col_header{
	border-width:1px 0px 1px 1px;
	background-color:#eef9f3;
}
.remark{
	color:#ca7c66;
}
/* ボタン */
a.to_form{
	margin:20px 0;
	width:138px;
	height: 24px;
	text-indent: -99999px;
	display: block;
}
a.next_disable,
a.next,
a.cancel,
a.back,
a.send {
	float:left;
	margin:40px 0 0 0;
	width: 88px;
	height: 34px;
	text-indent: -99999px;
	display: block;
}
a.next_disable,
a.next{
	float:none;
	margin:30px auto 0;
	width:128px;
}
a.back{
	width: 116px;
}
a.send {
	margin-left:15px;
	width: 130px;
}
a.to_form {
	background: url(../images/to_form.gif) no-repeat 0px 0;
}
a.to_form:hover {
	background-position:0 -24px;
}
a.next_disable,
a.next {
	background: url(../images/next.gif) no-repeat 0px 0;
}
a.next {
	background-position:0 -34px;
}
a.cancel {
	background: url(../images/cancel.gif) no-repeat 0px 0;
}
a.back {
	background: url(../images/back.gif) no-repeat 0px 0;
}
a.send {
	background: url(../images/send.gif) no-repeat 0px 0;
}
a.cancel:hover,
a.back:hover,
a.send:hover {
	background-position:0 -34px;
}
a.next:hover {
	background-position:0 -68px;
}
.title {
    color: #3F3B38;
    font-size: 116%;
    font-weight: bold;
}
img{
	border-width:0;
}