@charset "UTF-8";

* {
  margin : 0;
  padding : 0;  
}

a:link { color: #336df4; text-decoration:none;-webkit-transition: 1s ease-in-out;} 
a:visited { color: #336df4; text-decoration:none;-webkit-transition: 1s ease-in-out;} 
a:active { color: #333333; text-decoration:none;}
a:hover { color: #333333;text-decoration:none;} 

img{
border:none;
}

.nonborder { 
border:none; 
outline:none; 
}

body {
font-size : 13px;
font-family: Arial, Helvetica, sans-serif;
line-height : 1.5em;
color:#333333;
background-color:#eeeeee;
background-image:url(https://blog-imgs-30.fc2.com/m/y/s/mysticdiary/whiteboxfooter3.png);
background-position:center bottom;
background-repeat:repeat-x;
}

#container{
width:950px;
margin:0 auto;
padding:0;
position:relative;
background-image:url(https://blog-imgs-30.fc2.com/m/y/s/mysticdiary/whiteboxbackhikari.png);
background-repeat:no-repeat;
background-position:center top;
}

#header{
width:950px;
height:150px;
margin:0;
background-image:url(https://blog-imgs-30.fc2.com/m/y/s/mysticdiary/whiteboxheader2.png);
background-position:left top;
background-repeat:no-repeat;
position:relative;
}

h1 {
font-size: 28px;
padding:30px 0 0 60px;
line-height:1.2em;
font-weight:bold;
text-align:left;
position:relative;
color:#333333;
}

h1 a:link, h1 a:visited {
font-weight:bold;
text-decoration: none;
padding:0;
text-shadow:#cccccc 2px 2px 0px;
color: #333333;
}

h1 a:hover, h1 a:active {
color: #336df4;
font-weight:bold;
text-decoration: none;
padding: 40px 0 0 0;
text-shadow:#cccccc 2px 2px 0px;
}

.intro {
font-size: 12px;
margin-top:5px;
margin-left:60px;
text-align:left;
color:#333333;
}

#menu{
width:auto;
height:23px;
position:absolute;
top:120px;
right:0;
}

/* Styles for the entire LavaLamp menu */
.lavaLamp {
position: relative;
height: 29px;
padding: 0 2px 0 0;
margin: 0px 0;
overflow: hidden;
}

.lavaLamp li {
float: left;
list-style: none;
}

.lavaLamp li.back {
border:1px solid #cccccc;
background-color:#ffffff;
color:#ffffff;
width: 9px;
height: 30px;
z-index: 8;
position: absolute;
background-image:url(https://blog-imgs-30.fc2.com/m/y/s/mysticdiary/home99comname43.png);
background-repeat:repeat-x;
background-position:left -1px;
}
 
.lavaLamp li a,.lavaLamp li a:visited {
font: bold 14px arial;
text-decoration: none;
color: #333333;
outline: none;
text-align: center;
top: 7px;
text-transform: uppercase;
letter-spacing: 0;
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
margin: auto 10px;
text-shadow: 1px 1px 0px #cccccc;
-webkit-transition: 1s ease-in-out;
} 

.lavaLamp li a:hover {
border: none;
color:#336df4;
text-shadow: 1px 1px 0px #cccccc;
-webkit-transition: 1s ease-in-out;
} 

#left {
width:620px;
overflow: hidden;
margin:0;
padding:0;
float:right;
}

#photo{
width:620px;
height:400px;
background-color:#dddddd;
margin-bottom:30px;
background-image:url(https://blog-imgs-30.fc2.com/m/y/s/mysticdiary/whitebocphotoback1.jpg);
}

#photo h3{
font-weight:bold;
font-size:15px;
color:#ffffff;
padding:20px 20px 10px 20px;
}

.boxgrid.thecombo{
width:308px;
height:400px;
float:left;
border-right: solid 2px #f0f0f0; 
overflow: hidden; 
position: relative; 
}

.boxgrid.peek{
width:310px;
height:198px;
float:left;
border-bottom: solid 2px #f0f0f0; 
overflow: hidden; 
position: relative; 
}

.boxgrid.captionfull{
width:310px;
height:200px;
float:left;
overflow: hidden; 
position: relative; 
}

.boxgrid.slideright,boxgrid.slidedown{
width:310px;
height:200px;
float:left;
overflow: hidden; 
position: relative; 
}

.boxgrid img{ 
position: absolute; 
top: 0; 
left: 0; 
border: 0; 
}

.boxgrid p{ 
padding:10px 20px 20px 20px; 
color:#ffffff; 
font-weight:bold; 
font:10pt "Lucida Grande", Arial, sans-serif; 
}
				
.boxcaption{ 
float: left; 
position: absolute; 
background: #000; 
height: 100px; 
width: 100%; 
opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
top:200px;
left:0px;
}

.captionfull .boxcaption {
top: 200;
left: 0;
}

.caption .boxcaption {
top: 160;
left: 0;
}

h2{
width:620px;
overflow: hidden;
font-size:20px;
text-align: left;
line-height:1.2em;
padding:0;
font-weight:bold;
font-stretch:narrower;
}

h2 a:link {
color:#333333;
font-weight:bold; 
text-decoration: none;
text-shadow:#cccccc 2px 2px 0px;
}

h2 a:visited {
color:#333333;
font-weight:bold;
text-decoration: none;
text-shadow:#cccccc 2px 2px 0px;
}

h2 a:hover, h2 a:active {
color:#336df4;
font-weight:bold;
text-shadow:#cccccc 2px 2px 0px;
}

.kizi_body {
padding: 20px 0px;
overflow: hidden;
margin-bottom:10px;
}

.kizi_body blockquote{
padding:10px;
border:1px #333333 dotted;
background-color:#dddddd;
margin:15px;
}

.kizi_body img{
border:none;
}

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

.entry_text{
margin:10px 0;
text-align:left;
}

.kizifooter {
width:618px;
font-size: 12px;
margin-top:10px;
background-color:#ffffff;
border:1px #cccccc solid;
background-image:url(https://blog-imgs-30.fc2.com/m/y/s/mysticdiary/home99comname.png);
background-repeat:repeat-x;
background-position:left top;
}

.kizifooter1 {
padding:10px;
border:2px #ffffff solid;
}

.kizifooter img{
vertical-align:middle;
}


.pagetop{
text-align:right;
padding:20px 0;
font-family: Candara, Optima, sans-serif;
width:620px;
text-shadow:#cccccc 2px 2px 0px;
font-weight:bold;
}

.pagetop1{
text-align:right;
padding:20px 0;
width:620px;
font-family: Candara, Optima, sans-serif;
text-shadow:#cccccc 2px 2px 0px;
font-weight:bold;
}

.kizinav { 
width:620px;
text-align: center;
font-size:12px;
margin-bottom:30px;
font-family: Candara, Optima, sans-serif;
}

.kizinav a{ 
font-weight:bold;
font-size:12px;
text-shadow:#cccccc 2px 2px 0px;
}

.kizinav img{
vertical-align:-5px; 
}

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

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

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

.combo{
width:618px;
padding:0;
background-color:#ffffff;
border:1px #cccccc solid;
margin-bottom:10px;
background-image:url(https://blog-imgs-30.fc2.com/m/y/s/mysticdiary/home99comback2.png);
background-repeat:repeat-x;
background-position:left top;
}

.combo1{
border:2px #ffffff solid;
padding:20px;
}

.comtitle{
margin-bottom:10px;
color:#336df4;
font-weight:bold;
text-shadow:#cccccc 2px 2px 0px;
}

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

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

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

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

}

.name1,.name2,.title1,.title2,.mail1,.mail2,.url1,.url2 {
width:400px;
height:25px;
background-image:url(https://blog-imgs-30.fc2.com/m/y/s/mysticdiary/home99comname.png);
background-repeat:repeat-x;
background-position:left top;
border:1px #cccccc solid;
background-color:#ffffff;
font-size:13px;
color:#333333;
}

#name1,#name2,#title1,#title2,#mail1,#mail2,#url1,#url2{width:386px;
height:15px;
padding:5px;
border:2px #ffffff solid;
background-color:transparent;
font-size:13px;
}

.commentnaka{
width:618px;
font-size:13px;
height:150px;
background-image:url(https://blog-imgs-30.fc2.com/m/y/s/mysticdiary/home99comback2.png);
background-repeat:repeat-x;
background-position:left top;
border:1px #cccccc solid;
background-color:#ffffff;
color:#333333;
}

#comment{
width:594px;
padding:10px;
height:125px;
border:2px #ffffff solid;
background-color:transparent;
scrollbar-base-color:#ffffff;
scrollbar-track-color:#ffffff;
font-size:13px;
}

.pass1,.pass2{
width:250px;
height:45px;
}

.pass{
width:100px;
height:25px;
font-size:13px;
background-image:url(https://blog-imgs-30.fc2.com/m/y/s/mysticdiary/home99comname.png);
background-repeat:repeat-x;
background-position:left top;
border:1px #cccccc solid;
background-color:#ffffff;
color:#333333;
}

#pass1,#pass2{
width:84px;
height:8px;
padding:6px;
border:2px #ffffff solid;
background-color:transparent;
font-size:13px;
}

.tbtitle {  
padding:10px 30px 0 0;
color : #336df4;
text-decoration:underline;
text-shadow:#cccccc 2px 2px 0px;
}

#trackback{
font-weight:bold;
}

.shitanabi{
width:620px;
padding:0;
height:20px;
font-family: Candara, Optima, sans-serif;
font-weight:bold;
font-size:14px;
text-shadow:#cccccc 2px 2px 0px;
}

.new a{
float:left;
padding:px;
}

.old a{
float:right;
padding:px;
}

.titlelist_area{
margin-bottom:20px;
}

.titlelist_area h2{
padding:20px 0;
margin-bottom:10px;
text-shadow:#cccccc 2px 2px 0px;
color:#333333;
}

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

#rmenu {
width: 300px;
float:left;
overflow: hidden;
font-size:12px;
color:#333333; 
margin-top:-20px;
}

#rmenu h3 {
font-size:14px;
width:245px;
font-weight: bold;
color:#333333;
text-align : left;
padding:20px 30px 20px 25px; 
text-shadow:#cccccc 2px 2px 0px;
background-image:url(https://blog-imgs-30.fc2.com/m/y/s/mysticdiary/whiteboxh3.png);
background-repeat:no-repeat;
background-position:left center;
}

#rmenu h3 img{
vertical-align:-8px;
margin-right:5px;
}

.plugcontent{
padding:0;
width:300px;
}

.plugcon{
padding:0;
background-color:#ffffff;
border:1px #cccccc solid;
background-image:url(https://blog-imgs-30.fc2.com/m/y/s/mysticdiary/home99comback2.png);
background-repeat:repeat-x;
background-position:left top;
}

.plugcon1{
padding:0 30px 20px 25px;
border:2px #ffffff solid;
}

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

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

#rmenu a:link{
color:#333333;
-webkit-transition: 1s ease-in-out;
}

#rmenu a:visited{
color:#333333;
-webkit-transition: 1s ease-in-out;
}

#rmenu a:hover{
color:#336df4;
}

#footer{
font-size:11px;
clear:both;
width:950px;
height:110px;
padding:140px 0 0 0;
text-align:left;
color:#ffffff;
position:relative;
}

#footer a{
color:#336df4;
}

.pagetop2 a:link,.pagetop2 a:visited{
width:94px;
height:13px;
display:block;
position:absolute;
top:50px;
right:-5px;
font-family: Candara, Optima, sans-serif;
font-size:13px;
font-weight:bold;
color:#333333 !important;
text-shadow:#cccccc 2px 2px 0px;
background-image:url(https://blog-imgs-30.fc2.com/m/y/s/mysticdiary/whiteboxshitatop.png);
background-repeat:no-repeat;
text-align:center;
padding:10px 0px 22px 0px;
}

table{
border-collapse: collapse;
background-color:#ffffff;
}

.calender td { 
font-size:13px; 
width:32px; 
height:23px; 
text-align:center; 
color:#333333;
border:1px #cccccc solid;
} 

.calender th { 
font-size:13px; 
width:32px; 
height:23px; 
text-align:center; 
color:#333333;
border:1px #cccccc solid;
background-color:#eeeeee;
} 

.calender td a:link { 
color:#336df4 !important; 
font-weight: !important; 
width:32px; 
padding:2px 0px;
display:block;
text-decoration:none;
text-align:center; 
background-color:#cccccc;
}

.calender td a:hover { 
color:#336df4 !important; 
font-weight: !important; 
width:32px; 
display:block;
text-decoration:none;
text-align:center; 
} 

#sun,#sat{
color:#336df4;
background-color:#cccccc;
}

caption{
font-weight:bold;
font-size:14px;
}

caption a{
color:#336df4 !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;
}