@charset "utf-8";
 
html { height:100%;margin-bottom:1px; /*always scroll*/overflow-y:scroll; /*firefox*/}

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;} 
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0;}
h1,h2,h3,h4,h5,h6 { font-weight:bold;}
h1,h3,h4,h5,h6 { font-size:100%;}
h2 { font-size:134%;}
	
body { color:#fff; background-color:#000; font-size:75%; line-height:1.7; letter-spacing:1px;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,/*Helvetica,Arial,Verdana,*/Osaka,'ＭＳ Ｐゴシック',sans-serif;}

p { margin:1em 0;}
h2 { margin:0 0 1em 0;}
h2 { font-weight:bold,font-family:'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝','Times New Roman', Georgia, serif;}

a { -moz-outline-style:none;}
a:link, a:visited { color:#fff;}
a:hover, a:active, a.focus { color:#7d508c;}

a.green { color:#006c35;}
a.red { color:#922e1c;}
a.yellow { color:#a39b13;}
a.blue { color:#00689f;}
a.purple { color:#7d508c;}

a.green:hover,a.green:active,a.green:focus,
a.red:hover,a.red:active,a.red:focus,
a.yellow:hover,a.yellow:active,a.yellow:focus,
a.blue:hover,a.blue:active,a.blue:focus,
a.purple:hover,a.purple:active,a.purple:focus { color:#fff;}

.webpage h2 a { font-size:69%;}
.webpage h3 { font-size:134%;}
.webpage h4 { font-size:117%;}

/*ｌａｙｏｕｔ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

#wrap { width:810px;margin:0 auto;}
#head { width:810px; height:185px; position:relative;}

#main { width:780px; margin:95px 0 50px 30px;}
.cat-archive #main, .entry #main, .webpage #main { width:720px; margin:80px 0 50px 90px;}
#news, #footer { width:720px; margin:50px 0 50px 90px;}


/*ｎａｖ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

h1 { width:380px;height:165px;position:absolute;bottom:0px;left:0px;}
h1 a { display:block; width:380px; height:165px; text-indent:-9999em; background:url(../img/title.jpg) no-repeat left top;}

#head ul { position:absolute;bottom:0px;left:600px;width:210px;height:126px;list-style:none;}
#head ul li a { display:block;width:210px;height:21px;text-indent:-9999em;}

li#nav-gree a { background:url(../img/nav.jpg) no-repeat 0 0;}
li#nav-gree a:hover,li#nav-gree a:focus { background:url(../img/nav.jpg) no-repeat -210px 0;}
li#nav-summary a { background:url(../img/nav.jpg) no-repeat 0 -21px;}
li#nav-summary a:hover,li#nav-summary a:focus { background:url(../img/nav.jpg) no-repeat -210px -21px;}
li#nav-related a { background:url(../img/nav.jpg) no-repeat 0 -42px;}
li#nav-related a:hover,li#nav-related a:focus { background:url(../img/nav.jpg) no-repeat -210px -42px;}
li#nav-map a { background:url(../img/nav.jpg) no-repeat 0 -63px;}
li#nav-map a:hover,li#nav-map a:focus { background:url(../img/nav.jpg) no-repeat -210px -63px;}
li#nav-sponsor a { background:url(../img/nav.jpg) no-repeat 0 -84px;}
li#nav-sponsor a:hover,li#nav-sponsor a:focus { background:url(../img/nav.jpg) no-repeat -210px -84px;}
li#nav-blog a { background:url(../img/nav.jpg) no-repeat 0 -105px;}
li#nav-blog a:hover,li#nav-blog a:focus { background:url(../img/nav.jpg) no-repeat -210px -105px;}


/*ｔｏｐ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

#junku { width:780px; height:325px;}
#junku ul { width:780px; height:325px; list-style:none;}
#junku h2 { margin:0;height:0; display:none;}
#junku li a { display:block; width:780px; height:65px;}

#news h3,#footer h4 { margin:0 0 5px 0; font-size:100%;}
#news ul { list-style-type:disc; margin:0 0 0 1em;}

#footer ul { list-style:none;}
li#shobi span { vertical-align:0.4em;}
li#shobi img { margin:7px 0 0 0;}



/*ｃａｔｅｇｏｒｙ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

.entry-block {margin:0 0 2em 0; padding:0 0 40px 0; background:url(../img/mark.jpg) no-repeat 20% 100%;}
.entrymore-link { margin:-1em 0 0 1em;}


/*ｅｎｔｒｙ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

#entry-32 h3 { font-size:114%; margin:1.5em 0; border-bottom:2px solid #006c35;}
#entry-39 h3 { font-size:114%; margin:1.5em 0; border-bottom:2px solid #922e1c;}
#entry-38 h3 { font-size:114%; margin:1.5em 0; border-bottom:2px solid #a39b13;}
#entry-37 h3 { font-size:114%; margin:1.5em 0; border-bottom:2px solid #00689f;}
#entry-36 h3 { font-size:114%; margin:1.5em 0; border-bottom:2px solid #7d508c;}

#entry-32 h4 { font-size:114%; color:#006c35;}
#entry-39 h4 { font-size:114%; color:#922e1c;}
#entry-38 h4 { font-size:114%; color:#a39b13;}
#entry-37 h4 { font-size:114%; color:#00689f;}
#entry-36 h4 { font-size:114%; color:#7d508c;}

p#entry-nav { margin:2em 0 1em 0; padding:40px 0 0 0; background:url(../img/mark.jpg) no-repeat 20% 0%;}
