@charset "Shift_JIS";
/* init */

body{
	font: normal 12px/14px;
	font-size: 12px;
	color:#333333;
	margin:0;
	padding: 0;
	line-height: 180%;
	background-color:#ffffff;
}
.container{
	width: 770px;
	margin-left:auto;
	margin-right:auto;
	border-top:3px solid #003333;
}
h1{margin-top:0;
	margin-bottom: 0px;
}
h2{margin-top:0;
	margin-bottom: 0px;
}
h3{margin-top:0;
font-size:12px;
	margin-bottom: 0px;
}

p{margin-bottom: 5px;
margin-top:0;
 }
.tx-12{
font-size:12px;
line-height:150%;
}
.tx-10{
font-size:10px;
}

.caution{color:#990000;
 }


img { border: 0;
	margin:0;
	padding:0;
	 }
a:link{
color:#003333;
	text-decoration: none;
	}
a:visited{
	color:#003333;
	text-decoration: none;
	}
a:hover{
	color:#5FAFB1;
	text-decoration: underline;
	} 

/*-------------------header------------------*/

/* indexのみ */
.header-idx{
	text-align:left;
	margin:0;
	height:70px;
	width:770px;}

.header-idx h1{
	margin:0 ;
	padding:0 ;
	font-size : 12px;
	font-weight : 100;
	text-align:right ;}


#bn-area {
	margin:10 0 0 0 ;}

#bn-area #bn2{
	margin:0 0 0 15px ;}



.header{
text-align:left;
margin-top:10px;
height:50px;
width:770px;
}

.header h1{
margin:0;
padding:0;
}


	
#headerlogo{
float:left;
width:181px;
height:42px;
margin-bottom:5px;
}

#go_gome{
margin-top:23px;
margin-left:10px;
float:left;
width:77px;
height:10px;
margin-bottom:5px;
}


#headercontact{
margin-left:263px !important;
margin-left:222px;
float:left;
width:326px;
height:41px;
margin-bottom:5px;
}

#headercontact_2nd{
margin-left:263px !important;
margin-left:176px;
float:left;
width:326px;
display:block;
margin-top:-38px !important;;
margin-top:0px;
height:41px;
margin-bottom:5px;
}


#contact_block{
background-image:url(../images/main_bar.gif);
background-repeat:no-repeat;
padding:3px 0 3px 0;
padding-left:298px;
width:472px;
height:29px;
}
#contact_block img{
margin-right:3px;
float:left;
}

#contact_block #contact_copy{
float:left;
width:306px;
height:20px;
margin-right:3px;
}


#contact_block #contact_btn a{
float:left;
text-decoration:none;
display:block;
width:160px;
height:20px;
}




/*-------------------共通部分------------------*/

.main_contents{
width:764px;
border-left:1px solid #00838B;
border-right:1px solid #00838B;
border-bottom:1px solid #00838B;
background-image:url(../images/bg.gif);
background-repeat:repeat-y;
padding:2px;}

#clear{
clear:both;}


#pull{
float:right;
margin-top:0px;}

/*------------------左ナビ------------------*/

.left_navi{
padding:-5px 3px 3px 3px;
width:185px;
float:left;
}

.left_navi ul{
margin:0;
padding:0;
list-style:none;
}

.left_navi li{
margin:0;
padding:0;
}


.left_navi h2{
margin:0;
padding:0;}




/*-------------------トップコンテンツ部分------------------*/
.right_contents{
float:left;
width:565px;
margin-top:5px;
margin-left:6px;}

#oshirase{
	border:1px solid #ff3300;
}
#oshirase h2{margin:0;padding:0;}
#oshirase p{margin:7px 20px;padding:0;line-height:1.4;}

/*-------------------TOPICS------------------*/

.topics h2{
margin-top:10px;
width:565px;
height:20px;
padding-bottom:3px;
border-bottom:1px solid #84BCA9;
}

.topics #topics_list{
position:relative;
margin-left:460px;
margin-top:-18px;
width:104px;
height:11px;
margin-bottom:20px;
}


.topics #news{
background-image:url(../images/dot.gif);
background-repeat:no-repeat;
padding-left:12px;}

.topics #news_bar{
background-image:url(../images/topics_bar.gif);
background-repeat:no-repeat;
height:11px;}

#qabanner{
margin-top:10px;
margin-bottom:10px;
text-align:center;
}


/*-------------------ぱんくず------------------*/
.pan{
width:550px;
font-size:10px;
color:#006666;
padding:5px;
}

.pan a:link{
color:#006666;
	text-decoration: underline;
	}
.pan a:visited{
	color:#006666;
	text-decoration: underline;
	}
.pan a:hover{
	color:#00838B;
	text-decoration: underline;
	} 


/*-------------------マンション管理------------------*/
.management{
width:560px;}

.management #menu{
width:560px;
margin:20px 0 20px 0;
text-align:center;}

.management h2{
margin-bottom:10px;
}

.management h3{
margin-top:30px;
margin-bottom:10px;}


.management h4{
margin-top:25px;
margin-bottom:10px;}


.management h5{
margin-top:0;
margin-bottom:0;}


.management #block01{
width:270px;
float:left;
margin-right:20px;
margin-top:10px;
margin-bottom:10px;
font-size:12px;}

.management #block02{
width:270px;
float:left;
margin-top:10px;
margin-bottom:10px;
font-size:12px;}

.management #block03{
float:left;
margin:0 10px 0 0;}


.management #block03 img{
margin:0 0 10px 0;}

.management #block04{
width:175px;
float:left;
margin-right:10px;
margin-bottom:10px;
}
.management #block04 #check_txt{
background-color:#FAF5F0;
color:#663300;
line-height:150%;
padding:5px;
width:165px;
height:90px;
}

.management #block05{
float:right;
margin:0 0 5px 0;}


.management #block05 img{
float:left;
margin:0 0 0px 10px;
padding:2px;
border:1px solid #CCCCCC;}


.management #block01 th{
color:#003333;
background-color:#E9F2E6;
text-align:left;
}

.management #block01 td{
background-color:#FFFFFF;}

.management #block02 th{
color:#003333;
background-color:#E9F2E6;
text-align:left;
}

.management #block02 td{
background-color:#FFFFFF;}

.management #block02 table{
margin-left:0px;
background-color:#84BCA9;
width:270px;
font-size:12px;
margin-bottom:10px;}

.management #block01 table{
margin-left:0px;
background-color:#84BCA9;
width:270px;
font-size:12px;
margin-bottom:10px;}


.management #block06{
float:left;
margin:10px 20px 0 30px;
width:184px;
height:270px;
line-height:140%;
text-align:left;}


.management #block07{
margin:20px 0 10px 0;
width:560px;}

.management #block07 th{
color:#003333;
background-color:#E9F2E6;
text-align:left;
}

.management #block07 td{
background-color:#FFFFFF;}

.management #block07 table{
margin-left:0px;
background-color:#84BCA9;
width:560px;
font-size:12px;
}

.management #block08 th{
color:#003333;
background-color:#E9F2E6;
text-align:left;
}

.management #block08 td{
background-color:#FFFFFF;}

.management #block08 table{
margin-left:0px;
background-color:#84BCA9;
width:494px;
font-size:12px;
}

.management #block09{
margin:20px 0 10px 0;
width:560px;}

.management #block09 th{
color:#003333;
background-color:#E9F2E6;
}

.management #block09 td{
background-color:#FFFFFF;}

.management #block09 table{
margin-left:0px;
background-color:#84BCA9;
width:560px;
font-size:12px;
}

#img_left{
float:left;
margin-right:10px;
margin-bottom:20px;
}

#img_right{
float:right;
margin-left:10px;
}

.management #case h4{
font-size:14px;
margin-top:5px;
padding-bottom:3px;
border-bottom:1px solid #84BCA9;
margin-bottom:10px;}

.management #acg th{
text-align:left;
font-weight:100;
padding:0 0 0 10px;}

.management #acg td{
padding:0 10px 0 0;}

.management #acg #bg{
background-image:url(../../management/images/acg_bar.gif);
background-repeat:no-repeat;
height:16px;
}

.check_c {
line-height: 16px;
margin: 10px 0 10px 0;
}

.check_c td {
vertical-align: top;
}

#longterm {
	margin: 15px 0 0 0;
}

#longterm td {
line-height: 18px;
vertical-align: top;
}

#longterm .small {
	font-size: 7px;
	vertical-align: super;
}

.point {
	background:url(../../management/images/longterm_frame.gif) no-repeat left bottom;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

.point p {
	border-left: solid 2px #67BDCE;
	border-right: solid 2px #67BDCE;
	width: 527px;
	padding: 0 15px 0 15px;
}

.long_plan {
	border: solid 1px #339900;
	padding: 10px;
}

.long_plan dt {
	font-size: 13px;
	color: #339900;
	font-weight: bold;
	border-bottom: dotted 1px #339900;
	padding: 0 0 5px 0;
}

.long_plan dd {
	margin: 0;
	padding: 5px 0 10px 10px;
}

/*-------------------quality------------------*/
.quality{
width:560px;}


.quality #menu{
width:560px;
margin:20px 0 20px 0;
text-align:center;}

.quality h2{
margin-bottom:10px;
}

.quality h3{
margin-top:30px;
margin-bottom:10px;}

.quality h4{
font-size:14px;
margin-top:20px;
margin-bottom:5px;
color:#003333;
}
.quality #block05{
float:right;
margin:0 0 0 10px;}


.quality #block05 img{
margin:0 0 10px 0;
padding:2px;
border:1px solid #CCCCCC;}

.quality #point_block{
border:1px dotted #80CCE6;
background-color:#D9F1F2;
padding:5px;
width:448px;
margin-left:50px;
margin-bottom:20px;
margin-top:3px;
}

.quality h5{
margin:0px;
margin-left:55px;
}


/*-------------------knowledge------------------*/
.knowledge{
width:560px;}

.knowledge #menu{
width:560px;
margin:20px 0 20px 0;
text-align:center;}

.knowledge h2{
margin-bottom:10px;
}

.knowledge h3{
margin-top:30px;
margin-bottom:10px;}

.knowledge h4{
font-size:14px;
margin-top:20px;
margin-bottom:5px;
color:#003333;
}

.knowledge #block10{
margin:20px 0 10px 50px;
width:450px;}

.knowledge #block10 th{
color:#006699;
background-color:#D9F1F2;
}

.knowledge #block10 td{
background-color:#FFFFFF;}

.knowledge #block10 table{
margin-left:0px;
background-color:#80CCE6;
width:450px;
font-size:12px;
}

/*-------------------会社案内------------------*/

.company{
width:560px;}
.company #menu{
width:560px;
text-align:center;
margin:20px 0 20px 0;
}

.company h2{
margin-bottom:10px;
}

.company h3{
margin-top:30px;
margin-bottom:10px;}

.company #block07{
margin:20px 0 10px 0;
width:560px;}

.company #block07 th{
color:#003333;
background-color:#E9F2E6;
text-align:left;
}

.company #block07 td{
background-color:#FFFFFF;}

.company #block07 table{
margin-left:0px;
background-color:#84BCA9;
width:560px;
font-size:12px;
}
.company #block09{
margin:20px 0 10px 0;
width:560px;}

.company #block09 th{
color:#003333;
background-color:#E9F2E6;
}

.company #block09 td{
background-color:#FFFFFF;}

.company #block09 table{
margin-left:0px;
background-color:#84BCA9;
width:560px;
font-size:12px;
}

/*-------------------QA------------------*/
.qa{
width:560px;}

.qa_backnumber{
margin-left:9px;
}

/*-------------------採用情報------------------*/
.recruit{
width:560px;}

.recruit h2{
margin-bottom:10px;
}

.recruit h3{
margin-top:30px;
margin-bottom:10px;}

.recruit #recruit_menu{
width:560px;
text-align:center;
margin:20px 0 20px 0;
}
.recruit #recruit_menu #btn{
float:left;
margin:0 4px 40px 4px;
}

.recruit #btn_form{
width:560px;
text-align:center;
margin:20px 0 20px 0;
}

.recruit #treatement{
margin:20px 0 10px 0px;
width:500px;}

.recruit #treatement th{
color:#003333;
background-color:#E9F2E6;
}

.recruit #treatement td{
background-color:#FFFFFF;}

.recruit #treatement table{
margin-left:0px;
background-color:#84BCA9;
width:500px;
font-size:12px;
}

.recruit #treatement #block11{
margin:0px 0 -8px 0;
  }

.recruit ul #list{
padding:0;
margin:0px 0 5px -20px;
list-style-type:disc;
list-style-position:outside;
  }
.recruit li{
  margin:0;
  padding:0;
  line-height:130%;
  }
.recruit p{
margin-bottom:10px;}

.recruit a:link{
font-weight:bold;
color:#CC0000;
	text-decoration: underline;
	}
.recruit a:visited{
font-weight:bold;
	color:#CC0000;
	text-decoration: underline;
	}
.recruit a:hover{
font-weight:bold;
	color:#990000;
	text-decoration: underline;
	} 


/*-------------------お問い合わせ------------------*/
.inquiry{
width:560px;}

.inquiry h2{
margin-bottom:10px;}

.inquiry h3{
margin-bottom:20px;}

.inquiry h4{
margin-bottom:0px;}

.inquiry p{
margin-bottom:20px;}

.inquiry table{
margin-left:0px;
background-color:#84BCA9;
width:560px;
font-size:12px;}

.inquiry th{
background-color:#E9F2E6;
width:180px;
text-align:left;
font-weight:100;}

.inquiry td{
background-color:#FFFFFF;}

#form_btn{
width:560px;
text-align:center;
}
#form_btn img{
margin:10px;}


.inquiry #top_block{
margin-left:20px;
width:500px;
border:1px solid #CCCCCC;
padding:10px;
margin-bottom:20px;
}

.inquiry #top_block #txt{
margin-left:10px;
margin-top:10px;
float:left;
margin-right:10px;
width:310px;
margin-bottom:20px;
}

.inquiry #top_block #entry_btn{
margin-top:10px;
float:left;
width:165px;
}

.inquiry #top_block_out{
width:553px;
clear:both;
margin-top:20px;
border:1px dotted #006666;
padding:5px;
margin-bottom:10px;
}

.inquiry #top_block_out #txt{
margin-left:10px;
margin-top:10px;
float:left;
margin-right:10px;
width:360px;
}

.inquiry #top_block_out #entry_btn{
margin-top:10px;
float:left;
width:165px;
}

.inquiry #top_block_out #title{
margin-top:0;
}





/*-------------------footerお問い合わせ------------------*/
.footer_contact{
background: url(../images/footer_bg.gif) no-repeat 0 0;
width:565px;
height:100px;
margin-top:10px;
margin-bottom:10px;
}

.footer_contact #block01{
margin-top:0px !important;
margin-top:5px;
margin-left:8px;
width:562px;
}


.footer_contact #block03{
margin-left:8px;
float:left;
width:535px;
}

.footer_contact #block03 h2{
margin-top:0;
background-image:url(../images/footer_contact_tel.gif);
background-repeat:no-repeat;
width:535px;
height:39px;
text-indent:-9999px;
}


/*-------------------footer -----------------*/	
.footer{
width:770px;
height:30px;
margin:5px 0 5px 0;
text-align:center;
font-size:12px;}


.footer #copy{
font-size:10px;
text-align:center;
}

.footer img{
margin:0 5px 0 5px;
}

.footer .f-td01{
	width:340px;
	font-size:10px ;
	text-align:left;
	line-height:1.2em ;}

.footer .f-td02{
	font-size:10px ;
	text-align:right;
	line-height:1.2em ;}


.footer .f-td01 img{
	float:left ;}


/*adjustment
------------------------------------------------------------ */
.clear { clear: both; }
.imgright {
	float: right;
	border: 1px solid #CCCCCC;
	padding: 2px;
	margin-left: 10px;
}
.space10 { padding: 10px; }
.top10 { padding-top: 10px; }

