@charset "Shift-JIS";

/* 借りたい方への手引き */

/* 共通定義 */
@import 'common.css';

/* トップ
-------------------------------------------------------------- */
div.h1Area{
	width:950px;
	margin-top:15px;
	background:url(/resources/images/guide/rent/bg_h1.gif) repeat-x left top;
}
div.h1Area h1,
div.h1Area img{
	margin:0;
	display:inline;
	vertical-align:middle;
}
#topMainArea{
	width:950px;
}
#topMainArea div.flowChart{
	background:#ebe7de url(/resources/images/guide/rent/bg_flowchart.gif) repeat-x left top;
	padding:41px 0;
}
#topMainArea div.flowChart div.lead{
	font-size:120%;
	letter-spacing:3px;
	line-height:1.4;
}
#topMainArea div.flowChart div.lead h2{
	color:#694432;
	padding:0 30px 0 46px;
	text-indent:-16px;
}
#topMainArea div.flowChart div.lead h2 img{
	vertical-align:middle;
	margin-right:5px;
}
#topMainArea div.flowChart div.lead p{
	padding:10px 30px 0;
}
#topMainArea div.flowChart div.lead p span.fsS{
	font-size:84%;
}
#topMainArea div.flowChart table.chartTbl{
	border-collapse:collapse;
	border:none;
}
#topMainArea div.flowChart table.chartTbl th,
#topMainArea div.flowChart table.chartTbl td{
	padding:0 !important;
}
#topMainArea div.flowChart table.chartTbl thead th{
	width:203px;
}
#topMainArea div.flowChart table.chartTbl thead td{
	width:25px;
	text-align:center;
	vertical-align:middle;
}
#topMainArea div.flowChart table.chartTbl tbody td{
	background-color:#fff;
	vertical-align:top;
}
#topMainArea div.flowChart table.chartTbl tbody td.sp,
#topMainArea div.flowChart table.chartTbl tbody tr.btn td.sp{
	background:none;
	padding:0 !important;
}
#topMainArea div.flowChart table.chartTbl tbody td ul{
	padding:0 0 0 15px;
	width:173px;
}
#topMainArea div.flowChart table.chartTbl tbody td ul li{
	background:url(/resources/images/guide/rent/icn_circle.gif) no-repeat 0 0.2em;
	padding-left:17px;
	color:#694432;
	padding-bottom:3px;
}
#topMainArea div.flowChart table.chartTbl tbody tr.btn td{
	background:#fff url(/resources/images/guide/step_bg_btm.gif) no-repeat left bottom;
	padding:0 15px 15px !important;
}
#topMainArea div.flowChart table.chartTbl tbody td.rangai{
	background:url(/resources/images/guide/step_rangai_bg.gif) repeat-y;
}
#topMainArea div.flowChart table.chartTbl tbody tr.btn td.rangai{
	background:#fff url(/resources/images/guide/step_rangai_bg_btm.gif) no-repeat left bottom;
}
#topMainArea div.flowChart table.chartTbl tbody tr.btn td img{
	display:block;
}







/* 下層
-------------------------------------------------------------- */

#mainArea div.tabBox p.h1Lead{
	font-size:120%;
	line-height:1.6;
	margin-bottom:25px;
}
#mainArea div.tabBox div.block p.h2Lead{
	font-size:120%;
	line-height:1.4;
}
#mainArea div.tabBox div.block h3{
	margin:25px 0 0 0;
	border-bottom:solid 3px #8097c7;
}
#mainArea div.tabBox div.block h3.h3Txt{
	margin:25px 0 0 0;
	color:#764026;
	border-bottom:none;
}


#mainArea ul.dotList li{
	font-size:120%;
	line-height:1.4;
	background:url(/resources/images/guide/rent/icn_circle.gif) no-repeat 0 0.4em;
	padding-left:15px;
	margin-top:5px;
}
#mainArea ul.dotList li span.fsS{
	font-size:83%;
}

#mainArea ul.dotList2{
	margin-left:-26px;
}
#mainArea ul.dotList2 li{
	width:313px;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align:top;
}
#mainArea ul.dotList2 li > div{
	width:313px;
	display:block;
}
#mainArea ul.dotList2 li p{
	margin-left:26px;
	font-size:120%;
	line-height:1.4;
	margin-top:5px;
	background:url(/resources/images/guide/rent/icn_circle.gif) no-repeat 0 0.4em;
	padding-left:15px;
}
#mainArea ul.dotList li span.fsS{
	font-size:83%;
}

#mainArea div.tabBox div.block ul.dotList2{
	margin-left:-20px;
}
#mainArea div.tabBox div.block ul.dotList2 li{
	width:290px;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align:top;
}
#mainArea div.tabBox div.block ul.dotList2 li > div{
	width:290px;
	display:block;
}
#mainArea div.tabBox div.block ul.dotList2 li p{
	margin-left:20px;
	font-size:120%;
	line-height:1.4;
	margin-top:5px;
	background:url(/resources/images/guide/rent/icn_circle.gif) no-repeat 0 0.4em;
	padding-left:15px;
}

#mainArea div.tabBox div.block ol.numList li{
	font-size:120%;
	margin-top:10px;
}
#mainArea div.tabBox div.block ol.numList li p{
	font-size:90%;
	margin:5px 0 0 10px;
}


#mainArea div.tabBox div.block div.cateColorBox{
	background-color:#e1edd0;
	border:solid 1px #d4e7b9;
	padding:5px;
}
#mainArea div.tabBox div.block div.cateColorBox div.cateColorBoxC{
	border:dashed 1px #8dbd4e;
	padding:15px;
}
#mainArea div.tabBox div.block div.cateColorBox h3{
	border:none;
	margin:0;
	padding:0;
}
#mainArea div.tabBox div.block div.cateColorBox div.pad{
	padding:15px 0 0 15px;
}
#mainArea div.tabBox div.block div.cateColorBox div.pad em{
	color:#764026;
}

/* ---------- table.hyou04 ---------- */
#mainArea table.hyou04{
	background-color:#f3f0eb;
	border-collapse:separate;
	border:1px solid #e9e5db;
}
#mainArea table.hyou04 th,
#mainArea table.hyou04 td{
	border:solid 1px #dfdbd1;
	padding:10px 10px 10px 20px;
	background:#f3f0eb url("/resources/images/guide/baikyaku/04/sep_vertical.gif") repeat-y left top;
	border-top:10px solid #f3f0eb;
	border-bottom:10px solid #f3f0eb;
	border-left:none;
	border-right:none;
}
#mainArea table.hyou04 thead th,
#mainArea table.hyou04 thead td{
	background-color:#daeff3;
	color:#4da4aa;
	text-align:center;
	vertical-align:middle;
	border:none;
}
#mainArea table.hyou04 tbody th{
	background-color:#fdf1e1;
	color:#764026;
	text-align:center;
	vertical-align:middle;
}
#mainArea table.hyou04 tbody td{
	background-color:transparent;
	color:#694432;
	text-align:left;
	vertical-align:top;
}
#mainArea table.hyou04 th.firstChild,
#mainArea table.hyou04 td.firstChild{
	background:none;
	padding-left:10px;
}
/* ---------- / table.hyou04 ---------- */