@charset "utf-8";

/* お役立ち情報　基本設定
******************************************************************************************** */

/* H2見出し　背景設定
**************************************************************** */
#contents #title {
	padding:8px 0px 8px 0px;
	margin-bottom:8px;
	height:74px;
	background: transparent url(../../../img/sec/useful/h2_bg.jpg) 0 0 no-repeat;
	}

/* H2見出し
**************************************************************** */
#contents #title h2 {
	display:block;
	margin:23px 0px 0px 10px;
	height:36px;
	background: transparent url(../../../img/sec/useful/h2_01.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	}

/* H3見出し
**************************************************************** */

/* 不動産QA
********************************************* */
#contents h3#qa {
	background: transparent url(../../../img/sec/useful/qa/h3_01.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	height:43px;
	margin:0px 0px 13px 0px;
	padding:0px;
	}

/* マイホーム獲得大作戦!
********************************************* */
#contents h3#myhome {
	background: transparent url(../../../img/sec/useful/myhome/h3_01.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	height:43px;
	margin:0px 0px 13px 0px;
	padding:0px;
	}

/* 住宅ローンシミュレーション
********************************************* */
#contents h3#loantop {
	background: transparent url(../../../img/sec/useful/loan/h3.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	height:62px;
	margin:0px 0px 13px 0px;
	padding:0px;
	}

#contents h3#loan {
	background: transparent url(../../../img/sec/useful/loan/h3_01.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	height:43px;
	margin:0px 0px 13px 0px;
	padding:0px;
	}

/* マイホーム獲得大作戦!
********************************************* */
#contents h3#consult {
	background: transparent url(../../../img/sec/useful/consult/h3_01.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	height:43px;
	margin:0px 0px 13px 0px;
	padding:0px;
	}

/* H4見出し設定
**************************************************************** */
#contents h4#useful {
	clear:both;
	border-top:2px solid #68B8CC;
	background: transparent url(../../../img/sec/line_dashed_blue.gif) repeat-x left bottom;
	margin:0px 0px 15px 0px;
	padding:5px 10px 5px 10px;
	color:#3FA2BA;
	font:bold 75%/140% Osaka,"ＭＳ Ｐゴシック",sans-serif;
	}

/* 第一章　家を買う
********************************************* */
#contents h4#buy01 {
	clear:both;
	display:block;
	background: transparent url(../../../img/sec/useful/myhome/h4_01.gif) left bottom no-repeat;
	width:560px;
	height:62px;
	margin:0px 0px 15px 0px;
	padding:10px 0px 0px 0px;
	text-indent:-9999px;
	}

#contents h4#buy02 {
	clear:both;
	display:block;
	background: transparent url(../../../img/sec/useful/myhome/h4_02.gif) left bottom no-repeat;
	width:560px;
	height:62px;
	margin:0px 0px 15px 0px;
	padding:10px 0px 0px 0px;
	text-indent:-9999px;
	}

#contents h4#buy03 {
	clear:both;
	display:block;
	background: transparent url(../../../img/sec/useful/myhome/h4_03.gif) left bottom no-repeat;
	width:560px;
	height:62px;
	margin:0px 0px 15px 0px;
	padding:10px 0px 0px 0px;
	text-indent:-9999px;
	}

#contents h4#buy04 {
	clear:both;
	display:block;
	background: transparent url(../../../img/sec/useful/myhome/h4_04.gif) left bottom no-repeat;
	width:560px;
	height:62px;
	margin:0px 0px 15px 0px;
	padding:10px 0px 0px 0px;
	text-indent:-9999px;
	}

#contents h4#buy05 {
	clear:both;
	display:block;
	background: transparent url(../../../img/sec/useful/myhome/h4_05.gif) left bottom no-repeat;
	width:560px;
	height:62px;
	margin:0px 0px 15px 0px;
	padding:10px 0px 0px 0px;
	text-indent:-9999px;
	}

#contents h4#buy06 {
	clear:both;
	display:block;
	background: transparent url(../../../img/sec/useful/myhome/h4_06.gif) left bottom no-repeat;
	width:560px;
	height:62px;
	margin:0px 0px 15px 0px;
	padding:10px 0px 0px 0px;
	text-indent:-9999px;
	}

/* 第二章　家を買い替える
********************************************* */
#contents h4#change01 {
	clear:both;
	display:block;
	background: transparent url(../../../img/sec/useful/myhome/h4_07.gif) left bottom no-repeat;
	width:560px;
	height:62px;
	margin:0px 0px 15px 0px;
	padding:10px 0px 0px 0px;
	text-indent:-9999px;
	}

#contents h4#change02 {
	clear:both;
	display:block;
	background: transparent url(../../../img/sec/useful/myhome/h4_08.gif) left bottom no-repeat;
	width:560px;
	height:62px;
	margin:0px 0px 15px 0px;
	padding:10px 0px 0px 0px;
	text-indent:-9999px;
	}

/* 第三章　家を借りる・貸す
********************************************* */
#contents h4#rental01 {
	clear:both;
	display:block;
	background: transparent url(../../../img/sec/useful/myhome/h4_09.gif) left bottom no-repeat;
	width:560px;
	height:62px;
	margin:0px 0px 15px 0px;
	padding:10px 0px 0px 0px;
	text-indent:-9999px;
	}

/* H5見出し
**************************************************************** */
#contents h5#useful {
	clear:both;
	border-left:3px solid #3FA2BA;
	background: transparent url(../../../img/sec/line_dashed_blue.gif) repeat-x left bottom;
	margin:5px 0px 15px 0px;
	padding:3px 10px 3px 7px;
	color:#3FA2BA;
	font:bold 75%/140% Osaka,"ＭＳ Ｐゴシック",sans-serif;
	}

/* H6見出し
**************************************************************** */
#contents h6#useful {
	color:#c66;
	margin:0px;
	padding:0px 0px 0px 10px;
	font:bold 75%/140% Osaka,"ＭＳ Ｐゴシック",sans-serif;
	}

/* 不動産Q&A　基本設定
**************************************************************** */
#contents p#q{
	float:left;
	width:30px;
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	}

#contents p#a {
	float:left;
	width:30px;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 10px;
	}

#contents p#qcomment {
	float:right;
	width:500px;
	margin:5px 0px 0px 0px;
	}

#contents p#acomment {
	float:right;
	width:500px;
	margin:0px 0px 10px 0px;
	}

/* ページの先頭へ戻るボタン設定
********************************************* */
#contents p#qapagetop {
	clear:both;
	float:right;
	margin:10px 0px;
	padding:0px;
	height:15px;
	overflow:hidden;
	}

#contents p#qapagetop a {
	background: transparent url(../../../img/sec/footer/pagetop.gif) no-repeat 0 0;
	display:block;
	text-indent:-9999px;
	width:120px;
	height:15px;
	}

#contents p#qapagetop a:hover {
	background-position: 0px -15px;
	}

/* マイホーム獲得大作戦！　基本設定
**************************************************************** */
#contents p#illust01 img {
	float:left;
	margin:0px 5px 0px 0px;
	padding:0px;
	}

#contents p#illust02 img {
	float:right;
	margin:0px 5px 0px 0px;
	padding:0px;
	}

/* 次へ、戻るボタン設定
********************************************* */
#contents p#prev {
	float:left;
	width:105px;
	margin:0px;
	padding:0px;
	}

#contents p#next {
	float:right;
	width:300px;
	margin:0px 0px 10px 0px;
	text-align:right;
	}

/* テーブル設定
********************************************* */
#contents table#myhome {
	width:560px;
	border:none;
	margin-bottom:20px;
	padding:0px;
	background-color:#fff;
	color:#666;
	font:normal 75%/140% Osaka,"ＭＳ Ｐゴシック",sans-serif;
	}

#contents table#myhome th {
	font-weight:normal;
	text-align:center;
	padding:5px 10px;
	border:none;
	vertical-align:top;
	}

#contents table#myhome td {
	padding:5px 5px;
	border:none;
	}

#contents table#myhome th.oddth {
	background-color:#C5E4EB;
	}

#contents table#myhome th.eventh {
	background-color:#E6F2F7;
	}

#contents table#myhome td.oddtd {
	vertical-align:top;
	background-color:#efefef;
	}

#contents table#myhome td.eventd {
	vertical-align:top;
	background-color:#f5f5f5;
	}
/* テーブルミニ設定
********************************************* */
#contents table#myhomemini {
	width:265px;
	border:none;
	margin-left:10px;
	margin-bottom:20px;
	padding:0px;
	background-color:#fff;
	color:#666;
	font:normal 75%/140% Osaka,"ＭＳ Ｐゴシック",sans-serif;
	}

#contents table#myhomemini th {
	font-weight:normal;
	text-align:center;
	padding:5px 5px;
	border:none;
	vertical-align:top;
	}

#contents table#myhomemini th.oddth {
	background-color:#C5E4EB;
	}

#contents table#myhomemini th.eventh {
	width:65px;
	background-color:#E6F2F7;
	}

#contents table#myhomemini td.oddtd {
	padding:5px 10px;
	border:none;
	vertical-align:top;
	background-color:#efefef;
	}

#contents table#myhomemini td.eventd {
	padding:5px 10px;
	border:none;
	vertical-align:top;
	background-color:#f5f5f5;
	}


/* トピックス設定
********************************************* */
#contents h5#topics {
	clear:both;
	width:560px;
	height:24px;
	background: transparent url(../../../img/sec/useful/myhome/h5_01.gif) no-repeat left bottom;
	margin:5px 0px 1px 0px;
	padding:0px;
	text-indent:-9999px;
	border:none;
	}

/* チェックポイント設定
************************ */
#contents h5#checkpoint {
	clear:both;
	width:560px;
	height:24px;
	background: transparent url(../../../img/sec/useful/myhome/h5_02.gif) no-repeat left bottom;
	margin:5px 0px 1px 0px;
	padding:0px;
	text-indent:-9999px;
	border:none;
	}


#contents #topicsbox {
	border:6px solid #E0F4B7;
	padding:15px 15px 5px 15px;
	margin-bottom:15px;
	}

#contents #topicsbox h6 {
	color:#87B302;
	margin:0px 0px 10px 0px;
	padding:0px;
	font:bold 75% Osaka,"ＭＳ Ｐゴシック",sans-serif;
	}

#contents #topicsbox p {
	padding:0px;
	margin:0px 0px 10px 0px;
	}

#contents #linedashedblue {
	clear:both;
	height:10px;
	background:transparent url(../../../img/sec/line_dashed_blue.gif) center left repeat-x;
	width:550px;
	margin:0px 0px 15px 10px;
	}

#contents #topicsbox ul#list {
	color:#666;
	margin:0px 0px 0px 20px;
	padding:0px;
	list-style-image:url(../../../img/sec/list_icon_green.gif);
	font:normal 75%/180% Osaka,"ＭＳ Ｐゴシック",sans-serif;
	}


/* P設定
********************************************* */
#contents p#sort {
	margin:0px 0px 15px 0px;
	}

/* 左列設定
********************************************* */
#contents #left {
	float:left;
	width:265px;
	}

#contents #left #linedashedcenter,
#contents #right #linedashedcenter {
	height:10px;
	background:transparent url(../../../img/sec/line_dashed_blue.gif) center left repeat-x;
	width:265px;
	margin:0px 0px 15px 10px;
	}

#contents #left p#sort01 {
	margin:5px 0px 30px 0px;
	padding:0px 0px 0px 10px;
	}

#contents #left p#sort02 {
	margin:5px 0px 10px 0px;
	padding:0px 0px 0px 10px;
	}

#contents #left p#sort03 {
	margin:5px 0px 10px 0px;
	padding:0px 0px 0px 10px;
	}

/* 右列設定
********************************************* */
#contents #right {
	padding-left:280px;
	}

#contents #right p#sort01 {
	width:265px;
	margin:5px 0px 10px 0px;
	padding:0px 0px 0px 10px;
	}

#contents #right p#sort02 {
	width:265px;
	margin:5px 0px 60px 0px;
	padding:0px 0px 0px 10px;
	}

#contents #right p#sort03 {
	width:265px;
	margin:5px 0px 60px 0px;
	padding:0px 0px 0px 10px;
	}

#contents #right img {
	margin:0px;
	padding:0px;
	border:none;
	}

/* 不動産無料相談所　基本設定
**************************************************************** */
#contents #contact {
	background-color:#fff;
	border:7px solid #D3E8EC;
	padding:10px;
	margin-left:10px;
	margin-bottom:15px;
	text-align:center;
	}

#contents #contact p {
	margin:5px 0px 10px 0px;
	}

#contents #contact .phone{
	padding:5px 50px;
	color:#c00;
	font:bold 85%/180% Osaka,"ＭＳ Ｐゴシック",sans-serif;
	}

/* 住宅ローンシミュレーション　基本設定
**************************************************************** */
#contents p.text-right {
	text-align: right;
	}

/* テーブル(loan-data)
********************************************* */
#contents table.loan-data {
	width:560px;
	border:none;
	margin-bottom:10px;
	padding:0px;
	background-color:#fff;
	color:#666;
	font:normal 75%/140% Osaka,"ＭＳ Ｐゴシック",sans-serif;
	}

#contents table.loan-data th {
	text-align: left;
	font-weight:normal;
	padding:5px 10px;
	border:none;
	vertical-align:top;
	}

#contents table.loan-data td {
	padding:5px 5px;
	border:none;
	}

#contents table.loan-data th.oddth {
	background-color:#C5E4EB;
	}

#contents table.loan-data th.eventh {
	background-color:#E6F2F7;
	}

#contents table.loan-data td.oddtd {
	vertical-align:top;
	background-color:#efefef;
	}

#contents table.loan-data td.eventd {
	vertical-align:top;
	background-color:#f5f5f5;
	}

/* テーブル(loan-data-result)
********************************************* */
#contents table.loan-data-result {
	width:560px;
	border:none;
	margin-bottom:10px;
	padding:0px;
	background-color:#fff;
	color:#666;
	font:normal 75%/140% Osaka,"ＭＳ Ｐゴシック",sans-serif;
	}

#contents table.loan-data-result th {
	font-weight:normal;
	text-align:center;
	padding:5px 10px;
	border:none;
	vertical-align:top;
	}

#contents table.loan-data-result td {
	text-align: right;
	padding:5px 5px;
	border:none;
	}

#contents table.loan-data-result th.oddth {
	background-color:#C5E4EB;
	}

#contents table.loan-data-result th.eventh {
	background-color:#E6F2F7;
	}

#contents table.loan-data-result th.left {
	text-align: left;
	}

#contents table.loan-data-result td.oddtd {
	vertical-align:top;
	background-color:#efefef;
	}

#contents table.loan-data-result td.eventd {
	vertical-align:top;
	background-color:#f5f5f5;
	}

#contents table.loan-data-result th .cf00 {
	color: #f00;
	}

#contents table.loan-data-result td .cf00 {
	color: #f00;
	}

/* list
********************************************* */
#contents ul#linklistblue li#odd {
	background-image: none;
	background-color:#f5f5f5;
	padding:5px 10px 5px 15px;
	}

#contents ul#linklistblue li#even {
	background-image: none;
	background-color:#fff;
	padding:5px 10px 5px 15px;
	}

/* ページ(次へ・前へ)
********************************************* */
#contents p.pageskip a#prev {
	background:url(../../../img/union/prev01.gif) center left no-repeat;
	padding-left:10px;
	}

#contents p.pageskip a#prev:hover {
	background:url(../../../img/union/prev02.gif) center left no-repeat;
	padding-left:10px;
	}

#contents p.pageskip a#next {
	background:url(../../../img/union/next01.gif) center right no-repeat;
	padding-right:10px;
	}

#contents p.pageskip a#next:hover {
	background:url(../../../img/union/next02.gif) center right no-repeat;
	padding-right:10px;
	}

/* h4タイトル
********************************************* */
/* 償還表(月) 元利均等方式 */
#contents h4#loan-ganri-m {
	display: block;
	width: 560px;
	height: 62px;
	text-indent: -9999px;
	background: transparent url(../../../img/sec/useful/loan/ganri_m.gif) top left no-repeat;
	}

/* 償還表(年) 元利均等方式 */
#contents h4#loan-ganri-y {
	display: block;
	width: 560px;
	height: 62px;
	text-indent: -9999px;
	background: transparent url(../../../img/sec/useful/loan/ganri_y.gif) top left no-repeat;
	}

/* 償還表(月) 元金均等方式 */
#contents h4#loan-gankin-m {
	display: block;
	width: 560px;
	height: 62px;
	text-indent: -9999px;
	background: transparent url(../../../img/sec/useful/loan/gankin_m.gif) top left no-repeat;
	}

/* 償還表(年) 元金均等方式 */
#contents h4#loan-gankin-y {
	display: block;
	width: 560px;
	height: 62px;
	text-indent: -9999px;
	background: transparent url(../../../img/sec/useful/loan/gankin_y.gif) top left no-repeat;
	}

/* 入力画面へ戻る設定
********************************************* */
#contents p#loaninput {
	float:left;
	width:106px;
	margin:0px;
	padding:0px;
	}

#contents p#loaninput img {
	border:none;
	}

/* 月/年ボタン設定
********************************************* */
#contents p#monthyear {
	float:right;
	width:200px;
	margin:0px 0px 10px 0px;
	text-align: right;
	}

/* 
********************************************* */
ul#rule {
	color: #666;
	font-size: 75%;
	line-height: 150%;
	margin: 20px 0 0 0;
	padding: 15px 15px 15px 30px;
	border: 5px solid #C5E4EB;
	list-style-position: outside;
	background-color: #FFFBEC;
	}

ul#rule li {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	}

ul#inputrule {
	color: #666;
	font-size: 75%;
	line-height: 150%;
	margin: 20px 0 20px 0;
	padding: 15px 15px 15px 30px;
	border: 5px solid #C5E4EB;
	list-style-position: outside;
	background-color: #FFFBEC;
	}

ul#inputrule li {
	margin-bottom: 5px;
	}