/*
Theme Name: paro
Theme URL: http://
Description: paro
Author: Saori
*/

@charset "UTF-8";
* {
	margin:0;
	padding:0;
}
body {
	margin:0;
	padding:0;
	color:#F8F8EC;
	font-family: Verdana,"ヒラギノ 角ゴ Pro W3", "Hiragino Kaku Gothic", "メイリオ", "MS P ゴシック", "Osaka";
	line-height: 1.6;
	background-color:#F8F8EC;
        font-size:13px;
        letter-spacing: -0.1px;

        
}



a:link{
color:#000;
 text-decoration:none;
}

a:visited{
 color:#000;
 text-decoration:none;
}

a:hover{
	color:#000;
	text-decoration:underline;	
}

ol li{
      margin-left:35px;
}

#header{
       margin:0;
	padding:0;
	height:10px;
	width:100%;
}

#logo-tub{
        margin:0;
	padding:0;
	height:81px;
	width:100%;
}

.logo{
        background-image: url(images/logo.gif);
	padding:0;
	margin-left:38px;
	width:164px;
	height:64px;
	float:left;
}

.logo{_margin-left:20px;
}

.logo-e{
    background-image: url(images/logo-e.gif);
	padding:0;
	margin-left:38px;
	width:165px;
	height:63px;
	float:left;
}

.logo-e{_margin-left:20px;
}

.welcome{
   background-image: url(images/welcome.gif);
   margin-left:66px;
   width:490px;
   height:58px;
   float:left;
   background-repeat:no-repeat;
}


#tub{   
	margin-left:290px;
	width:570px;
	height:74px;	
	}

 

#tub ul.menu{
}

#tub ul.menu li {  
	float:left;	
}

#tub ul.menu li a{
　　  height:74px;
     width:113px; 
     display:block;
     background-image:url(images/tub.gif);
     background-repeat:no-repeat;
     text-align:center;
     padding-top:25px;
     padding-bottom:25px;
     font-size:116%;
  　  	
}

#tub ul.menu li a{_height:0;}




#tub ul.menu li a:hover{
       background-image:url(images/tub-over.gif);
       background-repeat:no-repeat;
       text-decoration:none;
	 
       
    
	
}

#news-bar
   {
        margin:0;
	padding:0;
	height:20px;
	width:100%;
        clear:both;
   }  



.bread{
　 width:100px;
   margin-left:38px;
   font-size:12px;
   color:#000;
   float:left;
   }
.bread{_width:600px;}
.bread{_margin-left:20px}

.paronews-bar{
   background-image:url(images/paronews.gif);
   margin-left:400px; 
   height:27px;
   width:149px;
   background-repeat:no-repeat;
}



#pic-news{
    margin:0;
	padding:0;
	height:272px;

	clear:both;
	}

.pic{
    margin-left:25px;
	background-image:url(images/paropic.gif);
	background-repeat:no-repeat;
	height:273px;
	width:358px;
	float:left;
	}
.pic{_margin-left:15px;}

.news-content{
        height:226px;
        margin-left:136px;
        margin-top:13px;
	    float:left;
	    width:454px;
	}

.news-content{_ margin-left:142px;}
.news-content{_ width:453px;}
.news-content{_ margin-top:0;}
.news-content a:link{
    color:#006633;
    text-decoration:underline; 
}	
.news-content ul{
        background-color:#FFF;
        padding-top:5px;
	padding-left:12px;
        padding-right:10px;  
	font-size:12px;
	color:#000;
}


.news-content ul li{
    list-style-type:none;
	padding-top:5px;

}	

.readall{
   width:83px;
   height:16px;
   font-size:12px;
   color:#666;
   margin-top:5px;
   margin-left:480px;
   padding-left:20px;
   background-image:url(images/arrow.gif);
   background-repeat:no-repeat;
}

.readall a{
   text-decoration:underline;
}

.readall a:hover{
   color:#000099;
}


.topbar{
    margin-top:13px;
	margin-left:403px;
	background-image:url(images/long-bar.gif);
	background-repeat:no-repeat;
	width:454px;
	height:4px;
	}

.underbar{
    margin-top:20px;
    background-image:url(images/long-b-bar.gif);
	background-repeat:no-repeat;
	width:454px;
	height:5px;
	}
.language-bar{
   width:230px;
   height:250px;
   margin-left:120px;
   margin-top:20px;
   float:left;
}

.language-e{
   margin-top:40px;
   background-image:url(images/english-bar.gif);
   width:230px;
   height:54px;
   }
   
.language-j{
  background-image:url(images/japanese-bar.gif);
  width:230px;
  height:54px;
  margin-top:30px;
}

#withparo{
   margin-top:23px;
   padding:0;
   height:100px;
   width:100%;
   }

.with-box{
   margin-left:16px;
   padding:0;
   width:293px;
   height:100px;
   float:left;
   }
 
.with-child{
   width:257px;
   height:76px;
   margin-left:18px;
   }
 
.with-elderly{
   width:257px;
   height:76px;
   margin-left:18px;
   }
 
 .with-family{
   width:257px;
   height:76px;
   margin-left:18px;
   }

 .with-bar {
   margin-top:4px;
   margin-left:32px;
   background-image:url(images/middle-bar.gif);
   width:232px;

   height:4px;
   background-repeat:no-repeat;
  
   }
   
#with-news {
   padding:0;
   margin:0;
   width:100%;
   height:180px;
   clear:both;
   
 }
 
 
#with-news ul{
   margin-left:0;
   list-style-image:url(images/smallparo.gif);
   font-size:12px;
   color:#666; 
} 

#with-news ul li{
   margin-left:90px;
   width:190px;
   margin-right:30px;
   float:left;
   
}

.readmore{
   width:83px;
   height:16px;
   font-size:12px;
   color:#666;
   margin-top:10px;
   margin-left:110px;
   padding-left:10px;
   background-image:url(images/arrow.gif);
   background-repeat:no-repeat;
}

.readmore a{
   text-decoration:underline;
}

.readmore a:hover{
   color:#000099;
}

.therapist{
  width: 126px;
  height:43px;
  margin-top:5px;
  margin-left:-40px;

} 

#sidebar{
  width:240px;
  margin-left:26px;
  margin-top:30px;
  float:left;
  background-color:#F8F8EC;
}

#sidebar{_margin-left:12px;}

.box{
  border-style:solid;
  border-width:1px;
  border-color:#666666;

}

.box h2{
  color:#666666;
  margin:0;
  padding-left:20px;
  font-size:93%;
  background-color:#CCC;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color:#666666;
  background-image:none;
  line-height:30px;
}


#sidebar ul li{
  border-bottom:1px dashed #666666;
  background-image:url(images/side2.gif);
  background-repeat:no-repeat;
  background-position:3% 50%;
}


#sidebar ul li a{
  text-decoration:none;
  line-height:30px;
  font-size:13px;
  padding-left:20px;
  display:block;
}

#sidebar ul li a{_display:block}

#sidebar ul li a{_height:10px;
}

#sidebar ul li a:hover{
 text-decoration:underline;

}
  
.drawers { 
          color:#76797C; 
          font-size:14px; 
              } 


UL { 
          list-style: none; 
          padding: 0; 
              } 

.drawer-handle { 
          color:#333333;       
              } 
 
.drawer-handle.open { 
          background-color:#99CC33;         
          color:#FFFFFF; 
              } 
  
#contents{
   width:573px;
   margin-top:30px;
   margin-left:22px;
   float:left;
}

h1{
　 padding-left:10px;
   margin:0;
   height:35px;
   font-size:123.1%;
   color:#666666;
   background-image:url(images/long-b-bar2.gif);
   background-position:left bottom;  
   background-repeat:no-repeat; 
}

h2{
   line-height:25px;
   font-size:108%;
   color:#666666;
   background-image:url(images/arrow1.gif);
   background-position:0 5%;  
   background-repeat:no-repeat;
   padding:0 0 0 20px; 
}

h3{
   line-height:25px;
   font-size:100%;
   color:#666;
   background-image:url(images/arrow1.gif);
   background-position:0 8%;  
   background-repeat:no-repeat;
   padding:0 0 0 20px; 
}

h4{
   line-height:25px;
   font-size:100%;
   color:#E88700;
   
}
.contents-text{
  margin:10px 10px 10px 10px;
  padding:22px 22px 22px 22px;
  font-size:12px;
  color:#333;
  background-color:#FFFFFF;
  }
  
.contents-text a:link{
 color:#006633;
 } 

.contents-text ul{
 list-style-type:none;
}
#footer{
   margin-top:650px;
   clear:both;
   width:100%;
   height:57px;
   background-color:#625B59;
   }
   
#footer{_margin-top:300px;}

.footer-tub{
   height:52px;
   text-align:left;
   font-size:12px;
   margin-left:31px;
   padding-top:5px;
}

.footer-tub a{
   color:#FFF;
}

.copyright{
   color:#FFF;
   font-size:12px;
   padding-top:15px;
   text-align:right;
   height:15px;
   padding-right:5px;
}