@charset "utf-8";


/*
--------------------------------------------------------
Since: 2010-05-31
Modified: none
Guideline: Ver1.0
Editor: DW8
-------------------------------------------------------- */

body {
margin:0;
padding:0;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
line-height: 1.5;
font-size: 12px;
*font-size: 73%; /*for IE6,IE7*/
color:#333;
background:url(../img/bg.gif) repeat;
}

p,dl,dt,dd,div,ol,ul,li{ 
margin:0px;padding:0px;
}

ul,li {
list-style:none;
}

a img { border:0; }

img { vertical-align: bottom; }

hr { display: none; }

.clearfix:after {
  content: ".";
  display: block; 
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

textarea { font-size: 100%; }

h1,h2,h3,h4,h5,h6 {
font-weight:normal;
}
a:link{
color:#0066CC;
text-decoration:underline !important;
}
a:hover{
color:#8BBCED;
text-decoration:none;
}
a:visited{
color:#0066CC;
text-decoration:underline;
}
a:active{
color:#0066CC;
text-decoration:underline;
}
label:hover {
background-color:#CEF4CE;
}

/*基本設定終了*/

/*-----------------------------------------------
spacer
-----------------------------------------------*/
.mt05{
margin-top:5px !important;
}
.mt10{
margin-top:10px !important;
}
.mt15{
margin-top:15px !important;
}
.mt20{
margin-top:20px !important;
}
.mt25{
margin-top:25px !important;
}
.mt30{
margin-top:30px !important;
}
.mt40{
margin-top:40px !important;
}
.mb10{
margin-bottom:10px !important;
}
.mb30{
margin-bottom:30px !important;
}
.mm05{
margin-bottom:5px !important;
}
.mm10{
margin-bottom:10px !important;
}
.cen{
text-align:center !important;
}


/*-----------------------------------------------
text
-----------------------------------------------*/
.r12{
color:#CC3300;
}

.r18{
color:#CC0000;
font-size:18px;
font-weight:bold;
}

.bl14{
color:#31447B;
font-size:14px;
font-weight:bold;
}

/*-----------------------------------------------
共通
-----------------------------------------------*/

/*wrap*/
#wrap{
margin:0;
padding:0;
}

/*header*/
#head{
background:url(../img/head_bk.jpg) repeat-x;
height:100px;
}

#headArea{
width:930px;
margin:0 auto;
padding:0;
position:relative;
}

#logo{
position: absolute;
top:15px;
left:10px;
}

#tel{
position: absolute;
top:0px;
right:0px;
}

#headArea h1{
font-size:12px;
font-weight:normal;
color:#fff;
position: absolute;
top:30px;
left:230px;
margin:0;
padding:0;
}

#gnavi{
background:url(../img/gl_bk.gif) repeat-x;
}

#gnavi ul{
margin:0 auto;
padding:0;
width:930px;
height:45px;
}

#gnavi li{
display:inline;
color:#006600;
font-size:14px;
font-weight:bold;
background:url(../img/arrow_01.gif) no-repeat 5px 4px;
padding:0 7px 0 26px;
*padding:0 7px 0 24px;
line-height:3.25em;
border-left:1px solid #CDCDCD;
}

#gnavi01{
border-right:1px solid #CDCDCD;
padding:0 10px 0 20px !important; 
}

#gnavi a:link{
color:#006600;
text-decoration:none !important;
}
#gnavi a:hover{
color:#99CC99 !important;
text-decoration:none;
}
#gnavi a:visited{
color:#006600;
text-decoration:none;
}
#gnavi a:active{
color:#006600;
text-decoration:none;
}

.flash{
width:945px;
margin:0 auto;
padding:0 0 0 15px;
background:#1B1D1B;
}


.contents{
width:960px;
margin:0 auto;
padding:20px 0 0 0;
background:#1B1D1B;
}

.left{
width:305px;
float:left;
height:auto;
}

.leftArea{
background:#fff;
padding:10px;
margin:0 0 0 15px;
}
.leftArea01{
padding:10px;
}


.t_01{
margin:10px 0 20px 0;
}
.t_01 td{
vertical-align:top;
}

.station01{
background:#FEFFE7;
padding:3px 10px;
border:1px solid #999;
margin:5px 0 0 0;
width:268px;
}

.station01 .t_02{
width:95px;
font-size:14px;
font-weight:bold;
color:#31447B
}
.station01 .t_02a:link{
color:#31447B !important;
text-decoration: underline !important;
}
.station01 .t_02 a:hover{
color:#31447B !important;
text-decoration:none !important;
}
.station01 .t_02 a:visited{
color:#31447B;
text-decoration: underline !important;
}
.station01 .t_02 a:active{
color:#31447B;
text-decoration:none;
}

.station01 .t_03{
width:25px;
}

.leftArea02{
background:url(../img/left_mail.jpg) no-repeat;
width:290px;
height:186px;
position:relative;
margin:15px 0 0 15px;
}

.leftArea02 p{
position:absolute;
top:105px;
left:28px
}

.leftArea02 a:link{
color:#0066CC;
text-decoration: underline !important;
}
.leftArea02 a:hover{
color:#8BBCED!important;
text-decoration:none !important;
}
.leftArea02 a:visited{
color:#0066CC;
text-decoration: underline !important;
}
.leftArea02 a:active{
color:#0066CC;
text-decoration:none;
}

.leftArea03{
margin:5px 0 0 15px;
}
.leftArea03-2{
margin:5px 0 0 0;
text-align:center;
width:290px;
background:url(../img/circle_01.gif) no-repeat 30px;
}
.leftArea03-2 a:link{
color:#fff;
text-decoration: underline !important;
}
.leftArea03-2 a:hover{
color:#fff !important;
text-decoration:none !important;
}
.leftArea03-2 a:visited{
color:#fff;
text-decoration: underline !important;
}
.leftArea03-2 a:active{
color:#fff;
text-decoration:none;
}

.top_back02{
width:930px;
height:auto;
overflow:hidden;
margin:0 auto 10px auto;
}
.top_back02_l{
float:left;
width:200px;
height:auto;
background:url(../img/circle_01.gif) no-repeat  left center;
text-indent:20px;
margin:0 0 0 15px;
}
.top_back02_l a:link{
color:#fff;
text-decoration: underline !important;
}
.top_back02_l a:hover{
color:#fff !important;
text-decoration:none !important;
}
.top_back02_l a:visited{
color:#fff;
text-decoration: underline !important;
}
.top_back02_l a:active{
color:#fff;
text-decoration:none;
}

.top_back02_r{
float:right;
width:120px;
height:auto;
}

.station_02{
text-indent:-1em;
padding-left:1em;
margin:5px 0 0 0;
}

/*-----------------------------------------------
right
-----------------------------------------------*/

.right{
width:615px;
float:right;
height:auto;
padding:0 15px 0 0;
}

.topicsArea{
width: 615px;
background: url(../img/topics_bottom.gif) no-repeat bottom;
margin-bottom: 15px;
position:relative;
}
.topicsArea .inner{
background: url(../img/topics_top.gif) no-repeat;
padding: 25px 20px;
}

#topics_btn{
position:absolute;
top:7px;
right:20px;
}

.topics02{
padding:20px 0 0 0px;
}
.topics02 dl{
padding:6px 0 0 0;
}
.topics02 dt{
float:left;
width:80px;
background:url(../img/circle_02.gif) no-repeat 0 3px;
text-indent:17px;
}
.topics02 dd{
padding:0 0 0 10px;
}

.right h2{
margin:15px 0 0 0;
padding:0;
}

.rightArea01{
border:5px solid #EFEFEF;
background:#fff;
margin:0;
padding:0;
}

.r01{
float:left;
padding:10px 6px 0 6px;
}

.r01 p{
text-indent:-1em;
padding-left:1em;
}

.r02{
vertical-align: middle;
}


/*　物件　*/
.bukken_01{
width:615px;
margin:15px 0 0 0;
}

.bukken_l {
width:290px;
background:#E8EDE7;
padding:5px;
float:left;
}

.bukken_l01{
background:#fff;
border:1px solid #C0C2C0;
padding:5px;
}

.bukken_txt{
background:url(../img/bukken_bk.gif) no-repeat;
width:280px;
height:28px;
position:relative;
margin:5px 0 0 0;
}

.bukken_txt p{
font-size:18px;
color:#fff;
font-weight:bold;
position:absolute;
left:170px;
}

.bukken_txt01{
background:url(../img/bukken_bk01.gif) no-repeat;
width:280px;
height:28px;
position:relative;
margin:5px 0 0 0;
}

.bukken_txt01 p{
font-size:18px;
color:#fff;
font-weight:bold;
position:absolute;
left:170px;
}

.bukken_txt02{
background:url(../img/bukken_bk02.gif) no-repeat;
width:280px;
height:28px;
position:relative;
margin:5px 0 0 0;
}

.bukken_txt02 p{
font-size:18px;
color:#fff;
font-weight:bold;
position:absolute;
left:170px;
}

.bukken_txt03{
background:url(../img/bukken_bk03.gif) no-repeat;
width:280px;
height:28px;
position:relative;
margin:5px 0 0 0;
}

.bukken_txt03 p{
font-size:18px;
color:#fff;
font-weight:bold;
position:absolute;
left:170px;
}

.bukken_g01{
width:280px;
margin:5px 0 0 0;
border:1px solid #C0C2C0;
background:#ECFDC0;
}

.bukken_g01 a:link{
color:#333333;
text-decoration:none;
}
.bukken_g01 a:hover{
color:#999 !important;
text-decoration:none !important;

}
.bukken_g01 a:visited{
color:#333333;
text-decoration:underline;

}
.bukken_g01 a:active{
color:#333333;
text-decoration:underline;
}

.bukken_g01_txt{
width:160px;
height:80px;
padding:5px;
font-size:12px;
}
.bukken_g02_txt{
padding:5px;
font-size:12px;
}
.bukken_g01_img{
width:95px;
padding:5px;
}

.bukken_r {
width:290px;
background:#E8EDE7;
padding:5px;
float:right;
}

.bukken_g02{
width:280px;
margin:5px 0 0 0;
border:1px solid #C0C2C0;
background:#FFFFDF;
}

.bukken_g02 a:link{
color:#333333;
text-decoration:none;
}
.bukken_g02 a:hover{
color:#999 !important;
text-decoration:none !important;
}
.bukken_g02 a:visited{
color:#333333;
text-decoration:underline;
}
.bukken_g02 a:active{
color:#333333;
text-decoration:underline;
}

/*LINK*/
.link01{
float:left;
width:195px;
padding:10px 0 2px 5px;
}

.link01 p{
text-align:center;
}

/*top_back*/

#top_back{
width:930px;
text-align:right;
margin:35px auto 15px auto;
}


.foot{
background:#4A4A4A;
color:#FFFFFF;
width:900px;
margin:0 auto;
padding:15px;
height:50px;
}

.foot_l{
float:left;
height:auto;
}
.foot_r{
float:right;
text-align:right;
height:auto;
}

.foot a:link{
color:#fff;
text-decoration:none !important;
}
.foot a:hover{
color:#99CC99;
text-decoration:none;
}
.foot a:visited{
color:#fff;
text-decoration:none;
}
.foot a:active{
color:#fff;
text-decoration:none;
}
.copy{
font-size:10px;
}














/*-----------------------------------------------
下層共通
-----------------------------------------------*/
.Area01{
background: url(../img/Area01_bk.gif) repeat-x #fff;
width:900px;
margin:0 auto;
padding:15px;
}

.Area01 h2{
display:inline;
font-size:12px;
}

.Area01 h3{
font-size:14px;
color:#fff;
font-weight:bold;
line-height:2.75em;
text-indent:35px;
margin:0;
padding:0;
background:url(../img/h3.jpg) no-repeat;
width:650px;
height:35px;
}

#pan{
text-align:right;
margin-bottom:5px;
}

.Area01 #left{
float:left;
height:auto;
width:680px;
margin:20px 0 0 0;
}

.Area01 #right{
float:right;
height:auto;
width:200px;
margin:20px 0 0 0;
padding:0px;
}

.Area01 #right02{
float:right;
height:auto;
width:180px;
margin:0;
background:#fff;
padding:10px;
font-size:10px;
color:#555;
}

.Area01_l{
width: 680px;
background: url(../img/Area01_l_bottom.gif) no-repeat bottom;
padding-bottom: 15px;
margin:0 0 0 0;

}
.Area01_l .inner{
background: url(../img/Area01_l_top.gif) no-repeat;
padding-top: 15px;
}
.Area01_l .inner02{
background: url(../img/Area01_l_center.gif) repeat-y;
padding: 0 15px;
}


.rightArea02{
font-size:10px;
background:#EFEFEF;
padding:10px;
width:180px;
}

.rightArea02 li{
margin:5px 0 0 0;
}

.p14{
font-size:14px;
margin:25px 0 0 0;
}

.title_01{
background:url(../img/title_bk.jpg) no-repeat;
width:420px;
height:35px;
font-size:14px;
font-weight:bold;
color:#006600;
line-height:2.7em;
text-indent:27px;
margin:0;
padding:0;
}

.title_02{
background:url(../img/title_bk.jpg) no-repeat;
width:650px;
height:35px;
font-size:14px;
font-weight:bold;
color:#006600;
line-height:2.7em;
text-indent:27px;
margin:0;
padding:0;
}

/* privacy
--------------------------------------------------------*/
.pr_01 {
font-weight: bold;
margin: 15px 0 10px 0px;
color:#006600;
}
.pr_02 {
line-height: 1.75em;
padding: 0px 0px 0px 20px;
}
.pr_03 {
line-height: 1.75em;
padding: 0px 0px 5px 15px;
}
.pr_04 {
margin: 15px 0 15px 0px;
padding: 0px 0px 0px 20px;
}
.pr_05 {
margin: 0px 0 15px 0px;
padding: 10px;
background-color: #FFFFCC;
}
.pr_06 {
padding: 0px 0px 0px 20px;
margin: 0px 0px 20px 0px;
}
.pr_07 {
margin: 0px 0px 10px 0px;
}


/* sitemap
--------------------------------------------------------*/
.sitemap_area{
width:630px;
margin:30px 0 0 10px;
height:auto;
}
.sitemap_area li{
background:url(../img/arrow_02.gif) no-repeat 10px 9px;
text-indent:23px;
padding:5px 0 0 0;
}
.sitemap_area dt{
border-left:3px solid #36B87C;
border-bottom:1px dotted #CCC;
margin:30px auto 5px auto;
padding:0 0 2px 10px;
font-weight:bold;
color:#006633;
}


/* company
--------------------------------------------------------*/

.company_01{
margin:15px 0 0 0;
}

.company_01 li{
float:left;
padding:0 5px 0 0;
width:210px;
}

.company_01 .li01{
padding:0 !important;
}

.company_01 p{
background:#F2F9E5;
padding:10px;
height:145px;
}

.company_01 .li02{
background:#F6F8D7 !important;
}

.note {
width: 650px;
}

.note th {
font-weight: bold;
color:#006600;
width: 100px;
background: url("../img/td_bk.jpg") repeat-x left top;
text-align: left;
line-height: 1.5;
padding: 5px 20px;
vertical-align: middle;
}

.note th img {
vertical-align: middle;
padding-left: 20px;
}

.note td {
padding: 5px 20px;
vertical-align: middle;
background-color: #fff;
line-height: 1.75em;
}


/*　スタッフ紹介　*/

.staff_01{
margin:15px 0 0 0;
}

.staff_01_l{
float:left;
width:310px;
height:auto;
}

.staff_01_r{
float:right;
width:310px;
height:auto;
}

.staff_table{
font-size:10px;
background:#fff;
margin:5px 0 0 0;
}
.staff_table tr{
background:#fff;
}
.staff_table td{
padding:2px 5px;
}
.staff_table .odd{
background:#D8ECDC !important;
}

/*当社までの行き方*/
.map_01{
width:650px;
margin:15px auto;
}

.map_01 .t01{
background:#E5F4D3;
padding:5px;
width:180px;
vertical-align:top;
}

.map_01 .t02{
margin:15px 0 0 0;
}

/* point
--------------------------------------------------------*/
.point_01{
width:650px;
}

.point_01_l{
float:left;
width:360px;
height:auto;
padding:10px;
background:#E1EDDD;
}

.point_01_r{
float:right;
width:250px;
height:auto;
}

.point_arrow{
clear:both;
margin:5px 0;
text-align:center;
}


/* recruit
--------------------------------------------------------*/

.recruit_01{
width:650px;
}

.recruit_01_l{
float:left;
width:420px;
height:auto;
padding:10px;
}

.recruit_01_r{
float:right;
width:200px;
height:auto;
margin:10px 0 0 0;
}


/* town
--------------------------------------------------------*/
.town_01{
margin:20px 0 0 0;
}

.town_01 li{
float:left;
padding:0 5px 0 0;
width:210px;
}
.town_01 .li01{
padding:0 !important;
}
.town_01 p{
background:#D4E5DB;
padding:10px;
height:235px;
}
.town_01 .li02{
background:#D5E3E1 !important;
}
.town_01 .li03{
background:#DADFC9 !important;
}

.town_02{
margin:20px 0 0 5px;
}
.town_02 li{
float:left;
padding:0 5px 0 0;
width:210px;
}
.town_02 p{
background:#F8FBDC;
padding:5px;
text-align:center;
margin:2px 0 0 0;
}

.town_03{
padding:15px;
background:#D4E5DB;
margin:15px 0 0 0;
}


.town_04{
margin:20px 0 0 0;
}

.town_04 li{
float:left;
padding:0 5px 0 0;
}
.town_04 .li01{
padding:0 !important;
}
.town_04 p{
background:#D4E5DB;
padding:10px;
}
.town_04 .li02{
background:#D5E3E1 !important;
}
.town_04 .li03{
background:#DADFC9 !important;
}

.towm_05{
margin:35px 0 0 0;
text-align:right;
}

.town_06{
margin:20px 0 0 0;
}

.town_06 li{
float:left;
padding:0;
}

.town_07{
margin:15px 0 0 0;
clear:both;
}

.town_07 li{
float:left;
padding:0 5px 0 0;
}


/* req
--------------------------------------------------------*/
.btn01{
text-align:center;
padding:40px 0 0 0;
}

.btn01 li{
display:inline;
margin:0 10px 0 0;
}

.btn01-1{
position:relative;
top:-5px;
*top:0px;
}