/* Base Theme ============================================================= */

/* Reset ------------------------------------------------------------------ */

/*
  reset.css - resets default browser styling
  http://tantek.com/log/2004/09.html#d06t2354
  http://www.vox.com/.shared/css/base.css by beausmith.com
  http://developer.yahoo.com/yui/reset/
*/

html,body,div,
/* ul,ol,li,dl,dt,dd, */
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr {
  margin:0;
  padding:0;
}

/* Utilities ----------------------------------------------------------------- */

.pkg:after, #content-inner:after {
  content: " ";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
}
.pkg, #content-inner { display: block; }
/* no ie mac \*/
* html .pkg, * html #content-inner { height: 0.1px; }
.pkg, #content-inner { display: block; min-height: 0; }
/* */

/* Content ---------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6, p, pre, blockquote, fieldset, ul, ol, dl { margin-top: 0; margin-bottom: 10px; }

/* Layout ----------------------------------------------------------------- */

body {
  margin: 0 auto;
  /* setting border: 0 hoses ie5 win window inner well border */
  font-family: verdana, 'trebuchet ms', sans-serif;
  font-size: 13px;
  color: #ccc;
  text-align: center;
  padding: 0;
  background: #000;
}

html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td {
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}


#container { width: 800px; text-align: center; margin: 0 auto; padding: 20px 0 0 0; line-height: 1.5; }

a { color: #fff; }
a:hover { color: #f00; }

table { line-height: 1.5; font-size: 13px; }

#wrapper { width: 800px; padding: 0; margin: 0 auto; text-align: center; }

/* Header ----------------------------------------------------------------- */

#header { margin: 0 0 20px 0; padding-bottom: 10px; border-bottom: 5px solid #333; text-align: left; }

h1 { width: 161px; height: 50px; margin: 0 10px 0 0; float: left; text-indent: -240px; font-size: 13px; }
h1 a { width: 161px; height: 50px; display: block; overflow: hidden; background: url(../../images/header/logo.gif) no-repeat left top; }

#header p { text-align: right; margin-bottom: 20px; }

#header a,
#footer a { text-decoration: none; color: #ccc; }
#header a:hover,
#footer a:hover { text-decoration: underline; color: #fff; }

h2 { font-size: 11px; font-weight: normal; color: #666; text-align: right; margin: 0; }


.global-navigation {
    width: 500px;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}

.global-navigation li {
    margin: 0;
    padding: 0;
    float: left;
    width: 120px;
}

/* Layout ----------------------------------------------------------------- */

#content { width: 640px; margin: 40px auto; text-align: left; }
.main-index #content { width: 545px; float: left; margin: 0 15px 0 0; }


.main-index #sidebar { width: 240px; float: left; padding: 0; margin: 0; text-align: left; }

#footer { padding: 10px 0 0 0; border-top: 2px solid #222; }
.footer-navigation { margin: 0 0 10px 0; color: #ccc; list-style: none; }
.footer-navigation .info { float: left; }
.footer-navigation .right { float: right; }

.copyright { margin: 0; padding: 0 0 20px 0; font-size: 11px; text-align: right; }

h3 { text-align: left; font-weight: normal; }
.header { padding: 0; color: #fff; background: url(images/content/header_blog.jpg) no-repeat left top; height: 120px; text-align: left; }
.header h3 { margin: 0; padding: 10px 0 5px 10px; font-size: 24px; font-weight: normal; }
.header p { margin: 0; padding: 0 0 0 10px; font-size: 18px; font-weight: bold; }

.index h3 {
    background: url(images/content/header_index.jpg) no-repeat left top;
    text-indent: -545px;
    font-size: 13px;
    height: 150px;
    margin-bottom: 15px;
}
.schdule h3 {
    background: url(images/content/header_schdule.jpg) no-repeat left top;
    text-indent: -545px;
    font-size: 13px;
    height: 120px;
    margin-bottom: 20px;
}
.max h3 {
    background: url(images/content/header_max.jpg) no-repeat left top;
    text-indent: -545px;
    font-size: 13px;
    height: 120px;
    margin-bottom: 20px;
}
.onenight h3 {
    background: url(images/content/header_onenight.jpg) no-repeat left top;
    text-indent: -545px;
    font-size: 13px;
    height: 120px;
    margin-bottom: 20px;
}
.platina h3 {
    background: url(images/content/header_platina.jpg) no-repeat left top;
    text-indent: -545px;
    font-size: 13px;
    height: 120px;
    margin-bottom: 20px;
}

.about h3 {
    background: url(images/content/header_about.jpg) no-repeat left top;
    text-indent: -545px;
    font-size: 13px;
    height: 120px;
    margin-bottom: 0;
}
.sponsor h3 {
    background: url(images/content/header_sponsor.jpg) no-repeat left top;
    text-indent: -545px;
    font-size: 13px;
    height: 120px;
    margin-bottom: 0;
}
.faq h3 {
    background: url(images/content/header_faq.jpg) no-repeat left top;
    text-indent: -545px;
    font-size: 13px;
    height: 120px;
    margin-bottom: 0;
}
.contact h3 {
    background: url(images/content/header_contact.jpg) no-repeat left top;
    text-indent: -545px;
    font-size: 13px;
    height: 120px;
    margin-bottom: 0;
}
.wanted h3 {
    background: url(images/content/header_wanted.jpg) no-repeat left top;
    text-indent: -545px;
    font-size: 13px;
    height: 120px;
    margin-bottom: 0;
}
.terms h3 {
    background: url(images/content/header_terms.jpg) no-repeat left top;
    text-indent: -545px;
    font-size: 13px;
    height: 120px;
    margin-bottom: 0;
}
.privacy h3 {
    background: url(images/content/header_privacy.jpg) no-repeat left top;
    text-indent: -545px;
    font-size: 13px;
    height: 120px;
    margin-bottom: 0;
}
.gallery h3 {
    background: url(images/content/header_gallery.jpg) no-repeat left top;
    text-indent: -545px;
    font-size: 13px;
    height: 120px;
    margin-bottom: 0;
}
.koidane h3 {
    background: url(images/content/header_koidane.jpg) no-repeat left top;
    text-indent: -545px;
    font-size: 13px;
    height: 120px;
    margin-bottom: 0;
}



h4 {
  font-size: 16px;
  padding: 0 0 7px 0;
  margin: 0 0 15px 0;
  font-weight: normal;
  color: #fff;
  background: url(images/content/bg_h4.gif) repeat-x left bottom;
}
#sidebar h4 { font-size: 13px; margin-bottom: 10px; border-bottom: 1px dashed #333; padding-bottom: 5px; background: none; }
h4 a { color: #fff; text-decoration: none; }
h4 a:hover { text-decoration: underline; }

h5 {
  font-size: 16px;
  font-weight: bold;
}

.edit-index #sidebar h5 {
  padding: 5px 7px;
  font-size: 13px;
  background: #ddd;
  border-left: 5px solid #ccc;
  margin-bottom: 7px;
}
.main-index #sidebar h5 {
  padding: 5px 7px;
  font-size: 13px;
  background: #E5F2FF;
  background: url(../../images/bg/h5.gif) repeat-x left top #F8F2FF;
  border: 1px solid #c9f;
  border-top: 5px solid #c9f;
  margin-bottom: 10px;
}
.main-index #sidebar h5 a { text-decoration: none; }

.default { color: #ccc; }

.purple { color: #800080; }
.green { color: #3c0; }
.red { color: #f00; }
.black { color: #000; }
.orange { color: #f60; }
.blue, .man a { color: #06f; }
.pink, .woman a { color: #f06; }
.white { color: #fff; }
.yellow { color: #ff0; }
.gold { color: #960; }
.gray { color: #888; }
.silver { color: #ccc; }

.underline { text-decoration: underline; }
.line-through { text-decoration: line-through; }
.none { text-decoration: none; }
.normal { font-weight: normal; }
.nowrap { white-space: nowrap; }
dfn, em, address { font-style: normal; }

.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }

.last { margin-bottom: 0; }

img.left {
  float: left;
  margin-right: 10px;
}
img.right {
  float: right;
  margin-left: 10px;
}
img, img a { border: 0; text-decoration: none; }
img, img a, img a:link, img a:hover, img a:visited, img a:active { 
  border-width: 0px; text-decoration: none;
}
.xxs { font-size: 11px; }
.xs { font-size: 13px; }
.s { font-size: 16px; }
.m { font-size: 18px; }
.l { font-size: 24px; }
.xl { font-size: 30px; }
.bold { font-weight: bold; }


.breadcrumbs { margin: 0 0 10px 0; padding:0; font-size: 11px; }
.breadcrumbs dt { margin: 0; padding:0 0 0 10px; background: url(../../images/bg/breadcrumbs.gif) no-repeat left center; float: left; text-align: left; color: #888; }
.breadcrumbs dd { margin: 0; padding: 0; float: right; text-decoration: right; }


.submit { text-align: center; margin: 30px auto 0 auto; }


table.calendar {
  width: 100%;
  border-collapse: collapse;
}


table.calendar caption {
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  padding: 5px 10px;
}
table.calendar th {
  padding: 2px;
  background: #f8f8f8;
  text-align: center;
  color: #666;
}

table.calendar td {
  padding: 1px;
  margin: 0;
  color: #888;
}
table.first { margin-bottom: 5px; }
table.last { margin-bottom: 0; }

#content table.calendar th { padding: 3px; color: #333; }
#content table.calendar td { padding: 3px; color: #333; }
#content table.calendar caption { background: #fc0; color: #fff; }

#content table.calendar { border: 3px double #fc0; margin-bottom: 0; }
#content table.calendar th { border: 1px solid #fc6; background: #ffe; }
#content table.calendar td { border: 1px solid #fc6; }

#content table.calendar th.on { background: #ff6; font-weight: bold; }
#content table.calendar td.on { background: #ff9; font-weight: bold; }

#sidebar table.calendar { border: 1px solid #222; text-align: center; margin-bottom: 10px; }
#sidebar table.calendar th { border: 1px solid #000; background: #222; }
#sidebar table.calendar th.month { border: 1px solid #111; background: #111; }
#sidebar table.calendar td { border: 1px solid #111; background: #000; }

#sidebar table.calendar th.on { background: #300; color: #fff; font-weight: bold; }
#sidebar table.calendar td.on { background: #9f3; color: #0c0; font-weight: bold; }


table.calendar dl {
  margin: 0;
  padding: 0;
}
table.calendar dt {
  margin: 0;
  padding: 0;
  float: left;
}
table.calendar dd {
  margin: 0;
  padding: 0;
  float: right;
  text-align: right;
}



.new-list {
    margin: 0 0 15px 0;
    padding: 0;
    list-style: none;
    background: url(images/content/bg_new-list.gif) repeat-y center top;
}

.category { margin: 0 0 3px 0; padding: 5px 0; border-top: 2px solid #600; border-bottom: 1px solid #300; color: #fff; }
.date { margin: 0; color: #fff; font-weight: bold; }

.new-list li.previous {
    margin: 0 31px 0 0;
    padding: 0;
    width: 257px;
    float: left;
}
.new-list li.next {
    margin: 0;
    padding: 0;
    width: 257px;
    float: left;
}


.caution {
    margin: 0 0 20px 0;
    padding: 10px;
    border: 1px dashed #333;
    background: #111;
    font-size: 11px;
}


.asset-body { line-height: 1.7; }


.sponsor-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sponsor-list li {
    width: 33%;
    float: left;
    margin: 0;
    padding: 0 0 10px 0;
}



.schdule-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.schdule-list li {
    margin: 0 0 20px 0;
    padding: 15px;
    border: 1px solid #222;
    border-bottom: 1px dashed #222;
}
.title { padding-left: 10px; border-left: 3px solid #f00; color: #fff; }



table.comment { width: 100%; border-collapse: collapse; margin-bottom: 20px; border: 3px double #222; }
table.comment th { padding: 10px; text-align: left; border: 1px solid #111; background: #222; font-weight: normal; }
table.comment td { padding: 10px; border: 1px solid #111; border-top: 1px dashed #111; border-bottom: 1px dashed #111; }


.photo-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.photo-list li {
    margin: 0 0 10px 0;
    padding: 0;
    float: left;
    width: 20%;
    text-align: center;
}
.photo-list li img {
    vertical-align: top;
}