@charset 'utf-8';
/*	Cascading Style Sheets: style.css 5.2	*/ 

#PAGE { padding-bottom:100px; }
h2.BAR	{ width:670px; height:45px; float:left; margin:0; padding:0 0 0 30px; background:#1da4e7; color:#fff; font-weight:bold; font-size:13px; line-height:45px; }
h2.BAR span{ width:auto; height:25px; float:right; position:relative; display:inline-block; margin:0; padding:0; background:#47afec; color:#fff; }
h2.BAR span:after{ content: ''; width:0; height:0; border-bottom:25px solid transparent; border-right:280px solid #47afec; position:absolute; right:0; top:0px; }
#PAGE .INSIDE h3.H3_USER	{ width:600px; height:auto; float:left; margin:30px 0 5px 0; padding:5px 20px; background:#1da4e7; color:#fff; font-weight:bold; font-size:15px; line-height:1.5em; }

#PAGE .SHEET .CONTENTS .INSIDE	{ padding-top:0; }

.CONTENTS .INSIDE .ERROR	{ width:600px; float:left; margin:5px 0 10px 0; padding:15px 20px; background:#ff0; color:#ff006c; font-weight:bold; text-align:center; }
.CONTENTS .INSIDE .DONE	{ width:600px; float:left; margin:5px 0 10px 0; padding:15px 20px; background:#ff0; color:#000; font-weight:bold; text-align:center; }

.CONTENTS .INSIDE p	{ width:640px; float:left; margin:5px 0; line-height:1.5em; }
.CONTENTS .INSIDE p.LOGIN	{ width:640px; float:left; margin:20px 0; line-height:1.5em; }
.CONTENTS .INSIDE p.LOGIN em	{ width:640px; float:left; color:#fa895a; }
.CONTENTS .INSIDE p a	{ color:#1da4e7; }
.CONTENTS .INSIDE p a:hover	{ text-decoration:underline; }
.CONTENTS .INSIDE p a:active	{ text-decoration:underline; }
.CONTENTS .INSIDE ul	{ width:640px; float:left; margin:5px 0 10px 0; }
.CONTENTS .INSIDE ul li	{ width:620px; float:right; margin:0 0 5px 0; display:list-item; list-style:outside disc none; line-height:1.8em; }
.CONTENTS .INSIDE ol	{ width:640px; float:left; margin:5px 0 10px 0; }
.CONTENTS .INSIDE ol li	{ width:620px; float:right; margin:0 0 5px 0; display:list-item; list-style:outside decimal none; line-height:1.8em; }
.CONTENTS .INSIDE ol li ol	{ width:620px; float:right; margin:5px 0 10px 0; }
.CONTENTS .INSIDE ol li ol li	{ width:610px; float:right; margin:0; display:inline; counter-increment:cnt; }
.CONTENTS .INSIDE ol li ol li:before{ display:marker; content: "[" counter(cnt) "] "; }

#PAGE .SHEET div.ENTRY	{ width:628px; float:left; margin:30px 0 50px 0; padding:3px; background:#fff; border:3px solid #ccc; }
#PAGE .SHEET div.ENTRY a	{ width:606px; height:auto; float:left; margin:0; padding:10px; border:1px solid #ccc; }
#PAGE .SHEET div.ENTRY a .ILL	{ width:auto; float:left; margin:0 20px; }
#PAGE .SHEET div.ENTRY a .REGISTRATION	{ width:446px; height:auto; float:right; margin:10px 30px 10px 0; padding:25px 50px; background:#1da4e7; color:#fff; text-align:center; }
#PAGE .SHEET div.ENTRY a:hover .REGISTRATION	{ background:#ff9f00; }
#PAGE .SHEET div.ENTRY a:active .REGISTRATION	{ background:#ff9f00; }
#PAGE .SHEET div.ENTRY a .REGISTRATION strong	{ width:auto; margin:25px 20px 0 0; font-size:13px; line-height:1.2em; }
#PAGE .SHEET div.ENTRY a .REGISTRATION em	{ width:auto; margin:25px 0 0 0; font-weight:bold; font-size:10px; line-height:1.2em; }
#PAGE .SHEET div.ENTRY a h3	{ width:auto; float:left; margin:15px 0 0 0; font-weight:bold; font-size:13px; line-height:1.2em; }
#PAGE .SHEET div.ENTRY a span.EX_SPAN	{ width:auto; float:left; margin:10px 0 0 0; font-size:12px; line-height:1.8em; }

#PAGE #CON a.TOTOP	{ float:left; margin:20px 0 0 0; }
#PAGE #CON a.TOURL	{ float:right; width:300px; height:40px; margin:20px 0 0 0; background:#ff7f00; }

#PAGE #CON dl.RESERVE dd .box label	{ margin-left:25px; }



@media screen and (max-width: 740px){
#PAGE { padding-bottom:0px; }

h2.BAR	{ width:95%; padding:0 0 0 5%; }
h2.BAR span	{ display:none; }
h3.H3_INFO	{ width:100%; }

.CONTENTS .INSIDE .ERROR	{ width:90%; margin:5px 0 10px 0; padding:5px 5%; }
.CONTENTS .INSIDE .DONE	{ width:90%; margin:5px 0 10px 0; padding:5px 5%; }

.CONTENTS .INSIDE p	{ width:100%; }
.CONTENTS .INSIDE p span	{ float:left; clear:both; }
.CONTENTS .INSIDE p a.FB	{ float:left; clear:both; }
.CONTENTS .INSIDE ul	{ width:100%; }
.CONTENTS .INSIDE ul li	{ width:95%; }
.CONTENTS .INSIDE ol	{ width:100%; }
.CONTENTS .INSIDE ol li	{ width:95%; }
.CONTENTS .INSIDE ol li ol	{ width:100%; }
.CONTENTS .INSIDE ol li ol li	{ width:98%; }

#PAGE .SHEET div.ENTRY	{ width:98%; margin:30px 0 50px 0; padding:0; background:#fff; border:3px solid #ccc; }
#PAGE .SHEET div.ENTRY a	{ width:95%; padding:2.5%; border:none; }
#PAGE .SHEET div.ENTRY a .ILL	{ display:none; }
#PAGE .SHEET div.ENTRY a .REGISTRATION	{ width:100%; height:auto; float:right; margin:10px 0; padding:10px 0; background:#1da4e7; color:#fff; text-align:center; }
#PAGE .SHEET div.ENTRY a:hover .REGISTRATION	{ background:#ff9f00; }
#PAGE .SHEET div.ENTRY a:active .REGISTRATION	{ background:#ff9f00; }
#PAGE .SHEET div.ENTRY a .REGISTRATION strong	{ width:auto; margin:25px 20px 0 0; font-size:13px; line-height:1.2em; }
#PAGE .SHEET div.ENTRY a .REGISTRATION em	{ display:none; }
#PAGE .SHEET div.ENTRY a h3	{ width:auto; float:left; margin:15px 0 0 0; font-weight:bold; font-size:13px; line-height:1.2em; }
#PAGE .SHEET div.ENTRY a span.EX_SPAN	{ width:100%; }
#PAGE .SHEET div.ENTRY a span.EX_SPAN br	{ display:none; }

#PAGE #CON a.TOTOP	{ float:left; margin:20px 0 0 10%; }
#PAGE #CON a.TOURL	{ float:right; width:80%; height:40px; margin:20px 10% 0 0; }

}