@charset "UTF-8";

/*-------------------------------------------------------------------記事 strart--------------*/
p{
	margin-bottom:10px;
}

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:100%;
margin-top: 10px;
background: url(/imgs/list/experience3.jpg) no-repeat left 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: 0 15px 10px;
height:50px;
}
div#maincontent div.post_title dl dt a{
font-weight: bold;
float: left;
color:#d33c87;
font-size: 15px;
text-decoration: none;
}

div#maincontent div.entry{
clear: both;
padding: 0 10px 10px 70px;
border-left: #ecd5e1 1px solid;
border-right: #ecd5e1 1px solid;
background: url(/imgs/list/mid_bg.gif) no-repeat;
width:630px;
}
/*-------------------------------------------------------------------カウンセラー詳細 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;
}

@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 0 10px 60px;
border-left: none;
border-right:none;
background: url(/imgs/list/mid_bg.gif) no-repeat;
width:auto;
}
div#maincontent div.post_title dl dt{
	height:auto;
}

}