@charset "UTF-8";

/*-------------------------------------------------------------------記事 strart--------------*/
div#maincontent div.post_title{
width:100%;
margin-top: 10px;
background: url(/imgs/list/experience1.jpg) no-repeat center top;
display: inline-block;
display: block;
}
div#maincontent div.post_title:after { 
content: ".";
font-size: 0;
display: block;
height: 0;
visibility:	hidden;
clear: both;
}
div#maincontent div.post_title p{
padding:5px;
padding-left:10px;
margin-right:5px;
width:45px;
float:left;
}
div#maincontent div.post_title img{
padding: 2px;
background: #fff;
float:left;
}
div#maincontent div.post_title dl{
padding-top:10px;
}

div#maincontent div.post_title dl dt{
padding: 10px;
height: 20px;
}
div#maincontent div.post_title dl dt a{
font-weight: bold;
float: left;
color:#d33c87;
font-size: 18px;
text-decoration: none;
}
div.schoolbox h4 span.purple{
	color:#D33C87;
}
/*-------------------------------------------------------------------カウンセラー詳細 strart--------------*/
div#profilebox{
padding-right: 10px;
}
div#profilebox p{
padding-top: 20px;
padding-left: 5px;
float: left;
}
div.woman p img{
padding: 5px;
background: #fdc8ee;
}
div.man p img{
padding: 5px;
background: #5B9DFF;
}
div#profilebox dl{
float: right;
width:340px;
padding:20px 15px 0 0;
}
div#profilebox dl dt{
font-size:18px;
font-weight:bold;
height:25px;
padding-top:10px;
padding-left:10px;
}
div.man dl dt{
color:#00136F;
background: url(images/profile-man.gif) no-repeat top right;
}
div.woman dl dt{
color:#964ea4;
background: url(images/profile-woman.gif) no-repeat top right;
}
div#profilebox dl dd{
padding:5px;
}

div#profilebox h3{
height:30px;
clear:both;
font-weight:bold;
color:#964ea4;
font-size:16px;
margin-top:10px;
padding:4px 0 10px 16px;
background: url(images/inside-line-blog.gif) no-repeat top left;
width:600px;
}
/*-------------------------------------------------------------------blog--------------*/

div.blogList{
	border-bottom:dashed #999 1px; 	
}
div#maincontent div.post{
background: url(/imgs/list/experience2.jpg) no-repeat left bottom;
padding-bottom:10px;
zoom: 1;
}
div#maincontent div.post_title{
width:630px;
margin-top: 10px;
background: url(/imgs/list/report.jpg) no-repeat left top;
display: inline-block;
display: block;
}
div#maincontent div.entry{
clear: both;
padding: 0 10px 10px 10px;
border-left: #ecd5e1 1px solid;
border-right: #ecd5e1 1px solid;
width:630px;
}


div.blogList p{
	float:left;
	width:240px;
	mpadding-top:10px;
	
}

/*div.blogList dl dd {
   border-radius: 10px;         
   -moz-border-radius: 10px;    
   -webkit-border-radius: 10px; 
   background-color: #e8f3f3;  
   padding:10px;
}*/


div.blogList dl{
	float:right;
	width:360px;
	margin-top:30px;
	margin-right:10px;
	padding:5px;
	
}

dt.blogtitle a{	
	background: url(/imgs/blog/icon.png) no-repeat top left;
	padding-left:30px;
}
/*div.blogList dl dd{
	padding-top:10px;
	
}*/


/*-------------------------------------------------------------------blog 詳細--------------*/
div.blogProfile{
	border-bottom:dashed #999 1px;
	border-top:dashed #999 1px; 
	padding:10px 0;
}

div.blogProfile p{
	float:left;
	width:240px;
	mpadding-top:10px;	
}
div.blogProfile span.prev{
	float:right;	
	mpadding-top:10px;
	padding-right:10px;	
}
/*div.blogProfile dl dd {
   border-radius: 10px;        
   -moz-border-radius: 10px;    
   -webkit-border-radius: 10px; 
   background-color: #e8f3f3;   
   padding:10px;
}*/

div.blogProfile dl{
	float:right;
	width:360px;
	margin-top:30px;
	margin-right:10px;
	padding:5px;
	
}

dt.blogProfile a{	
	background: url(/imgs/blog/icon.png) no-repeat top left;
	padding-left:30px;
}
/*div.blogProfile dl dd{
	padding-top:10px;
	
}*/

div.blog-detail dl dd {
    padding: 5px;
}
div.blog-detail dl dd:after{content: ".";display:block;visibility:hidden;height:0;font-size:0;line-height:0;clear:both;}/* clearfix */
*html div.blog-detali dl dd{display:inline-block;}/* for IE6 */ 
*:first-child+html div.blog-detali dl dd{display:inline-block;}/* for IE7 */

div.blog-detail dl dd img {
    float: left;
    padding: 5px 5px 5px 0;
}
div.blog-detail dl dd img.right {
    float: right;
    padding: 5px 0 5px 5px;
}

div#maincontent .blog div.post_title dl{
padding-top:0;
}

div#maincontent .blog-detail div.post_title dl{
padding-top:0;
}

@media (max-width: 767px) {
div#maincontent div.post{
background: none;
padding-bottom:10px;
zoom: 1;
border-bottom: #ecd5e1 1px solid;
}
div#maincontent div.post_title{
width:100%;
margin-top: 10px;
background: none;
display: inline-block;
display: block;
margin-bottom:10px;
}
div#maincontent div.entry{
clear: both;
padding: 0;
border-left: none;
border-right:none;
width:auto;
}
div#maincontent div.post_title dl dt{
	height:auto;
}

}