@charset "utf-8";


/*reset YUI 3.5.0 reset.css (http://developer.yahoo.com/yui/3/cssreset/) - http://cssreset.com
---------------------------------------------------*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}


/*font
---------------------------------------------------*/
body{font:14px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;line-height: 1.7;letter-spacing:0.1em}


/*layout
---------------------------------------------------*/
html{
  background:url(../images/background.gif);
  background-attachment: fixed;
}



#wrapper{
  width: 800px;
  height: auto;
  margin: 0 auto;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center;
  }

/*content*/
  
.main_content{
  width:450px;
  height: auto;
  margin: 0 auto;
}

h1{
  position:relative
}

#profile_btn{
  background:url(../images/btn_prof_off.png) no-repeat;
  width:166px;
  height:166px;
  position:absolute;
  z-index:50;
  bottom:15px;
  left:0;
}

#profile_btn:hover{
  background:url(../images/btn_prof_on.png) no-repeat;
}

p{
  color:#636464;
}

.photo{
  width:450px;
  height:300px;
  margin:25px 0;
  display:block;
}

.end{
  text-align:center;
  margin:auto
}

.end .date{
  font-size: 12px;
}


/*navi
---------------------------------------------------*/

#navi{
  width:450px;
  height: 112px;
  margin:30px auto 5px auto;
}

#navi ul{
  width:450px;
  height: 112px;
  list-style-type:none
}

#navi ul li{
  width:112px;
  height:112px;
  padding-left:49px;
  display: inline
}

#navi ul li:first-child{
  width:112px;
  height:112px;
  padding: 0;
  display: inline
}


/*kakomi
---------------------------------------------------*/

#kakomi{
  background:url(../images/obi_kakomi.jpg);
  background-repeat: no-repeat;
  width:800px;
  height:1144px;
  margin-top: 20px;
}

#kakomi .content{
  width:500px;
  height:970px;
  padding-top:140px;
  margin-left: auto;
  margin-right: auto;
}

#kakomi .content h3{
  font-size: 20px;
  font-weight: bold;
  color: #000000;
  margin-bottom: 34px;
}

#kakomi .content h3 .sub{
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
}

#kakomi .content .cap{
  font-size: 12px;
  line-height: 1.6;
  color: #000000;
  margin-bottom: 46px;
  display:block;
}

#kakomi .content .cap a{
  color: #BE6DA7;
}

#kakomi .content .cap a:hover{
  color: #BCABCC;
}

#kakomi .content .logo{
  width:240px;
  float: right
}

#kakomi .content h4{
  font-size: 24px;
  font-weight: bold;
  color: #EE86B4;
  margin-top: 34px;
}

#kakomi .content h4 .sub{
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
}


/*index
---------------------------------------------------*/

#index{
  width:500px;
  height: 160px;
  margin: 0 auto 0 auto;
}

#index ul{
  list-style-type:none;
  width:500px;
  height: 150px;
  margin-top: 0;
}

#index ul li{
  width:500px;
  height: 28px;
  padding:0 0 2px 0;
  display: block;
}


/*footer
---------------------------------------------------*/

#footer{
  width:540px;
  height: 200px;
  margin-top: -50px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}

#footer ul{
  width:540px;
  height: 112px;
  margin-bottom: 20px;
  list-style-type:none;
}

#footer ul li{
  width:112px;
  height:112px;
  padding:0 0 0 90px;
  display: inline
}

#footer ul li:first-child{
  width:112px;
  height:112px;
  padding:0;
  display: inline
}

.fb{
  margin-left: 220px;
}

address{
  width: 500px;
  height: 28px;
  margin:10px auto 0 auto;
}