/* RESET */
div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,blockquote,fieldset,input,table, caption, th, td, img { margin: 0; padding: 0; }
img{ border-style:none; vertical-align: bottom; }
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
        border: none;
        font-style: normal;
        font-weight: normal;
        font-size: 100%;
        list-style-type: none;
}
a img { border-style: none; }
body { color: #000; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif; background-color: #fff; background-image: none; background-repeat: no-repeat; background-position: left top; text-align: center; }
#wrap{
width: 100%;
margin: 0 auto;
text-align: center;
}

#header{
width: 900px;
height: 110px;
margin: 0 auto;
text-align: left;
}

#logo_img{ 
padding-top: 6px;
height:28px;  }


#globalheader { text-align: left; margin-top: 15px; margin-left: 0;  }
#globalheader #navbar  { margin: 0; padding: 0;  }
#globalheader #navbar li  { float:left; line-height:0; display: block; white-space: nowrap; height: 20px; }
#globalheader #navbar li a { 
height: 20px;
display: block; 
line-height:normal; 
overflow: hidden; 
background-image: url(../image/naviber2.gif);
background-position: 0 0; 
background-repeat: no-repeat; 
margin: 0; 
text-indent: -9999px; 
text-decoration: none;}

/* BUTTONS */

#globalheader #navbar li#profile a{ background-position: 0 0; height: 20px; width: 98px  }
#globalheader #navbar li#photograph a{ background-position: -105px 0; height: 20px; width: 155px  }
#globalheader #navbar li#books a{ background-position: -263px 0; width: 85px  }
#globalheader #navbar li#blog a{ background-position: -352px 0; width: 75px  }
#globalheader #navbar li#contact a{ background-position: -427px 0; width: 95px  }

#globalheader #navbar li#profile a:hover{ background-position: 0 -23px; height: 20px; width: 98px  }
#globalheader #navbar li#photograph a:hover{ background-position: -105px -23px; height: 20px; width: 155px  }
#globalheader #navbar li#books a:hover{ background-position: -263px -23px; width: 85px  }
#globalheader #navbar li#blog a:hover{ background-position: -352px -23px; width: 75px  }
#globalheader #navbar li#contact a:hover{ background-position: -427px -23px; width: 95px  }
#globalheader #navbar li#profile a:active{ background-position: 0 -46px; height: 20px; width: 98px  }
#globalheader #navbar li#photograph a:active{ background-position: -105px -46px; height: 20px; width: 155px  }
#globalheader #navbar li#blog a:active{ background-position: -352px -46px; width: 75px  }
#globalheader #navbar li#contact a:active{ background-position: -427px -46px; width: 95px  }
#globalnavi.profile #navbar li#profile a{ background-position: 0 -23px; height: 20px; width: 98px  }
#globalnavi.photograph #navbar li#photograph a{ background-position: -105px -23px; height: 20px; width: 155px  }
#globalnavi.books #navbar li#books a{ background-position: -263px -23px; width: 85px  }
#globalnavi.blog #navbar li#blog a{ background-position: -352px -23px; width: 75px  }
#globalnavi.contact #navbar li#contact a{ background-position: -427px -23px; width: 95px  }


.clear {
height: 0px;
line-height: 0px;
font-size: 0px;
clear: left;
margin: 0px;
padding: 0px;
}

#homecontents
{
width: 900px;
height: 615px;
margin: 40px 0 auto;
text-align: left;
background-image: url(../image/homepic.jpg);
background-position: 0 0; 
background-repeat: no-repeat
}

#profilecontents
{ 
font-size: small; 
width: 900px; 
height: 1100px; 
margin: 58px 0 auto; 
text-align: left; }

#profilepic
{
width: 200px;
height: 198px;
float: left;
margin: 0;
}

#profiletext_box
{
width: 500px;
height: 1000px;
padding-top: 10px;
margin-top: 70px;
margin-left: 250px;
}

#photocontents
{ width: 900px; height: auto; visibility: visible; margin: 15px 0 20px; }


#photocontents img { margin: 10px 3px 12px; }
#photoheader { text-align: left; margin: 0 0 0;  }
#photoheader #photonav  { margin: 0; padding: 0;  }
#photoheader #photonav li  { float:left; line-height:0; display: block; white-space: nowrap; height: 20px; }
#photoheader #photonav li a { 
height: 20px;
display: block; 
line-height:normal; 
overflow: hidden; 
background-image: url(../image/photo_navi2.gif);
background-position: 0 0; 
background-repeat: no-repeat; 
margin: 0; 
text-indent: -9999px; 
text-decoration: none;}

/* BUTTONS */

#photoheader #photonav li#schoolroad a{ background-position: 0 0; height: 20px; width: 132px  }
#photoheader #photonav li#newyorklife a{ background-position: -135px 0; height: 20px; width: 137px  }
#photoheader #photonav li#drivingcar a{ background-position: -270px 0; width: 128px  }
#photoheader #photonav li#portrait a{ background-position: -396px 0; height: 20px; width: 100px  }
#photoheader #photonav li#architecture a{ background-position: -495px 0; height: 20px; width: 133px  }
#photoheader #photonav li#covers a{ background-position: -628px 0; width: 170px  }

#photoheader #photonav li#schoolroad a:hover{ background-position: 0 -24px; height: 20px; width: 132px  }
#photoheader #photonav li#newyorklife a:hover{ background-position: -135px -24px; height: 20px; width: 137px  }
#photoheader #photonav li#drivingcar a:hover{ background-position: -270px -24px; width: 128px  }
#photoheader #photonav li#portrait a:hover{ background-position: -396px -24px; height: 20px; width: 100px  }
#photoheader #photonav li#architecture a:hover{ background-position: -495px -24px; height: 20px; width: 133px  }
#photoheader #photonav li#covers a:hover{ background-position: -628px -24px; width: 170px  }

#photoheader #photonav li#schoolroad a:active{ background-position: 0 -46px; height: 20px; width: 132px  }
#photoheader #photonav li#newyorklife a:active{ background-position: -135px -46px; height: 20px; width: 137px  }
#photoheader #photonav li#drivingcar a:active{ background-position: -270px -46px; width: 128px  }
#photoheader #photonav li#portrait a:active{ background-position: -396px -46px; height: 20px; width: 100px  }
#photoheader #photonav li#architecture a:active{ background-position: -495px -46px; height: 20px; width: 133px  }
#photoheader #photonav li#covers a:active{ background-position: -628px -46px; width: 170px  }


#photonavi.schoolroad #photonav li#schoolroad a{ background-position: 0 -24px; height: 20px; width: 132px  }
#photonavi.newyorklife #photonav li#newyorklife a{ background-position: -135px -24px; height: 20px; width: 137px  }
#photonavi.drivingcar #photonav li#drivingcar a{ background-position: -270px -24px; width: 128px  }
#photonavi.portrait #photonav li#portrait a{ background-position: -396px -24px; height: 20px; width: 100px  }
#photonavi.architecture #photonav li#architecture a{ background-position: -495px -24px; height: 20px; width: 133px  }
#photonavi.covers #photonav li#covers a{ background-position: -628px -24px; width: 170px  }



#flashcontent
{ height: 670px; vertical-align: top; margin: 0 auto; }

#flashbox
{ height: 800px; }
#photobox
{ font-size: small; width: 900px; margin: 5px 0 auto; text-align: left; height: auto; }

#bookscontents
{
width: 900px;
height: 420px;
margin: 30px 0 auto;
text-align: left;
background-image: url(../image/writing_bg03.jpg);
background-position: 0 0; 
background-repeat: no-repeat
}

#bookscontents2
{
width: 900px;
height: 350px;
margin: 0px 0px auto;
text-align: left;
background-image: url(../image/writing_bg04.jpg);
background-position: 0 0; 
background-repeat: no-repeat
}

#bookscontents3
{
width: 900px;
height: 420px;
margin: 30px 0 auto;
text-align: left;
background-image: url(../image/writing_bg02.jpg);
background-position: 0 0; 
background-repeat: no-repeat
}

#bookscontents4
{
width: 900px;
height: 420px;
margin: 0px 0px auto;
text-align: left;
background-image: url(../image/writing_bg01.jpg);
background-position: 0 0; 
background-repeat: no-repeat
}


#bookstext
{
margin-top: 5px;
}

#bookstext2
{
margin-top: 5px;
}

#bookstext3
{
margin-top: 5px;
}

#bookstext4
{
margin-top: 5px;
}


#contactcontents
{
width: 900px;
height: 600px;
margin: 58px 0 auto;
text-align: left;
background-image: url(../image/contactpic.jpg);
background-position: 0 0; 
background-repeat: no-repeat
}

#contacttext
{ color: white; margin-left: 30px; padding-top: 15px; }
#footer
{ font-size: 84%; width: 900px; height: 20px; margin: 0 auto 0; text-align: right; color: #424141; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; }
.name { color: #424141; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; }
p { }
td { }
a:link { color: #ff00d1; font-size: small; text-decoration: none; }
a:visited { color: #03fa34; font-size: small; text-decoration: none; }
a:hover { color: #03fa34; font-size: small; text-decoration: none; }
a:active { color: #03fa34; font-size: small; text-decoration: none; }

h1{ font-size: 120%; margin-bottom: 60px; }