@charset "utf-8";

/*
--------------------------------------------------------
Since: 2009-09-18
Modified: none
Guideline: Ver1.0
Editor: DW8
-------------------------------------------------------- */

body{
margin:0px auto;
padding:0px;
font-family: "MS PGothic", Osaka, "MS Gothic", Gothic, sans-serif;
line-height: 1.5;
font-size: 12px;
color:#333;
text-align:center;
*font-size: 75%; /*for IE6,IE7*/
}

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:#4C360B;
text-decoration:none;
}

a:hover{
color:#996633 !important;
text-decoration:underline !important;
}

a:visited{
color:#4C360B;
text-decoration:none;
}

a:active{
color:#4C360B;
text-decoration:none;
}

.bold{
font-weight:bold;
}

/*基本設定終了*/

.t_10{margin-top:10px;}
.t_15{margin-top:15px;}


/*header*/

.head{
width:800px;
height:70px;
position:relative;
margin:0 auto 10px auto;
}

.head .logo{
position:absolute;
bottom:5px;
left:0px;
}

.head .tel{
position:absolute;
bottom:10px;
right:142px;
}

.head #mail{
position:absolute;
bottom:5px;
right:9px;
}

.head h1{
position:absolute;
top:3px;
left:0px;
font-size:10px;
font-weight:normal;
padding:0px;
margin:0px;
color:4C360B;
}

.main_area{
margin:13px auto 20px auto;
width:800px;
}


.main{
height:auto;
overflow:hidden;
clear:both;
zoom:1;
margin-top:10px;
}

.main_img{
float:left;
}

.main_btn{
float:right;
width:230px;
}

.main_btn img{
	margin-bottom:5px;
}

.menu_area{
	width:800px;
	height:auto;
overflow:hidden;
margin:10px auto auto auto;
}

.menu_area img{
	float:left;
	margin-right: 4px;
	}
	
.menu_area a{
		
		display:block;

	}

	
.btn_area{
width:600x;
height:auto;
overflow:hidden;
clear:both;
zoom:1;
}

.r01{
float:left;
padding:0 5px 0 0;
}

.r01 p{
text-indent:-1em;
padding-left:1em;
text-align:left;
margin-top:5px;
}

.r02{
vertical-align: top;
padding-top:2px;
}

.btn_area a:link{
color:#06C !important;
text-decoration:none;
}

.btn_area a:hover{
color:#00C !important;
text-decoration:underline !important;
}

.btn_area a:visited{
color:#06C !important;
text-decoration:none;
}

.btn_area a:active{
color:#06C !important;
text-decoration:none;
}


.wrap{
width:800px;
height:auto;
margin:16px auto 0 auto;
background:url(../img/contents_bk.gif) repeat-y;
}

.con_box{
width:800px;
margin:auto;
height:auto;
overflow:hidden;
clear:both;
zoom:1;
}


.right_wrap{
float:right;
width:600px;
min-height:450px;
height:auto !important;
height:450px;
}

.left_wrap{
float:left;
width:185px;
}

.sub_title{
margin:20px 0 5px 0 ;
}

.sub_title02{
margin:30px 0 5px 0 ;
}

.sub_title03{
margin:15px 0 15px 0 ;
}

.cms_btn{
margin:20px auto ;
text-align:right;
}


.co_area{
width:585px;
height:450px;
position:relative;
border:1px #CCCCCC solid;
margin-top:30px;
}

.co_title{
margin:1px 0 0 0;
}

.co_logo{
top:39px;
left:30px;
position:absolute;
}

.co_text{
width:auto;
height:auto;
position:absolute;
top:75px;
left:180px;
font-size:12px;
text-align:left;
line-height:1.5em;
color:#4C360B;
}

.co_photo{
position:absolute;
top:75px;
left:15px;
}

.co_btn01{
position:absolute;
bottom:10px;
right:10px;
}

.co_btn02{
	position:absolute;
	bottom:10px;
	right:132px;
}

.menu{
margin:0px;
padding:0xp;
background:url(../img/menu_c.gif) repeat-y;

}

.menu01{
margin:0px;
padding:0xp;
text-align:left;
color:#4C360B;
text-indent:25px;

}

.menu01 li{
margin:0px;
padding:0xp;
background:url(../img/menu_bk.gif) no-repeat;
height:34px;
margin:0 0 0 7px;
line-height:3em;
}

.menu img{
margin:1px;
}

.menu_bottom{
background:url(../img/menu_bottom.gif) no-repeat;
margin:0;
padding:0;
position: relative;
top:43px;
left:0px;
}

.sub {
	padding-bottom:5px;
	padding-left:10px;
	margin-bottom:10px;
	text-align:left;
}


.sub dl {
	margin:0 0;
	width:160px;
	padding-left:5px;
}

.sub dl dd {
	font-size:10px;
	text-align: justify;
	padding-top:5px;
}



/*footer*/

.footer{
width:780px;
position: relative;
margin:0;
padding:0;
}

.foot{
width:580px;
font-size:10px;
text-align:left;
position:relative;
bottom:0px;
left:200px;
/left:100px;/*IE6,7*/
margin:0 0 25px 0;
}

.copylight{
color:#FFFFFF;
background-color:#005CBB;
background-position:top;
background-repeat:repeat-x;
margin:0 auto;
padding:1px 0;
width:800px;
}

/*TOP*/
.top_txt{
	line-height:1.2;
	text-align:left;
}


/*下層共通*/
.lower_title30{
margin-bottom:30px;
}

.lower_title20{
margin-bottom:20px;
}

.lower_title15{
margin-bottom:15px;
}

.lower_title20t{
margin-top:10px;
margin-bottom:20px;
}

.lower_con_wrap{
width:582px;
margin:auto;
}


/*個人情報*/
.ko_sub_title10{
margin:10px 0;
}

.ko_text{
width:auto;
height:auto;
text-align:left;
margin-top:0px;
line-height:1.8em;
}

.ko_title{
text-indent:5px;
margin:10px 0 0 0;
}

.ko_title li{ 
padding:0 0 0 0 !important;
margin:0 0 10px 20px !important;
list-style:decimal;
line-height:2em;
}

.ko_area{
width:565px;
margin:10px auto 0 auto;
}

/*.k_li01{
list-style:decimal !important;
margin:0 0 15px 25px;
}

.k_li02{
list-style:decimal !important;
margin:0 0 5px 25px;
}

.k_li03{
list-style:decimal !important;
margin:0 0 0 55px;
}

.k_li04{
list-style:decimal !important;
margin:0 0 0 20px;
}

.k_li05{
margin:15px 0 0 0px;
color:#CC0000;
}*/

.k_text_area{
width:490px;
height:auto;
margin:20px auto 20px auto;
border:double #2894E7;
padding:10px;
}

.k_inq{
font-size:14px;
margin:5px 0 0 25px;
}



/*会社概要*/

.companydata{
width:550px;
height:auto;
margin:auto;
text-align:left;
font-size:12px;
margin-bottom:30px;
}

.companydata dl.dataList {
background:transparent url(../img/databgimg.gif) repeat-y scroll 0;
display:block;
float:left;
margin-bottom:5px;
padding:0;
width:550px;
}
.companydata dl.dataList dt {
clear:left;
display:block;
float:left;
margin:2px 0;
padding-left:8px;
width:100px;
text-align:left;
color:#FFFFFF;
font-weight:bold;
}

.companydata dl.dataList dd {
display:block;
float:right;
margin:2px 0;
padding:0;
width:420px;
}

.companydata dl.dataList a:hover {
color:#B8DEA8;
}
.companydata dl.dataList a:active {
color:#CCCCCC;
}


/*物件リクエスト*/

#contents{
width:570px;
text-align:center;
}

#contents_txt{
width:570px;
margin:20px auto 0px auto;
text-align:left;
}
#contents_txt span{
color:#FF0000;
font-size:1.5em;
font-weight:bold;
}

#contact_area{
width:570px;
margin:0 auto 30px auto;
background-color:#CCC;
text-align:left;
}

#contact_area th{
font-weight:normal;
background-color:#E6F7F7;
border-top:#FFF 1px solid;
border-left:#FFF 1px solid;
padding:5px;
width:160px;
}

#contact_area td{
font-weight:normal;
background-color:#FFF;
border-top:#FFF 1px solid;
border-right:#FFF 1px solid;
padding:5px;
}

#contact_area span{
font-size:x-small;
color:#FF0000;
}

.btn{
margin:0 auto 0 auto;}

label:hover {
background-color:#E6F7F7;
padding:5px 0 5px 0;
}

input:focus{
background-color: #E6F7F7;
}

input:hover{
background-color: #E6F7F7;
}

textarea:focus{
background-color: #E6F7F7;
}

textarea:hover{
background-color: #E6F7F7;
}


input#btn3 {
border-top: 3px double #cccccc;
border-right: 3px double #333333;
border-bottom: 3px double #333333;
border-left: 3px double #cccccc;
color:#666666;
background-color:#fff;
font-size: 14px;
font-weight:bold;
width:150px;
height:30px;
}

input#btn3:hover{
border-top: 3px double #cccccc;
border-right: 3px double #333333;
border-bottom: 3px double #333333;
border-left: 3px double #cccccc;
color:#666;
background-color:#E6F7F7;
font-size: 14px;
font-weight:bold;
width:150px;
height:30px;
}


/*当社の特徴*/

.about_li{
margin:15px 0 0 0;
}

.about_li li{
margin:0 0 30px 0;
}


/*物件LP*/

.lp_wrap{
width:760px;
height:auto;
margin:16px auto 0 auto;
}

.lp_photo{
width:760px;
height:100%;
margin:15px auto 0 auto;
overflow:auto;
}

.lp_photo_box{
float:left;
text-align:center;
}

.lp_photo_box p{
margin-top:5px;
}

.lp_foot{
width:580px;
font-size:10px;
text-align:left;
position:relative;
bottom:0px;
left:80px;
/left:10px;/*IE6,7*/
margin:0 0 25px 0;
}

.lp_ap{
width:90%;
border:5px solid #dfdfdf;
padding:10px;
margin-top:10px;
font-size:14px;
line-height:1.5em;
text-align:left;
}

.lp_ap span{
font-weight:bold;
color:#0066CC;
}

.lp_01{
width:760x;
height:100%;
margin:25px 0 0 0;
overflow:auto;
}
.lp_01_l{
float:left;
width:400px;
height:auto;
}
.lp_01_r{
float:right;
width:360px;
height:auto;
}

dl.outline_01 {
overflow: hidden;
zoom: 1;
text-align:left;
}  
dl.outline_01 dt {
margin-bottom: 0px;
padding:5px 0 5px 15px;
width: 100px;
float: left;
clear: both;
background:#F4FBFC;
border-right:4px solid #0066CC;
}
dl.outline_01 dd {
margin-bottom: 0px;
padding: 5px 0 5px 135px;
border-bottom: 1px dotted #0066CC;
}

dl.outline_03 {
overflow: hidden;
zoom: 1;
text-align:left;
}  
dl.outline_03 dt {
margin-bottom: 0px;
padding:5px 0 5px 15px;
width: 100px;
float: left;
clear: both;
background:#EBE8E8;
border-right:4px solid #D2D2D2;
}
dl.outline_03 dd {
margin-bottom: 0px;
padding: 5px 0 5px 135px;
border-bottom: 1px dotted #999;
}

.r12{
color:#CC3300;
}


.lp_btn{
margin:20px 0 20px 0;
text-align:center;
}


.lp_btn a:hover img{
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
}

/*スタッフ紹介*/

h4{
background:url(../img/h4.gif) no-repeat;
width:580px;
height:25px;
text-align:left;
text-indent:25px;
font-weight:bold !important;
line-height:1.5em;
color:#06C;/*色変え*/
font-size:14px;
margin:25px 0 10px 0;
}

/*角丸div*/
.box01{
width: 570px;
background: url(../img/box01_bottom.gif) no-repeat bottom;
padding-bottom: 15px;
margin:0 auto;
}
.box01 .inner{
background: url(../img/box01_top.gif) no-repeat;
padding-top: 15px;
}
.box01 .inner02{
background: url(../img/box01_center.gif) repeat-y;
padding: 0 15px;
line-height:1.5em;
text-align:left;
}

/*left right*/
.box02{
width:530px;
height:auto;
}
.box02_l{
float:left;
width:190px;
height:auto;
}
.box02_r{
float:right;
width:315px;
height:auto;
}
.box02_r p{
background:#fdfaee;
padding:15px;
}

.note {
}
.note th {
font-weight: bold;
color:#06C;/*色変え*/
width:25%;
background:#f7f7f7;
text-align: left;
line-height: 1.5;
padding: 5px 10px;
vertical-align: middle;
}
.note td {
padding: 5px 10px;
vertical-align: middle;
background-color: #fff;
line-height: 1.75em;
text-align:left;
}

h5{
border-left:5px solid #06C;/*色変え*/
margin:15px 0 10px 0;
padding:5px 0;
text-indent:10px;
font-size:14px;
font-weight:bold !important;
}

.main_btn a:hover img{
	opacity:0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}

.main_btn img{
	padding-bottom:1px;
	border-bottom: 1px solid #ccc;}

/**/
.top_cache{
	vertical-align: middle;
	overflow: hidden;}
.top_cache .top_txt{
	vertical-align:top;
	width:346px;
	display: inline-block;
	font-size: 85%;
	line-height:1.6;
	margin-bottom: 20px;
	}
.top_cache img{
	margin-left: 10px;}
.top_cache a{
	width:244px;
	display: inline-block;
	
	}
/**/
.topspace01 .sub_title{
	margin-top:0;
	}
	
/*200729_shamaison*/

.sidemenu .ttl_sidemenu{
margin: 0 0 0 0;
border-left: 5px solid #1756D4;
padding-left: 0.5em;
color:#171716;
font-size: 14px;
}

.sidemenu{
margin-top: 20px;
}
.sidemenu img{
margin-top: 10px;
width: 100%;
}

.sub a:hover img{
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
}

.imgcen{
text-align: center;
margin-left: auto; margin-right: auto;
display: block;
}








	