﻿/*---base---*/

body{
font-family:Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-weight:normal;
font-style:normal;
font-size:75%;
line-height:140%;
text-align: center;
color:#666666;
background-color:#FFFFFF;
}

*{
margin:0px;
padding:0px;
}

h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:lighter;
}

img{
border-width: 0px;
border-style: none;
vertical-align:top;
}

table {
font-size:100%;
line-height:140%;
}


#wrapper{
margin:0px auto;
width:780px;
text-align:left;
}

#header{
width:780px;
height:62px;
float:left;
border-top: solid 3px #1b4da0;
}

#header h1{
font-size:12px;
margin-top:4px;
display: inline;
}

#head_navi {
width:206px;
float:right;
display: inline;
overflow:hidden;
}


#header ul {
float:right;
list-style-type:none;
margin-top:0px;
}

#header ul li {
background-image:url(orange.jpg);
background-repeat:no-repeat;
background-position:left;
float:left;
line-height:15px;
text-indent:12px;
margin-right:3px;
font-size:12;
}

#header ul li a {
color:#666666;
}

#header ul li a:hover {
color:#999999;
}

#header form{
width:200px;
height:24px;
background-repeat:no-repeat;
float:right;
margin-top:0px;
display: inline;
}

#header input.words{
width:150px;
height:16px;
float:left;
vertical-align:middle;
margin:0px 0 0 8px;
}

#header input.btn{
float:left;
margin:0px 0px 0px 1px;
vertical-align:middle;
}

.logo {
float:left;
margin-left:5px;
margin-top:8px;
}

#main{
width:780px;
float:left;
}


a:link,a:visited {
color:#666666;
text-decoration:none;
}

a:active,a:hover {
color:#3668FF;
text-decoration:underline;
}

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

#contents {
width:600px;
float:right;
}

.section{
width:600px;
float:left;
}

/*---navi---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*↓縦0px*/
#mainnavi {
width:780px;
float:left;
}

#mainnavi a {
float:left;
width:193px;
height:28px;
float:left;
list-style-type:none;
display:inline;
color:#023894;
}

#mainnavi .navi1 {
float:left;
width:194px;
height:32px;
background-color:rgb(255,255,255);
text-align:center;
font:bold 16px ＭＳ ゴシック;
display:inline;
min-height: 32px;
line-height: 32px;
border:solid 1px #1b4da0;
border-style: solid none solid solid;
/* border-radius: 6px 0px 0px 0px / 6px 0px 0px 0px; */
}

#mainnavi .navi1:hover {
text-decoration:none;
background-image:url(navi1_o.png);
}

#mainnavi .navi1.current1 {
border-style: solid none none solid;
text-decoration: underline;
}


#mainnavi .navi2 {
float:left;
width:194px;
height:32px;
text-align:center;
font:bold 16px ＭＳ ゴシック;
display:inline;
min-height: 32px;
line-height: 32px;
border:solid 1px #1b4da0;
border-style: solid none solid solid;
}

#mainnavi .navi2:hover {
background-color:#F4FFFF;
text-decoration:none;
background-image:url(navi1_o.png);
}

#mainnavi .navi2.current2 {
border-style: solid none none solid;
text-decoration: underline;
}


#mainnavi .navi3 {
float:left;
width:194px;
height:32px;
/* text-indent:-9999px; */
text-align:center;
font:bold 16px ＭＳ ゴシック;
display:inline;
min-height: 32px;
line-height: 32px;
border:solid 1px #1b4da0;
/*background-image:url(navi1.png);*/
border-style: solid none solid solid;
}

#mainnavi .navi3:hover {
text-decoration:none;
background-image:url(navi1_o.png);
}

#mainnavi .navi3.current3  {
border-style: solid none none solid;
text-decoration: underline;
}


#mainnavi .navi4  {
float:left;
width:193px;
height:32px;
background-color:rgb(255,255,255);
/* text-indent:-9999px; */
text-align:center;
font:bold 16px ＭＳ ゴシック;
display:inline;
min-height: 32px;
line-height: 32px;
border:solid 1px #1b4da0;
/* border-radius: 0px 6px 0px 0px / 0px 6px 0px 0px; */
}

#mainnavi .navi4:hover {
text-decoration:none;
background-image:url(navi1_o.png);
}

#mainnavi .navi4.current4  {
border-style: solid none none solid;
text-decoration: underline;
}


#subnavi {
width:150px;
display:inline;
float:left;
border:solid 1px #999999;
border-radius: 6px 6px 6px 6px / 6px 6px 6px 6px;
overflow:hidden;
}

#subnavi_title {
}

#subnavi_title a{
width:150px;
display:block;
float:left;
height:36px;
background-color:#FFFFFF;
border-left: solid 5px #AAAAAA;
border-bottom: dotted 1px #AAAAAA;
min-height: 36px;
line-height: 36px;
text-indent:8px;
}

#subnavi_title a:hover {
background-color:#F4FFFF;
border-left: solid 5px #4169E1;
text-decoration:none;
}

#subnavi_title.current a {
}


#subnavi ul {
display:inline;
}


#subnavi li {
list-style-type:none;
}


#subnavi li a{
display:block;
height:36px;
float:left;
width:150px;
border-left: solid 5px #FFFFFF;
min-height: 36px;
line-height: 36px;
text-indent:8px;
}

#subnavi ul li a:hover{
background-color:#F4FFFF;
border-left: solid 5px #4169E1;
text-decoration:none;
}

#subnavi ul li.current a{
background-color:#F4FFFF;
border-left: solid 5px #4169E1;
}

#subnavi ul ul li a {
width:150px;
display:block;
height:36px;
border-left: solid 5px #FFFFFF;
min-height: 36px;
line-height: 36px;
text-indent:8px;
}

#subnavi ul li.current ul li a:hover{
background-color:#F4FFFF;
border-left: solid 5px #4169E1;
text-decoration:none;
}

#subnavi ul li.current ul li.current a{
background-color:#F4FFFF;
border-left: solid 5px #4169E1;
}

#subnavi ul li.current ul li a{
margin-left:5px;
display:block;
width:150px;
height:36px;
float:left;
border: none;
background-color:#FFFFFF;
border-left: solid 5px #FFFFFF;
min-height: 36px;
line-height: 36px;
text-indent:8px;
}








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

#footer{
width:780px;
height:40px;
text-align:center;
float:left;
/* background-image:url(foot.jpg); */
/* background-repeat:no-repeat; */
/* background-position:center top; */
background-color:#FFFFFF;
color:#000000;
margin-top:10px;
border-top: solid 2px #1b4da0;
}

#footer ul{
width:780px;
float:left;
list-style-type:none;
margin-left:10px;
}

#footer ul li {
float:left;
margin-top:5px;
}

#footer ul li a {
}

#footer ul li a:hover {
}

address {
font-size: 80%;
font-style: normal;
}


#footer ul.navi {
float:left;
list-style-type:none;
margin-top:10px;
}

#footer ul.navi li {
background-image:url(orange.jpg);
background-repeat:no-repeat;
background-position:left;
float:left;
line-height:18px;
text-indent:10px;
font-size:80%;
margin-right:10px;
}


/*--top---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*↓縦14px*/
#top_main {
width:780px;
height:384px;
float:left;
}

#top_cont {
width:780px;
float:left;
margin-bottom:14px;
}

.top_cont:hover{
text-decoration:none;
}


/*ニュースリリース*/

.news {
vertical-align:top;
margin: 0px 0px 20px 0px;
border:solid 1px #BBBBBB;
border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.news-h{
color:RGB(56,99,255);
font: bold 18px "ＭＳ ゴシック";
width:570px;
height:24px;
line-height:24px;
margin:0 0 10px 0;
padding:0 0 0px 8px;
border-bottom: dashed 2px #BBBBBB;
}

.roll {
	width:570px;
        min-height:56px;
	overflow:auto;
	font-size:13px;
	color:#666666;
	float:left;
	}

.top_list{
float:right;
width:180px;
}

.top_list ul{
list-style-type:none;
padding-top:10px;
}

.top_list ul li{
margin-bottom:10px;
}


/*--sitemap---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.sitemap {
list-style-type:none;
}

ul.sitemap li{
background-repeat:no-repeat;
background-image:url(sub4.jpg);
background-position:left top;
font-weight:bold;
text-indent:20px;
line-height:18px;
font-size:100%;
color:#666666;
list-style-type:none;
}

ul.sitemap ul ul li{
margin:0 0 15px 30px;
list-style-type:none;
background-image:none;
}

ul.sitemap ul li{
margin:0 0 15px 30px;
list-style-type:none;
background-image:none;
}


/*general-purpose*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.sub1 {
border-bottom:solid 3px #ff9933;
color:#888888;
font-size:24px;
hight:32px;
line-height:32px;
}


.sub2{
color:#184B90;
font: bold 17px "ＭＳ ゴシック";
width:610px;
height:18px;
margin:0 0 0 0;
padding:0 0 0px 2px;
letter-spacing:-3px;
border-left: solid 4px RGB(56,99,255);
border-bottom: dotted 1px RGB(204,204,204);
}

.sub3 {
}

#main .sub3 a {
margin:3px 0 3px 0;
width:136px;
height:24px;
border: solid 1px RGB(204,204,204);
font-weight:normal;
text-align:center;
line-height:20px;
font-size:100%;
display:block;
color:#777777;
}

#main .sub3 a:hover {
background-color:#F4FFFF;
}


.sub4 {
background-repeat:no-repeat;
background-image:url(sub4.jpg);
background-position:left top;
font-weight:bold;
text-indent:20px;
line-height:18px;
font-size:100%;
color:#666666;
}

.atokara {
font-size: 12px;
line-height:14px;
}

.sub5 {
border-bottom:solid 3px #ff9933;
color:#888888;
font-size:24px;
hight:26px;
text-indent:3px;
line-height:26px;
}


*html .sub5 {
background-repeat:no-repeat;
background-image:url(sub1.png);
background-position:left top;
font-weight:bold;
line-height:140%;
font-size:150%;
width:590px;
height:65px;
color:#ffffff;
font-weight:bold;
}


.sub6 {
background-repeat:no-repeat;
background-image:url(sub4.jpg);
background-position:left top;
font-weight:bold;
text-indent:20px;
line-height:18px;
font-size:100%;
width:160px;
color:#666666;
}

.sub7 {
background-repeat:no-repeat;
background-image:url(sub4.jpg);
background-position:left top;
font-weight:bold;
padding-left:20px;
line-height:18px;
font-size:100%;
width:180px;
color:#666666;
}

.sub7-2 {
width:160px;
float:left;
background-repeat:no-repeat;
background-image:url(sub4.jpg);
background-position:left top;
font-weight:bold;
padding-left:20px;
font-size:100%;
color:#666666;
}

.sub8 {
background-repeat:no-repeat;
background-image:url(sub4.jpg);
background-position:left top;
font-weight:bold;
padding-left:20px;
line-height:18px;
font-size:100%;
color:#666666;
}

.sub9 {
background-repeat:no-repeat;
background-image:url(sub4.jpg);
background-position:left top;
font-weight:bold;
padding-left:20px;
line-height:18px;
font-size:100%;
width:180px;
color:#666666;
}

.sub10 {
border-bottom:solid 3px #1E90FF;
color:#888888;
font-size:24px;
hight:26px;
line-height:26px;
}

.sub11 {
background-repeat:no-repeat;
background-image:url(sub4.jpg);
background-position:left top;
font-weight:bold;
padding-left:20px;
line-height:18px;
font-size:100%;
margin-bottom:12px;
color:#666666;
}


.sub12 {
background-repeat:no-repeat;
background-image:url(sub4.jpg);
background-position:left top;
font-weight:bold;
padding-left:20px;
line-height:18px;
font-size:100%;
width:350px;
color:#666666;
}

/*contact*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#contact_form {
width:590px;
float:left;
}

#contact_form dl{
width:590px;
border-bottom:1px dotted #99cccc;
float:left;
padding:10px 0;
line-height:220%;
}

#contact_form dt{
width:180px;
float:left;
}

#contact_form dt span{
font-weight:bold;
color:#CC0000;
}

#contact_form dd{
width:360px;
float:left;
}

#contact_form dd p{
float:left;
margin:0 10px 0 0;
}

#contact_form dd ul{
width:360px;
float:left;
list-style-type:none;
}

#contact_form dd li{
width:360px;
float:left;
}

#contact_form dd li p{
width:80px;
float:left;
margin:0px;
}

#contact_form dd li input{
margin:5px 0 0 0;
float:left;
}

#contact_form dd ul#privacy{
width:360px;
height:200px;
overflow:auto;
float:left;
list-style-type:none;
margin:0 0 0px 0;
background-color:#f6f6f6;
}

#contact_form dd ul#privacy li{
width:340px;
margin:0 0 0px 0;
float:left;
line-height:140%;
}

#contact_button {
width:590px;
float:left;
margin:10px 0 25px 0;
}

#contact_button input{
width:180px;
margin:0 0 0 180px;
}

#contact_box01 {
width:590px;
float:left;
}

#contact_box01 dt{
width:260px;
text-align:right;
float:right;
}

#contact_box01 dd{
width:330px;
float:left;
}

#contact_box01 dd ul{
margin:0 0 20px 0;
list-style-type:none;
}

#contact_box01 dd li{
background-image:url(../icon05.jpg);
background-repeat:no-repeat;
background-position:0 50%;
text-indent:20px;
color:#FE9900;
font-weight:bold;
letter-spacing:2px;
}

#contact_tel{
margin:20px 120px 30px 0;
text-align:right;
}

/*各ページのＣＳＳをページごとに区切って下記に記述していってください*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.photo {
float:right;
margin-left:10px;
display:inline;
}

.photo2 {
margin-right:10px; float:left}

.contents {
margin-top:12px;
}

.m2 {
margin-bottom:12px;
padding-left:10px;
}

.m3 {
margin-bottom:12px;
padding-left:20px;
font-size:80%;
height:70px;
}

.m3-2 {
width:160px;
float:left;
margin-bottom:12px;
padding-left:20px;
font-size:80%;
}

.m4 {
margin-bottom:12px;
font-size:80%;
text-align:right;
margin:0 10px 0 0;
display:inline;
float:right;
width:200px;
}

.m5 {
margin-bottom:12px;
padding-left:10px;
}

.m6 {
margin-bottom:12px;
padding-left:20px;
font-size:100%;
}

.m7 {
margin-bottom:12px;
font-size:80%;
text-align:right;
margin:0 5px 0 0;
float:right;
width:500px;
}

table.tab{
border-collapse:collapse;
border:1px solid #cccccc;
width:360px;
}
	
table.tab td{
border:1px solid #cccccc;
padding:5px;
text-align:left;
}

table.tab th{
border:1px solid #cccccc;
padding:5px;
background-color:#f3f3f3;
text-align:left;
}


table.tab2{
border-collapse:collapse;
border:1px solid #cccccc;
}
	
table.tab2 td{
border:1px solid #cccccc;
padding:5px;
text-align:left;
}

table.tab2 th{
border:1px solid #cccccc;
padding:5px;
background-color:#f3f3f3;
text-align:left;
}

table.notab{
border-collapse:collapse;
border:none;
}
	
table.notab td{
border:none;
padding:5px;
text-align:left;
}

table.notab th{
border:none;
padding:5px;
background-color:#f3f3f3;
text-align:left;
}

ul.orange li {
background-image:url(orange.jpg);
background-repeat:no-repeat;
background-position:left;
line-height:18px;
text-indent:10px;
list-style-type:none;
margin-left:20px;
}

ul.orange3 li {
background-image:url(orange.jpg);
background-repeat:no-repeat;
background-position:left top;
line-height:18px;
padding-left:10px;
list-style-type:none;
margin-left:20px;
}

.red {color: #CC0000}

#locator {
float:left;
text-align:left;
width:780px;
height:30px;
line-height:30px;
margin-bottom:5px;
}

#locator a{
color:#666666;
}

#locator a:hover{
color:#999999;
}

.orange2 {
background-image:url(orange.jpg);
background-repeat:no-repeat;
background-position:0% 50%;
line-height:18px;
padding-left:10px;
}

.deve {
border:1px solid #999999;
padding:5px;
}


a:link img,a:visited img{
filter:Alpha(opacity=100);
-moz-opacity:1.00;
opacity:1.00;
}

a:hover img,a:active img{
filter:Alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;
}

*html .rec {
float:left;
}


.cc01{
float:left;
width:258px;
height:100px;
display:block;
border-left: solid 1px #AAAAAA;
border-bottom: solid 1px #AAAAAA;
overflow:hidden;
}
.cc01:hover{
background-color:#F4FFFF;
}

.cc03{
float:left;
width:260px;
height:100px;
display:block;
border-right: solid 1px #AAAAAA;
border-left: solid 1px #AAAAAA;
border-bottom: solid 1px #AAAAAA;
overflow:hidden;
}
.cc03:hover{
background-color:#F4FFFF;
}

.cc04{
float:left;
width:258px;
height:100px;
display:block;
border-left: solid 1px #AAAAAA;
border-bottom: solid 1px #AAAAAA;
border-radius: 0px 0px 0px 6px / 0px 0px 0px 6px;
overflow:hidden;
}
.cc04:hover{
background-color:#F4FFFF;
}

.cc06{
float:left;
width:260px;
height:100px;
padding:0px 0px 0px 0px;
display:block;
border-right: solid 1px #AAAAAA;
border-left: solid 1px #AAAAAA;
border-bottom: solid 1px #AAAAAA;
border-radius: 0px 0px 6px 0px / 0px 0px 6px 0px;
overflow:hidden;
}
.cc06:hover{
background-color:#F4FFFF;
}


*html .cc01 {
float:left;
margin:0 -4px -2px 0;
display:inline;
width:250px;
}

.ccc01 {
float:left;
margin:0 0px 8px 0;
display:inline;
}

*html .ccc01 {
float:left;
margin:0 0px 4px 0;
display:inline;
}

.c01 {
float:left;
width:253px;
min-height:100px;
display:block;
}



*:first-child+html .c01 {
float:left;
background-image:url(c_back.jpg);
background-repeat:repeat-y;
width:253px;
height:100px;
}

.c_flt {
float:left;
}

*html .c_flt2 {
float:left;
margin-left:-3px;
}

.lond {
float:right;
font-size:8px;
margin:0px 0 0 0px;
display:inline;
line-height:140%;
width:170px;
margin:0px 0px 0px 2px;
}


*:first-child+html .c7 {
float:left;
margin-top:-10px;
}

.c7 {

}

*html .c7 {

}

/*.long ul{
padding-left:20px;
list-style-type:none;
width:350px;
margin-top:10px;
}

.long ul li {
margin-right:20px;
}*/

/*test*/
.long ul{
padding-left:20px;
list-style-type:none;
width:500px;
margin-top:10px;
}

.long ul li {
margin-right:20px;
width:150px;
float:left;
}


/*lease*/

.lease-box {
width:280px;
float:left;
}

/*  topページ新メニュー  */

.sh1 {
float:left;
width:160px
font-size:13px;
margin:3px 0px 0 0px;
display:inline;
text-align:left;
font:bold 15px ＭＳ ゴシック;
letter-spacing:-4px;
text-align:left;
line-height:18px;
}

.sh2 {
float:left;
font-size:12px;
margin:0px 0px 0px 0px;
display:inline;
line-height:140%;
text-align:left;
width:160px;
font:bold 12px ＭＳ ゴシック;
letter-spacing:-1px;
line-height: 16px;
}

.sh3 {
float:left;
font-size:10px;
margin:0px 0px 0px 2px;
display:inline;
line-height:140%;
width:170px;
color: #ff8833;
font:bold 12px ＭＳ ゴシック;
letter-spacing:-2px;
text-align:left;
line-height: 14px;
}



/*仲介*/

.chu-img{
text-align:center;
vertical-align:middle;
height:100px;
width: 120px;
float: left;
}


.chu-h{
font-weight: bold;
font-size: 14px;
padding: 6px;
}

.c_img2 {
margin:4px 4px 200px 4px;
display:inline;
float:left;
}

.c_box{
display:inline;
float:left;
height:152px;
width: 284px;
overflow:hidden;
border:solid 1px #AAAAAA;
border-radius: 4px 4px 4px 4px / 4px 4px 4px 4px;
margin:0 16px 16px 0;
}


.c_box:hover{
text-decoration:none;
}

h3.c-boxname{
height:24px;
background-color:#AAAAAA;
color:#FFFFFF;
font-size:18px;
line-height:24px;
text-align:center;
margin-bottom:4px;
}

.c_img {
height:92;
width:66;
}

.roll-1{
margin:0 0 0 8px;
padding:0 0 0 5px;
height:18px;
border-left: solid 4px RGB(204,204,204);
}

.roll-2{
margin:3px 0 8px 18px;
height:18px;
}


.subnavi-f{
width:170px;
display:inline;
float:left;
}

