@charset "Shift_JIS";
/*　レイアウト用のスタイルシート　*/
/*　---ここに分類名を記載---　*/


/*　ヘッダー　*/
#header{
width: 800px;
height: 90px;
background-image: url(../images/main_top.jpg);
background-repeat: y-repeat ;
padding: 0px;
margin:0 auto;
}


#header_main{
width: 800px;
height: 79px;
padding: 0px 0px 0px 0px;
margin-left: auto;
margin-right: auto;
}


/*　メイン　*/
#container{
width: 800px;
background-image: url(../images/bg_main.gif);
background-repeat: x-repeat ;
margin-left: auto;
margin-right: auto;
}


#container_main{
width: 800px;
padding: 0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
}


#container_top{
width: 800px;
text-align: center;
margin-left: auto;
margin-right: auto
}


/*　フロー　*/
#flow{
margin-top: 20px;
}



/*　項目タイトル　*/
.title-h1{
width: 100%;
height: 26px;
text-align: left;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
padding:6 3px;
font-size:14px;
font-weight:bold;
color:#ffffff;　　/*---色調整---*/
background-color:#273B23;　　/*---色調整---*/
}


/*　プラン件数　*/
.counter{
width: 100%;
text-align: left;
margin-top: 15px;
font-size:12px;
font-weight:bold;
}

/*　プランテーブル　*/
#table-plan table{
background-color:#ffffff;
font-size:12px;
}

#table-plan-p table{
padding:3px;
width:100%;
}

#table-plan-p td{
border-right:1px solid #DEEBDC;　　/*---色調整---*/
border-bottom:1px solid #bbbbbb;　　/*---色調整---*/
}

.tab-hotel{
background-color: #DEEBDC;　　/*---色調整---*/
}

.tab-01{
width: 800px;
border:1px solid;
border-color:#273B23;　　/*---色調整---*/
}

.tab-02{
width: 100%;
border:1px solid;
border-color:#273B23;　　/*---色調整---*/
}

.tab-03{
text-align:right;
}

.line01{
background-image: url(../images/line_01.gif);
height:2px;
}



/*　プランテーブル(カレンダー込)　*/
#table-plan-mix table{
background-color:#ffffff;
font-size:12px;
width:100%;
}

#table-plan-mix td{
border-right:1px solid #DEEBDC;　　/*---色調整---*/
border-bottom:1px solid #bbbbbb;　　/*---色調整---*/
}

.bg_mixtitle{
background-color:#c1dcb9;
}




/*　お申込み内容　*/
#reg-check dl{
clear: both;
padding:6 3px;
margin: 0;
width: 100%;
font-size: 13px;
background-color: #fff;
border-bottom:solid 1px #bbbbbb;　　/*---色調整---*/
}

#reg-check dt{
display: inline;
width: 20%;
float:left;
padding: 2 0 2 5px;
margin: 0px;
text-align:left;
background-color: #DEEBDC;　　/*---色調整---*/
border-right:solid 1px #DEEBDC;　　/*---色調整---*/
}

#reg-check dd{
display: inline;
float:left;
padding: 2px;
margin: 2 0 0 0px;
}


/*　ご予約に関するご注意　*/
#caution{
width: 100%;
}

.title-h1r{
height: 26px;
text-align: left;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
padding:6 3px;
font-size:14px;
font-weight:bold;
border:solid 1px #ffffff;　　/*---色調整---*/
background-color:#DEEBDC;　　/*---色調整---*/
color:#ff0000;
}

.text{
background-color:#ffffff;
font-size: 13px;
text-align:left;
padding:4px;
border:solid 1px #ffffff;　　/*---色調整---*/
}



/*　ログイン専用画面　*/
#login{
width: 600px;
height: 440px;
margin-left: auto;
margin-right: auto;
}

#login-base{
background-image: url(../images/login_bg.gif);
background-repeat: no-repeat ;
width: 318px;
height: 159px;
padding: 43px 0px 0px 0px;
margin: 100px 0px 0px 0px;
margin-left: auto;
margin-right: auto;
}

#login-base p{
margin: 14px 0px 0px 0px;
font-size:12px;
}

#login-input p{
margin: 0px 0px 0px 100px;
}

.reminder{
padding: 10px 0px 0px 0px;
}

.inputtxt{
width:160px;
font-size:12px;
margin: 10px 0px 0px 0px;
}

.inputbtn{
margin: 15px 0px 0px 0px;
}

#login-regist{
margin: 10px 0px 0px 0px;
}



/*　付帯ログイン　*/

#login-sub{
text-align:right;
font-size:12px;
}

.inputtxt-sub{
width:100px;
font-size:12px;
margin: 10px 0px 0px 0px;
}



/*　カレンダー基本　*/

#calender{
text-align: center;
margin-left: auto;
margin-right: auto;
width: 100%;
background-color: #fff;
padding-bottom: 10px;
}

.weekday{
text-align: center;
background-color:#DEEBDC;　　/*---色調整---*/
font-weight:bold;
}

.week{
text-align: center;
background-color:#ffffff;
font-weight:bold;
}

.sunday{
background-color:#ffe4ff;
color:#ff0000;
}

.saturday{
background-color:#cccccc;　　/*---色調整---*/
}

.holiday{
background-color:#ffe4ff;
color:#ff0000;
}

.days{
vertical-align: top;
background-color:#ffffff;
}

.select-calendar{
width: 500px;
margin: 10px 0px 10px 0px;
text-align: center;
margin-left: auto;
margin-right: auto;
background-color:#ffffff;　　/*---色調整---*/
}



/*　カレンダー1月表示　*/

#calendar01{
width: 500px;
text-align: center;
margin-left: auto;
margin-right: auto;
}

#cal_a{
width: 100%;
text-align: center;
margin-left: auto;
margin-right: auto;
}

#cal_a table{
border-collapse:collapse;
margin-left: auto;
margin-right: auto;
}

#cal_a td{
padding:4px;
border:solid 1px #bbbbbb;　　/*---色調整---*/
}

.cal01{
border:solid 1px #bbbbbb;　　/*---色調整---*/
font-size:13px;
width: 400px;
height: 300px;
}


/*　カレンダー2月表示　*/

#calendar02{
width: 700px;
text-align: center;
margin-left: auto;
margin-right: auto;
}

#cal_b{
margin: 0px 0px 0px 0px;
text-align: center;
margin-left: auto;
margin-right: auto;
}

#cal_b table{
border-collapse:collapse;
margin: 1px;
}

#cal_b td{
padding:4px;
border:solid 1px #bbbbbb;　　/*---色調整---*/
}

.cal02{
border:solid 1px #bbbbbb;　　/*---色調整---*/
font-size:12px;
height: 200px;
}

#cal_b dl{
clear: both;
padding: 0;
margin: 10px;
width: 100%;
font-size: 13px;
}

#cal_b dt{
display: inline;
width: 50%;
float:left;
padding: 2px;
margin: 0 0 0 0px;
text-align:left;
}

#cal_b dd{
display: inline;
float:right;
padding: 2px;
margin: 0 0 0 0px;
}


/*　カレンダー3月表示　*/

#calendar03{
text-align: center;
margin-left: auto;
margin-right: auto;
width:680px;
}

#cal_c{
margin: 0px 0px 0px 0px;
}

#cal_c table{
border-collapse:collapse;
margin: 1px;
}

#cal_c td{
padding:4px;
border:solid 1px #bbbbbb;　　/*---色調整---*/
}

.cal03{
border:solid 1px #bbbbbb;　　/*---色調整---*/
font-size:10px;
height: 200px;
width:200px;
}

#cal_c ul{
clear: both;
margin-left: auto;
margin-right: auto;
width: 100%;
font-size: 13px;
}

#cal_c li{
display: inline;
float:left;
padding: 2px;
margin: 0px;
text-align:center;
}


/*　時間指定　*/
#timetable table{
border-collapse:collapse;
border:solid 1px #bde27d;　　/*---色調整---*/
margin-top: 10px;
margin-left: auto;
margin-right: auto;
font-size: 13px;
}

#timetable tr{
background-color: #ffffff;
}

#timetable th{
padding: 10 5px;
margin: 0px;
border-right:solid 1px #bde27d;　　/*---色調整---*/
background-color: #e1edbf;　　/*---色調整---*/
}

#timetable td{
padding: 10 5px;
margin: 0px;
border-right:solid 1px #bde27d;　　/*---色調整---*/
text-align:center;
}


/*　お客様情報の入力　*/
#inputform table{
width:90%;
clear: both;
padding: 0;
margin: 20px 0;
margin-left: auto;
margin-right: auto;
text-align:center;
font-size: 13px;
background-color: #ffffff;
border:solid 1px #273B23;　　/*---色調整---*/
}

#inputform tr{
text-align:left;
}


#inputform td{
padding: 5 0 5 5px;
margin: 0px;
border-bottom:solid 1px #bbbbbb;　　/*---色調整---*/
}

.items{
width:30%;
border-right:solid 2px #bbbbbb;　　/*---色調整---*/
background-color:#DEEBDC;　　/*---色調整---*/
}

.input_mas{
text-align:right;
}


/*　フッター　*/
#footer{
width: 800px;
height: 40px;
background-image: url(../images/main_footer.gif);
background-repeat: y-repeat ;
padding: 0px 0px 0px 0px;
margin-left: auto;
margin-right: auto;
}