/*--------------------------------------------------------------------
common
cssの初期化
--------------------------------------------------------------------*/


* {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
margin: 0;
padding: 0;
color:#333333;
line-height:1.8em;
}

/*bodyのスタイル*/

body {
text-align: center;
margin: 0px;
padding: 0px;
}

p {
margin-top: 10px;
margin-bottom: 10px;
padding: 0px;
margin-right: 0px;
margin-left: 0px;
text-align:left;
font-size:12px;
}

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

html, body {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
margin: 0;
padding: 0;
font-size: 100%;
}

h2, h3, h4, h5, h6, address, div, blockquote, p, pre, li, dl, dt, dd, hr {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: normal;
font-size: 100%;
}

table, caption, th, td {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: normal;
font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: inherit;
font-size: 100%;
}

a {color: #669900;}
a:hover {color:#FF9900;}

li{list-style:none;}

td{text-align:left;}

h2{
	margin:0px 0px 15px;}

h2.h2r{
	margin:25px 0px 13px;}
	
h2.h2s{
	margin:10px 0px 13px;}

h3{
	margin:0px 0px 15px;
	text-align:left;}
	

h3.h3rec{
	margin:40px 0px 15px;
	text-align:left;}
	
h3.h3rabs{
	color:#669900;
	font-size:14px;
	text-align:left;
	margin:0px;}

h4.h4m15{
	text-align:left;
	margin:0px 0px 15px;}

h4{
	text-align:left;
	margin:0px 0px 0px;}

h4.h4mt50u20{
	text-align:left;
	margin:50px 0px 20px;}

h5{
	text-align:left;
	margin:40px 0px 10px;}

p.tcenter{
	text-align:center;}
	

/*--------------------------------------------------------------------
common
ページ共通部分
--------------------------------------------------------------------*/

/*containerのスタイル*/

#container{
text-align:center;
margin:0px auto;
width:1008px;
font-size:12px;
}

#wrapper{
	background:url(../commonimg/bg.jpg) repeat-y 0 0;}

/*headerのスタイル*/
#header {
padding: 0px;
width:900px;
margin:13px auto 16px;
}

#main{
	margin:0px 0px 50px;}
	
.topflal{
	float:left;
	width:696px;}

.topflar{
	float:right;
	width:263px;}

#left{
	float:left;
	width:696px;}

.menu01{
	width:228px;
	float:left;
	margin:0px 5px 7px 0px;}

.menu02{
	width:228px;
	float:right;}

.menu03{
	width:228px;
	float:right;
	margin:0px 0px 25px;}
	
.blogarea{
	background:url(../commonimg/blogaria.jpg) no-repeat 0 0;
	padding:11px 0px 0px 0px;
	text-align:left;}

.blogaream{
text-align:left;
	width:630px;
	margin:0px 0px 0px 50px;}

.blog01{
	width:206px;
	float:left;
	margin:0px 5px 7px 0px;}
	
.blog02{
	width:206px;
	float:left;
	margin:0px 0px 7px 0px;}
.blog03{
	width:206px;
	float:left;
	margin:0px 5px 11px 0px;}
	
.blog04{
	width:206px;
	float:left;
	margin:0px 0px 11px 0px;}

#right{
	float:right;
	width:230px;}

.rmedia p{
	line-height:1.5em;
	margin:10px 0px 10px;}

#fbox{
	width:1000px;
	background:url(../commonimg/fbox.jpg) no-repeat 0 0;
	padding:20px 0px 10px;
	margin:0px auto 15px;
	text-align:left;
	position:relative;}
.fill{
	position:absolute;
	top:-40px;
	right:10px;}
	
#fbox table{
	margin:0px 0px 0px 20px;}

#fbox table td.flist01{
	background:url(../commonimg/icon02.jpg) no-repeat 0 5px;
	padding:0px 0px 2px 15px;	
	line-height:1em;}

#fbox table td.flist02{
	background:url(../commonimg/icon01.jpg) no-repeat 0 7px;
	padding:0px 0px 2px 15px;
	line-height:1em;}

.copyright a{
	color:#999999;
	text-decoration:none;
	font-size:11px;
	float:left;}

	
/*subpageのスタイル*/

.subm{
	background:url(../commonimg/subm.jpg) repeat-y 0 0;
	padding:16px 0px;}

.blackborder{
	border:#333333 solid 1px;
	padding:20px 0px;}

/* ナビ */

div#menubar {
   width: 100%;  /* 横幅：いっぱい */
   position:relative;
   margin:0px 0px 0px;
   z-index:2;
}
div#menubar table{
   margin:0px 0px 0px;
}
div#menubar img {
   vertical-align: top; /* 画像下に隙間ができるのを抑制 */
   border: 0px; /* 枠線をなくす */
}

div#subMenu01 ul {
   width:160px;
}

div#subMenu01 {
   position:absolute; top: 29px; left: 165px;
}

div#subMenu01 { visibility: hidden; }


div#subMenu01 li{
	display:block;
	padding:0px 8px 0px;
	height:25px;
	text-align:left;
	background:url(../commonimg/ssmenubg.jpg) repeat-x 0 0;
	line-height:2.0em;
}

div#subMenu02 ul {
   width:190px;
}

div#subMenu02 {
   position:absolute; top: 29px; left: 300px;
}

div#subMenu02 { visibility: hidden; }


div#subMenu02 li{
	display:block;
	padding:0px 8px 0px;
	height:25px;
	text-align:left;
	background:url(../commonimg/ssmenubg.jpg) repeat-x 0 0;
	line-height:2.0em;
}

div#subMenu03 ul {
   width:160px;
}

div#subMenu03 {
   position:absolute; top: 29px; left: 432px;
}

div#subMenu03 { visibility: hidden; }


div#subMenu03 li{
	display:block;
	padding:0px 10px 0px;
	height:25px;
	text-align:left;
	background:url(../commonimg/ssmenubg.jpg) repeat-x 0 0;
	line-height:2.0em;
}

div#subMenu04 ul {
   width:160px;
}

div#subMenu04 {
   position:absolute; top: 29px; left: 560px;
}

div#subMenu04 { visibility: hidden; }


div#subMenu04 li{
	display:block;
	padding:0px 8px 0px;
	height:25px;
	text-align:left;
	background:url(../commonimg/ssmenubg.jpg) repeat-x 0 0;
	line-height:2.0em;
}

div#subMenu05 ul {
   width:160px;
}

div#subMenu05 {
   position:absolute; top: 29px; left: 690px;
}

div#subMenu05 { visibility: hidden; }


div#subMenu05 li{
	display:block;
	padding:0px 8px 0px;
	height:25px;
	text-align:left;
	background:url(../commonimg/ssmenubg.jpg) repeat-x 0 0;
	line-height:2.0em;
}

div#menubar a:hover{
	color:#FFFFFF;}

div#menubar a{
	text-decoration:none;}

#right .blogbox{
	background:#96C461;
	padding:0px 0px 10px;}

/*serviceのスタイル*/

.qmark01{
	background:url(../service01/img/apartment/icon_q01.gif) no-repeat 0 0;
	padding:0px 0px 0px 35px;
	color:#669900;
	font-size:16px;
	margin:0px 0px 12px;}

.qmark01-2{
	background:url(../service01/img/apartment/icon_q01.gif) no-repeat 0 0;
	padding:0px 0px 0px 35px;
	color:#669900;
	font-size:16px;
	margin:0px 0px 40px;}

.qmark02{
	background:url(../service01/img/apartment/icon_q02.gif) no-repeat 0 0;
	padding:0px 0px 0px 35px;
	color:#FF9933;
	font-size:16px;
	margin:0px 0px 12px;}

.qmark02-2{
	background:url(../service01/img/apartment/icon_q02.gif) no-repeat 0 0;
	padding:0px 0px 0px 35px;
	color:#FF9933;
	font-size:16px;
	margin:0px 0px 40px;}

.hyoun td.tdl{
	background:url(../commonimg/icon_n.gif) no-repeat 0 8px;
	padding:2px 10px 2px 15px;
	line-height:1.8em;}

.hyoun td.tdl2{
	padding:2px 10px 2px 0px;
	line-height:1.8em;}
	

/*hyouのスタイル*/
.hyou01 td.td01{
	background:#ECECE1;}

.hyou01 td.td02{
	background:#F4F4EE;}

.hyou01 td{
	padding:10px 15px;}
	
/*companyのスタイル*/
.hyou_com td.tdl{
	color:#669900;
	background:url(../infomation/img/index/tdlbg.gif) repeat-y 0 0;}

.hyou_com td.tdline{
	height:15px;
	background:url(../commonimg/dot_line.gif) repeat-x 0 center;}

.hyou_com td{
	padding:5px 10px;}
	
.hyou_com td table td{
	padding:0px;}
	
/*contactのスタイル*/
.hyou_cot td.tdl{
	color:#669900;
	background:url(../contact/img/tdbg.gif) repeat-y 0 0;}

.hyou_cot td.tdline{
	height:15px;
	background:url(../commonimg/dot_line.gif) repeat-x 0 center;}

.hyou_cot td{
	padding:5px 10px;}
	
.input1{
	border:#999999 solid 1px;
	background:#F9F9F4;
}

.input2{
	border:#999999 solid 1px;
}

.txtsize{
	border:#999999 solid 1px;
	background:#F9F9F4;
	width:420px;
	height:100px;
	font-size:12px;
	padding:5px;
}

/*otherのスタイル*/

.borderpoint{
border-collapse: collapse;
}

.pagetop{
margin:30px 0px 0px;
text-align:left;
}

/*fontのスタイル*/
.txtb{
font-weight:bold;
}

.txtblue{
color:#163594;}

.txtred{
color:#FF0000;
}

.txtbred{
color:#FF0000;
font-weight:bold;
}

.txt404{
	font-size:18px;
	font-weight:bold;
	color:990000;}

.txt14{
	font-size:14px;
	font-weight:bold;}

/*float alignのスタイル*/
.fleft{
float:left;
text-align:left;
}

.fright{float:right;}

.tcenter{text-align:center;}
.tleft{text-align:left;}
.tright{text-align:right;}
.tcenter{
	text-align:center;
	vertical-align: top;
}
.clear{clear:both;}
.vtop{vertical-align:top;}

/*margin paddingのスタイル*/
.mt5{margin:5px 0px 0px;}
.mt10{margin:10px 0px 0px;}
.mt15{margin:15px 0px 0px;}
.mt20{margin:20px 0px 0px;}
.mt25{margin:25px 0px 0px;}
.mt30{margin:30px 0px 0px;}
.mt40{margin:40px 0px 0px;}

.mu3{margin:0px 0px 3px;}
.mu5{margin:0px 0px 5px;}
.mu7{margin:0px 0px 7px;}
.mu8{margin:0px 0px 8px;}
.mu10{margin:0px 0px 10px;}
.mu14{margin:0px 0px 14px;}
.mu15{margin:0px 0px 15px;}
.mu20{
margin:0px 0px 20px;
text-align: left;
}
.mu25{margin:0px 0px 25px;}
.mu30{margin:0px 0px 30px;}
.mu40{margin:0px 0px 40px;}
.mu41{margin:0px 0px 41px;}
.mu45{margin:0px 0px 45px;}
.mu50{margin:0px 0px 50px;}
.mu51{margin:0px 0px 51px;}
.mu60{margin:0px 0px 60px;}
.mu70{margin:0px 0px 70px;}
.mu100{margin:0px 0px 100px;}
.mu200{margin:0px 0px 200px;}
.mu500{margin:0px 0px 500px;}
.mu10r14{margin:0px 14px 10px 0px;}

.ml20{margin-left:20px;}
.mlr15{margin:0 15px 0 15px;}

/*widthのスタイル*/

.w100l{
	float:left;
	width:100px;}

.w155r{
	width:155px;
	float:right;}
	
.w165r{
	width:165px;
	float:right;}

.w530r{
	width:530px;
	float:right;}
	

.w580{
	width:580px;
	margin:0px auto;}

.w640{
	width:640px;
	margin:0px auto;}

.w966{
	width:966px;
	margin:0px auto;}
	
.w1000{
	width:1000px;
	margin:0px auto;}