@charset "utf-8";
/* CSS Document */


/*---------------
 base reset
-----------------*/

body {
	margin: 0px;
	padding: 0px;
	color: #333333;
	font:14px/1.6 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","MS P Gothic", sans-serif;
	*font-size:small; /* IE 7 */
	*font:x-small; /* IE 6以下 */
	background:url(../img/back.gif) repeat;
	}
	
html { overflow-y: scroll; }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,th,td,img{margin:0;padding:0;}

li{list-style:none;}

img { border:0px; }

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
h1{ margin:3px;}



h4{ font-size:140%; line-height:180%; font-weight:bold;}


/*---------------
 layout
-----------------*/

#wrap { margin:0 auto; padding:0 0 10px 0; width:760px; background:url(../img/head_back.gif) no-repeat center top #FFFFFF; min-height:100%;}

/*------------------
	header
--------------------*/

#head {	width:720px; height:105px; margin:0px auto;}
#head_menu{ width:auto; margin:0px 3px 7px 0; padding:0px; height:22px;}
* html #head_menu{ width:auto; margin:0px 3px 1px 0; padding:0px; height:22px;}
#head_menu ul{ float:right; margin:0; padding:0; height:22px;}
#head_menu li{ float:left; margin:0; padding:0; height:22px;}
*html ul#Gnavi li img{ vertical-align:bottom;}


/*------------------
	G-navi
--------------------*/

ul#Gnavi {	display:block; margin:0px auto; padding:0px; width:716px; height:23px;}
ul#Gnavi li { width:119px; height:23px; float:left; list-style:none; margin:0px; padding:0px;}
*html ul#Gnavi li img{ vertical-align:bottom;}


/*************
	contents
*************/

.title{ width:auto; margin:40px auto 10px;}


.stipulation{ width:720px; height:33px; margin:40px auto 10px; background:url(../../img/line_blue.gif) no-repeat bottom;}
.title_s{ width:auto; float:left; padding-bottom:5px;}
.down_l{ width:200px; height:20px; float:right; padding-top:3px;}

#main_image{ margin:1.5em auto; background:url(../../img/main_img.jpg) no-repeat center; width:720px; height:565px; position:relative;}
.top_entry_btn{ position:absolute; right:40px; bottom:24px;}
.entry_btn{ width:720px; text-align:center; margin:15px auto 20px;}

:root #main_contents{ width:720px; margin:45px auto 0;}
#main_contents{ width:720px; margin:30px auto 0;}

:root #inner_contents{ width:720px; margin:45px auto 0; font-size:80%;}
#inner_contents{ width:720px; margin:30px auto 0; font-size:80%;}
#inner_contents p{ margin:0.2em auto 1em;}


/********* contents01 *****************/

.contents_01{ width:720px; background:url(../../img/contents_01_back.jpg) no-repeat center; height:410px;}
.contents_01 .left_column{ width:280px; float:left; margin-left:10px; display:inline;}

.contents_01 .ul_left{ width:250px; margin-left:14px;  margin-top:40px; font-size:80%;}
.contents_01 .ul_left li{ width:175px;}
.contents_01 .ul_left li.li_01{ height:120px}
.contents_01 .ul_left li.li_02{ height:60px; margin-top:52px;}
.contents_01 .ul_left li.li_03{ height:60px; margin-top:40px;}

.contents_01 .right_column{ width:280px; float:right; margin-right:10px; position:relative; font-size:80%; display:inline;}
.contents_01 .landlord{ width:170px; position:absolute; top:150px; left:105px;}
.contents_01 .outsider{ width:160px; position:absolute; top:290px; left:-25px;}

/********* contents02 *****************/

.contents_02{ width:720px; height:330px; font-size:80%; line-height:140%;}
.contents_02 .left_column{ width:350px; float:left;}
.contents_02 .right_column{ width:350px; float:right;}
.contents_02 dl{ background:url(../../img/contents_02_back.jpg) no-repeat left; width:355px; height:95px; margin-bottom:10px;}
.contents_02 dt{ width:240px; float:left; margin-left:8px; margin-top:7px; font-weight:bold;}
.contents_02 dd{ width:90px; float:right;}
.contents_02 dl p{ font-weight:normal;}

/********* contents03 *****************/

.contents_03{ width:720px; background:url(../../img/contents_03_back.jpg) no-repeat center; height:530px; font-size:80%; position:relative; font-weight:bold;}
.contents_03 ul{ width:650px; margin:auto;}
.contents_03 ul li{ width:140px; float:left; margin-right:23px; margin-top:220px;}
.contents_03 ul li.last{ width:135px; margin-right:0; margin-left:22px;}

.contents_03 .landlord{ width:150px; position:relative; top:85px; left:200px;}
.contents_03 .outsider{ width:150px; position:absolute; top:460px; left:200px;}
.contents_03 .other01{ width:142px; position:absolute; top:460px; left:375px;}
.contents_03 .other02{ width:142px; position:absolute; top:460px; left:550px;}

/********* contents04 *****************/

.contents_04{ width:720px; background:url(../../img/contents_04_back.jpg) no-repeat center; height:250px; font-size:80%; font-weight:bold;}
.contents_04 .merit{ width:690px; margin: auto}
.contents_04 .share{ width:240px; float:left; margin-top:60px;}
.contents_04 .special{ width:400px; float:right; margin-top:60px;}
.contents_04 .payment{ width:690px; margin:70px auto 0;}
.contents_04 .payment ol{ list-style-type:decimal;}
.contents_04 .payment ol li{ margin-right:30px; float:left; }
.contents_04 p{ font-weight:normal;}

/********* contents05 *****************/

.contents_05{ width:696px; background:url(../../img/contents_05_back.jpg) no-repeat center; height:950px; padding:12px; font-size:80%;}
:root h5{ font-weight:bold; font-size:107%; margin-top:8px;}
h5{ font-weight:bold; font-size:110%; margin-top:8px;}
:root .contents_05 p{ line-height:142%;}
.contents_05 p{ line-height:155%;}


/********* payment 05 *****************/

.payment{ width:650px; margin:auto;}
.payment p{ margin:0; padding:0;}

/********* table plan *****************/

table.plan{ font-size:80%; line-height:130%; border:#999999 2px solid;}
table.plan th{ border-right:#FFFFFF 1px solid; border-bottom:#FFFFFF 1px solid;}
table.plan td{ text-align:center; border-bottom:#666666 1px solid;}
table.plan td.head_row{ width:29px; border-right:#FFFFFF 1px solid; border-bottom:#FFFFFF 1px solid; background:#8BAEDD;}
table.plan td.plan_cause{ width:100px; border-right:#FFFFFF 1px solid; border-bottom:#FFFFFF 1px solid;}
table.plan table.plan_liability td.r_last{border-bottom:none;}
table.plan table.plan_liability td.c_last{border-right:none;}
table.plan table.plan_liability td{ border-right:#CCCCCC 1px solid; border-bottom:#CCCCCC 1px solid; height:21px;}
table.plan .r_last{border-bottom:none;}
table.plan .c_last{border-right:none;}

/*
table.plan{ font-size:80%; line-height:130%; border:#999999 2px solid;}
table.plan td{ text-align:center;}
table.plan td.head_row{ width:30px;}
table.plan td.plan_cause{ width:100px;}
table.plan td.plan_text{ background:url(../../img/plan/table_border_back.gif) repeat-x bottom left; width:586px;}
table.plan table.plan_liability td.r_last{border-bottom:none;}
table.plan table.plan_liability td.c_last{border-right:none;}
table.plan table.plan_liability td{ border-right:#cccccc 2px solid; border-bottom:#cccccc 2px solid; height:21px;}
*/

/********* table estimation *****************/


table.estimation{ width:720px; font-size:77%; line-height:130%; border:#999999 2px solid;}
table.estimation tr.head_row{ height:40px; background:#0073BD;}
table.estimation th{ border-right:#FFFFFF 1px solid; border-bottom:#FFFFFF 1px solid;}
table.estimation th.head{ width:158px;}
table.estimation td{ text-align:center; border-right:#666666 1px solid; border-bottom:#666666 1px solid;}
table.estimation td.white{ text-align:center; border-right:#FFFFFF 1px solid; border-bottom:#FFFFFF 1px solid; background:#D4DFF1; }
table.estimation .r_last{border-bottom:none;}
table.estimation .c_last{border-right:none;}


/*
table.estimation{ font-size:77%; line-height:130%; border:#999999 2px solid; border-collapse:collapse;}
table.estimation th{ width:158px;}
table.estimation td{ text-align:center;}
table.estimation td.h_row_l{ width:57px;}
table.estimation td.h_row_r{ width:101px;}
table.estimation td.estimation_text_bottom{ background:url(../../img/estimation/table_border_back.gif) repeat-x bottom left; border-right:#CCCCCC 2px solid;}
table.estimation td.estimation_text{ background:url(../../img/estimation/table_border_back_02.gif) repeat-x bottom left;border-right:#CCCCCC 2px solid;}
table.estimation td.r_last{border-bottom:none; border-right:#CCCCCC 2px solid;}
table.estimation td.c_last{border-right:none;}
*/
/********* table about *****************/

table.about{ font-size:80%; line-height:130%; border-collapse:collapse;}
table.about th{ vertical-align:top; border-left:#FFFFFF 1px solid; border-right:#FFFFFF 1px solid; background:#7DA8DA;}
table.about td{ vertical-align:top; border:#FFFFFF 1px solid; padding:2px 2px 0 2px;}
table.about td.blue{ background:#C7EAFB;}
table.about td.light_blue{ background:#EAF6FD;}
table.about td.beige{ background:#F5F2E8;}

table.compensation{ width:720px; font-size:80%; line-height:120%; border-collapse:collapse;}
table.compensation th{ vertical-align:top; background:#7DA7D8; border-bottom:#FFFFFF 1px solid; border-right:#FFFFFF 1px solid; }
table.compensation th.th_bottom{ vertical-align:top; background:#FFFFFF;}
table.compensation td{ vertical-align:top;}
table.compensation td.blue{ background:#C7EAFB; border-left:#FFFFFF 1px solid;border-bottom:#FFFFFF 1px solid; }
table.compensation td.light_blue{ background:#EAF6FD; border-left:#FFFFFF 1px solid; border-bottom:#FFFFFF 1px solid;}
table.compensation td.beige{ background:#F5F2E8;}

table.compensation td.compensation_text{ border-bottom:#CCCCCC 1px solid; border-right:#CCCCCC 1px solid; text-align:center; vertical-align:middle;}
table.compensation td.compensation_text_bot{ border-bottom:#CCCCCC 1px dashed;border-right:#CCCCCC 1px solid; text-align:center; vertical-align:middle;}

td.nowrap{ white-space: nowrap;}


/********* inner_contents plan *****************/

ul.payment_plan{ width:720px; margin:40px auto;}
ul.payment_plan li{ width:200px; float:left; margin-bottom:40px;}
ul.payment_plan li.center{ margin:auto 60px;}



#rules{ width:720px;}
#rules iframe{ width:720px; height:500px;}



/********* footer mawari *****************/

#info{ width:720px; margin:20px auto; padding-top:10px;}
#info p{ font-size:120%; color:#333333; font-weight:bold; line-height:130%; text-indent:5px;}
.inq{ width:350px; height:auto; float:left;}
.receipt{ width:350px; height:auto; float:right;}

.pagetop{ width:720px; text-align:right; margin:30px auto;}

p.explanation{ font-size:87%; margin-bottom:0.5em; font-weight:normal;}
p.explanation_b{ font-size:87%; margin-bottom:0.5em; font-weight:bold}
p.notes{ font-size:77%; margin-top:0.5em; font-weight:normal;}
p.notes_r{ font-size:77%; margin-top:0.5em; text-align:right; font-weight:normal;}

form{ text-align:center; margin:30px auto; font-size:90%;}

/*------------------
	footer
--------------------*/

#foot{ width:720px; margin:auto; font-size:77%; color:#666666;}

address { font-style:normal; padding:30px 0 5px 5px; border-top:#999999 1px solid; border-bottom:#999999 1px solid;
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","MS P Gothic", sans-serif;}


ul#foot_menu{ width:auto; height:23px; margin:5px auto;}
ul#foot_menu li{ float:left; height:23px;}


#copy{ padding-left:5px;}



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

float

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

#head:after,
#head_menu:after,
ul#Gnavi:after,
#info:after,
ul#foot_menu:after,
.stipulation:after,
.contents_01:after,
.contents_02:after,
.contents_02 dl:after,
.contents_03 ul:after,
.merit:after,
.payment ol:after,
ul.payment_plan:after

{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
} /*IE7以外のモダンブラウザ向け*/

#head,
#head_menu,
ul#Gnavi,
#info,
ul#foot_menu,
.stipulation,
.contents_01,
.contents_02,
.contents_02 dl,
.contents_03 ul,
.merit,
.payment ol,
ul.payment_plan


{display:inline-block;} /*IE7およびMacIE5向け*/


* html #head,
* html #head_menu,
* html ul#Gnavi,
* html #info,
* html ul#foot_menu,
* html .stipulation,
* html .contents_01,
* html .contents_02,
* html .contents_02 dl,
* html .contents_03 ul,
* html .merit,
* html .payment ol,
* html ul.payment_plan



{height:1%;}

#head,
#head_menu,
ul#Gnavi,
#info,
ul#foot_menu,
.stipulation,
.contents_01,
.contents_02,
.contents_02 dl,
.contents_03 ul,
.merit,
.payment ol,
ul.payment_plan

{display:block;}

/*End hide from IE-mac*/ /*IE6以前向け*/

/*
#head,
#head_menu,
ul#Gnavi,
#info,
ul#foot_menu,
.stipulation,
.contents_01,
.contents_02,
.contents_02 dl,
.contents_03 ul,
.merit,
.payment ol,
ul.payment_plan

{overflow:hidden;}
/*DWデザインビュー向け　公開時には削除*/