@charset "UTF-8";
/*----------------------------------------------------------------------
------------------------------------------------------------------------

module CSS File

File Name		module.css
Note			共通モジュール用スタイルシート

New Creation	09.06.03
Update			10.02.24

Created By		Yoshiaki Murakami

------------------------------------------------------------------------
----------------------------------------------------------------------*/

/*----------------------------------------------------------------------
------------------------------------------------------------------------
目次

	1. main
	2. sub
		2-1. お悩み相談ランキング
		2-2. 新着お悩み相談
		2-3. お悩み相談メニュー
		2-4. お問い合わせ
		2-5. TCバナー

------------------------------------------------------------------------
----------------------------------------------------------------------*/

/*----------------------------------------------------------------------
1. main
----------------------------------------------------------------------*/
#container #content #main {
}


/*----------------------------------------------------------------------
2. sub
----------------------------------------------------------------------*/
/*
2-1. お悩み相談ランキング
----------------------------------------------------------------------*/
#container #content #sub #qaranking {
	background:url(../img/sub_div_bg.gif) left top repeat-y;
}

*+html #container #content #sub #qaranking {
	height:1%;
}

#container #content #sub #qaranking h4 {
}

#container #content #sub #qaranking p {
	margin:0px 7px;
	padding:0px 11px;
	line-height:26px;
	text-align:right;
	border-bottom:1px solid #c9c9ca;
	color:#77a7a2;
}

#container #content #sub #qaranking ol {
	padding-bottom:10px;
	background:url(../img/sub_ranking_bg_footer.gif) left bottom no-repeat;
}

#container #content #sub #qaranking ol li {
	margin:0px 7px;
	padding:9px 8px;
	border-bottom:1px solid #bebebf;
}

#container #content #sub #qaranking ol .no2 {
	background:#c6dfde;
}

#container #content #sub #qaranking ol .last {
	padding-bottom:6px;
	border:none;
	background:none;
}

#container #content #sub #qaranking ol li a {
	display:block;
	padding-left:19px;
	background-position:left top;
	background-repeat:no-repeat;
	font-size:1.2em;
	line-height:1.167em;
	color:#898989;
}

#container #content #sub #qaranking ol .no1 a {
	background-image:url(../img/sub_ranking_no1_bg.gif);
}

#container #content #sub #qaranking ol .no2 a {
	background-image:url(../img/sub_ranking_no2_bg.gif);
}

#container #content #sub #qaranking ol .no3 a {
	background-image:url(../img/sub_ranking_no3_bg.gif);
}

/*
2-2. 新着お悩み相談
----------------------------------------------------------------------*/
#container #content #sub #latest {
}

#container #content #sub #latest h4 {
	line-height:2em;
	font-size:1.2em;
	text-align:center;
}

#container #content #sub #latest ol {
	padding-bottom:11px;
	background:url(../img/sub_latest_bg_footer.gif) left bottom no-repeat;
}

#container #content #sub #latest ol li {
	background:url(../img/sub_div_bg.gif) left top repeat-y;
}

* html #container #content #sub #latest ol li ,
* html #container #content #sub #latest ol li dl {
	height:1%;
}

*+html #container #content #sub #latest ol li {
	height:1%;
	vertical-align:top;
}

#container #content #sub #latest ol .even dl {
	background-color:#c6dfde;
}

#container #content #sub #latest ol .last {
	border-bottom:none;
}

#container #content #sub #latest ol li dl {
	margin:0px 7px;
	position:relative;
}

#container #content #sub #latest ol li dl dt {
	padding:6px 7px 7px;
	background:url(../img/border1.gif) left bottom repeat-x;
}

#container #content #sub #latest ol .even dl dt {
	background:url(../img/border2.gif) left bottom repeat-x;
}

* html #container #content #sub #latest ol li dl dt {
	height:1%;
}

#container #content #sub #latest ol li dl dt a {
	display:block;
	padding-left:22px;
	background:url(../img/sub_latest_question_bg1.gif) left 1px no-repeat;
	font-size:1.2em;
	line-height:1.167em;
	color:#898989;
}

#container #content #sub #latest ol .even dl dt a {
	background-image:url(../img/sub_latest_question_bg2.gif);
}

#container #content #sub #latest ol li dl dt .new {
	position:absolute;
	right:70px;
	bottom:7px;
}

#container #content #sub #latest ol li dl dd {
	padding:0px 7px;
}

#container #content #sub #latest ol li dl .category {
	padding:5px 7px 0px 29px;
}

#container #content #sub #latest ol li dl .category ul li {
	float:left;
	display:inline;
	padding:0px;
	border:none;
	background:none;
	white-space:nowrap;
	line-height:1.2em;
	color:#898989;
}

* html #container #content #sub #latest ol li dl .category ul li {
	overflow:hidden;
	height:1%;
}

#container #content #sub #latest ol li dl .category ul li:before {
	content:"／";
}

* html #container #content #sub #latest ol li dl .category ul li {
	padding-left:10px;
	background:url(../img/slash1.gif) left center no-repeat;
}

*+html #container #content #sub #latest ol li dl .category ul li {
	padding-left:10px;
	background:url(../img/slash1.gif) left center no-repeat;
}

* html #container #content #sub #latest ol .even dl .category ul li {
	background:url(../img/slash2.gif) left center no-repeat;
}

*+html #container #content #sub #latest ol .even dl .category ul li {
	background:url(../img/slash2.gif) left center no-repeat;
}

#container #content #sub #latest ol li dl .category ul li:first-child:before {
	content:"";
}

* html #container #content #sub #latest ol li dl .category ul .first ,
* html #container #content #sub #latest ol .even dl .category ul .first {
	padding:0px;
	background:none;
}

*+html #container #content #sub #latest ol li dl .category ul .first ,
*+html #container #content #sub #latest ol .even dl .category ul .first {
	padding:0px;
	background:none;
}

#container #content #sub #latest ol li dl .category ul li a {
	color:#898989;
}

#container #content #sub #latest ol li dl .date {
	padding-top:7px;
	padding-bottom:7px;
	text-align:right;
	color:#77a7a2;
}

#container #content #sub #latest .link {
	padding:2px 7px 0px;
	text-align:right;
}

#container #content #sub #latest .link a {
	padding-left:13px;
	background:url(../img/arrow1.gif) left center no-repeat;
	color:#e15f5a;
}

#container #content #sub #latest .link a:hover {
}

/*
2-3. お悩み相談メニュー
----------------------------------------------------------------------*/
#container #content #sub #menu {
	background:url(../img/sub_div_bg.gif) left top repeat-y;
}

#container #content #sub #menu h4 {
/*	border-bottom:3px solid #644038;*/
}

#container #content #sub #menu ul {
	padding-bottom:10px;
	background:url(../img/sub_ranking_bg_footer.gif) left bottom no-repeat;
}

#container #content #sub #menu ul li {
/*	border-right:1px solid #644038;*/
	border-top:1px solid #bebebf;
/*	border-left:1px solid #644038;
	background:#e7e2e0;*/
	background:#c6dfde;
	margin:0px 7px;
}

* html #container #content #sub #menu ul li {
	height:1%;
}

*+html #container #content #sub #menu ul li ,
*+html #container #content #sub #menu ul li dl dt {
	height:1%;
	vertical-align:bottom;
}

#container #content #sub #menu ul .selected {
	background-color:#689791;
}

#container #content #sub #menu ul .latest {
	padding:10px 5px;
}

#container #content #sub #menu ul li a {
/*	padding-left:18px;
	background:url(../img/arrow6.gif) left center no-repeat;*/
	font-size:1.2em;
/*	color:#644038;*/
	color:#898989;
}

#container #content #sub #menu ul li a:hover {
/*	background-image:url(../img/arrow11.gif);*/
	color:#476a67;
}

#container #content #sub #menu ul .selected a {
/*	background:url(../img/arrow8.gif) left center no-repeat;*/
	color:#fff;
}

#container #content #sub #menu ul .last {
	padding-bottom:0px;
	background-image:none;
	border-bottom:none;
}

#container #content #sub #menu ul li dl dt {
	padding:10px 5px;
	border-bottom:1px solid #bebebf;
}

#container #content #sub #menu ul li dl dd ul {
	padding:0px;
	background:none;
}

#container #content #sub #menu ul li dl dd ul li {
	margin:0px;
	padding:3px 5px 4px;
	border:none;
	background:url(../img/border1.gif) left bottom repeat-x #fff;
}

*+html #container #content #sub #menu ul li dl dd ul li {
	height:1%;
}

#container #content #sub #menu ul li dl dd ul .last {
	padding-bottom:3px;
}


#container #content #sub #menu ul .selected dl dd ul li a {
	color:#898989;
}

#container #content #sub #menu ul li dl dd ul .selected a {
	background:none;
}

#container #content #sub #menu ul li dl dd ul li dl {
	display:table-row;
}

#container #content #sub #menu ul li dl dd ul li dl dt ,
#container #content #sub #menu ul li dl dd ul li dl dd {
	display:table-cell;
	vertical-align:middle;
	padding:0px;
	background:none;
	border:none;
}

* html #container #content #sub #menu ul li dl dd ul li dl dt ,
* html #container #content #sub #menu ul li dl dd ul li dl dd {
	display:inline;
	zoom:1;
}

*+html #container #content #sub #menu ul li dl dd ul li dl dt ,
*+html #container #content #sub #menu ul li dl dd ul li dl dd {
	display:inline;
	zoom:1;
}

#container #content #sub #menu ul li dl dd ul li dl dt {
	padding-right:5px;
}

#container #content #sub #menu ul li dl dd ul li dl dd {
/*	color:#666666;*/
	color:#898989;
}

*+html #container #content #sub #menu ul li dl dd ul li dl dd {
	width:158px;
}

#container #content #sub #menu ul li dl dd ul .selected dl dd {
	color:#fff;
}

#container #content #sub #menu ul li dl dd ul li dl dt a ,
#container #content #sub #menu ul li dl dd ul li dl dd a {
	padding:0px;
	background:none;
}

*+html #container #content #sub #menu ul li dl dd ul li dl dd a {
	line-height:1.2em;
}

#container #content #sub #menu ul .selected dl dd ul li dl dt a ,
#container #content #sub #menu ul .selected dl dd ul li dl dd a {
	background:none;
}

#container #content #sub #menu ul li dl dd ul li dl dt a img {
	border:1px solid #bebebf;
}

#container #content #sub #menu ul li dl dd ul li dl dt a:hover img {
/*	border:1px solid #FF776E;*/
}

#container #content #sub #menu ul li dl dd ul li dl dd a {
	font-size:1em;
}

#container #content #sub #menu ul li dl dd ul li dl dd a:hover {
	background:none;
}

/*
2-4. お問い合わせ
----------------------------------------------------------------------*/
#container #content #sub .info {
	padding-bottom:11px;
	background:url(../img/sub_info_bg.gif) left bottom no-repeat;
}

*+html #container #content #sub .info {
	height:1%;
}

#container #content #sub .info dl {
/*	background:url(../img/sub_info_bg.gif) left top repeat-y;*/
}

#container #content #sub .info dl dd {
	padding:0px 11px 0px 12px;
}

#container #content #sub .info dl dd ul li {
	margin-bottom:1px;
}

#container #content #sub .info dl dd ul .counseling {
	margin:0px;
}

#container #content #sub .info dl dd ul li a {
	width:177px;
	height:24px;
}

/*
2-5. TCバナー
----------------------------------------------------------------------*/
#container #content #sub #banner ul li {
	margin-bottom:5px;
}