* { outline:none; }
body,p,form,ul,li,dl,dt,dd,div,h1,h2,h3,h4,select,hr { margin:0; padding:0; line-height:1; }
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color:#808080; background:#191919; -webkit-text-size-adjust:none; }
h1 { font-size:1.8em; font-weight:bolder; vertical-align: text-bottom; text-rendering: optimizeLegibility; }
h2,h3,h4 { font-size:1.2em; font-weight:bold; color:#363636; text-rendering: optimizeLegibility; }
img { border:none; }
p { line-height:1.5; }
li { list-style-type: none; }
hr { clear:both; visibility:hidden; height:1px; }
a:link { color:#222; text-decoration:none; }
a:visited { color:#222; text-decoration:none; }
a:hover { color:#b51d27; text-decoration:none; }
a:active { color:#b51d27; text-decoration:none; background:#ffdfdf; }

#container { position:relative; margin:0 auto; padding:0; max-width:1000px; background:#fff; border-left:0px solid #ddd; border-right:0px solid #ddd; }

#header { padding:20px 0; color:#bbb; }
#home_title { width:100%; text-align:center; z-index:1; }
#home_title img { padding-right:8px; vertical-align:middle; }
@media screen and (max-width: 999px) {
 	#home_title { font-size:1.4em; }
  	#home_title img { width:50px; height:50px; padding-right:4px; }
 	#ho_me #home { display:inline; }
 }
#navi { float:left; position:relative; padding:20px 30px; z-index:2; }
#p_next { float:right; }
#p_next img { padding:20px 30px; }

#promote { clear:both; width:890px; margin:0 auto 30px; }
#promote img {width:100%; }
@media screen and (max-width: 999px) {
    #promote { width:89%; margin:0 auto 30px; }
}
@media screen and (max-width: 749px) {
    #promote { width:89%; margin:0 auto 30px; }
    #promote a { margin:0 5px 5px 0; width:195px; height:195px; }
    #promote a:first-child { margin:0 5px 5px 0; width:395px; height:395px; }
}
@media screen and (max-width: 570px) {
    #promote { width:89%; margin:0 auto 30px; }
    #promote a { margin:0 5px 5px 0; width:175px; height:175px; }
    #promote a:first-child { margin:0 5px 5px 0; width:355px; height:355px; }
}
@media screen and (max-width: 450px) {
    #promote { width:89%; margin:0 auto 30px; }
    #promote a { margin:0 5px 5px 0; width:145px; height:145px; }
    #promote a:first-child { margin:0 5px 5px 0; width:295px; height:295px; }
    #p_next img { padding:10px 15px; }
    #p_prev img { padding:10px 15px; }
	#navi { padding:10px 20px; }
}

#left p, #left ul,  #about_me, #news { clear:both; margin-bottom: 60px;}
#about_me { width:89%; margin:0 auto; font-size:16pt; }
#about_me p { padding:10px 0; }
#about_me #kazu { float:left; padding:0 10px 30px 0; }
#about_me ul { margin-top:3em; }
#about_me li { float:left; width:24%; }
#about_me li a { display:block; width:54px; height:65px; margin:0 auto; text-align:center; }

#foot_navi #p_search { text-align:center; padding-top:20px; }

#footer { clear:both; margin:0; padding:20px 0; color:#bbb; text-align:center; }
#sub_navi { margin-top:20px; }
#sub_navi li { display:inline;}
#sub_navi li a { padding:10px; }
#count { margin-top:10px; font-size:80%; }
#copy { margin-top:20px; }
@media screen and (max-width: 767px) {
	#footer { padding:20px 0;}
	#sub_navi { float:none; text-align:center; margin-bottom:30px; }
	#sub_navi li a { padding:10px 20px; }
}