@import url("base.css");

.d-title { background: url(../schedule/img/d_title.jpg) no-repeat;}

/* ---------- layout style --------------*/

#contents {
float: none;
width: 850px;
}

/* ---------- page title style --------------*/

.p-title {
height: 30px;
border-left: 5px solid #9B9932;
background-image: url(../schedule/img/ttl_schedule.gif);
background-position: 11px 3px;
background-repeat: no-repeat;
font-size: 1px;
text-indent: -9999px;
}


/* ---------- contents style --------------*/

h2 { margin: 20px 10px 5px; text-align: center; font-size: 110%;}

table.calender { border: 2px solid #BBBB99; border-collapse: collapse; font-size: 90%;}
table.calender thead tr { background: #E9E9BB;}
table.calender thead td { padding: 5px; text-align: center;}


table.calender td { width: 110px; padding: 3px 5px; border: 1px solid #B6B699; vertical-align: top;}
table.calender td a { width: 98px; padding: 0 0 0 12px; background: url(../img/hide_mark.gif) left 5px no-repeat;}
span.date { display: block; width: 2em; padding: 3px 0; text-align: center; font-size: 120%;}
span.sun { color: #DD0000;}
span.str { color: #0000DD;}
span.lunch { color: #FF9900;}
span.selfprice { color: #0000BB;}
span.eventday { color: #DD3333;}
td.compe { background: #FFE9E9;}
td.viking { background: #FFEECC;}

span.red { color: #DD0000;}
span.blue { color: #0000DD;}


a.hide { -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; overflow: hidden; position: relative; cursor: default; display: block; height: auto; z-index: 2; text-decoration: none; color: #444444; font-family: "ＭＳ ゴシック", "Osaka－等幅";}
a.hide span.poptxt { display: block; padding: 5px; background: #FFFFEE; border: 2px solid #AAAA66; text-decoration: none; position: absolute; bottom: 67px; left: 0px; visibility: hidden; width: 200px; margin-left: 50px; z-index: 3; }
a.hide:hover, a.hide:hover span { overflow: visible; visibility: visible; z-index: 100; }

em, .contents strong { color: #DD3333;}
.contents p.t-right { margin: 5px 30px; text-align: right;}
.contents a { padding: 0 20px 0 0; background: url(../img/arrow2.gif) right center no-repeat;}

h3 { margin: 20px 0; padding: 2px 0 2px 8px; border-left: 5px solid #9B9932; color: #666600;}
h4 { margin: 15px 10px; padding: 0 0 0 13px; background: url(../img/li_mark2.gif) left center no-repeat; letter-spacing: 1px;}
.contents p { margin: 15px 0 15px 20px;}

div.box { float: left; width: 400px; padding: 0 0 20px; text-align: center;}
div.box span { display: block; text-align: left;}
h5 { margin: 10px 0 5px; font-size: 100%; font-weight: normal; line-height: 130%;}
div.box table { margin: 0 auto; border-collapse: collapse;}
div.box td { padding: 3px 8px; border: 1px solid #CCC;}
div.box thead tr { background: #EEEECC;}

div.block { clear: both;}
div.box2 { float: left; width: 390px; margin: 15px 30px 15px 0;}
div.box2 table { margin: 0 0 0 35px; border-collapse: collapse;}
div.box2 th, div.box2 td { padding: 3px 8px; border: 1px solid #CCC;}
div.box2 th { background: #EEEECC; font-weight: normal; line-height: 130%;}

table.cancel { margin: 0 0 0 10px;}
table.cancel td { padding: 3px 10px;}


/* ---------- form style --------------*/

input,select { margin: 5px 0;}