@charset "utf-8";

/* ============================== setup */
* { margin: 0; padding: 0; }
html,body{ height:100%; } 
body { background: url(../img/bg.gif) repeat-y center top; background-color: #EFEFEF; color: #333333; font-size: 12px; font-family: "MS PGothic", "Hiragino Kaku Gothic Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro W4", "Helvetica", "Verdana", sans-serif; text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ul, ol, dl, li, dt, dd { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
th { font-weight: normal; }
th, td { vertical-align: top; }
a,img { border: 0; }

a { text-decoration: none; color: #357EBB; }
a:link,visited { text-decoration: none; color: #357EBB; }
a:hover,active { text-decoration: underline; color:#39C }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }

/* ============================== float */
.clr { clear:both; }
.left { float:left; }
#right_Column .overview h4 {
	margin-bottom: 5px;
	margin-left: 10px;
}
.right { float:right; }

/* ============================== sprite */
#header,
#footer_top,
#footer,
#tab .home,
#tab .home a,
#tab .philosophy a,
#tab .management a,
#tab .company a,
#tab .philosophy_on,
#tab .management_on,
#tab .company_on,
#top_menu .management,
#top_menu .company,
#left_Column .menu01_on,
#left_Column .menu02_on,
#left_Column .menu03_on,
#left_Column .menu04_on,
#left_Column .menu05_on,
#left_Column .menu06_on,
#left_Column .menu07_on,
#left_Column .menu08_on,
#left_Column .menu02 a,
#left_Column .menu03 a,
#left_Column .menu04 a,
#left_Column .menu05 a,
#left_Column .menu06 a,
#left_Column .menu07 a,
#left_Column .menu08 a,
#right_Column .right_body .ryoiki .bg_ryoiki .ryoiki01 a,
#right_Column .right_body .ryoiki .bg_ryoiki .ryoiki02 a,
#right_Column .right_body .ryoiki .bg_ryoiki .ryoiki03 a,
#right_Column .right_body .magazine,
#right_Column .right_body .go_marinetower a
 { background: url(../img/sprite.png) no-repeat; }

/* ============================== margin */
.spc_b15 { margin-bottom: 15px; }
.spc_b20 { margin-bottom: 20px; }
.spc_b0 { margin-bottom: 0px; }
.spc_t5 { margin-top: 5px; }
.spc_t25 { margin-top: 25px; }

/* ============================== wrapper */
#wrapper { width: 904px; background: url(../img/wrapper_bg.gif) repeat-y; padding: 0 ; margin: 0 auto; }

/* ============================== header */
#header { width: 904px; height: 52px; }
#header h1 { display:none ; }

/* ============================== tab */
#tab { width: 860px; height: auto; margin-top:0px; margin-left:22px; }
#tab .home { width:215px; height:26px; background-position:0px -52px; display: block; float: left; }
#tab .home a { width:215px; height:26px; background-position:0px -52px; display: block; float: left; }
#tab .philosophy a { width:215px; height:26px; background-position:-215px -52px; display: block; float: left; }
#tab .management a { width:215px; height:26px; background-position:-430px -52px; display: block; float: left; }
#tab .company a { width:215px; height:26px; background-position:-645px -52px; display: block; float: left; }
#tab span { display:none ; }

#tab .home a:hover { background-position:0px -78px; }
#tab .philosophy a:hover { background-position:-215px -78px; }
#tab .management a:hover { background-position:-430px -78px; }
#tab .company a:hover { background-position:-645px -78px; }

#tab .philosophy_on { width:215px; height:26px; background-position:-215px -78px; display: block; float: left; }
#tab .management_on { width:215px; height:26px; background-position:-430px -78px; display: block; float: left; }
#tab .company_on { width:215px; height:26px; background-position:-645px -78px; display: block; float: left; }

/* ============================== section */
#main_Column { width: 860px; height: auto; margin-top:0px; margin-left:22px; }
#pankuzu { font-size:10px; width:850px; height: auto; margin:8px 0 8px 30px; }
#conBody { width: 904px; padding: 0; margin: 0 auto; background: url(../img/conbody_bg_btm.gif) no-repeat left bottom; }
#left_Column { width: 180px; height:auto; vertical-align: top; float:left; margin-right: 18px; padding-left: 22px; }
#right_Column { width:660px; height:auto; vertical-align: top; margin:0 ; float:left; }

/* ============================== footer */
#footer_top { width: 904px; height: 50px; background-position: 0px -681px; margin-top: 7px; }
#footer { width: 904px; height: 50px; background-position: 0px -681px; margin-top: 30px; }
.privacy { font-size: 10px; background: url(../img/arrow_s.gif) no-repeat 55px 3px ; padding-left: 62px; float: left; }
.copyright { float: right; margin-right: 22px; }
.gotop { width: 870px; font-size: 10px; text-align:right; padding-top:13px; }

/* ============================== index */
.topbanner { margin-top: 5px; }

#top_menu { width: 810px; height: auto; margin-top: 30px; margin-left: 24px; }
#top_menu .management { width: 380px; height: 120px; float: left; background-position: 0px -104px; margin-right: 50px; }
#top_menu .company { width: 380px; height: 120px; float: left; background-position: -380px -104px; }
#top_menu h2 { display:none ; }
#top_menu ul { width: 160px; height: auto; margin-top: 20px; margin-left: 220px; }
#top_menu li { background: url(../img/arrow.gif) no-repeat left 2px; padding-left: 10px; margin-bottom: 12px; }

#news { width: 810px; height: 150px; margin-top: 20px; margin-left: 24px; background: url(../img/top_bg_news.gif) no-repeat; }
#news ul { padding: 50px 0 0 10px ; }
#news ul li { background: url(../img/arrow.gif) no-repeat left 2px; padding-left: 10px; margin-bottom: 15px; }

/* ============================== left_Column（menu） */
#left_Column ul { margin: 0; padding: 0;}
#left_Column .menu01_on { width: 180px; height: 51px; background-position: 0px -225px; display:block; }
#left_Column .menu02_on { width: 180px; height: 50px; background-position: -181px -378px; display:block; }
#left_Column .menu03_on { width: 180px; height: 49px; background-position: -181px -427px; display:block; }
#left_Column .menu04_on { width: 180px; height: 49px; background-position: -181px -476px; display:block; }
#left_Column .menu05_on { width: 180px; height: 50px; background-position: -181px -525px; display:block; }
#left_Column .menu06_on { width: 180px; height: 49px; background-position: -544px -378px; display:block; }
#left_Column .menu07_on { width: 180px; height: 50px; background-position: -544px -427px; display:block; }
#left_Column .menu08_on { width: 180px; height: 50px; background-position: -544px -476px; display:block; }

#left_Column .menu02 a { width: 180px; height: 49px; background-position: 0px -378px; display:block; }
#left_Column .menu03 a { width: 180px; height: 49px; background-position: 0px -427px; display:block; }
#left_Column .menu04 a { width: 180px; height: 49px; background-position: 0px -476px; display:block; }
#left_Column .menu05 a { width: 180px; height: 50px; background-position: 0px -525px; display:block; }
#left_Column .menu06 a { width: 180px; height: 49px; background-position: -363px -378px; display:block; }
#left_Column .menu07 a { width: 180px; height: 50px; background-position: -363px -427px; display:block; }
#left_Column .menu08 a { width: 180px; height: 50px; background-position: -363px -476px; display:block; }

#left_Column .menu02 a:hover{ background-position: -181px -378px; }
#left_Column .menu03 a:hover{ background-position: -181px -427px; }
#left_Column .menu04 a:hover{ background-position: -181px -476px; }
#left_Column .menu05 a:hover{ background-position: -181px -525px; }
#left_Column .menu06 a:hover{ background-position: -544px -378px; }
#left_Column .menu07 a:hover{ background-position: -544px -427px; }
#left_Column .menu08 a:hover{ background-position: -544px -476px; }

#left_Column .txt { width: 145px; line-height: 150%; height: auto; background: url(../img/arrow_s.gif) no-repeat left 10px; padding: 5px 0 5px 10px; margin-left: 10px; }
#left_Column span { display:none ; }

/* ============================== right_Column */
#right_Column h2 { margin-bottom: 30px; }
#right_Column .right_body { width: 640px; margin-left: 20px; }

/* right_Column（philosophy） */
#right_Column .right_body .txt01 { line-height: 180%; height: auto; width: 350px; float: left; margin-left: 40px; }
#right_Column .right_body .ryoiki { width: 640px; height: auto; margin: 70px 0 10px 0; }
#right_Column .right_body .ryoiki h3 { margin-bottom: 30px; }
#right_Column .right_body .ryoiki .bg_ryoiki { width: 640px; height: 250px; background: url(../img/philo_bg01.gif) no-repeat 130px top; }
#right_Column .right_body .ryoiki .bg_ryoiki .ryoiki01 a { width: 219px; height: 76px; background-position: -180px -225px; display: block; margin-left:193px; }
#right_Column .right_body .ryoiki .bg_ryoiki .ryoiki02 a { width: 219px; height: 76px; background-position: -401px -225px; display: block; margin:90px 65px 0 50px; float:left; }
#right_Column .right_body .ryoiki .bg_ryoiki .ryoiki03 a { width: 219px; height: 76px; background-position: -620px -225px; display: block; margin-top:90px; float:left; }
#right_Column .right_body .ryoiki .bg_ryoiki .ryoiki01 a:hover { background-position: -180px -301px; }
#right_Column .right_body .ryoiki .bg_ryoiki .ryoiki02 a:hover { background-position: -401px -301px; }
#right_Column .right_body .ryoiki .bg_ryoiki .ryoiki03 a:hover { background-position: -620px -301px; }
#right_Column .right_body .ryoiki span { display:none; }

/* right_Column（management01） */
#right_Column .right_body .txt02 { line-height: 180%; height: auto; width: 350px; float: left; margin-right: 40px; }
#right_Column .right_body .con_under { width: 640px; height: auto; margin-top: 40px; }
#right_Column .right_body .con_under h3 { margin-bottom: 20px; }
#right_Column .right_body .magazine p { line-height: 150%; padding: 55px 210px 0px 20px; }
#right_Column .right_body .con_under .box01 { margin-bottom: 30px; }
#right_Column .right_body .txt03 { line-height: 150%; height: auto; width: 380px; float: left; margin-left:30px; }
#right_Column .right_body .magazine { width: 620px; height: 150px; background-position: -6px -750px; }

/* right_Column（management02） */
#right_Column .right_body .txt04 { line-height: 180%; height: auto; width: 620px; }
#right_Column .right_body .con_under .box02 { margin-bottom: 0px; }
#right_Column .right_body .txt05 { line-height: 150%; height: auto; width: 350px; float: left; margin-left:20px; }
#right_Column .right_body .con_under h4 { font-size: 14px; font-weight: bold; color: #6A3085; margin-bottom: 10px; }
#right_Column .right_body .data { font-size:10px; line-height: 150%; width: 350px; height: auto; background-color:#F0EAF2; }
.violet { color:#6A3085; }
#right_Column .right_body .con_under .data p { padding: 5px 10px; }

/* right_Column（management03） */
#right_Column .right_body .txt06 { line-height: 180%; height: auto; width: 345px; float: left; margin-left: 20px; }
#right_Column .right_body .box03 { margin-top: 15px; }
#right_Column .right_body .go_marinetower a { width: 172px; height: 52px; float: left; margin: 166px 0 0 20px; background-position: -2px -585px; }
#right_Column .right_body .go_marinetower a:hover { background-position: -174px -585px; }
#right_Column .right_body .go_marinetower span { display:none; }

/* right_Column（management04） */
#right_Column .mansion { width: 660px; height: auto; margin: 15px 0px 25px 0px; }
#right_Column .bukken { width: 325px; line-height: 180%; margin-left: 10px; float: left; _margin-left: 5px; _width: 315px; }
#right_Column li.mansion { width: 325px; background: url(../img/m04_r01.gif) no-repeat left 6px; padding-left: 10px; margin: 0px; _width: 315px; }
#right_Column li.building { background: url(../img/m04_r02.gif) no-repeat left 6px; padding-left: 10px; margin: 0px; }
#right_Column li.mall { background: url(../img/m04_r03.gif) no-repeat left 6px; padding-left: 10px; margin: 0px; }
.number { margin-left: 2px; }

/* right_Column（company01） */
#right_Column table.overview { width: 600px; margin: 0 30px; }
#right_Column .overview th { line-height: 150%; width: 90px; text-align:right; padding: 15px 0; }
#right_Column .overview .r01 { background: url(../img/c01_r.gif) no-repeat center 20px; width: 20px; }
#right_Column .map01 { margin: 30px 30px; }
#right_Column .overview .cell01 { line-height: 150%; width: 490px; padding: 15px 20px 15px 0; }
#right_Column .overview .cell_line { background: url(../img/c01_l.gif) repeat-x; height:1px; }
#right_Column .link_map { width: auto; background: url(../img/arrow_s.gif) no-repeat left 4px; float: left; padding-left: 8px; margin: 205px 0 0 15px; }

/* right_Column（company02） */
#right_Column .right_body .txt07 { line-height: 180%; height: auto; width: 300px; float: left; margin-left: 15px; }
.arrow { margin-right: 4px; }
#right_Column .list_logo {
	text-align: right;
	padding-right: 30px;
	width: auto;
	margin-top: 20px;
}
#right_Column .go_e-bukken {
	width: auto;
	text-align: right;
	margin-top: 10px;
	margin-right: 10px;
}

/* right_Column（company03） */
#right_Column .overview .r02 { background: url(../img/m04_r03.gif) no-repeat center 20px; width: 20px; }