@import url("base.css");

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

body {
margin: 0 auto;
color: #444444;
font-size: 83%;
line-height: 150%;
word-break: break-all;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", Meiryo, Arial, Verdana, Helvetica, "ＭＳ Ｐゴシック", sans-serif;
}

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

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

h2 { margin: 15px 0 25px; text-align: center;}
p.comment { width: 810px; margin: 10px auto;}

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;}

/* info -----------------------*/

div.info h2 { margin: 5px; text-align: left; color: #336600; font-size: 100%; letter-spacing: 2px;}
h3 { margin: 0; font-size: 100%; text-align: center; font-weight: normal; color: #003300; line-height: 130%;}
h3 span { font-weight: normal; color: #444444; font-size: 90%;}

div.box-left { float: left; width: 300px;}
div.box-right { float: right; width: 450px;}

div.info table { width: 280px; margin: 5px auto 20px; border-collapse: collapse;}
div.info th, div.info td { width: 3em; padding: 3px 10px; border: 1px solid #CCC; vertical-align: top; text-align: center;}
div.info thead th, div.info thead td { width: 3em; background: #EEEECC; color: #445522;}
div.info th { font-weight: normal;}
div.info td { border-left: 1px dotted #CCC;}

table.viking th { width: 10em;}

div.box-right table { width: 450px; border-collapse: collapse; border: 1px solid #CCC;}
div.box-right th { width: 25em; padding: 3px 5px; border-left: 1px dotted #DDDDDD; border-right: 1px dotted #DDDDDD; font-size: 90%; text-align: left;}
div.box-right td { width: 4em; padding: 3px 5px; border-left: none;}

p.self { margin: 0 0 15px; font-size: 90%; color: #664444;}
p.selfday { margin: 10px 0; font-size: 90%;}