@charset "EUC-JP";

* {
  margin : 0;
  padding : 0;  
  
}

a:link { color: #fc7c7d; text-decoration:none;} 
a:visited { color: #68473e; text-decoration:none;} 
a:active { color: #bdf0f1; text-decoration:none;}
a:hover { color: #bdf0f1;text-decoration:none;} 

img{
border:none;
}

.nonborder { 
border:none; 
outline:none; 
}

body {
font-size : 14px;
font-family: Arial, Helvetica, sans-serif;
line-height : 1.5em;
color : #333333;
background-color:#ffffff;
background-image:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/cakeshopbackground.jpg);
}

#container{
width:900px;
padding:0;
position:relative;
margin:0 auto;
background-color:#ffffff;
}

#header{
width:900px;
height:338px;
margin:0 auto;
position:relative;
background-image:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/cakeshopheader.jpg);
}

h1 {
font-size: 40px;
padding:100px 0 0 0;
line-height:1.2em;
font-weight:bold;
text-align:center;
position:relative;
}

h1 a:link, h1 a:visited {
font-weight:bold;
text-decoration: none;
padding:0;
font-family: Arial, Helvetica, sans-serif;
color: #fc7c7d;
text-shadow: 0px 1px 2px #666666;
-webkit-transition: 1s ease-in-out;
}

h1 a:hover, h1 a:active {
color: #68473e;
text-shadow: 0px 1px 2px #666666;
font-weight:bold;
text-decoration: none;
padding: 0;
}

.intro {
font-size: 12px;
margin:5px 0 20px 0;
text-align:center;
color:#333333;
}

#menu ul{
list-style:none;
}

.allpost a:link,.allpost a:visited{
position:absolute;
top:40px;
right:650px;
display:block;
width:169px;
height:53px;
background-image:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/cakeshopallpost.png);
background-position:left top;
}
				
.allpost a:hover{
position:absolute;
top:40px;
right:645px !important;
display:block;
width:169px;
height:53px;
background-image:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/cakeshopallpost.png);
background-position:left top;
}

.twitter a:link,.twitter a:visited{
position:absolute;
top:130px;
right:650px;
display:block;
width:169px;
height:53px;
background-image:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/cakeshoptwitter.png);
background-position:left top;
}
				
.twitter a:hover{
position:absolute;
top:130px;
right:645px;
display:block;
width:169px;
height:53px;
background-image:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/cakeshoptwitter.png);
background-position:left top;
}

.rss a:link,.rss a:visited{
position:absolute;
top:210px;
right:650px;
display:block;
width:169px;
height:53px;
background-image:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/cakeshoprss.png);
background-position:left top;
}
				
.rss a:hover{
position:absolute;
top:210px;
right:645px;
display:block;
width:169px;
height:53px;
background-image:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/cakeshoprss.png);
background-position:left top;
}

.aboutme a:link,.aboutme a:visited{
position:absolute;
top:30px;
right:90px;
display:block;
width:155px;
height:56px;
background-image:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/cakeshopaboutme.png);
background-position:left top;
}
				
.aboutme a:hover{
position:absolute;
top:30px;
right:95px;
display:block;
width:155px;
height:56px;
background-image:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/cakeshopaboutme.png);
background-position:left top;
}

.contact a:link,.contact a:visited{
position:absolute;
top:120px;
right:90px;
display:block;
width:155px;
height:50px;
background-image:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/cakeshopcontact.png);
background-position:left top;
}
				
.contact a:hover{
position:absolute;
top:120px;
right:95px;
display:block;
width:155px;
height:50px;
background-image:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/cakeshopcontact.png);
background-position:left top;
}

.admin a:link,.admin a:visited{
position:absolute;
top:210px;
right:90px;
display:block;
width:155px;
height:51px;
background-image:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/cakeshopadmin.png);
background-position:left top;
}
				
.admin a:hover{
position:absolute;
top:210px;
right:95px;
display:block;
width:155px;
height:51px;
background-image:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/cakeshopadmin.png);
background-position:left top;
}

.topcake1{
position:absolute;
top:15px;
left:20px;
display:block;
width:100px;
height:100px;
background-image:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/cakeshoptopcake1.png);
background-position:left top;
}

.topcake2{
position:absolute;
top:100px;
left:15px;
display:block;
width:100px;
height:100px;
background-image:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/cakeshoptopcake2.png);
background-position:left top;
}

.topcake3{
position:absolute;
top:190px;
left:40px;
display:block;
width:100px;
height:100px;
background-image:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/cakeshoptopcake3.png);
background-position:left top;
}

.topcake4{
position:absolute;
top:10px;
right:20px;
display:block;
width:100px;
height:100px;
background-image:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/cakeshoptopcake4.png);
background-position:left top;
}

.topcake5{
position:absolute;
top:105px;
right:15px;
display:block;
width:100px;
height:100px;
background-image:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/cakeshoptopcake5.png);
background-position:left top;
}

.topcake6{
position:absolute;
top:190px;
right:50px;
display:block;
width:100px;
height:100px;
background-image:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/cakeshoptopcake6.png);
background-position:left top;
}

#left {
width:560px;
overflow: hidden;
padding-top:30px;
float:left;
margin-left:30px;
margin-bottom:50px;
position:relative;
}

#h2moji{
width:48px;
height:49px;
float:left;
margin:0 10px 10px 0;
}

h2{
width:500px;
overflow: hidden;
font-size:20px;
text-align: left;
line-height:1.2em;
padding:10px 0px;
font-weight:bold;
font-stretch:narrower;
color:#333333;
}

h2 a:link {
color:#fc7c7d;
font-weight:bold; 
text-decoration: none;
text-shadow: 0px 1px 2px #666666;
-webkit-transition: 1s ease-in-out;
}

h2 a:visited {
color:#68473e;
font-weight:bold;
text-decoration: none;
text-shadow: 0px 1px 2px #666666;
-webkit-transition: 1s ease-in-out;
}

h2 a:hover, h2 a:active {
color:#bdf0f1;
font-weight:bold;
text-shadow: 0px 1px 2px #666666;
}

.kiziinfo{
font-size:12px;
}

.kizi_body {
padding: 20px 0px 0px 0px;
overflow: hidden;
margin-bottom:0px;
}

.kizi_body blockquote{
padding:10px;
border:1px #a0958f dotted;
background-color:#ffe7ec;
margin:15px;
}

.kizi_body img{
border:none;
}

.kizi_more {
margin: 10px 0 0 0;
}

.entry_text{
margin:10px 0;
text-align:left;
}

.kizifooter {
font-size: 12px;
text-align:right;
margin-top:20px;
}

.relate_dl{
margin:30px 0;
}

.relate_dt{
margin:15px 0;
}

.pagetop{
margin-bottom:30px;
text-align:right;
font-family: Candara, Optima, sans-serif;
}

.pagetop1{
text-align:right;
font-family: Candara, Optima, sans-serif;
width:560px;
padding:0 0px;
}

.kizinav { 
width:560px;
text-align: center;
font-size:12px;
padding:20px 0px;
margin:0 0 30px 0;
font-family: Candara, Optima, sans-serif;
}

.kizinav a{ 
font-weight:bold;
font-size:12px;
}

.kizinav img{
vertical-align:-5px; 
}

h4#comheader{
width:560px;
height:14px;
margin:0 0 30px 0;
padding: 0; 
}

h4#tbheader {
width:560px;
height :14px;
padding: 0; 
margin:30px 0;
}

.content {    
width:560px;
padding: 0;
line-height: 140%;
}

.combo{
width:518px;
padding:20px;
border-bottom:1px #a0958f dotted;
margin:10px 0px;
}

.comtitle{
margin-bottom:10px;
color:#fc7c7d;
font-weight:bold;
}

.comfooter, .tbfooter {
margin-top: 10px;
text-align: right;
font-size: 11px;
}

h4#comformtitle {
width:560px;
padding: 20px 0 0 0; 
margin:0 0 30px 0;
font-family: Candara, Optima, sans-serif;
}

.comform ul {
width: 100%;
margin: 0;
padding: 0;        
}

.comform li {
font-size:12px;
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:1px #a0958f dotted;
color:#333333;
background-color:#ffe7ec;
}

#comment{
width:538px;
font-size:13px;
padding:10px;
height:150px;
border:1px #a0958f dotted;
color:#333333;
scrollbar-base-color:#ffe7ec;
scrollbar-track-color:#ffe7ec;
overflow: auto; 
background-color:#ffe7ec;
}

#pass1,#pass2{
width:100px;
margin-right:10px;
padding:5px;
font-size:13px;
border:1px #a0958f dotted;
color:#333333;
background-color:#ffe7ec;
}

.tbtitle {  
padding:10px 0 0 0;
color : #fc7c7d;
text-decoration:underline; 
}

#trackback{
font-weight:bold;
}

.shitanabi{
width:560px;
padding:20px 0px;
font-family: Candara, Optima, sans-serif;
font-size:14px;
font-weight:bold;
}

.new a{
float:left;
display:block;
}

.old a{
float:right;
display:block;
}

.titlelist_area{
margin:0;
}

.titlelist_area h2{
width:500px;
padding:15px 0px 15px 60px; !important;
text-align:left;
margin-left:0px !important;
font-size:20px;
margin-bottom:20px;
text-shadow: 0px 1px 2px #666666;
color:#fc7c7d;
background-image:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/cakeshoppurple.png);
background-repeat:no-repeat;
background-position:left center;
}

.titlelistfooter{
font-size:10px;
margin:0;
}

#rmenu {
width: 225px;
float: right;
overflow: hidden;
font-size:12px;
color:#333333; 
margin:20px 30px 50px 0px;
position:relative;
z-index:29;
}

#rmenu h3 {
font-size:14px;
width:165px;
height:15px;
font-weight: bold;
color:#68473e;
text-align : center;
padding: 50px 30px 60px 30px; 
text-shadow: 0px 1px 2px #666666;
background-image:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/cakeshopside.png);
background-repeat:no-repeat;
background-position:center center;
}

.plugcontent{
padding:0 0 10px 0;
width:225px;
}

.plugcon{
padding:0 0 30px 0;
}

#rmenu ul {
font-size: 12px;
line-height: 160%;
padding: 3px 0 0 0; 
margin-left: 20px;
}

#rmenu li {
padding: 2px 0 0 0;
list-style-type:circle;
list-style-position: outside;
margin-left:20px;
}

#rmenu a:link{
color:#fc7c7d;
}

#rmenu a:visited{
color:#68473e;
}

#rmenu a:hover{
color:#bdf0f1;
}

.pagetop2 a{
position:absolute;
right:30px;
top:80px;
width:80px;
height:40px;
display:block;
}

#footer{
font-size:11px;
clear:both;
width:900px;
height:130px;
position:relative;
padding:0;
text-align:center;
color:#333333;
background-image:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/cakeshopfooter.jpg);
background-position:center bottom;
background-repeat:no-repeat;
}

table{
border-collapse: collapse;
}

.calender td { 
font-size:13px; 
width:33px; 
height:23px; 
text-align:center; 
color:#333333;
border:1px #a0958f solid;
} 

.calender th { 
font-size:13px; 
width:33px; 
height:23px; 
text-align:center; 
color:#333333;
border:1px #a0958f solid;
background-color:#f9d1c3;
} 

.calender td a:link { 
color:#68473e !important; 
font-weight: !important; 
width:33px; 
padding:2px 0px;
display:block;
text-decoration:none;
text-align:center; 
background-color:#b7ecdf;
}

.calender td a:hover { 
color:#68473e !important; 
font-weight: !important; 
width:33px; 
display:block;
text-decoration:none;
text-align:center; 
background-color:#adf1dd;
} 

#sun,#sat{
color:#e0655e;
}

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;
}
