/*--------------------------------------------------*/
/* Top */
.mainMonth{
	height               : 300px                                        ;
	width                : 100%                                         ;
	text-align           : left                                         ;
}
.reservChg{
	height               : 500px                                        ;
	width                : 100%                                         ;
	float                : center                                       ;
}
.grpbox{
	display              : block                                        ;
	text-decoration      : none                                         ;
	background           : royalblue                                    ;
	background           : -webkit-gradient(linear, left top, left bottom, from(#fae4c5), color-stop(0.5,#fae4c5), color-stop(0.5,#fae4c5), to(#fae4c5));
	background           : -webkit-linear-gradient(#fae4c5, #fae4c5)    ;
	background           : -moz-linear-gradient(top,#fae4c5, #fae4c5 50%,#fae4c5 50%,#fae4c5);
	background           : -ms-linear-gradient(#fae4c5, #fae4c5)        ;
	background           : -o-linear-gradient(#fae4c5, #fae4c5)         ;
	background           : linear-gradient(#fae4c5, #fae4c5)            ;
	-pie-background      : linear-gradient(#fae4c5, #fae4c5)            ;
	color                : black                                        ;
	border               : 2px solid #fff                               ;
	box-shadow           : 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-moz-box-shadow      : 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow   : 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	border-radius        : 10px                                         ;
	-moz-border-radius   : 10px                                         ;
	-webkit-border-radius: 10px                                         ;
	padding              : 10px 10px                                    ;
	text-align           : left                                         ;
}

/*--------------------------------------------------*/
/* お問合わせ */
.detailTitleBlue{
	width          : 700px                                              ;
	height         : 40px                                               ;
	padding        : 0                                                  ;
	background     : #86b5d9                                            ;
	border-bottom  : 5px solid #4297d7                                  ;
	border-radius  : 3px 3px 0 0                                        ;
}
.detailTitleRed{
	width          : 700px                                              ;
	height         : 40px                                               ;
	padding        : 0                                                  ;
	background     : #FA8072                                            ;
	border-bottom  : 5px solid Tomato                                   ;
	border-radius  : 3px 3px 0 0                                        ;
}

/*--------------------------------------------------*/
/* セレクトボックス */
.easy-select-box{
	background     : #fffdf4                                            ;
	border         : 2px solid #d2ba85                                  ;
	border-radius  : 5px                                                ;
	 -moz-border-radius   : 5px                                         ;
	 -webkit-border-radius: 5px                                         ;
	text-align     : left                                               ;
	font-size      : 40px                                               ;
	color          : #0c2245                                            ;
}
.easy-select-box .esb-displayer{
	background     : url(/pic/select-box-arrow.png) no-repeat right top ;
	color          : #0c2245                                            ;
	cursor         : default                                            ;
	height         : 110px                                              ;
	line-height    : 110px                                              ;
	padding        : 0 3px                                              ;
	text-indent    : 5px                                                ;
	width          : 140px                                              ;
}
.easy-select-box .esb-displayer:hover {
	filter         : alpha(opacity=80)                                  ;
	-ms-filter     : 'alpha(opacity=80)'                                ;
	opacity        : .8                                                 ;
}
.easy-select-box:hover .esb-displayer{
	text-decoration:none;
}
.easy-select-box.disabled .esb-displayer,
.easy-select-box:hover.disabled .esb-displayer{
	background-position: 0 -36px;
}
.easy-select-box .esb-dropdown{
	background            : #fff                                        ;
	border                : 1px solid #ccc                              ;
	display               : none                                        ;
	font-size             : 20px                                        ;
	max-height            : 500px                                       ;
	overflow              : auto                                        ;
	position              : absolute                                    ;
	z-index               : 999                                         ;
	width                 : 200px                                       ;
}
.easy-select-box  .esb-item{
	padding               : 3px                                         ;
	background            : #fffdf4                                     ;
	color                 : #0c2245                                     ;
	cursor                : default                                     ;
}
.easy-select-box .esb-item:hover{
	background:#d2ba85;
	color                 : #FFFFFF                                     ;
	text-decoration       : none                                        ;
}

/*--------------------------------------------------*/
/* カレンダーサマリー画面 */
SumryArea{
	border                : 1px solid red                               ;
	overflow              : hidden                                      ;
	width                 : 100%                                        ;
}
.SumryRightArea{
	float                 : left                                        ;
	width                 : 130px                                       ;
}
.SumryLeftAreaMain{
	float                 : right                                       ;
	width                 : 100%                                        ;
	margin                : 0 0 0 -130px                                ;

}
.SumryLeftArea{
	margin                : 0 0 0 150px                                 ;
}

/*--------------------------------------------------*/
/* 印刷 */
.print_page{
	size                  : A4 portrait                                 ;
	min-height            : 257mm                                       ;
	page-break-after      : always                                      ;
	counter-increment     : print_page_count                            ; /* ページ番号のインクリメント */
}
.print_page:last-child{
	page-break-after      : auto                                        ; /* 最後のページの改ページを防ぐ */
}

.print_page:before{
	position              : absolute                                    ; /* 位置の相対指定 */
	width                 : 172mm                                       ; /* A4縦の幅 */
	right                 : 0                                           ; /* 右から０ピクセルの位置指定 */
	top                   : 0                                           ; /* 上から０ピクセルの位置指定 */
	text-align            : center                                      ;
	font-size             : 20px                                        ;
	content               : " "                                          ;  /* ヘッダーのテキスト */
}

.print_page:after{
	/*position              : absolute                                    ; *//* 位置の相対指定 */
	/*width                 : 172mm                                       ; *//* A4縦の幅 */
	/*right                 : 0                                           ; *//* 右から０ピクセルの位置指定 */
	/*bottom                : 0                                           ; *//* 下から０ピクセルの位置指定 */
	/*content               : counter(print_page_count) "ページ"          ; */ /* ページ番号を擬似要素に表示 */
}

/*--------------------------------------------------*/
/* 利用案内用 */
/* --- ナビゲーションバー --- */
div.riyo_nav {
	width: 180px; /* ナビゲーションの幅 */
	font-size: 120%;
}

/* --- メニューエリア --- */
div.riyo_nav ul.nl {
	margin: 0;
	padding: 0;
	border-top: 1px #cccccc solid; /* 最上部の境界線 */
	list-style-type: none;
	text-align: left;
}

/* --- メニュー項目 --- */
div.riyo_nav ul.nl li {
	background: #f9f9f9 url(../pic/riyo/ver_menu3_back.gif) repeat-x top; /* 項目の背景 */
	border-bottom: 1px #cccccc solid; /* 項目の下境界線 */
}

/* --- リンク --- */
div.riyo_nav ul.nl li a {
	display: block;
	position: relative; /* IE6用 */
	/*padding: 11px 10px 11px 12px; *//* リンクエリアのパディング（上右下左） */
	padding: 5px 5px 5px 5px; /* リンクエリアのパディング（上右下左） */
	background: url(../pic/riyo/ver_menu3_off.gif) no-repeat 3px; /* 左側の三角マーク */
	text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
div.riyo_nav ul.nl li a:hover {
	background: url(../pic/riyo/ver_menu3_on.gif) no-repeat 3px; /* ポイント時の三角マーク */
}