/* Global Reset */
* {
   margin: 0;
   padding: 0;
}

html, body { height: 100%; }

body {
   background-color: #FFF;
   font: 20px Helvetica Neue, Helvetica, Arial, sans-serif;
   font-size: small;
   text-align: center;
}

header {
   position: relative;
   z-index: 2;
   width: 100%;
   height: 45px;
   background: rgba(255,255,255,0.4);
   -moz-box-shadow: 0 0 20px black;
   -webkit-box-shadow: 0 0 20px black;
   box-shadow: 0 0 20px black;
}

footer {
   position: relative;
   z-index: 2;
   text-align: right;
   width: 100%;
   height: 60px;
   background: rgba(255,255,255,0.4);
   -moz-box-shadow: 0 0 20px black;
   -webkit-box-shadow: 0 0 20px black;
   box-shadow: 0 0 20px black;
}

#footer p {
   font: 15px/2 Georgia, Serif;
   padding: 0 20px 0 0;
   text-align: right;
}

p {
   font: 20px Helvetica Neue, Helvetica, Arial, sans-serif;
   /* font: 15px/2 Georgia, Serif; */
   text-indent: 40px;
   text-align: left;
}

h1 {
   font-size: 35px;
   text-align: left;
   margin: 0 0 15px 0;
   padding: 0 0 0 20px;
}

#menu {

}

#profile {
   /* margin:30px 0px 30px 0px; */
}

#profile p {
   /* font-family: "ヒラギノ角ゴ Pro W3","times new roman", "geogia", "sans-serif"; */
   font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
   text-indent: 40px;
   text-align: left;
}

#profile-list {
    /* text-indent: 40px; */
    font: 20px Helvetica Neue, Helvetica, Arial, sans-serif;

}

#profile-list ul {
   margin:20px 0px 40px 60px;
   text-align: left;
}

#profile-list li {
   margin: 5px auto;
}

#page {
   position:fixed;
   top:-50%;
   left:-50%;
   width:200%;
   height:200%;
}

#page img {
   position:absolute;
   top:0;
   left:0;
   right:0;
   bottom:0;
   margin:auto;
   min-width:50%;
   min-height:50%;
}

#page-wrap {
   position: relative;
   z-index: 2;
   /* width: 800px; */
   /* height: 500px; */
   /* margin: 30px auto; */
   padding: 20px;
   background: rgba(255,255,255,0.4);
   -moz-box-shadow: 0 0 20px black;
   -webkit-box-shadow: 0 0 20px black;
   box-shadow: 0 0 20px black;
}

#background-image {
   position: relative;
   z-index: 2;
   width: 100%;
   height: 30px;
   padding: 5px 0 5px 0;
}

#background-image p {
   font: 15px/2 Georgia, Serif;
   padding: 0 20px 0 0;
   text-align: right;
}

@media screen and (min-width: 320px) and (max-width: 413px)
{
html, body { 
   height: 100%; 
   width: 413px;
}

body {
   background-color: #FFF;
   font: 20px Helvetica Neue, Helvetica, Arial, sans-serif;
   font-size: small;
   text-align: center;
}

header {
   position: relative;
   z-index: 2;
   width: 100%;
   height: 45px;
   background: rgba(255,255,255,0.4);
   -moz-box-shadow: 0 0 20px black;
   -webkit-box-shadow: 0 0 20px black;
   box-shadow: 0 0 20px black;
}

footer {
   position: relative;
   z-index: 2;
   text-align: right;
   width: 100%;
   height: 130px;
   /* background: rgba(255,255,255,0.4); */
   -moz-box-shadow: 0 0 20px black;
   -webkit-box-shadow: 0 0 20px black;
   box-shadow: 0 0 20px black;
}

#footer p {
   font: 15px/2 Georgia, Serif;
   padding: 0 20px 0 0;
   text-align: right;
}

p {
   font: 20px Helvetica Neue, Helvetica, Arial, sans-serif;
   /* font: 15px/2 Georgia, Serif; */
   text-indent: 40px;
   text-align: left;
}

h1 {
   font-size: 35px;
   text-align: left;
   margin: 0 0 15px 0;
   padding: 0 0 0 20px;
}

#menu {

}

#profile {
   /* margin:30px 0px 30px 0px; */
}

#profile-list {
   background: rgba(255,255,255,0.4);
   padding-top: 2px;
   padding-bottom: 1px;
}

#profile-work {
   padding: 10px;
   margin-top: 10px;
   margin-bottom: 10px;
   background: rgba(255,255,255,0.4);
}

#profile p {
   /* font-family: "ヒラギノ角ゴ Pro W3","times new roman", "geogia", "sans-serif"; */
   font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
   text-indent: 1px;
   text-align: left;
}

#profile-list {
    /* text-indent: 40px; */
    font: 20px Helvetica Neue, Helvetica, Arial, sans-serif;

}

#profile-list ul {
   margin:10px 0px 10px 40px;
   text-align: left;
}

#profile-list li {
   margin: 5px auto;
}

#page {
   position:fixed;
   top:-50%;
   left:-50%;
   width:200%;
   height:200%;
}

#page img {
   position:absolute;
   top:0;
   left:0;
   right:0;
   bottom:0;
   margin:auto;
   min-width:50%;
   min-height:50%;
}

#page-wrap {
   position: relative;
   z-index: 2;
   padding: 20px;
   /* background: rgba(255,255,255,0.4); */
   -moz-box-shadow: 0 0 20px black;
   -webkit-box-shadow: 0 0 20px black;
   box-shadow: 0 0 20px black;
}

#background-image {
   position: relative;
   z-index: 2;
   width: 100%;
   height: 30px;
   padding: 5px 0 5px 0;
}

#background-image p {
   font: 15px/2 Georgia, Serif;
   padding: 0 20px 0 0;
   text-align: right;
}

}