@charset "UTF-8";

* {
  margin : 0;
  padding : 0;  
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

a:link { color: #619861; text-decoration:none;} 
a:visited { color: #619861; text-decoration:none;} 
a:active { color: #cccccc; text-decoration:none;}
a:hover { color: #cccccc;text-decoration:none;} 

img{
border:none;
}

body {
font-size : 14px;
font-family: Arial, Helvetica, sans-serif;
line-height : 1.5em;
color : #444;
background-color:#ececec;
text-align:left;
}

.plugin3_outline{
background:#f5f5f5;
border: 1px solid #cccccc;
}

.plugin3_title{
  height: 20px;
  font-weight: bold;
  padding: 2px 0 0 10px;
  background-color:#ececec;
}

.plugin3_outline{
overflow:auto;
margin-left:1px;
text-align:left;
font-size:13px;
line-height:1.2;
font-family: '�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け';
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#bfbfbf;
scrollbar-shadow-color:#bfbfbf;
scrollbar-arrow-color:#bfbfbf;
scrollbar-track-color:#ffffff;
scrollbar-3dlight-color:#bfbfbf;
scrollbar-darkshadow-color:#ffffff;
background:#f5f5f5;
height:345px;
}
.plugin3_outline ul {margin:0;padding:0;}
.plugin3_outline a {color:#000000;}
.plugin3_outline a:hover{text-decoration: underline;}
.plugin3_outline li {margin:0;padding:0; list-style-type: none;}
.plugin3_outline img {margin:0;padding:0;}

#container{
width:900px;
margin:0 auto;
}

#header{
width:900px;
height:90px;
background:url(http://blog-imgs-17.fc2.com/n/i/c/nicoselection/simplemaintop.png) no-repeat center ;
position:relative;
}

#header h1 {
padding: 15px 0 0 20px;
}

#header h1 a {
display:block;
overflow:hidden;
width:264px;
height:54px;
background:url(http://blog-imgs-17.fc2.com/n/i/c/nicoselection/logo.gif) 0 0 no-repeat;
text-indent:-999em
}

ul.navi {
position:absolute;
right:0px;
bottom: 20px;
list-style:none;
}

ul.navi li {
float:left;
}

ul.navi a {
display:block;
padding:0px 15px 5px 18px;
height:14px;
color:#777777;
text-decoration:none;
}

ul.navi a:hover {
color:#619861;
}

li.about {
background:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/simpleallpost.png) no-repeat left center;
}

li.twitter {
background:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/simpletwitter.png) no-repeat left center;
}

li.rss {
background:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/simplerss.png) no-repeat left center;
}

li.mail {
background:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/simplemail.png) no-repeat left center;
}

li.allpost {
background:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/simpleadmin.png) no-repeat left center;
}

#main{
width:900px;
padding: 10px 0 0 0;
background-image:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/simplemainnaka.png);
background-repeat:repeat-y;
background-position:left top;
}

#rss {
margin: 0 20px 20px 20px;
}

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

#left {
float:left;
width:580px;
overflow: hidden;
margin: 0 0 0 20px;
}

/*-----------------------------------

  #entryarea

------------------------------------*/
.kizi_title {
  width: 580px;
  margin: 0 0 10px 0;
  padding: 0 5px;
}

.kizi_title h2{
font-size:16px;
line-height:1.2em;
font-weight:bold;
}

.kizi_title h2 a:link {color:#444; text-decoration: none;}
.kizi_title h2 a:hover,
.kizi_title h2 a:active {color:#619861;}

.kizi {
padding: 0 20px;
margin: 20px 0 40px 0;
}

.kizi_more {
  padding: 10px 0 0 0;
  clear: both;
}

.kizi_body p.more_link {
margin: 10px 0 0 0;
}

.kizi_body img.img1 {
  width:180px;
  height:138px;
  vertical-align: text-top;
  float: left;
  margin-right: 10px;
}

.kizi_more img.img2 {
  width:180px;
  height:138px;
  vertical-align: text-top;
  float: left;
  margin: 0 5px 5px 0;
}

.kizi_more h2 {
  font-size : 14px;
}

.kizi_more .nicoplayer {
  text-align: center;
  margin: 0 0 5px 0;
}

/* ■他サイト記事用CSS　テンプレ引越しのとき引継ぎ必要！■ */

.kizi_body ul {
  margin: 10px 5px 20px 2em;
  padding: 0;
  line-height: 150%;
  list-style-image: url(http://blog-imgs-38.fc2.com/n/i/c/nicoselection/029.gif);
}

.kizi_body ul li {
  padding: 5px 0;
}

.story {
  margin: 10px 0;
}

.news {
  font-weight: bold;
  padding: 2px 0 2px 10px;
  margin: 0;
  border: 1px solid #CC0000;
  border-left: 8px solid #CC0000;
}

.anime {
  font-weight: bold;
  padding: 2px 0 2px 10px;
  margin: 0;
  border: 1px solid #FFCC33;
  border-left: 8px solid #FFCC33;
}

.game {
  font-weight: bold;
  padding: 2px 0 2px 10px;
  margin: 0;
  border: 1px solid #FF781C;
  border-left: 8px solid #FF781C;
}

.nich {
  font-weight: bold;
  padding: 2px 0 2px 10px;
  margin: 0;
  border: 1px solid #556DB5;
  border-left: 8px solid #556DB5;
}

.movie {
  font-weight: bold;
  padding: 2px 0 2px 10px;
  margin: 0;
  border: 1px solid #AE4259;
  border-left: 8px solid #AE4259;
}

.pic {
  font-weight: bold;
  padding: 2px 0 2px 10px;
  margin: 0;
  border: 1px solid #FC9493;
  border-left: 8px solid #FC9493;
}

ul.kizinavi {
width:580px;
padding: 2px 5px;
font-size: 12px;
background-color:#ececec;
}

ul.kizinavi li {
display: inline;
margin: 0 5px 0 0;
}

ul.kizinavi img {
margin: 0 2px 0 0;
vertical-align: middle;
}

.kizinav { 
width:580px;
text-align: center;
margin-bottom:30px;
}

/*-----------------------------------

  #commentarea

------------------------------------*/

h4#comheader{
width:580px;
height:14px;
padding: 5px 0px; 
margin-bottom:20px;
}

h4#tbheader {
width:580px;
height :14px;
padding: 5px 0px; 
margin-bottom:20px;
}

.content2 {    
width:580px;
padding: 0;
}

.content3{    
width:580px;
margin-bottom:5px;
padding-top: 20px;
background-image:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/simplecommenttop.png);
background-repeat:no-repeat;
background-position:center top;
}

.combo{
width:560px;
padding:0px 10px;
margin:0px;
background-image:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/simplecomnaka.png);
background-repeat:repeat-y;
}

.combottom{
width:580px;
height:20px;
background-image:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/simplecomback.png);
background-repeat:no-repeat;
background-position:center top;
}

.comtitle{
padding-bottom:10px;
color:#619861;
font-weight:bold;
}

.comfooter, .tbfooter {
margin: 10px 0 0 0;
text-align: right;
font-size: 11px;
}

h4#comformtitle {
width:580px;
padding: 5px 0px; 
margin-bottom:20px;
}

.comform ul {
width: 100%;
margin: 0;
padding: 0;        
}

.comform li {
font-size:12px;
margin-bottom:5px;
padding: 0;
list-style: none;
outline:none;
border:none;
}

#name1,#name2,#title1,#title2,#mail1,#mail2,#url1,#url2{
width:383px;
height:13px;
padding:16px 10px;
margin-right:10px;
font-size:13px;
color:#666666;
background-image:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/simplename.png);
outline:none;
border:none;
background-color:transparent;
}

#comment{
width:560px;
font-size:13px;
padding:10px;
height:178px;
color:#666666;
background-image:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/simplecommentback1.png);
overflow:auto;
border:none;
outline:none;
background-color:transparent;
}

#pass1,#pass2{
width:143px;
height:13px;
margin-right:10px;
padding:14px 10px 15px 10px;
font-size:13px;
color:#666666;
background-image:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/simplepassword.png);
background-repeat:no-repeat;
outline:none;
border:none;
background-color:transparent;
}

/*-----------------------------------

  #titlelist

------------------------------------*/
.titlelist_area{
margin-bottom:20px;
}

.titlelist_area h2{
padding:20px 0;
margin-bottom:10px;
color:#666666;
}

.titlelistfooter{
font-size:10px;
margin:0 0 10px 20px;
}

/*-----------------------------------

  #rmenu

------------------------------------*/
#rmenu {
width: 250px;
float:right;
overflow: hidden;
font-size:12px;
margin:0 20px 0 0;
}

.rmenutop{
width:250px;
height:16px;
background-image:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/simplesidetop.png);
}

.rmenubottom{
width:250px;
height:16px;
background-image:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/simplesidebottom.png);
margin-bottom:30px;
}

#rmenu h3 {
text-indent:-999em
}

.plugcontent{
width:250px;
background: url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/simplesidenaka.png) repeat-y;
}

.plugcon{
padding:0px 20px 20px 20px;
}

#rmenu a:link{color:#666666;}
#rmenu a:hover{color:#619861;}

/*-----------------------------------

  #footer

------------------------------------*/
#footer {
width: 900px;
margin: 0 auto;
padding: 60px 0 0 0;
background-image:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/simplefooter.png);
background-position:center top;
background-repeat:no-repeat;
font-size: 12px;
line-height: 1.3em;
}

.footer_title {
  font-weight: bold;
  padding: 5px;
}

.footer_body {
  padding: 5px;
}

.footer_link {
  height: 500px;
  overflow: auto;
  line-height: 100%;
  padding: 5px 0;
}

.footer_box {
  float: left;
  width: 280px;
  padding: 10px;
}

.footer_box ul li {
list-style: none;
}

#footer4 {
  clear: both;
text-align: center;
}

#copyright {
  padding: 5px;
}

address {
  font-style: normal;
}

.imglink {
border: 1px solid #cccccc;
margin:50px 0;
padding:1px;
}
.box02 {
font-size:14px;
font-weight:bold;
margin:0;
padding:0;
text-align:left;
}
.boxnai {
float: left;
margin:2px 5px;
width: 180px;
height: 180px;
overflow:hidden;
}
.boxnai img{
margin:4px 0 2px 0;
}
.boxnai a{
color:#0033cc; text-decoration:none;
}
.boxnai a:hover {
color: #fd9231;
text-decoration:underline;
}