@charset "utf-8";

* {
	margin : 0;
	padding : 0;
}

a:link { color: #3b1212; text-decoration:none;} 
a:visited { color: #3b1212; text-decoration:none;} 
a:active { color: #0b292e; text-decoration:underline;}
a:hover { color: #0b292e;text-decoration:underline;} 

img{
border:none;
}


 body {
   background-image:url(http://blog-imgs-30-origin.fc2.com/m/y/s/mysticdiary/patt_4ae3a34ea8d29.jpg);
   font-size : 13px;
   font-family : Geneva,Hiragino Maru Gothic Pro,
VERDANA,ARIAL,SANS-SERIF;
   line-height : 1.5em;
   color : #333333;
}

#all {
   width: 900px;
   margin: 0px auto;
   text-align: left;
   background-image:url(http://blog-imgs-30-origin.fc2.com/m/y/s/mysticdiary/curtainback_1_0.png);
   background-position:center top;
   background-repeat: repeat-y;
}

#header{
   width:853px;
   height:200px;
   margin:0 auto;
   text-align:left;
   background-image:url(http://blog-imgs-30-origin.fc2.com/m/y/s/mysticdiary/machi.jpg);
   background-repeat:no-repeat;
   background-position:center bottom;
} 

h1 {
   font-size: 30px;
   color:#ffffff;
   text-align: left;
   padding:40px 0 0 0px;
   font-family:Georgia,serif;  
}

h1 a:link, h1 a:visited {
   font-size: 30px;
   color:#ffffff;
   text-align: left;
   padding:40px 0 0 20px;
   text-decoration: none;
}

h1 a:hover, h1 a:active {
   font-size: 30px;
   color:#cccccc;
   text-align: left;
   padding:40px 0 0 20px;
   text-decoration: none;
}

.intro {
   font-size: 12px;
   text-align:left;
   color:#cccccc;
   margin: 20px 0px 0px 20px;
}

#menu{
   width:853px;
   height:40px;
   margin:0 auto;
   background-image:url(http://blog-imgs-30-origin.fc2.com/m/y/s/mysticdiary/redoshita.jpg);
}

ul#nav {
   width: 850px;
   margin: 0; 
   padding: 0;
   list-style: none;
}

ul#nav li {
   float: left;
   margin: 0; 
   padding: 0;
}

ul#nav a {
   float: left;
   display: block;
   width:auto;
   height:20px;
   padding:10px 15px;
   font-size:12px;
   font-style:bold;
   font-family:Georgia,serif;
   color:#c7c7c7;
}

ul#nav a:hover {
   float: left;
   display: block;
   width:auto;
   height:20px;
   padding:10px 15px;
   font-size:12px;
   font-style:bold;
   font-family:Georgia,serif;
   color:#cccccc;
  text-decoration:none;
   background-image:url(http://blog-imgs-30-origin.fc2.com/m/y/s/mysticdiary/midoriback.jpg);
   background-position:center center;
}

#contents{
   width:852px;
   margin:0px auto ;
   padding:20px 0 0 0;
   background-image:url(http://blog-imgs-30-origin.fc2.com/m/y/s/mysticdiary/menushita.png);
   background-position:center -4px;
   background-repeat:repeat-x;
}

#contents {
   overflow: hidden;
}

#contents:after {
   content: "";
   display: block;
   clear: both;
   height: 1px;
   overflow: hidden;
}

/*\*/
* html #contents{
   height: 1em;
   overflow: visible;
}
/**/


#left {
   width: 400px;
   float: left;
   margin: 0px 0px 0px 205px;
   padding:0 20px;
   overflow: hidden;
   
}
.hiduke{
   font-size:13px;
   height:30px;
   padding:0px;
   text-align:center;
   color:#333333;
   font-style:italic;
   font-family:Georgia,serif; 
   font-weight:bold;
}

h2 {
   font-size: 20px;
   font-weight:bold;
   font-family:Georgia,serif;
   color :#3b1212;
   text-align:center;
   margin: 0px;
   padding: 6px 0px 6px 0px;
   background-image:url(http://blog-imgs-30-origin.fc2.com/m/y/s/mysticdiary/shiro2back.png) ;
   border:1px #cccccc solid;
}

h2 a:link {
   color:#3b1212;
   font-weight:bold;
   text-decoration: none;
}

h2 a:visited {
   color:#3b1212;
   font-weight:bold;
   text-decoration: none;
}

h2 a:hover, h2 a:active {
   color:#0b292e;
   font-weight:bold;
}

.kizi_body {
   margin: 0px 0px 10px 0px;
   padding: 15px 0px 15px 0px;
 
}

.kizi_more {
   margin: 10px 0px 0px 0px;

}

.kizi_footer {
   font-size: 12px;
   font-style:italic;
   text-align: right;
   margin: 15px 10px 5px 0px;
}

.kizi_footer a{
   font-style:italic;
}

.relate_dl{
margin:30px 0;
}

.relate_dt{
margin:15px 0;
}

.kizinav { 
   font-size:12px;
   text-align: center;
   margin-bottom:40px;
}

#comment{
   font-weight:bold;
}

h4#comheader, h4#tbheader {
   font-size: 14px;
   font-weight: bold;
   font-family:Georgia,serif;
   color: #3b1212;
   margin: 5px 0px 5px 0px;
   padding: 6px 0 6px 10px;
   background-image:url(http://blog-imgs-30-origin.fc2.com/m/y/s/mysticdiary/shiro2back.png) ;
   border:1px #cccccc solid;
}

.content {
   margin: 10px 0px 10px 0px;
   padding: 0px 0px 0px 0px;
   line-height: 140%;
}

.combo{
   padding:20px;
   background-color:#dddddd;
　　
}

li input,li textarea{
   border:1px #cccccc solid;
   background-color:#dddddd;
}

.comname{
   margin-bottom:10px;
   color:#333333;
   font-weight:bold;
}

.comfooter, .tbfooter {
   margin: 0px ;
   text-align: right;
   font-size: 70%;
　 font-style:italic;
}

h4#comformtitle {
   font-size: 14px;
   font-weight: bold;
   font-family:Georgia,serif;                
   color:#3b1212;
   margin: 5px 0px 5px 0px;
   padding: 6px 0 6px 10px;
   background-image:url(http://blog-imgs-30-origin.fc2.com/m/y/s/mysticdiary/shiro2back.png) ;
   border:1px #cccccc solid;
}

.comform ul {
   width: 100%;
   margin: 0;
   padding: 0;
        
}
.comform li {
   font-size:12px;
   margin: 0;
   padding: 0px 0px 5px 0px;
   list-style: none;
}

.tbtitle {
   background-image:url(http://blog-imgs-30-origin.fc2.com/m/y/s/mysticdiary/shiro2back.png) ;
   border:1px #cccccc solid;
   padding:0 10px;
   color: #3b1212;
}

#trackback{
   font-weight:bold;
}

.shitanabi{
   width:400px;
   height:20px;
}

.new a{
   font-style:italic;
   font-weight:bold;
   float:left;
}

.old a{
   font-style:italic;
   font-weight:bold;
   float:right;
}

#menu1 {
   width: 165px;
   margin: 0px 0 0px -645px ;
   padding:0px 20px 20px 20px;
   float: left;
   overflow: hidden;
   font-size:12px;
}

#menu1 h3 {
   font-size: 16px;
   font-weight: bold;
   font-family:Georgia,serif;
   color:#333333;
   text-align : center;
   padding: 6px 0px 6px 0px; 
   background-image:url(http://blog-imgs-30-origin.fc2.com/m/y/s/mysticdiary/shiroback.png) ;
   border:1px #abb1b3 solid;    
}

#menu1 ul {
   font-size: 12px;
   line-height: 160%;
   margin: 0px 0 30px 0;
   padding: 3px 0px 0px 0px; 
}

#menu1 li {
   padding: 2px 2px 0px 0px;
   list-style-type: none;
}

#menu2 {
   margin: 0px 0 0px 0 ;
   padding:0px 20px 20px 20px;
   width: 165px;
   float: right;
   overflow: hidden;
   font-size:12px;
}

#menu2 h3 {
   font-size: 16px;
   font-weight: bold;
   font-family:Georgia,serif;
   color:#333333;
   text-align : center;
   padding: 6px 0px 6px 0px; 
   background-image:url(http://blog-imgs-30-origin.fc2.com/m/y/s/mysticdiary/shiroback.png) ;
   border:1px #abb1b3 solid;
}
#menu2 ul {
   font-size: 12px;
   line-height: 160%;
   margin: 0px 0 30px 0;
   padding: 3px 0px 0px 0px; 
}

#menu2 li {
   padding: 2px 2px 0px 0px;
   list-style-type: none;
}

.plugcontent{
   margin-bottom:30px;
}

#footer{
   clear:both;
   margin:0px auto;
   padding:200px 0 0 0;
   width:853px;
   height:87px;
   font-size:11px;
   text-align:center;
   color:#cccccc;
   background-image:url(http://blog-imgs-30-origin.fc2.com/m/y/s/mysticdiary/footerright.png);
   background-position:center top;
   background-repeat: no-repeat;
}

#footer a{
   color:#cccccc;
}