@charset "Shift-JIS";

*{
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -ms-box-sizing:border-box;
  margin:0px;
  padding:0px;
}
/*---------------------------------------------------------基礎設定*/
BODY{
  color:#666666;
  font-size:small;
  font-family:Verdana;
  text-align:center;
}
A{
  color:#ff69b4;
}
A:hover{
  color:#B8C7FF;
}

/*---------------------------------------------------------ページレイアウト*/
#main{
  padding:160px 0px 0px 80px;
  background:url('./img/wu.jpg') no-repeat 0px 40px;
  width:550px;
  text-align:left;
  margin:auto;
}
#header H1{
  letter-spacing:1px;
  font-size:100%;
  line-height:4em;
}
#update,
#photocredit,
#credit,
#new,
#info,
#count,
#clap,
#twitter{
  font-size:x-small;
  float:left;
  padding-right:3px;
}
#photocredit,
#count,
#twitter{
  clear:both;
}
#new,
#info{
  width:100%;
  padding:5px 0px 5px 0px;
  border-top:1px dotted #808080;
  border-bottom:1px dotted #808080;
}
#index #header H2{
  font-size:x-small;
  font-weight:normal;
  font-family:"ＭＳ ゴシック", "Osaka−等幅";
  line-height:2em;
  clear:both;
  padding-top:2em;
}
#index #header H2 SPAN{
  font-family:Verdana;
}
#index #header H2:before{
  content:">> ";
}
#index #header H2:after{
  content:" <<";
}
#indexmenu{
  display:block;
  height:80px;
  padding:5px 0px 5px 0px;
  border-top:1px dotted #808080;
  border-bottom:1px dotted #808080;
}
#indexmenu IMG{
  border:none;
}
#indexmenu LI{
  display:inline;
  line-height:70px;
  list-style:none;
}
#indexmenu A{
  display:block;
  line-height:70px;
  height:70px;
  overflow:hidden;
  float:left;
  background-position:0% 0%;
}
#indexmenu A:HOVER{
  background-position:100% 100%;
}
/*---------------------------------------------------------アイコン*/
.iconD{
  background-image:url('./img/ic_diary.jpg');
}
.iconN{
  background-image:url('./img/ic_novel.jpg');
}
.iconG{
  background-image:url('./img/ic_gallery.jpg');
}
.iconO{
  background-image:url('./img/ic_offline.jpg');
}
.iconA{
  background-image:url('./img/ic_about.jpg');
}
.iconB{
  background-image:url('./img/ic_bookmark.jpg');
}
.iconC{
  background-image:url('./img/ic_clap.jpg');
}
.iconM{
  background-image:url('./img/ic_mail.jpg');
}
.iconH{
  background-image:url('./img/ic_history.jpg');
}
/*---------------------------------------------------------*/
#note{
  clear:both;
  line-height:1.3em;
}
#footer{
  font-size:x-small;
  letter-spacing:1px;
  line-height:7em;
  text-align:center;
  border-top:1px dotted #808080;
  margin-top:60px;
}
#index #note H2,
#page #header H1{
  /*color:#a59564;*/
  color:#97004b;
  font-size:15px;
  font-family:"Lucida Sans Unicode";
  letter-spacing:10px;
  line-height:1em;
  border-bottom:1px dotted #808080;
  padding:60px 0px 0px 0px;
  margin:0px 0px 10px 0px;
}
#page #header{
  padding:0px 0px 30px 0px;
}
#page #header #titleimg{
  float:left;
}
#page #header H1{
  padding:30px 0px 0px 0px;
}
#page #note H2{
  font-size:15px;
  font-family:"Lucida Sans Unicode";
  letter-spacing:10px;
  line-height:1em;
  border-bottom:1px dotted #808080;
  padding:20px 0px 0px 0px;
  margin:0px 0px 10px 0px;
}
#page #note P{
  margin:1em 0em 1em 0em;
}
#page #note LI{
  margin:0em 0em 0em 1em;
}
/*---------------------------------------------------------*/
.center{
  text-align:center;
}
.right{
  padding:5px;
  text-align:right;
}
.red{
  color:#FF0000;
}
textarea,input,select {
  color : #666666 ; 
  background-color : #dddddd ; 
  border : 1px solid 666666 ;
  font-size : 14px ;
  padding:15px;
  letter-spacing: 1px;
}
textarea{
  width:800px;
}
table,tr,td{
 border:0px;
}