@charset "UTF-8";
/*Reset*/
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated:2010-09-17
Author:Richard Clark - http://richclarkdesign.com 
Twitter:@rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}

body {line-height:1;}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}

nav ul {list-style:none;}

blockquote, q {quotes:none;}

blockquote:before, blockquote:after,
q:before, q:after {content:''; content:none;}

a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}

/* change colours to suit your needs */
ins {background-color:#ff9; color:#000; text-decoration:none;}

/* change colours to suit your needs */
mark {background-color:#ff9; color:#000;  font-style:italic; font-weight:bold;}

del {text-decoration:line-through;}

abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}

table {border-collapse:collapse; border-spacing:0;}

/* change border colour to suit your needs */
hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}

input, select {vertical-align:middle;}

/*ClearFix*/
.cl{clear:both;}

.clearfix:after{	
content:".";
height:0;
clear:both;
display:block;
visibility:hidden;
}

.clearfix{
display:inline-block;
/*\*//*/
overflow:hidden;
/**/
}

/*FONT*/
body {
font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック",sans-serif;
color:#2e2e2a;
line-height:1.5em;
letter-spacing:0;
text-align:center;
}
/* Opera 9 */
;;body {font-family:"メイリオ", Meiryo, san-serif;}
/* IE 7 */
*;first-child+html body {font-family:"メイリオ", Meiryo, san-serif;}
/* IE 6 or sooner*/
* html body {font-family:"メイリオ", Meiryo, san-serif;}

/* FONT SIZE----------------- */
body {font-size:12px;}
/* IE 6 or sooner*/
* html body {font-size:75%;}

table {font-size:inherit; font:100%;}

footer{font-family:'Trebuchet MS',Futura,Century Gothic,"メイリオ", Meiryo, san-serif; font-size:10px; color:#fff;}

#header {line-height: 0px; font-size: 0px; padding:0px; margin:0px;} 
#header img{vertical-align:bottom; padding: 0; margin: 0;}
body{background:url("../lib/bg.gif") center bottom no-repeat; background-attachment:fixed;}
a{color:#ff3300; text-decoration:none;}
a:hover {color:#FF6633; text-decoration:none;}
#header{margin: 30px 0 0 0; text-align: left; width: 700px;}
#header #left{float: left; width: 379px;}
#header #right{float: left; width: 300px; position: relative;}
#header #right #enter{margin-top:170px; text-align: center;}
#header #right #enter img{margin-bottom:5px; }
#header #right #links {text-align: right; position:absolute; right:0px; top: 300px; }
#header #right #links .image{float: left; margin-left: 10px; padding-top: 30px;}
#header #right #links #limage{float: left; margin-left: 10px; }

#maincontent{text-align: left; margin-top: 10px; width: 740px; margin: 0 auto;}
#news{background: #80d9a6; width: 680px; margin: 0 auto; padding: 10px; margin-top: 20px; }
#news h2{border-bottom: 1px solid #000; font-size: 1.8em; padding-bottom: 5px;}
#news ul {margin-top: 10px; list-style: none;}
#news p{margin-bottom: 5px;}

#secondbox{margin: 20px 0 0 15px;}
#leftbox{float: left; padding: 0 0 0 10px;}
#cdbox{width: 370px; height:430px; background:#80d9a6; padding: 0 0 0 10px;}
.cdinfo{display:block; margin-top: 20px;}
.cdinfo .jk{float: left; margin-top: 5px; width: 145px;}
.cdinfo .cdright{float: left; margin-top:5px; width: 200px;}
.cdinfo .cdright h3{font-size: 1.3em; font-weight: normal;}
.cdinfo .sjk{float: left; width: 65px;}
.cdinfo .scdright {float: left; width: 130px; line-height: 1.3em;}
.shop{margin-top: 5px;}

#linkbox{float: left; margin-left: 15px;}
#linkbox img{margin-bottom: 10px;}

#eventinfo  {width:275px;  background: #80d9a6; height:790px; padding:15px 10px 0 10px;  margin-bottom:1.5em; font-weight:100; line-height:1.1; color:#2e2e2a; font-size:12px; line-height:1.3em;}
#eventinfo h3{font-size:1.5em; font-weight:600; line-height:1.4em;}
#eventinfo p{margin:10px 0 5px 0;}

#twitter  {width:370px;  background: #80d9a6; height:355px; padding: 10px 5px 0 5px; margin-top:10px; margin-bottom:1.5em; font-weight:100; line-height:1.1; color:#2e2e2a; font-size:12px; line-height:1.3em;}
#twitter  h2 {margin:0; padding:0.5em 0.5em; font-size:1.2em; color:#fff; background-color:#3edcfe;}
#twitter  p.preLoader { margin:0; padding:1em 1em 1em 3em; background:transparent url("loader.gif") 1em center no-repeat;}
/* generate your own loader gif:http://www.ajaxload.info */
#twitter  ul#twitter_update_list {margin:0;padding:0 0.8em; list-style-type:none;}
#twitter  ul#twitter_update_list li {margin:0;padding:0.5em 0 1em 0;width:340px; border-bottom:1px solid #666;}
#twitter  ul#twitter_update_list li span {/* tweet content */display:block;}
#twitter  ul#twitter_update_list li span a {/* links in tweet content */display:inline; width:340px;color:#00f; word-break:break-all; }
#twitter  ul#twitter_update_list li a {/* timestamp link */ display:block; width:340px;color:#f00; text-align: right;}
#twitter  ul#twitter_update_list li.firstTweet {}
#twitter  ul#twitter_update_list li.lastTweet {border-bottom:none;}
#twitter  p.profileLink {display:block; width:340px;margin:0;padding:0.3em 1em;color:#fff;background-color:#ddd;}

#footer{margin:20px 0 0 0; color:#fff; font-size:10px;}