@charset "UTF-8";


/* ＝＝＝＝＝＝＝＝＝＝相談ルーム ＝＝＝＝＝＝＝＝＝＝＝＝*/

/* スマホページ */

@media screen and (max-width: 768px) {
.side_banner{
	display: none;
}
}

/*各ページタイトルエリア
----------------------------------*/
/*h2タイトル
--------------*/
div#header div.h2 h2 {
	background-image: url(../images/room_list_h2.jpg);
	background-repeat: no-repeat;
	height: 114px;
	width: 941px;
}
/*h3タイトル
--------------*/
h3.h3_room01{
	background-image: url(../images/room_list_h3_01.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 674px;
	text-indent:-9999px;
	margin:0 0 20px 25px;
	padding:0;	
}
h3.h3_room02{
	background-image: url(../images/room_detail_h3_01.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 674px;
	text-indent:-9999px;
	margin:0 0 20px 25px;
	padding:0;	
}


/*--------------------------------------------------------------------
(list.html)
(相談ルーム list)
--------------------------------------------------------------------*/
table.bn{
	width:640px;
	margin-left:25px;
	margin-bottom:30px;
}

@media screen and (max-width: 768px) {
table.bn{
	width:auto;
	margin: 0 auto;
}
}

table.bn tr td{
	border: 1px solid #CCC;	
	padding:15px 0;
}

@media screen and (max-width: 768px) {
table.bn tr td{
	padding:15px 10px;
}

}

table.bn tr td.bg{
	background-color:#FBF6EC;
}
table.bn tr td p.icon{
	float:left;
	margin-right:10px;
}
@media screen and (max-width: 768px) {
table.bn tr td p.icon{
	margin-right:0;
}
}

table.bn dl{
	float:left;
	width:470px;
}

@media screen and (max-width: 768px) {
table.bn dl{
	width:312px;
	margin-left: 20px;
	margin-right: 20px;
}
}

table.bn dl dt span{
	color:#ff412e;
	font-weight:bold;
	font-size:85%;
}
table.bn tr td p.dtl_btn{
	float:left;
	margin:18px 0 0 15px;
	padding:0;
	background-image: url(../images/room_list_dtlbtn.jpg);
	background-repeat: no-repeat;
	width:88px;
	height:25px;
}



table.bn tr td p.dtl_btn a{
	display:block;
	width:88px;
	height:25px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0;
	padding:0;
}
table.bn tr td p.dtl_btn a:hover{
	background-image: url(../images/room_list_dtlbtn_on.jpg);
	background-repeat: no-repeat;
}
table.bn dl dd{
	margin:5px 0 0 0;
}

@media screen and (max-width: 768px) {
table.bn dl dd{
	height: 25px;
}
}
	
/* ページャー */
div#pager{
	margin: 25px auto 45px;
}
/*--------------------------------------------------------------------
(detail.html)
(相談と回答detail)
--------------------------------------------------------------------*/
.room-title{
    border-bottom:1px dotted #a1a1a1;
    width:100%;
    display: flex;
}
/*
div#dtl_bg01{
	width:650px;
	margin:0 0 30px 25px;
	background:url(../images/room_detail_bg_02.jpg) 50% 0 repeat-y;
}
div#dtl_bg02{
	width:650px;
	background-image: url(../images/room_detail_bg03.jpg);
	background-repeat: no-repeat;
	background-position: 50% 100%;
}
*/
div#dtl_bg03{
	width:650px;
/*	background: url(../images/room_detail_bg_01.jpg) 50% 0 no-repeat;*/
    margin:0 0 30px 25px;
    margin-bottom: 20px;	
}
@media screen and (max-width:768px) {
    div#dtl_bg03{
	width:auto;
    margin:0;
    }
}


div#dtl_bg03 p.icon{
	float:left;
	width:40px;
	margin:20px 0 0 10px;
}
div#dtl_bg03 dl{
	margin:20px 0 0 10px;
	float:left;
}
div#dtl_bg03 dl dt span{
	color:#ff412e;
	font-weight:bold;
	font-size:85%;
}
div#dtl_bg03 dl dd{
	margin:5px 0 0 0;
	font-weight: bold;
	font-size:108%;
}
div#dtl_bg03 p.line{
	clear:both;
	text-indent:-9999px;
	border-bottom:dashed 1px #919191;
	width:590px;
	margin:0 0 0 30px;
}
#question{
    width: auto;
    margin: 30px 30px 0 30px;
    background: #f0f6fd;
    border: 3px solid #bdd5f5;
}
@media screen and (max-width:768px) {
    #question{
        margin:30px 15px 0 15px;
            
    }
}
.qa-title{
    font-size:18px;
    font-weight: bold;
    padding:20px 10px 5px 10px;
    margin:0 15px 0 15px;
    border-bottom:dashed 1px #919191;
}
/*
div#consul_02{
	width:590px;
	background: url(../images/room_detail_title01_3.gif) 50% 100% no-repeat;
}
div#consul_03{
	width:590px;
	background: url(../images/room_detail_title01_1.gif) 50% 0 no-repeat;
}
*/
p.dtl_text{
	width:auto;
	margin-top:10px;
	padding:0 20px 20px 30px;
    line-height: 1.8em;
}
#answer{
	width:auto;
	margin:30px;
}
@media screen and (max-width:768px) {
    #answer{
        margin:15px;
    }
    
}

div#list_back{
	width:auto;
	height:auto;
    padding-right:20px;
	padding-bottom:50px;
}
div#list_back a{
	background-image: url(../images/room_detail_backbtn.jpg);
	background-repeat: no-repeat;	
	width:88px;
	height:25px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	float:right;
}
div#list_back a:hover{
	background-image: url(../images/room_detail_backbtn_on.jpg);
	background-repeat: no-repeat;	
}