/*文字コード宣言*/
@charset "shift_jis";

/*初期化*/
* {margin:0; padding:0; zoom:1;}
ul,ol,dl {list-style:none;}
li {display:list-item; zoom:normal;}

/*全体*/
body {width:100%; color:#ccc; letter-spacing:1px; background-color:#000;}
img {border: 0px;}

/*ブロック*/
#box {width:800px; margin:0 auto; background-color:#666;}

/*あたま*/
#header {height:150px; padding:1em auto; background-image:URL("http://sharp-eight.sakura.ne.jp/img/top.jpg");}
#header p {color:#fff;}
#header img {float:right; padding:1em 1em 0 0;}

/*なび*/
#navi {height:30px; background-color:#000; position: relative; overflow: hidden; clear:both;}
#navi ul {padding:5px; list-style-type:none; 
font-family:"Times New Roman","Georgia",serif; font-size:100%; font-weight:bold; color:#fff;
position:relative; left:50%; float: left;}
#navi li {display:inline; padding:0 20px; margin:0; float:left; position: relative; left: -50%;}

/*すぺしゃる*/
#sp {height:500px; background-image:URL("http://sharp-eight.sakura.ne.jp/img/Link_SP.jpg");}

/*いんふぉめ*/
#info h2 {border-bottom:2px solid #333; clear:both;}
#info ul {list-style-type:none; position:relative; float:left; left:50%; padding:0;}
#info li {display:inline; margin:0 1em; float:left; position:relative; left: -50%;}
#info img {margin-bottom:2em;}
#info p {padding:0 2em; color:#ffcc99; clear:both;}

/*ぶくま*/
#bookmark {padding-bottom:40px; clear:both;}
#bookmark h2{border-bottom:2px solid #333;}
#bookmark ul {list-style-type:none; 
font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","Meiryo","メイリオ","MS PGothic","ＭＳ Ｐゴシック",sans-serif; 
font-size:75%; color:#fff;
 position:relative; float: left;
padding:0 3em;}
#bookmark li {display:inline; padding:0 10px; margin:0; float:left; position: relative;}

/*あし*/
#fooder {height:50px; margin:2em auto 0; background-color:#000; clear:both; background-image:URL("http://sharp-eight.sakura.ne.jp/img/but.jpg");}
#fooder p {text-align:center;}

/*タグ個別*/
h1 {font-family:"Times New Roman","Georgia",serif; font-size:120%; padding:1em 0 0 10px; color:#999}
h2 {font-family:"Times New Roman","Georgia",serif; font-size:100%; letter-spacing:1px; margin:1em 2em 10px;}
.text {font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","Meiryo","メイリオ","MS PGothic","ＭＳ Ｐゴシック",sans-serif; 
font-size:75%; margin:0 4em 2em;}

a {text-decoration:none; color:#fff;}
a:hover {color:#ff3300;}