/* CSS Document */


body{
   margin:0px;
   padding:0px;
   background-color:#f8f0c0;
   text-align:center;
   font-size:small;
   background-image:url(http://www.mataro.co.jp/blog/archives/bg.gif);
}

a:link{
color:#3399CC;
}

a:visited{
color:#666666;
}

a:hover{
background:transparent;
}

img{
border:0;
padding:0;
margin:0;
}

#bg{
background-image:url(http://www.mataro.co.jp/blog/archives/topimg.jpg);
background-position:top;
background-repeat:repeat-x;
   }

#wrap{
   padding:0px;
   margin-left:auto;
   margin-right:auto;
   width:760px;
   background-color:#FFFFFF;
}


h1,h2,h3,h4,h5,h6,p{
   margin:0;
   font-size:small;
}

ul,li,ol,dl,dt,dd,form{
margin:0;
padding:0;
}

address{
margin-top:20px;
margin-left:10px;
padding-bottom:20px;
text-align:left;
font-size:x-small;
line-height:150%;
font-style:normal;
}

#header{
margin-top:0;
margin-bottom:10px;
}

#header h1{
color:#FFFFFF;
font-size:small;
}



.topningyo{
width:740px;
background-color:#f5e1dc;
margin:0 10px 10px 10px;
}

.maincont{
padding-right:20px;
text-align:left;
}

.main-shiru,.main-hina,.main-gogatu{
background-color:#f5e1dc;
}

.main-shiru a:hover,.main-hina a:hover,.main-gogatu a:hover,.main-gakuin a:hover{
position:relative;
top: 1px;
left:1px;
}

.main-shiru p,.main-hina p,.main-gogatu p,.main-gakuin p{
width:230px;
text-align:left;
margin-bottom:10px;
line-height:130%;
}

.main-shiru p,.main-gakuin p{
margin-left:15px;
}

.main-hina p,.main-gogatu p{
margin-left:5px;
}

.topannai{
background-color:#e2babe;
}

.topan-cont1,.topan-cont2,.topan-cont3{
width:226px;
background-color:#FFFFFF;
}

.topan-cont1{
margin-left:10px;
margin-right:11px;
}

.topan-cont2{
margin-right:11px;
}

.topan-cont3{
margin-right:10px;
}

.topan-cont1 p,.topan-cont2 p,.topan-cont3 p{
text-align:left;
line-height:130%;
margin:6px 10px 0 10px;
}

.topan-cont1 img,.topan-cont2 img,.topan-cont3 img{
vertical-align:bottom;
}

.topan-title img{  
margin-top:0px;
}

.topan-title a:hover img{  
margin-top:-35px;
}

.topan-title{  
width:226px;
height:35px;
overflow:hidden;
}

.topgakuin{
background-color:#f1e8c0;
width:520px;
margin-bottom:20px;
}

.topg-sho{
background-color:#e6c58d;
width:250px;
margin-top:5px;
margin-right:10px;
margin-bottom:4px;
}

.topg-sho img{
vertical-align:bottom;
}

.topg-sho p,.top-chui{
text-align:left;
width:226px;
margin:7px;
}

.topg-sho a:hover{
position:relative;
top: 1px;
left:1px;
}

.top-chui{
font-size:x-small;
line-height:130%;
}

.t-g-button{
text-align:center;
width:100px;
}

.t-g-button a{
display:block;
color:#b56549;
border:1px solid #b56549;
padding:4px 8px;
text-decoration:none;
}

.t-g-button a:hover{
background-color:#ffffff;
/*color:#ffffff;*/
}

.t-g-button a:visited{
color:#b56549;
}



#category{
margin-top:16px;
text-align:center;
color:#999999;
}

#category a{
text-decoration:none;
}

.blog{
margin-bottom:20px;
width:500px;
text-align:left;
display:block;
background-color:#edf7d4;
padding:10px;
}

.blog-h2{
border-bottom:1px solid #4c8386;
padding-bottom:8px;
text-align:left;
}

.blog-data{
text-align:right;
border-bottom:3px solid #cde888;
padding-bottom:4px;
font-size:x-small;
color:#667766;
margin-top:10px;
}

.blog h3{
/*background-image:url(../img/blog-h3.jpg);
background-position:left;
background-repeat:no-repeat;*/
background:url("http://www.mataro.co.jp/blog/archives/blog-h3.jpg") left no-repeat;
padding-left:32px;
padding-top:24px;
height:32px;
font-size:small;
}

#kate-cont h3{
background:url("http://www.mataro.co.jp/blog/archives/blog-h3-w.jpg") left no-repeat;
padding-left:32px;
padding-top:24px;
height:32px;
font-size:small;
}

.blog p,#kate-cont p{
line-height:150%;
}

.posted{
text-align:right;
border-top:1px solid #cde888;
padding-top:6px;
margin-top:10px;
}


.side-cont-out{
display:block;
border:1px solid #d78392;
padding:4px;
margin-top:16px;
}

.side-cont{
display:block;
background-color:#f9e8d3;
padding:6px;
text-align:center;
}

.side-cont p{
font-size:11px;
margin:6px 0;
}

.sidetel{
margin-bottom:12px;
}

.sideform{
margin-bottom:6px;
}

.sideform a{
}

#calendar{
font-size:small;
text-align:cenetr;
width:198px;
color:#a2976d;
}

#calendar table{
margin-top:6px;
}

#calendar th{
font-size:x-small;
}

.side-blog{
margin-top:16px;
display:block;
background-color:#d78392;
color:#ffffff;
padding:2px;
text-align:center;
}

.armenu{
list-style-type:none;
margin-left:0;
padding-left:0;
margin-top:8px;
text-align:left;
line-height:150%;
}

#kate-con{
margin-top:10px;
}

#monthlylink{
text-align:right;
margin-top:20px;
}






.m-top10{
margin-top:10px;
}

.m-top20{
margin-top:20px;
}


@charset "Shift_JIS";

#h-menu{
}

#h-menu ul{
list-style-type:none;
}

#h-menu li{
float:left;
}


#h-menu img{  
margin-top:0px;
}

#h-menu a:hover img{ 
margin-top:-30px;
}

#h-m-top,#h-m-ningyo,#h-m-gakuin,#h-m-siryo,#h-m-cont{  
width:102px;
height:30px;
overflow:hidden;
}

.h-m-top #h-m-top img,
.h-m-ningyo #h-m-ningyo img,
.h-m-gakuin #h-m-gakuin img,
.h-m-siryo #h-m-siryo img,
.h-m-cont #h-m-cont img{    
margin-top:-30px;
}


#side{
width:200px;
}

#side ul{
text-align:left;
}

#side li{
list-style:none;
}



.smh3-mataro img{  
margin-top:0px;
}

.smh3-mataro a:hover img{  
margin-top:-50px;
}

.smh3-mataro{ 
width:200px;
height:50px;
overflow:hidden;
}

#smh4-change img{ 
margin-top:0px;
}

#smh4-change a:hover img{ 
margin-top:-80px;
}

#smh4-change{  
width:200px;
height:80px;
overflow:hidden;
}

#smh4-ticket img{  
margin-top:0px;
}

#smh4-ticket a:hover img{  
margin-top:-100px;
}

#smh4-ticket{  
width:200px;
height:100px;
overflow:hidden;
}



.h-m-top #h-m-top img,
.h-m-ningyo #h-m-ningyo img,
.h-m-gakuin #h-m-gakuin img,
.h-m-siryo #h-m-siryo img,
.h-m-cont #h-m-cont img{   
margin-top:-30px;
}



.sm-hina,.sm-gogatu,.sm-ukiyo,.sm-toha,.sm-tenpo,.sm-faq{
width:190px;
border-right:1px solid #d78392;
border-bottom:1px solid #d78392;
border-left:1px solid #d78392;
color:#333333;
padding:4px;
}

.sm-hina a,.sm-gogatu a,.sm-ukiyo a,.sm-toha a,.sm-tenpo a,.sm-faq a{
padding:6px;
display:block;
text-decoration:none;
color:#333333;
}

.sm-hina a:hover,.sm-gogatu a:hover,.sm-ukiyo a:hover,.sm-toha a:hover,.sm-tenpo a:hover,.sm-faq a:hover{
background-color:#ffed92;
color:#333333;
}

.sm-active{
display:block;
background-color:#fffdbb;
color:#333333;
}

.en{
margin:10px 10px 6px 10px;
display:block;
background-color:#ffffff;
padding:6px;
text-align:center;
}

.en img{
margin-right:6px;
}






.m-top10{
margin-top:10px;
}

.m-top20{
margin-top:20px;
}