@charset "shift-jis";
/* -----------------------------------------------------------------
  RESET
----------------------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td{
    margin: 0; 
    padding: 0;
}
html{
    overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6{
    font-size: 100%; 
    font-weight: normal;
}
ol, ul , li{
    list-style:none;
}
fieldset {
     border:0;
}
img { border:0; vertical-align:bottom; }
table{
    border-collapse: collapse; 
    border-spacing:0;
}
caption, th{
    text-align: left;
}
address, caption, cite, code, dfn, em, strong, th, var{
    font-style: normal; 
    font-weight: normal;
}

/* for IE6 */
* html body {
    font-size: 100%;
}

/* for IE7 */
*:first-child+html body {
    font-size: 100%;
}

body {
    background-color: #fff352;
    font-size: 100%;
    color: #fff;
    font-family: ont-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
/* -----------------------------------------------------------------
  LINK
----------------------------------------------------------------- */
a { text-decoration: none; overflow: hidden; outline: none; }
a:link { color: #8abadc }
a:visited { color: #8abadc }
a:hover { text-decoration: underline }
a:active { color: #8abadc }
/* -----------------------------------------------------------------
  TOP
----------------------------------------------------------------- */
#header-wrapper { width:100%; height:60px; background-color:#252a2e; }
#header { width: 940px; padding:0; margin: auto; }
#header-left { width: 227px; float:left; }
#header-right { width: 470px; float:right; }
#contents-wrapper { clear:both; width:100%; padding-bottom:20px;}
#contents-wrapper:after { clear: both; content: ""; display: block; }
#contents { width: 840px; padding:40px 0; margin: auto; }
#main-img-desc { width: 840px; height:60px; background:url(../images/gachidon-desc.gif) no-repeat left top; }
#main-img-desc p { padding:10px 10px 10px 200px; font-size:14px; line-height:150%;}
#gachi-sereis {}
#gachi-sereis ul { width:850px; margin-right:-10px; padding-top:20px;}
#gachi-sereis ul li { width:415px; float:left; margin-right:10px; padding-bottom:20px;}
#gachi-sereis ul li img { width:415px; height:100px; padding-bottom:10px; }
#gachi-sereis ul li h2 { padding-bottom:0px; font-weight:bold; font-size:13px; }
#gachi-sereis ul li p { padding-top:10px; font-weight:normal; font-size:12px; }
#footer-wrapper { width:100%; background-color:#252a2e; }
#footer { width: 950px; padding-bottom:20px; margin: auto; }
#footer:after { clear: both; content: ""; display: block; }
#links {padding:40px 0 30px 0; }
#links ul { width:960px; margin-right:-10px; }
#links ul:after { clear: both; content: ""; display: block; }
#links ul li { width:150px; height:40px; float:left; margin-right:10px; padding-bottom:5px; }
#footer-navi { clear: both; width:950px; float:left; padding:0px; color:#8abadc;}
#footer-navi:after { clear: both; content: ""; display: block; }
#footer-navi ul { width:190px; height:125px; float:left; padding:0 20px 20px 20px; border-left:#8abadc solid 3px;}
#footer-navi ul:after { clear: both; content: ""; display: block; }
#footer-navi ul li h2 { padding-bottom:10px; font-weight:bold; font-size:13px; }
#footer-navi ul li { clear:both; float:left; padding-bottom:5px; font-size:12px; }
#footer-social-wrapper { width:950px; float:left; padding-bottom:40px;}
.footer-social { width:340px; float:left; margin-right:10px; background:#fff; }
.footer-social-t {width:235px; float:right; }
#copy { clear:both; text-align:right; color:#8abadc; padding:20px 0;font-size:10px;}
#countdown-wrapper:after { clear: both; content: ""; display: block; }
#countdown2:after { clear: both; content: ""; display: block; }
#countdown:after { clear: both; content: ""; display: block; }
#countdown-wrapper {width:100%; height: 136px; padding: 200px 0 200px 0;}
#countdown2 { width:870px; display:block; text-align:center; margin:0 auto; height: 136px;}
#countdown { -moz-transform:rotate( -4deg );-webkit-transform:rotate( -4deg );-o-transform:rotate( -4deg );-ms-transform:rotate( -4deg ); transform:rotate( -4deg );}
#countdown div {float: left;}
#countdown img {margin-right: 0px;}