@charset "utf-8";



/*

information {
	ファイル名 : /css/style.css;
	概要 : コンテンツ部分（#main内）のスタイルの設定を行う。;
	}
*/


/* Contents
--------------------------------------------------------------------------

	1 : 基本レイアウト
	2 : Text
	3 : Link
	4 : clearfix

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





/* ***********************************************************************
	1 : 基本レイアウト
*********************************************************************** */

#contents_section {
	width: 950px;
	float: left;
	margin-bottom: 20px;
	}

#contents_section .pagetop {
	width: 950px;
	text-align: right;
	font-size: 14px;
	}




/*-----------------------------------------------------
	タイトル/サブタイトル等 (h3/h4)
------------------------------------------------------*/

/* h3
----------------------------------*/
#main div#pagettl {
	border-left: 6px solid #da0202;
	padding-left: 14px;
	margin: 10px 0px 18px;
	}
div#pagettl h3 {
	color: #da0202;
	font-size: 2em;
	font-weight: bold;
	line-height: 1.25em;
	}
div#pagettl p {
	line-height: 2em;
	margin-left: 2px;
	}



/* h4（灰色バックのサブタイトル）
----------------------------------*/
#main div#subttl {
	height: 43px;
	margin-bottom: 8px;
	background: url(../images/sttl_bg.gif) left top no-repeat;
	}
div#subttl h4 {
	position: relative;
	top: 10px;
	left: 28px;
	font-size: 1.33em;
	font-weight: bold;
	line-height: 1.1em;
	}


/*-----------------------------------------------------
	indexページ／ポイント
------------------------------------------------------*/
#main div#point {
	margin-bottom: 25px;
	}
div#point dl {
	float: left;
	width: 310px;
	height: 135px;
	margin-right: 10px;
	background: url(../images/point_bg.gif) left top no-repeat;
	}
div#point dl.mr0 {margin-right: 0px;}

div#point dt {
	font-size: 1.33em;
	font-weight: bold;
	color: #00893c;
	line-height: 1.35em;
	padding-left: 57px;
	margin: 13px 15px 8px;
	}
dl#point01 dt {background: url(../images/point01.gif) left top no-repeat;}
dl#point02 dt {background: url(../images/point02.gif) left top no-repeat;}
dl#point03 dt {background: url(../images/point03.gif) left top no-repeat;}

div#point dd {
	border-top: dotted 1px #999;
	line-height: 1.41em;
	padding-top: 7px;
	margin: 0px 15px;
	}



/*-----------------------------------------------------
	ステップ
------------------------------------------------------*/
#main div#step {
	margin-bottom: 15px;
	}
div#step p {
	text-indent: -9999px;
	height: 42px;
	}
div#step p#step01 {background: url(../images/step01.gif) left top no-repeat;}
div#step p#step02 {background: url(../images/step02.gif) left top no-repeat;}
div#step p#step03 {background: url(../images/step03.gif) left top no-repeat;}
div#step p#step04 {background: url(../images/step04.gif) left top no-repeat;}
div#step p#step05 {background: url(../images/step05.gif) left top no-repeat;}






/*-----------------------------------------------------
	テーブル基本設定（入力フォーム用）
------------------------------------------------------*/
#main div.formbox {
	margin-bottom: 20px;
	}

#main div.formbox h5 {
	font-size: 1.33em;
	font-weight: bold;
	line-height: 2.15em;
	padding-left: 25px;
	background: url(../images/index01.gif) left center no-repeat;
	}
#main div.formbox h5 span {
	font-weight: normal;
	font-size: 0.75em;
	margin-left: 8px;
	}

#main div.formbox table {
	width: 950px;
	border-top: 1px solid #c3c3c3;
	border-left: 1px solid #c3c3c3;
	}
#main div.formbox th,
#main div.formbox td {
	font-size: 1.16em;
	line-height: 1.5em;
	border-bottom: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	padding: 7px 15px;
	vertical-align: middle;
	}
#main div.formbox th {
	font-weight: bold;
	background: #ffde8f;
	}
#main div.formbox td {
	background: #fff6e0;
	}






/* フォームパーツの微調整
-------------------------------------------*/
#main div.formbox input,
#main div.formbox textarea,
#main div.formbox select {
	font-size: 0.85em;
	}

#main div.formbox input[type="radio"],
#main div.formbox input[type="checkbox"] {
	margin-right: 3px;
	}
	/* firefox,Opera.Chrome */
	html:not(:target) #main div.formbox input[type="radio"],
	html:not(:target) #main div.formbox input[type="checkbox"] {
		margin-right: 6px;
		}

	/*firefox,Opera.Chrome */
	html:not(:target) .formbox table td label { 
		position: relative;
		top: 1px;
		}
	html:not(:target) .formbox table td label.mt2 { 
		position: relative;
		top: 2px;
		}



/* ご希望地域 (#frm01)
-------------------------------------------*/
#frm01 th {
	width: 100px;
	}		


/* 今回、購入をご検討されている理由 (#frm02)
-------------------------------------------*/
#frm02 td p {
	float: left;
	width: 280px;
	margin: 5px 0px;
	}


/* 条件に対するこだわり重要度 (#frm03)
-------------------------------------------*/
#frm03 th {
	width: 200px;
	}
#frm03 td p {
	float: left;
	margin-right: 50px;
	}
#frm03 td textarea {
	width: 680px;
	}


/* 物件の種別 (#frm04)
-------------------------------------------*/
#main #frm04 td {
	padding: 10px 15px 12px;
	}
#frm04 td p {
	float: left;
	margin-right: 50px;
	}
#frm04 td p.notes {
	margin-left: 50px;
	}
#frm04 td p.notes span {
	margin-right: 7px;
	}


/* 不動産会社に相談したいこと (#frm05)
-------------------------------------------*/
#main #frm05 table {
	margin-bottom: 25px;
	}
#frm05 td p {
	float: left;
	width: 390px;
	margin: 5px 0px;
	}


/* 会社選択 (#frm06)
-------------------------------------------*/
#main #frm06 {
	margin-bottom: 10px;
	}
#main #frm06 th {
	padding: 0px;
	width: 35px;
	text-align: center;
	}
#main #frm06 tr.nocolor td {
	background: #FFF;
	}
#main #frm06 td.imgbox {
	border-right: none;
	padding: 10px 5px 10px 10px;
	}
#main #frm06 td.morebox {
	width: 110px;
	}

/* 会社名 */
#frm06 div.comp_ttl {
	font-weight: bold;
	margin-bottom: 7px;
	padding-bottom: 4px;
	border-bottom: 1px dotted #999;
	}
#frm06 div.comp_ttl p.ct01 {
	color: #087539;
	font-size: 1.14em;
	margin: 3px 0px 6px;
	}
#frm06 div.comp_ttl p.ct01 img {
	position: relative;
	top: 2px;
	left: 8px;
	}

/* オウチーノからの紹介メッセージ */
#frm06 div.comp_int {
	line-height: 1.5em;
	margin-bottom: 6px;
	}
#frm06 div.comp_int p.ci01 {
	font-weight: bold;
	margin-bottom: 2px;
	padding-left: 14px;
	background: url(../images/index02.gif) left center no-repeat;
	}

/* アイコン */
#frm06 .comp_icon li {
	float: left;
	margin-right: 5px;
	font-size: 8px;
	line-height: 1em;
	color: #FFF;
	padding: 2px 4px 3px;
	}
#frm06 .comp_icon li.green {background: #094;}
#frm06 .comp_icon li.red {background: #da0202;}
#frm06 .comp_icon li.yellow {background: #fe8b04;}
#frm06 .comp_icon li.blue {background: #245fbb;}
#frm06 .comp_icon li.pink {background: #e4017f;}

/* 詳細情報 */
#frm06 ul.comp_more li {
	line-height: 2em;
/*	padding-left: 18px;	*/
	padding-left: 23px;
	background: url(../images/arrow01.gif) 5px center no-repeat;
	}



/* 以下の会社に相談します (#frm07)
-------------------------------------------*/
#main #frm07 table {
	margin-bottom: 8px;
	}
#main #frm07 th {
	padding: 0px;
	width: 35px;
	text-align: center;
	}



/* お客様情報 (#frm08)
-------------------------------------------*/
#main #frm08 table {
	margin-bottom: 8px;
	}
#main #frm08 th img {
	position: relative;
	top: 3px;
	left: 4px;
	}
#main #frm08 td {
	width: 670px;
	}
#main #frm08 th.bline01 {
	width: 90px;
	border-right: 1px dotted #999;
	}
#main #frm08 .bline02 {
	border-bottom: 1px dotted #999;
	}
#main #frm08 th.thsub {
	font-size: 1em;
	font-weight: normal;
	}
#main #frm08 th p {
	font-size: 0.83em;
	line-height: 1.2em;
	}
#main #frm08 td span.exe {
	font-size: 0.85em;
	color: #c80404;
	margin-left: 5px;
	}
#main #frm08 p.notes {
	line-height: 1.5em;
	margin-bottom: 30px;
	}
#main #frm08 input.mr10 {margin-right: 10px;}
#main #frm08 input.wdt01 {width: 125px;}
#main #frm08 input.wdt02 {width: 450px;}
#main #frm08 input.wdt03 {width: 70px;}
#main #frm08 textarea {width: 660px;}




/* 相談先として選んだ会社 (#frm09)
-------------------------------------------*/
#main #frm09 td {
	padding: 10px 15px;
	}
#main #frm09 li {
	line-height: 1.85em;
	margin-left: 15px;
	list-style: disc;
	}


/*	ご希望・こだわり条件 (#frm10)
	お客様情報 (#frm11)
-------------------------------------------*/
#main #frm11 {
	margin-bottom: 25px;
	}
#main #frm10 th,
#main #frm11 th {
	width: 105px;
	}

#main #frm10 li {
	float: left;
	line-height: 1.7em;
	margin-left: 15px;
	list-style: disc;
	white-space: nowrap
	}
#main #frm10 ul.fltno li {
	float: none;
	line-height: 2em;
	list-style: none;
	margin-left: 0px;
	}

#main #frm10 table,
#main #frm11 table {
	margin-bottom: 15px;
	}
#main #frm10 p,
#main #frm11 p {
	text-align: center;
	font-size: 1.33em;
	font-weight: bold;
	}






/*----------------------------------------------------------
	全てにチェック／チェックをはずす
-----------------------------------------------------------*/
#main div#top_alck {
	margin-bottom: 10px;
	}
#main div#top_alck p {
	margin-bottom: 10px;
	}
#main div#top_alck ul {
	padding-left: 13px;
	height: 17px;
	background: url(../images/arrow_down.gif) left top no-repeat;
	}
	
#main div#btm_alck {
	margin-bottom: 40px;
	}
#main div#btm_alck ul {
	margin-bottom: 8px;
	padding-left: 13px;
	height: 17px;
	background: url(../images/arrow_up.gif) left top no-repeat;
	}
#main div#btm_alck p {
	margin-bottom: 10px;
	}
#main div#btm_alck p.notes {
	font-size: 1.33em;
	line-height: 1.5em;
	padding-left: 23px;
	background: url(../images/notes.gif) 0px 4px no-repeat;
	}
#main div#btm_alck p.notes span {
	font-weight: bold;
	color: #F00;
	}
	
#main div.allcheck li {
	float: left;
	font-size: 1.16em;
	line-height: 1.1em;
	padding: 0px 10px;
	border-right: 1px solid #999;
	}
#main div.allcheck li.none {border: none;}



/*---------------------------------------------------------
	下部のボタンエリア
----------------------------------------------------------*/
#main div#btnbox {
	margin-bottom: 30px;
	}
#main div#btnbox p {
	text-align: center;
	font-size: 1.13em;
	line-height: 1.85em;
	}
#main div#btnbox p.msg01 {
	font-size: 2em;
	font-weight: bold;
	color: #da0202;
	}
#main div#btnbox p.msg02 {
	margin-bottom: 15px;
	}



/* 内容確認画面/上部（情報を送信する）
------------------------------------*/
#main div#btnbox02 {
	margin-top: 20px;
	margin-bottom: 20px;
	}
#main div#btnbox02 p {
	text-align: center;
	}
#main div#btnbox02 p.msg02 {
	font-size: 1.33em;
	line-height: 1.85em;
	margin-bottom: 5px;
	}


/* thanks
-------------------------------- */
#main #asking_area {
	padding: 10px 0px 70px;
}
#main #asking_area #btnbox {
	margin-bottom: 40px;
}
#asking_area .headline01 {
	font-size: 1.33em;
	font-weight: bold;
	line-height: 2.15em;
	padding-left: 25px;
	background: url(/oap/oap_guide/images/index01.gif) left center no-repeat;
}
#asking_area .column_box01 {
	border: 1px solid #c3c3c3;
	padding: 15px 15px 5px;
	font-size: 1.16em;
	line-height: 1.5;
	color: #333333;
	margin-bottom: 20px;
}
#asking_area .list_type01 {
	line-height: 1.5;
	color: #333333;
	margin-top: 10px;
}
#asking_area .list_type01 dt {
	font-weight: bold;
	line-height: 2.15em;
	padding-left: 20px;
	background: url(/oap/oap_guide/images/index02.gif) left center no-repeat;
}
#asking_area .list_type01 dd { margin: 0px 0px 10px 20px;}
#asking_area .search_rapper {
	background-color: #FFDE8F;
	padding: 10px 0px 10px 10px;
}

#next_action {
	padding-top: 30px;
	text-align: left;
	width: 950px;
}
#next_action dl {
	padding-bottom: 20px;
	zoom: 1;
}
#next_action h3 { margin-bottom: 25px;}
#next_action .link_text {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #CCCCCC;
	padding-top: 3px;
}
#next_action .link_text a { font-size: 18px; font-weight: bold;}
#next_action .link_by { padding-top: 3px;}
#next_action .by_ou {
	width: 248px;
	_width: 298px;
	margin-right: 25px;
	float: left;
	background-image: url(https://www.o-uccino.jp/used/views/used/img/by_ou_bk01.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	border: 1px solid #006633;
	padding: 25px 25px 40px;
}
#next_action .by_hp {
	width: 248px;
	_width: 298px;
	margin-right: 25px;
	float: left;
	background-image: url(https://www.o-uccino.jp/used/views/used/img/by_hp_bk01.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	border: 1px solid #006633;
	padding: 25px 25px 40px;
}
#next_action .by_ca {
	width: 248px;
	_width: 298px;
	float: left;
	background-image: url(https://www.o-uccino.jp/used/views/used/img/by_ca_bk01.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	border: 1px solid #006633;
	padding: 25px 25px 40px;
}
#next_action .by_ou,
#next_action .by_hp,
#next_action .by_ca {
	min-height: 140px;
	height: auto !important;
	height: 140px;
	zoom: 1;
}
#next_action .by_ou a,
#next_action .by_hp a,
#next_action .by_ca a {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.8;
}
#next_action dl:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}