@charset "UTF-8";

/* 基本構造 
____________*/

a:link {color:#3274A3;text-decoration:underline;}
a:visited {color: #3274A3; text-decoration:underline;}
a:hover { text-decoration: underline; color: #FF6699;}
a:active { text-decoration: none; color: #FF6699;}

a.link:link {  color:#0000FF;text-decoration:underline; }
a.link:visited {  color:#0000FF;text-decoration:underline; }
a.link:hover {  color: #0066FF;text-decoration: underline; }
a.link:active {  color: #0066FF;text-decoration: underline; }

.f_gr {font-size:10px; color:#666666;}

body {
    width:100%;
	height:100%;
	padding: 0;
	margin: 0; 
	font-size:12px;
	color:#333333;
	line-height:150%;
	background-color: #f5f5f5;
	text-align:center;
    font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

* html body {
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	vertical-align: baseline;
	text-align: center;
	width:100%;
	height:100%;
	padding: 0;
	margin: 0; 
	font-size:13px;
	color:#333333;
	line-height:150%;
	background-color:#f5f5f5;
	text-align:center;
} /* for lte ie6 */

*:first-child+html body {
        font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;	
        width:100%;
	height:100%;
	padding: 0;
	margin: 0; 
	font-size:12px;
	color:#333333;
	line-height:150%;
	background-color:#f5f5f5;
	text-align:center;
} /* for ie7 */

html>/**/body {
        font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;	
        width:100%;
	height:100%;
	padding: 0;
	margin: 0; 
	font-size:12px;
	color:#333333;
	line-height:150%;
	background-color:#f5f5f5;
	text-align:center;
} /* for ie8 */

html:not(:target) body {
	font-size: 12px;
	font-family: Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	width:100%;
	height:100%;
	padding: 0;
	margin: 0; 
	color:#333333;
	line-height:150%;
	background-color:#f5f5f5;
	text-align:center;
} /* for modern browser not ie8 */

img {border:none; -ms-interpolation-mode: bicubic;}
p { margin:0;padding:0;}
h1 {margin:0;padding:0;	font-size:12px;	font-weight:bold; color:#666666; float:left; margin:0; line-height:150%;}
h2 { margin:0 0 0 20px; padding:0;}
h2#page-title { margin:0; padding:5px 0 0 0;line-height:26px;height:32px;font-size:16px;border-bottom:#026d94 2px solid;color:#163d62;}
h3#page-title03 { margin:0; padding:5px 0 0 0;line-height:26px;height:32px;font-size:16px;border-bottom:#026d94 2px solid;color:#163d62;}
h2#page-title02 { margin:0 0 15px 0; padding:5px 0 0 0;line-height:26px;height:32px;font-size:16px;border-bottom:#026d94 2px solid;color:#163d62;}
.middle {vertical-align:top;margin:0 0 0 5px;}
.border {border:#ffffff 1px solid; }
.fr { color:#FF0000;}
.fb { color:#0066cc; font-weight:bold;}
.clear{ width:100%; height:auto; clear:both; margin:0 0 15px 0; padding:0;}
/* ヘッダ 
__________*/

#container { width:100%; height:100%; margin:0 auto; text-align:center; padding:0; clear:both; background: url(http://www.gradeone.biz/images/bg_h01.gif) repeat-x center top ; background-color:#f5f5f5;}
#container02 { width:100%; height:100%; margin:0 auto; text-align:center; padding:0; clear:both; background: url(http://www.gradeone.biz/images/bg_h02.gif) repeat-x center top ; background-color:#f5f5f5;}
#content { width: 960px; height: auto; margin:0 auto; padding:0; text-align:left; clear:both;}
#header {width: 960px; height: 77px; margin:0; padding:0; clear:both;}
#logo {width:205px;height:64px;	float:left;	margin:0; padding:0;}

ul#navi {width:auto; height:24px; float:right;	margin:31px 0 0 0;	padding:0;	list-style:none;}
ul#navi li { float:left; margin:0 0 0 20px; padding:0; list-style:none; display:inline;}
#nb01 a:hover { background-color:#ffffff;}
#nb01 a:hover img { visibility:hidden;}
#nb01 a { display:block; position:relative; background:url(http://www.gradeone.biz/images/nb01b.gif) no-repeat;}
#nb01 {width:93px; height:24px; margin:0 0 0 20px; padding:0; float:left;}

#nb02 a:hover { background-color:#ffffff;}
#nb02 a:hover img { visibility:hidden;}
#nb02 a { display:block; position:relative; background:url(http://www.gradeone.biz/images/nb02b.gif) no-repeat;}
#nb02 {width:68px; height:24px; margin:0 0 0 20px; padding:0; float:left;}

#nb03 a:hover { background-color:#ffffff;}
#nb03 a:hover img { visibility:hidden;}
#nb03 a { display:block; position:relative; background:url(http://www.gradeone.biz/images/nb03b.gif) no-repeat;}
#nb03 {width:68px; height:24px; margin:0 0 0 20px; padding:0; float:left;}

#nb04 a:hover { background-color:#ffffff;}
#nb04 a:hover img { visibility:hidden;}
#nb04 a { display:block; position:relative; background:url(http://www.gradeone.biz/images/nb04b.gif) no-repeat;}
#nb04 {width:68px; height:24px; margin:0 0 0 20px; padding:0; float:left;}

#nb05 a:hover { background-color:#ffffff;}
#nb05 a:hover img { visibility:hidden;}
#nb05 a { display:block; position:relative; background:url(http://www.gradeone.biz/images/nb05b.gif) no-repeat;}
#nb05 {width:93px; height:24px; margin:0 0 0 20px; padding:0; float:left;}

#topimage {	width: 960px; height: 290px; margin:0; padding:0; clear:both; background:url(http://www.gradeone.biz/images/main.jpg) no-repeat;}

#topimage ul {width:auto; height:34px; float:left; margin:245px 0 0 38px; padding:0; list-style:none;}
#topimage li { float:left; margin:0 0 0 15px; padding:0; list-style:none; display:inline;}
#gradeone a:hover { background-color:#ffffff;}
#gradeone a:hover img { visibility:hidden;}
#gradeone a { display:block; position:relative; background:url(http://www.gradeone.biz/images/nb01b.gif) no-repeat;}
#gradeone {width:92px; height:34px; margin:0; padding:0; float:left;}

#eofficenet a:hover { background-color:#ffffff;}
#eofficenet a:hover img { visibility:hidden;}
#eofficenet a { display:block; position:relative; background:url(http://www.gradeone.biz/images/eofficenet_on.gif) no-repeat;}
#eofficenet {width:195px; height:34px; margin:0; padding:0; float:left;}

#build a:hover { background-color:#ffffff;}
#build a:hover img { visibility:hidden;}
#build a { display:block; position:relative; background:url(http://www.gradeone.biz/images/build_on.gif) no-repeat;}
#build {width:92px; height:34px; margin:0; padding:0; float:left;}

/* メイン 
______________*/

#main {	width: 960px; height: auto; margin:20px 0 20px 0; padding:0; clear:both; background-color:#f5f5f5;}

#left { width:601px; height:100%; margin:0; padding:0 0 20px 0;	float:left;}
h2.bar { width:auto; height:auto; float:left; margin:0; padding:0;}
.btn {width:auto; height:auto; clear:both; margin:0 0 20px 0; padding:0; list-style:none; overflow:hidden;}
ul.btn li { float:left; margin:0; padding:0; list-style:none; display:inline;}

#btn_ground a:hover { background-color:#ffffff;}
#btn_ground a:hover img { visibility:hidden;}
#btn_ground a { display:block; position:relative; background:url(http://www.gradeone.biz/images/btn_ground_on.gif) no-repeat;}
#btn_ground {width:300px; height:80px; margin:0; padding:0; float:left;}

#btn_detached a:hover { background-color:#ffffff;}
#btn_detached a:hover img { visibility:hidden;}
#btn_detached a { display:block; position:relative; background:url(http://www.gradeone.biz/images/btn_detached_on.gif) no-repeat;}
#btn_detached {width:301px; height:80px; margin:0; padding:0; float:left;}

#btn_condo a:hover { background-color:#ffffff;}
#btn_condo a:hover img { visibility:hidden;}
#btn_condo a { display:block; position:relative; background:url(http://www.gradeone.biz/images/btn_condo_on.gif) no-repeat;}
#btn_condo {width:300px; height:79px; margin:0; padding:0; float:left;}

#btn_business a:hover { background-color:#ffffff;}
#btn_business a:hover img { visibility:hidden;}
#btn_business a { display:block; position:relative; background:url(http://www.gradeone.biz/images/btn_business_on.gif) no-repeat;}
#btn_business {width:301px; height:79px; margin:0; padding:0; float:left;}

#btn_investing a:hover { background-color:#ffffff;}
#btn_investing a:hover img { visibility:hidden;}
#btn_investing a { display:block; position:relative; background:url(http://www.gradeone.biz/images/btn_investing_on.gif) no-repeat;}
#btn_investing {width:300px; height:79px; margin:0; padding:0; float:left;}

#btn_resort a:hover { background-color:#ffffff;}
#btn_resort a:hover img { visibility:hidden;}
#btn_resort a { display:block; position:relative; background:url(http://www.gradeone.biz/images/btn_resort_on.gif) no-repeat;}
#btn_resort {width:301px; height:79px; margin:0; padding:0; float:left;}

#btn_office a:hover { background-color:#ffffff;}
#btn_office a:hover img { visibility:hidden;}
#btn_office a { display:block; position:relative; background:url(http://www.gradeone.biz/images/btn_office_on.gif) no-repeat;}
#btn_office {width:300px; height:80px; margin:0; padding:0; float:left;}

#btn_apartment a:hover { background-color:#ffffff;}
#btn_apartment a:hover img { visibility:hidden;}
#btn_apartment a { display:block; position:relative; background:url(http://www.gradeone.biz/images/btn_apartment_on.gif) no-repeat;}
#btn_apartment {width:301px; height:80px; margin:0; padding:0; float:left;}


#right { width:334px; height:auto; float:right; margin:0; padding:0;}

#contact a:hover { background-color:#ffffff;}
#contact a:hover img { visibility:hidden;}
#contact a { display:block; position:relative; background:url(http://www.gradeone.biz/images/contact_on.jpg) no-repeat;}
#contact {width:333px; height:88px; margin:0 0 15px 0; padding:0; clear:both;}

#news { width:334px; height:auto; clear:both; background:url(http://www.gradeone.biz/images/bg_topics.gif) no-repeat bottom center;}
#news h3 {width:334px; height:39px; margin:0 0 10px 0; padding:0; clear:both; }
ul#news_list {width:334px; height:auto; margin:0; padding:0 0 10px 0; clear:both; list-style:none;}
ul#news_list li {width:300px; height:auto; margin:0 0 15px 10px; padding:0 0 0 20px; list-style:none; background:url(http://www.gradeone.biz/images/arrow.gif) no-repeat 6px 6px; clear:both;}

#footer_content { width:100%; height:103px; background:url(http://www.gradeone.biz/images/bg_f.gif) repeat-x bottom left; margin:0 auto; clear:both;}
#footer { width:960px; margin:0 auto; padding:0; clear:both;}
ul#footer_nb {width:960px; height:24px; clear:both; text-align:left; margin:0 0 15px 0;	padding:15px 0 0 0;	list-style:none;}
ul#footer_nb li { width:auto; float:left; margin:0 10px 0 0; padding:0 0 0 15px; list-style:none; background:url(http://www.gradeone.biz/images/arrow.gif) no-repeat 6px 6px; display:inline;}

ul#footer_nb li a:link {color:#3274A3;text-decoration: none;}
ul#footer_nb li a:visited {color: #3274A3; text-decoration: none;}
ul#footer_nb li a:hover { text-decoration: underline; color: #3274A3;}
ul#footer_nb li a:active { text-decoration: underline; color: #3274A3;}

.footer_text { width:960px; height:auto; margin:0; padding:0; color:#FFFFFF; text-align:left;}

.hd_area {width:960px; height:61px; margin:0 0 20px 0; clear:both; }
.pankuzu {width:620px; height:auto; float:left; margin:20px 0 0 0; padding:0;}
ul#head_rt{ width:330px; height:34px; float:right; margin:15px 0 0 0; padding:0;}
ul#head_rt li { float:right; margin:0 0 0 15px; padding:0; list-style:none; display:inline;}
.right_body {width:633px; height:auto; margin:0 0 15px 0; padding:0; background-color:#ffffff;border:1px #cccccc solid;}

#left02 { width:635px; height:100%; margin:0; padding:0 0 20px 0; float:left;}
#right02 { width:300px; height:100%; margin:0; padding:0 0 20px 0; float:right;}

#contact02 a:hover { background-color:#ffffff;}
#contact02 a:hover img { visibility:hidden;}
#contact02 a { display:block; position:relative; background:url(http://www.gradeone.biz/images/contact_on.gif) no-repeat;}
#contact02 {width:300px; height:88px; margin:0 0 15px 0; padding:0; clear:both;}

.list { width:300px; height:auto; margin:0 0 15px 0; padding:0; clear:both; background:url(http://www.gradeone.biz/images/bg_right.gif) no-repeat bottom center;}
.list_02 {width:298px; height:auto; margin:0 0 0 0; padding:0 0 10px 0; clear:both;}
dl.list_02 dt {width:258px;margin:0 0 0 10px; padding:0 0 0 20px; background:url(http://www.gradeone.biz/images/arrow.gif) no-repeat 6px 6px;font-size:14px;font-weight:bold;color:#7a9560;}
dl.list_02 dd {width:258px;margin:0 0 10px 30px; padding:0 0 0 0px;}

dl.list_02 dt a:link {color:#7a9560;text-decoration: none;font-size:14px;font-weight:bold;}
dl.list_02 dt a:visited {color: #7a9560; text-decoration: none;font-size:14px;font-weight:bold;}
dl.list_02 dt a:hover { text-decoration: underline; color: #7a9560;font-size:14px;font-weight:bold;}
dl.list_02 dt a:active { text-decoration: underline; color: #7a9560;font-size:14px;font-weight:bold;}

table#detail {width:620px; border:1px solid #ffffff; border-collapse : collapse ; text-align:center;margin:5px auto;padding:0;}
table#detail th {width:25%;height:25px;line-height:25px; border:1px solid #ffffff; font-size:12px; font-weight:normal; background-color:#3274a3;color:#ffffff;}
table#detail td {width:75%;height:25px;line-height:25px; border:1px solid #ffffff; font-size:12px; background-color:#f5f5f5;vertical-align:middle;padding:5px;text-align:left;}

.detail_pic_01{ width:380px; height:285px; margin:0 2px 0 0; padding:0; float:left;}
.detail_pic_02{ width:120px; height:90px; margin:0 0 7px 5px; padding:0; float:left;}
.detail_pic_03{ width:635px; height:auto; margin:0 0 0 0; padding:0; clear:both;}

.item_m{width:633px;clear:both;font-size:14px;margin:0 0 5px 0;}
.item_list {width:633px; height:auto; border:#cccccc 1px solid; background-color:#ffffff; clear:both; margin:0 0 15px 0; padding:0; overflow:hidden;}
.user_pic {width:120px;height:90px; float:left; margin:5px}
table.item_detail {width:495px; border:1px solid #cccccc; border-collapse: collapse; text-align:center;margin:5px 5px 5px 0; float:right;}
table.item_detail th {width:35%;vertical-align:middle; font-size:12px; background-color:#3274a3;padding:3px 5px; border:1px solid #cccccc;color:#ffffff;}
table.item_detail td {width:65%; border:1px solid #cccccc; font-size:12px; background-color:#ffffff;text-align:left;padding:3px 5px;}

ul#sitemap {width:620px; height:auto; clear:both; text-align:left; margin:5px;	padding:0; list-style:none;overflow:hidden;}
ul#sitemap li { width:auto; margin:0; line-height:250%; padding:0 0 0 20px; list-style:none; background:url(http://www.gradeone.biz/images/arrow.gif) no-repeat 6px 12px;clear:both;}

.next {padding:2px 5px; margin:0 5px; background-color:#3274a3; color:#ffffff; text-decoration: none;}
.next:link {padding:2px 5px; margin:0 5px; background-color:#3274a3; color:#ffffff; text-decoration: none;}
.next:visited {padding:2px 5px; margin:0 5px; background-color:#3274a3; color:#ffffff; text-decoration: none;}
.next:hover {padding:2px 5px; margin:0 5px; background-color:#7a9560; color:#ffffff; text-decoration: none;}
.next:active {padding:2px 5px; margin:0 5px; background-color:#7a9560; color:#ffffff; text-decoration: none;}

a.link_next:link {color:#ffffff;text-decoration:none;}
a.link_next:visited {color: #ffffff; text-decoration:none;}
a.link_next:hover { text-decoration: none; color: #333333;}
a.link_next:active { text-decoration: none; color: #333333;}
a.link_before:link {color:#ffffff;text-decoration:none;}
a.link_before:visited {color: #ffffff; text-decoration:none;}
a.link_before:hover { text-decoration: none; color: #ffffff;}
a.link_before:active { text-decoration: none; color: #ffffff;}

.gototop {width:960px; text-align:right; clear:both;}
.small {font-size:8px!important;}