@charset "utf-8";

html{
height:100%;
overflow-y:scroll; 
}

a:link { color: #dc2633; text-decoration:none;-webkit-transition: 1s ease-in-out;} 
a:visited { color: #dc2633; text-decoration:none;-webkit-transition: 1s ease-in-out;} 
a:active { color: #3ac3bb; text-decoration:;}
a:hover { color: #3ac3bb;text-decoration:none;} 

img{
border:none;
}

.nonborder { 
border:none; 
outline:none; 
}

th,td{
border:none;
padding:0;
margin:0;
}

pre code{
width:540px;
padding:10px;
margin:20px 0px;
display:block;
overflow:auto;
background-color:#ffffff;
color:#333333;
}


body {
font-size : 15px;
font-family:Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
line-height : 1.5em;
color : #333333;
height:100%;
}

img.bg {
  min-height: 100%;
  min-width: 1200px;
  width: 100%;
  height: auto;
  position:fixed;
  top: 0px;
  left: 0;
}

@media screen and (max-width:1200px){
  img.bg {
  left: 50%;
  margin-left: -600px; }
}


#container{
width:100%;
padding:0;
overflow:hidden;
position:relative;
}

#container2{
width:100%;
padding:0;
overflow:hidden;
position:relative;
background-image:url(http://blog-imgs-30-origin.fc2.com/m/y/s/mysticdiary/oshiro1.png);
background-repeat:no-repeat;
background-position:20% bottom;
background-attachment:fixed;
}

#container3{
width:100%;
padding:0;
overflow:hidden;
position:relative;
}

#kumo{
width:100%;
height:1000px;
overflow:hidden;
position:fixed;
top:0;
left:0;
}

#kumo1{
position:absolute;
top:200px;
left:-400px;
z-index:10;
}

#kumo2{
position:absolute;
top:0px;
left:-400px;
z-index:11;
}

#kumo3{
position:absolute;
top:400px;
left:-400px;
z-index:12;
}

#header{
width:100%;
height:270px;
margin:0 auto;
position:relative;
z-index:14;
}

#happa{
width:507px;
height:210px;
top:0px;
left:0;
position:absolute;
background-image:url(http://blog-imgs-30-origin.fc2.com/m/y/s/mysticdiary/alicehappa990.png);
}

#nekonoki{
width:457px;
height:291px;
top:-20px;
right:0;
position:absolute;
background-image:url(http://blog-imgs-30-origin.fc2.com/m/y/s/mysticdiary/alicewood990.png);
}

#neko{
width:150px;
height:133px;
top:40px;
right:240px;
position:absolute;
background-image:url(http://blog-imgs-30-origin.fc2.com/m/y/s/mysticdiary/aliceneko.gif);
}

#h1title{
width:900px;
height:270px;
margin:0 auto;
}

#menu{
width:auto;
height:14px;
padding-top:20px;
margin:0 0 20px 20px;
position:relative;
z-index:15;
}

#menu ul {
list-style:none;
margin:0;
padding:0;
font-size:14px;
}

#menu li {
width:auto;
height:14px;
margin:0;
padding:0;
text-align:center;
float:left;
}

#menu li a:link ,#menu li a:visited{
display:block;
padding:0px 20px 5px 0px;
height:14px;
color:#ffffff;
text-decoration:none;
}

#menu li a:hover{
display:block;
padding:0px 20px 5px 0px;
height:14px;
color:#dc2633;
}


h1 {
font-size:40px;
line-height:1.2em;
font-weight:bold;
text-align:left;
padding:30px 0 0 20px;
position:relative;
z-index:15;
}

h1 a:link, h1 a:visited {
font-weight:bold;
text-decoration: none;
padding:0;
color: #dc2633;
text-shadow: 0px 1px 2px #000000;
-webkit-transition: 1s ease-in-out;
}

h1 a:hover, h1 a:active {
color: #3ac3bb;
text-shadow: 0px 1px 2px #000000;
font-weight:bold;
text-decoration: none;
padding: 0;
}

.intro {
font-size: 12px;
text-align:left;
color:#ffffff;
margin:10px 0 0 20px;
position:relative;
z-index:15;
}

#maincontents{
width:900px;
margin:-60px auto 300px auto;
padding:0;
position:relative;
z-index:16;
}

#maincontents:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/*\*/
* html #maincontents {
height: 1em;
overflow: visible;
}
/**/

#left {
width:600px;
overflow: hidden;
margin:0;
padding:0px;
float:left;
}

.maintop{
width:600px;
height:30px;
background-image:url(http://blog-imgs-30-origin.fc2.com/m/y/s/mysticdiary/alicemaintop10.png);
background-repeat:no-repeat;
background-position:left top;
padding:0;
margin:0;
}

.mainnaka{
width:560px;
background-image:url(http://blog-imgs-30-origin.fc2.com/m/y/s/mysticdiary/alicemainnaka10.png);
background-repeat:repeat-y;
background-position:left top;
padding:5px 20px 10px 20px;
margin:0;
}

.mainbottom{
width:600px;
height:30px;
background-image:url(http://blog-imgs-30-origin.fc2.com/m/y/s/mysticdiary/alicemainbottom10.png);
background-repeat:no-repeat;
background-position:left top;
padding:0;
margin-bottom:30px;
}

h2{
width:560px;
overflow: hidden;
font-size:20px;
text-align: left;
line-height:1.2em;
padding:0;
font-weight:bold;
font-stretch:narrower;
}

h2 a:link {
color:#dc2633;
font-weight:bold; 
text-decoration: none;
-webkit-transition: 1s ease-in-out;
}

h2 a:visited {
color:#dc2633;
}

h2 a:hover, h2 a:active {
color:#3ac3bb;
}

.kizi_body {
padding:20px 0 0 0;
overflow: hidden;
}

.kizi_body blockquote{
padding:10px;
border-left:5px #dc2633 solid;
margin:15px 0px;
}

.kizi_body img{
border:none;
}

.kizi_more {
margin: 10px 0 0 0;
}

.morelink a:link,.morelink a:visited{
font-weight:bold;
padding:20px 0;
display:block;
}

.morelink a:hover{
font-weight:bold;
}

.entry_text{
margin:10px 0;
text-align:left;
}

.nonborder1{ 
border:none; 
outline:none; 
font-size:15px;
font-weight:bold;
padding:3px;
margin:10px 0px 20px 0px;
}

.kizifooter {
width:560px;
font-size: 12px;
margin:10px 0px;
padding:0px;
}

.relate_dl{
width:520px;
padding:20px;
margin:20px 0;
background:#ffffff;
}

.relate_dt{
color:#333333;
}

.relate_ul li{
padding:0;
margin:0;
}

#comtrack{
width:560px;
margin:0;
text-align:right;
font-size:12px;
}

.pagetop{
text-align:right;
margin:0;
padding:0 0 20px 0;
width:560px;
}

.pagetop1{
text-align:right;
padding:0;
width:560px;
}

.kizinav { 
width:560px;
text-align: center;
font-size:12px;
margin:0px 20px 40px 20px;
}

.kizinav a{ 
font-weight:bold;
font-size:13px;
}

.kizinav img{
vertical-align:-5px; 
}

h4#comheader{
width:560px;
margin:0 0 20px 0;
padding:10px 0; 
}

h4#tbheader {
width:560px;
padding:10px 0; 
margin:0 0 20px 0;
}

.content2 {    
width:560px;
padding:0;
line-height: 140%;
margin:0;
}

.combo{
width:560px;
padding:0;
margin-bottom:20px;
border-bottom:1px #666666 dotted;
}

.comtitle{
margin-bottom:10px;
color:#dc2633;
font-weight:bold;
}

.comfooter, .tbfooter {
margin: 10px 0px;
text-align: right;
font-size: 11px;
}

h4#comformtitle {
width:560px;
padding: 10px 0; 
margin:0 0 20px 0;
}

.comform ul {
width: 100%;
margin: 0;
padding: 0;        
}

.comform li {
font-size:12px;
margin:0 0 10px 0;
padding: 0 0 5px 0;
list-style: none;
}

#name1,#name2,#title1,#title2,#mail1,#mail2,#url1,#url2{
width:60%;
padding:5px;
margin-right:10px;
font-size:13px;
border:none;
color:#333333;
background-color:#ffffff;
}

#comment{
width:540px;
font-size:13px;
padding:10px;
height:150px;
border:none;
background-color:#ffffff;
color:#333333;
scrollbar-base-color:#ffffff;
scrollbar-track-color:#ffffff;
overflow:auto;
}

#pass1,#pass2{
width:100px;
margin-right:10px;
padding:5px;
font-size:13px;
border:none;
color:#333333;
background-color:#ffffff;
}

.tbtitle {  
padding:10px 0 0 0;
color : #dc2633;
text-decoration:underline; 
}

#trackback{
font-weight:bold;
}

.shitanabi{
width:560px;
padding:0 20px;
height:20px;
font-size:14px;
font-weight:bold;
}

.new a{
float:left;
}

.old a{
float:right;
}


#titlelist{
width:560px;
padding:15px 0px !important;
text-align:left;
margin:0 !important;
font-size:20px;
color:#dc2633;
}

.titlelistfooter{
font-size:10px;
margin:0 0 10px 0;
}

#rmenu {
width: 270px;
float: right;
overflow: hidden;
font-size:13px;
margin:50px 0;
}

#rmenu h3 {
font-size:14px;
width:270px;
height:14px;
font-weight: bold;
text-align :left;
padding:0; 
}

.plugcon1{
padding:20px 0px;
}

#rmenu ul {
font-size: 12px;
line-height: 160%;
padding: 3px 0 0 0; 
}

#rmenu li {
padding: 2px 0 0 0;
list-style-type:none;
list-style-position: outside;
margin:0;
}

#rmenu a:link{
color:#dc2633;
-webkit-transition: 1s ease-in-out;
}

#rmenu a:visited{
color:#dc2633;
-webkit-transition: 1s ease-in-out;
}

#rmenu a:hover{
color:#3ac3bb;
}

#footer{
clear:both;
width:100%;
height:90px;
padding:0;
background-image:url(http://blog-imgs-30-origin.fc2.com/m/y/s/mysticdiary/alicebottom9991.png);
background-repeat:repeat-x;
background-position:left bottom;
position:fixed; 
bottom:0;
z-index:30;
}

#button a{
width:115px;
height:100px;
display:block;
position:absolute;
bottom:0px;
left:200px;
background-image:url(http://blog-imgs-30-origin.fc2.com/m/y/s/mysticdiary/alicekinoko.png);
}

.boushi{
width:139px;
height:141px;
top:150px;
left:0px;
position:absolute;
background-image:url(http://blog-imgs-30-origin.fc2.com/m/y/s/mysticdiary/aliceboushi.png);
}

.alice{
width:117px;
height:219px;
bottom:30px;
left:0px;
position:absolute;
background-image:url(http://blog-imgs-30-origin.fc2.com/m/y/s/mysticdiary/alicetop.png);
z-index:50;
}

.jyoou{
width:146px;
height:182px;
top:100px;
left:330px;
position:absolute;
}

.usagi{
width:127px;
height:164px;
bottom:30px;
right:320px;
position:absolute;
background-image:url(http://blog-imgs-30-origin.fc2.com/m/y/s/mysticdiary/aliceusagi_20100912135221.png);
z-index:51;
}

.bara{
width:287px;
height:317px;
bottom:15px;
right:0px;
position:absolute;
background-image:url(http://blog-imgs-30-origin.fc2.com/m/y/s/mysticdiary/alicebara.png);
z-index:52;
}

.pagetop2{
width:900px;
height:50px;
clear:both;
margin:50px auto;
text-align:right;
font-size:15px;
}

table{
border-collapse: collapse;
background-color:transparent;
}

.calender td { 
font-size:13px; 
width:28px; 
height:23px; 
text-align:center; 
color:#333333;
border:1px #333333 solid;
} 

.calender th { 
font-size:13px; 
width:28px; 
height:23px; 
text-align:center; 
color:#333333;
border:1px #333333 solid;
background-color:transparent;
} 

.calender td a:link { 
color:#ffffff !important; 
font-weight: !important; 
width:28px; 
padding:2px 0px;
display:block;
text-decoration:none;
text-align:center; 
background-color:#dc2633;
}

.calender td a:hover { 
color:#3ac3bb !important; 
font-weight: !important; 
width:28px; 
display:block;
text-decoration:none;
text-align:center; 
} 

#sun,#sat{
color:#dc2633;
background-color:transparent;
}

caption{
font-weight:bold;
font-size:14px;
}

caption a{
color:#333333 !important;
font-weight:bold !important;
font-size:14px;
}

.kizi_body ul {
margin-left: 20px;
}

.kizi_body ul li {
padding: 3px 0px 0px 0px;
list-style-type:disc !important;
list-style-position:inside !important;
}

.kizi_body ol{
margin-left:20px !important;
}

.kizi_body ol li {
padding: 3px 0px 0px 0px;
list-style-type:decimal !important;
list-style-position:inside !important;
}
