/*　メイン　*/
#container{
width: 800px;
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%;
text-align: left;
margin-top: 15px;
padding:10px;
font-size:14px;
font-weight:bold;
background: #004da2;
-webkit-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
color: #fff;
}

.title-h2{
width: 40%;
text-align: left;
margin-left: auto;
margin-right: 40;
margin-top: 15px;
padding:6px 3px;
font-size:14px;
font-weight:bold;
color:#ffffff;
background-color:#0066CC;
}
/*　プラン件数　*/
.counter{
width: 100%;
text-align: left;
margin: 15 0 8 0px;
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 #BFD9F2;
border-bottom:1px solid #bbbbbb;
}

.tab-hotel{
background-color: #BFD9F2;
}

.tab-01{
width: 800px;
border:1px solid;
border-color:#0066CC;
}

.tab-02{
width: 100%;
border:1px solid;
border-color:#0066CC;
}

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

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


/*　お申込み内容　*/
#reg-check {
  padding: 10px;
  border: #ccc 1px solid;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  text-align: left;
}

#reg-check p {
  margin-bottom: 10px;
  font-size: 12px;
}

#reg-check dl{
clear: both;
padding:6 3px;
margin: 0;
width: 100%;
font-size: 13px;
background-color: #fff;
}

#reg-check dl:after {
content: "";
display: block;
clear: both;
}


#reg-check dt{
display: inline;
width: 20%;
float:left;
padding: 2 0 2 5px;
margin: 0px;
text-align:left;
background-color: #D4E5F6;
border-right:solid 1px #E2EFC0;
}

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


/*　ご予約に関するご注意　*/
#caution{
  text-align: left;
}

#caution p {
  margin-bottom: 10px;
  font-size: 12px;
}

.title-h1r{
width :100%;
text-align: left;
font-size:14px;
font-weight:bold;
color:#ff0000;
}

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



/*　ログイン専用画面　*/
#login{
width: 600px;
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;
}



/*　カレンダー基本　*/

#course_check{
width: 100%;
margin :10px 0 10px 0;
padding : 10px;
background-color: #fff;
border: #ccc 1px solid;
border-radius: 10px;
-webkit-border-radius: 10px;
line-height: 1.5;
}

#calender{
width: 100%;
margin :0 0 20px 0;
padding : 10px;
background-color: #fff;
border: #ccc 1px solid;
border-top: none;
border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
}

#calender:after {
content: "";
display: block;
clear: both;
}

.weekday{
text-align: center;
background-color: #f5f5f5;
font-weight:bold;
}

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

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

.saturday{
background-color:#D4E5F6;
}

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

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

.days a {
  font-size: 20px;
}
.days span {
  font-size:12px;
}
.select-calendar{
margin: 0 auto 10px auto;
padding :10px 0 0 0;
text-align :center;
font-size:13px;
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{
text-align: center;
margin-left: auto;
margin-right: auto;
}

#cal_b{
margin: 0px 0px 20px 0px;
text-align: center;
overflow: hidden;
}

#cal_b table{
border-collapse:collapse;
}

#cal_b td{
padding:4px;
border:solid 1px #bbbbbb;
}

.cal02{
border:solid 1px #bbbbbb;
height: 200px;
width: 100%;
}

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

#cal_b dt{
display: inline;
width: 48%;
float:left;
}

#cal_b dl dt:first-child {
  margin-right: 4%;
}

#cal_b dd{
display: inline;
width: 50%;
float:left;
padding: 2px 0 2px;
margin: 0;
}


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

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

#cal_c{
margin: 0;
}

#cal_c table{
border-collapse:collapse;
}

#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 :0;
padding :0 10px 0 20px;
width: 100%;
font-size: 13px;
text-align:center;
}

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

/*　プラン毎のカレンダー　*/

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

#cal_d{
margin-left: auto;
margin-right: auto;
width :98%;
}

#cal_d table{
border-collapse:collapse;
width :100%;
}

#cal_d td{
padding:2px;
border:solid 1px #bbbbbb;
}

.cal04{
border:solid 1px #bbbbbb;
font-size:12px;
height: 200px;
width :100%;
}

.weekday-pct{
text-align: center;
background-color:#adcfef;
font-weight:bold;
}

.weekday-pc{
text-align: center;
background-color:#ffffff;
}

.weekday-pcb{
font-weight:bold;
font-size :11px;
}

#cal_d td.bott{
background-color:#D4E5F6;
border-bottom:1px solid #bbbbbb;
margin :0;
padding :0;
}

#cal_d td.none{
background-color:#D4E5F6;
border:none;
width :100%;
}

/*　時間指定　*/
#timetable table{
border-collapse:collapse;
border:solid 1px #0066CC;
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 #0066CC;
background-color: #BFD9F2;
}

#timetable td{
padding: 10 5px;
margin: 0px;
border-right:solid 1px #0066CC;
text-align:center;
}


/*　お客様情報の入力　*/
#inputform table{
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 #ccc;
border-collapse: collapse;
}

#inputform tr{
text-align:left;
}

#inputform tr.option.user{
  border-bottom: #ccc 3px double;
}

#inputform td{
padding: 10px;
margin: 0px;
border:solid 1px #ccc;
}

#inputform td input[type="text"],
#inputform td input[type="password"]{
padding: 8px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: #ccc 1px solid;
font-size: 14px;
}

.items{
width:30%;
border:solid 1px #ccc;
background-color:#f5f5f5;
vertical-align: middle;
}

.input_mas{
text-align:right;
}

/*　お客様情報の入力　*/
#inputform2 table{
width:40%;
clear: both;
padding: 0;
margin: 20px 0;
margin-left: auto;
margin-right: 40;
text-align:right;
font-size: 13px;
background-color: #ffffff;
border:solid 1px #0066CC;
}

#inputform2 tr{
text-align:left;
}


#inputform2 td{
padding: 5 0 5 5px;
margin: 0px;
border-bottom:solid 1px #bbbbbb;
}

.items{
width:30%;
border-right:solid 2px #bbbbbb;
background-color:#f5f5f5;
}

.items.title {
  background: #ccc;
}

.items.total {
  background: #ffdcdc;
}

.input_mas{
text-align:right;
}

.price {
  font-size: 20px;
  color: #ff5e5e;
}

.price-caption {
	display: block;
}

.no_rental {
  color: #ff5e5e;
}

.caution {
	margin: 5px 0;
	padding: 5px;
  color: #f00;
  border: #f00 2px solid;
  font-weight: bold;
  display: inline-block;
}

/*　プランの詳細　*/

#plandetail01{
width: 440px;
clear :both;
float :left;
padding: 0;
margin-left: 10px;
margin-right: 10px;
}

#plandetail01 table{
width:100%;
clear: both;
padding: 0;
margin: 10px 0;
font-size: 13px;
background-color: #ffffff;
border:solid 1px #adcfef;
}

#plandetail01 td{
padding: 5 0 5 5px;
margin: 0px;
}

#plandetail01-center{
clear :both;
float :left;
padding: 0;
margin-left: 10px;
margin-right: 10px;
}
#plandetail01-center table{
width:100%;
clear: both;
padding: 0;
margin: 10px 0;
font-size: 13px;
background-color: #ffffff;
border:solid 1px #509686;
}
#plandetail01-center td{
padding: 5 0 5 5px;
margin: 0px;
}

.p-items{
width:25%;
background-color:#adcfef;
border-right:solid 2px #bbbbbb;
border-bottom:solid 1px #bbbbbb;
}

.p-items-txt{
width:75%;
background-color:#ffffff;
border-bottom:solid 1px #bbbbbb;
}

.detail_text01{
font-size :12px;
background-color:#FDEFE3;
font-weight :bold;
}

#plandetail02{
width: 320px;
float :left;
padding: 0;
margin :0;
}

.p-photo01{
width: 240px;
padding: 0;
margin: 10px 0;
}

#plandetail03{
clear: both;
width: 100%;
padding: 0;
margin :0;
text-align :left;
}

.p-photo02{
padding:0 10px 10px 0;
margin: 0;
}

.p-photo03{
padding:0 0 10px 0;
margin: 0;
}

/*　カード決済のページ　*/
/*　評価のページ　*/
#card01{
width: 700px;
clear :both;
padding: 0;
margin-left: auto;
margin-right: auto;
}

#card01 table{
width:100%;
clear: both;
padding: 0;
margin: 10px 0;
font-size: 13px;
background-color: #ffffff;
border:solid 1px #adcfef;
}

#card01 td{
padding: 5 0 5 5px;
margin: 0px;
}

.card-items{
width:25%;
background-color:#adcfef;
border-right:solid 2px #bbbbbb;
border-bottom:solid 1px #bbbbbb;
}

.card-items-txt{
width:75%;
background-color:#ffffff;
border-bottom:solid 1px #bbbbbb;
}

.card_text01{
font-size :12px;
background-color:#FDEFE3;
font-weight :bold;
}

img.card{
vertical-align :middle;
}

/*　レビューの前ページ　*/
#review01{
text-align: center;
margin-left: auto;
margin-right: auto;
width:720px;
}

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

#reviewdetail01{
width: 700px;
clear :both;
float :left;
padding: 0;
margin-left: 10px;
margin-right: 10px;
}

#reviewdetail01 table{
width:100%;
clear: both;
padding: 0;
margin: 10px 0;
font-size: 13px;
background-color: #ffffff;
border:solid 1px #adcfef;
}

#reviewdetail01 td{
padding: 5 0 5 5px;
margin: 0px;
}

/*　特定商取引　*/
h2.pagetitle01 {
	margin-bottom: 10px;
	font-size: 20px;
}

dl#legal {
  margin-bottom: 20px;
  text-align: left;
}

dl#legal dt, dl#legal dd {
  border: #ccc 1px solid;
  padding: 10px;
}

dl#legal dt {
  border-bottom: none;
  background: #f5f5f5;
}

dl#legal dd {
  margin-bottom: 10px;
}

.legal_bottom_link {
  margin-bottom: 20px;
}

* {box-sizing : border-box}
* {-moz-box-sizing : border-box}

.systemtxt01 {
  text-align:left;
  margin-bottom:10px;
}

.calc .days {
  vertical-align: inherit;
  background-color:inherit;
}

.price_list {
  width:100px
}