@charset "utf-8";

body, div, table, th, td, caption, h1, h2, h3, h4, h5, h6, a, p, pre, ul, ol, li, dl, dt, dd, form, address, embed, object {
margin:0px;
padding:0px;
color:inherit;
font-size:100%;
font-weight:inherit;
font-style:normal;
line-height:inherit;
text-align:inherit;
word-break:normal;
list-style-type:none;
vertical-align:bottom;
font-family: Georgia,"Hiragino Mincho Pro W3","ヒラギノ明朝 Pro W3",serif,"ＭＳ 明朝";
text-align:left;
  letter-spacing:0.05em;
}
table {border-style:none; border-collapse:collapse; border-spacing:0px;}
th, td {text-align:left; vertical-align:top; font-weight:normal;}
caption {caption-side:top;}
address {text-align:left;}
img {border:none; vertical-align:bottom;}

body {
padding:0px;
color:#fff;
background:#111;
line-height:160%;
text-align:left;
font-size:74%;
}

a {color:#ddd; text-decoration:none !important;}
a:hover {color:#aaa; text-decoration:none !important;}

#container {margin:0px 2%; text-align:center;}

#head {margin:0 auto;}
#head h1 {padding:40px 0 30px; text-align:center; }
#head .headBottom {display:none; clear:both; width:1px; height:1px; overflow:hidden;}
.mainpicarea {width:100%; height:500px; background:#111; }

#area {padding:0; margin:50px auto 0; width:100%; overflow: hidden;}
#area .areaBottom {display:none; clear:both; width:860px; height:1px; overflow:hidden;}

#navi {overflow:hidden; margin-bottom:20px; text-align: center;}
#navi a {display:block; font-family: 'IM Fell English SC', serif;}
#navi li {font-size:16px; display:inline-block; margin:0 20px;}
#navi .blog           {margin-top:20px;}
#navi .facebook       {height:20px; margin-top:20px;}
#navi .twitter        {height:20px; margin-top:0;}
#navi .mixi           {height:20px; margin-top:0;}
#navi .pronet         {margin-top:30px; height: 112px;}
#navi .naviBottom {display:none; clear:both; width:140px; height:1px; overflow:hidden;}
#navi .snavi { margin-left:10px; margin-bottom:40px; color:#999999; }
#navi .snavi a { color:#999999; }

#body {width:100%; margin:0px; overflow:hidden;}
#body h2 {display:none; }
#body h2.portfolio   {background:url(images/title_portfolio.png) no-repeat;height:64px; text-indent:-99999px;}
#body h2.profile     {background:url(images/title_profile.png) no-repeat;height:64px; text-indent:-99999px;}
#body h2.contact     {background:url(images/title_contact.png) no-repeat;height:64px; text-indent:-99999px;}
#body h2.information {background:url(images/title_information.png) no-repeat;height:64px; text-indent:-99999px;}
#body h2.blog        {background:url(images/title_blog.png) no-repeat;height:64px; text-indent:-99999px;}
#body h2.link        {background:url(images/title_link.png) no-repeat;height:64px; text-indent:-99999px;}

#body a {color:#999; }
#body a:hover {color:#555; opacity:0.7;}
#body .bodyBottom {display:none; clear:both; width:680px; height:1px; overflow:hidden;}

#foot {text-align:center; margin:50px auto 10px; overflow:hidden; font-family: 'IM Fell English SC', serif; color:#666; font-size: 9px;}