@charset "UTF-8";
@import url("second.css");


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

/*各ページタイトルエリア
----------------------------------*/
/*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;
}
table.bn tr td{
	border: 1px solid #CCC;	
	padding:15px 0;
}
table.bn tr td.bg{
	background-color:#FBF6EC;
}
table.bn tr td p.icon{
	float:left;
	margin-right:10px;
}
table.bn dl{
	float:left;
	width:470px;
}
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;
}
/* ページャー */
div#pager{
	margin: 25px auto 45px;
}
/*--------------------------------------------------------------------
(detail.html)
(相談と回答detail)
--------------------------------------------------------------------*/
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-bottom: 20px;
	
}
* html #dtl_bg02 #dtl_bg03{
	width: 650px;
}
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;
}
div#consul_01{
	width:590px;
	margin:30px 0 0 30px;
	background:url(../images/room_detail_title01_2.gif) 50% 0 repeat-y;
}
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_taxt{
	width:540px;
	margin-top:10px;
	padding:50px 20px 20px 30px;
}
div#answer{
	width:590px;
	background: url(../images/room_detail_title02.gif) 50% 0 no-repeat;
	margin:30px 0 30px 30px;
}
div#list_back{
	width:670px;
	height:auto;
	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;	
}