/* Unchanged */
/* ===========================================
		Gardens Court Hassamu Minami
		base.css
		Last update：09/02/26
     ===========================================*/
/* ---------------------------------------------------------
		universal reset
     --------------------------------------------------------- */
body,h1,h2,h3,h4,h5,p,ul,li,dl,dt,dd {
	margin:0;
	padding:0;
}
ul {
	list-style:none;
}
img {
	vertical-align: bottom;
}
body {
	background:#ffffff;
	text-align:center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif;
	font-size:13px;
	line-height:1.6;
	color:#333;
}

li, dt, dd {
	font-size: 100%;
}

a img,
a hover img {
	border: none;
}

a:link,
a:visited {
text-decoration: none;
color:#93252A;
}

a:hover,
a:active {
	text-decoration: underline;
	color: #93252a;
}

/* ---------------------------------------------------------
		base layout
--------------------------------------------------------- */
div.container,
div.wrap {
	width: 920px;
	margin: 0 auto;
	text-align: left;
}
div.wrap {
	position: relative;
}
div#header {
	width: 920px;
	margin: 12px auto 10px;
	text-align: left;
	position: relative;
}

div#header02 {
	padding: 12px 0 5px;
	margin: 0 0 10px;
	position: relative;
}
div.addGradient {
	background: transparent url(../resource/img/bg_main.gif) repeat-x 0 bottom;
}
div#header ul#toolNavi,
div#header02 ul#toolNavi {
	position:absolute;
	right: 0;
	top: 0px;
}

div#header div#hdrMenu,
div#header02 div#hdrMenu {
	position:absolute;
	right: 150px;
	top: 32px;
}

div#header div#textSize,
div#header02 div#textSize {
	position:absolute;
	right: 0;
	top: 32px;
}

div#flashMain {
	clear: both;
	background: transparent url(../resource/img/bg_main.gif) repeat-x 0 bottom;
	padding: 0 0 20px;
	margin: 0 0 20px;
	font-size: 100%;
}

div#content {
	width: 920px;
	text-align: left;
	margin: 10px auto 0;
	font-size:100%;
}

* html div#content {
	width: 921px;
}

body.popup div#content {
	width: 540px;
	margin-top: 0;
}

body.popup div#footer {
	width: 100%;
}

body.double div#main {
	float: left;
	width: 690px;
	margin-right: 30px;
	font-size:100%;
}

body.single div#main {
	font-size:100%;
}

body.mainIndex div#main {
	width: 690px;
	float: left;
	overflow: hiden;
}

body.popup div#main {
	width: 540px;
	margin-top: 0;
}

div#utilities {
	float: right;
	width:200px;
}

body.mainIndex div#utilities {
	margin-top: 15	px;
}

div#footer {
	clear: both;
	padding: 0 0 10px 0;
	background-color: #666666;
	color: #cccccc;
	margin-bottom:0;
}

address{
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #cccccc;
	padding: 15px 0 0 0;
}

body.popup address {
	text-align: center;
}

.size_L {
	font-size: 120%;
}

p.link a {
	background: transparent url(../resource/img/ic_arrow.gif) no-repeat left center;
	padding-left: 8px;
}

p.return a {
	background: transparent url(../resource/img/ic_arrow_top.gif) no-repeat left center;
	padding-left: 10px;
}

p.return a:link,
p.return a:visited {
	color: #666666;
}

/* ---------------------------------------------------------
	text size change
--------------------------------------------------------- */
div#textSize p#size {
	float: left;
	font-size: 11px;
	padding: 0 5px 0 0;
}

div#textSize p {
	float: left;
	padding: 0;
	margin: 0;
}

div#textSize p a#fontSmall,
div#textSize p a#fontMiddle,
div#textSize p a#fontLarge {
	margin: 0;
	padding: 0 0 0 1px;
}

div#textSize p a#fontSmall img,
div#textSize p a#fontMiddle img,
div#textSize p a#fontLarge img {
	vertical-align: top;
}

/* ---------------------------------------------------------
	div#header ul#toolNavi
--------------------------------------------------------- */
div#header ul#toolNavi li,
div#header02 ul#toolNavi li {
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
}

div#header ul#toolNavi li.Inquiry span.size_L,
div#header02 ul#toolNavi li.Inquiry span.size_L {
	font-size: 17px;
}

div#header ul#toolNavi li.Inquiry img,
div#header02 ul#toolNavi li.Inquiry img {
	vertical-align: middle;
}

div#header ul#toolNavi li.Inquiry span,
div#header02 ul#toolNavi li.Inquiry span {
	color: #93252a;
}

div#header ul#toolNavi li.modelroomAccess a,
div#header02 ul#toolNavi li.modelroomAccess a {
	display: block;
	height: 25px;
	width: 146px;
	text-indent: -999em;
}

div#header ul#toolNavi li.modelroomAccess a:link,
div#header ul#toolNavi li.modelroomAccess a:visited,
div#header02 ul#toolNavi li.modelroomAccess a:link,
div#header02 ul#toolNavi li.modelroomAccess a:visited {
	background: transparent url(../resource/img/bt_modelroom_access.gif) no-repeat scroll 0 0;
}

div#header ul#toolNavi li.modelroomAccess a:hover,
div#header ul#toolNavi li.modelroomAccess a:active,
div#header02 ul#toolNavi li.modelroomAccess a:hover,
div#header02 ul#toolNavi li.modelroomAccess a:active {
	background-position: 0 -25px;
}

div#header ul#toolNavi li.siryoseikyu a,
div#header02 ul#toolNavi li.siryoseikyu a {
	display: block;
	height: 25px;
	width: 92px;
	text-indent: -999em;
}

div#header ul#toolNavi li.siryoseikyu a:link,
div#header ul#toolNavi li.siryoseikyu a:visited,
div#header02 ul#toolNavi li.siryoseikyu a:link,
div#header02 ul#toolNavi li.siryoseikyu a:visited {
	background: transparent url(../resource/img/bt_siryoseikyu_s.gif) no-repeat scroll 0 0;
}

div#header ul#toolNavi li.siryoseikyu a:hover,
div#header ul#toolNavi li.siryoseikyu a:active,
div#header02 ul#toolNavi li.siryoseikyu a:hover,
div#header02 ul#toolNavi li.siryoseikyu a:active {
	background-position: 0 -25px;
}

/* ---------------------------------------------------------
	div#header div#hdrMenu
--------------------------------------------------------- */
div#header div#hdrMenu ul,
div#header02 div#hdrMenu ul {
	font-size: 11px;
}

div#header div#hdrMenu ul li.menu1,
div#header div#hdrMenu ul li.menu2,
div#header div#hdrMenu ul li.menu3,
div#header div#hdrMenu ul li.menu_mail,
div#header02 div#hdrMenu ul li.menu1,
div#header02 div#hdrMenu ul li.menu2,
div#header02 div#hdrMenu ul li.menu3,
div#header02 div#hdrMenu ul li.menu_mail {
	display: inline;
	color: #93252a;
	margin: 0 0 0 8px;
}

div#header div#hdrMenu ul li.menu1 a,
div#header div#hdrMenu ul li.menu2 a,
div#header div#hdrMenu ul li.menu3 a,
div#header02 div#hdrMenu ul li.menu1 a,
div#header02 div#hdrMenu ul li.menu2 a,
div#header02 div#hdrMenu ul li.menu3 a {
	background: transparent url(../resource/img/ic_arrow.gif) no-repeat left center;
	padding-left: 8px;
}
div#header div#hdrMenu li.menu_mail a,
div#header02 div#hdrMenu li.menu_mail a {
	background: transparent url(../resource/img/ic_menu_mail.gif) no-repeat left center;
	padding-left: 11px;
}


/* ---------------------------------------------------------
	div#globalNavi
--------------------------------------------------------- */
div#globalNavi {
	margin: 10px 0 0;
	position: relative;1
}

div#globalNavi ul {
	z-index: 10;
	position: absolute;
	left:0;
}

div#globalNavi li {
	float: left;
	width: 153px;
}

div#globalNavi li.hasNavigation {
	position: relative;
}

div#globalNavi li.hasNavigation ul.subNavElm {
	position: static;
	margin: 0;
	padding: 0;
	width: 153px;
	z-index:20;
	visibility: hidden;
}

div#globalNavi li.hasNavigation ul.subNavElm li {
	position: static;
	width: 153px;
	height: 33px;
	float: none;
	clear: both;
	font-size: 12px;
	line-height: 33px;
}

* html div#globalNavi li.hasNavigation ul.subNavElm li {
	float: none;
	height: 32px;
	line-height: 32px;
	border-top: 1px solid #fff;
}

div#globalNavi li.hasNavigation ul.subNavElm li a {
	color: #fff;
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	height: 33px;
	background: transparent url(../resource/img/bg_subNavigation.gif) no-repeat left top;
}

div#globalNavi li.hasNavigation ul.subNavElm li.new a {
	background: #fff;
	color:#666;
}

* html div#globalNavi li.hasNavigation ul.subNavElm li a {
	border-top: 1px solid #000;
	background-image: none;
	background-color: #000;
	filter:alpha(opacity=60);
}

div#globalNavi li.hasNavigation ul.subNavElm li a:hover,
div#globalNavi li.hasNavigation ul.subNavElm li a:active {
	background-position: 0 -33px;
	text-decoration: none;
}

* html div#globalNavi li.hasNavigation ul.subNavElm li a:hover,
* html div#globalNavi li.hasNavigation ul.subNavElm li a:active {
	filter:alpha(opacity=85);
}


/* ---------------------------------------------------------
	ul#topicPath
--------------------------------------------------------- */
ul#topicPath {
	clear: both;
	margin-top: 50px;
	padding: 15px 0;
	font-size: 13px;
}

ul#topicPath li {
	display: inline;
}

ul#topicPath li.first,
ul#topicPath li.second {
	background: transparent url(../resource/img/ic_arrow02.gif) no-repeat right center;
	padding-right: 15px;
	margin: 0 10px 0 0;
}

/* ---------------------------------------------------------
	div#flashMain
--------------------------------------------------------- */
div#flashMain p {
	margin: 10px 0;
}

div#flashMain div.container {
	margin-top: 68px;
	position: static;
	z-index: 0;
}


/* ---------------------------------------------------------
	div#banner_reserve
--------------------------------------------------------- */
#banner_reserve {
	text-align:center;
	margin:1em 0 0;
/*	position: fixed;
	bottom:0px;
	left:0px;*/
}
/*
* html ,
* html body {
	height: 100%;
	overflow-y: hidden;
	overflow-x: auto;
}

* html #main {
	overflow: auto;
	position: relative;
	width: 100%;
	height: 100%;
}

*/
/* ---------------------------------------------------------
	a.bnr_festa2010
--------------------------------------------------------- */
a.bnr_festa2010 {
	margin: 0 0 10px;
	display:block;
}


/* ---------------------------------------------------------
	div#content div#main
--------------------------------------------------------- */
div#content div#main P {
	margin-bottom: 1em;
	line-height: 1.8;
}

body.double div#content div#main h2.titleImage,
body.double div#content div#main h1.titleImage {
	width: 690px;
	padding: 5px 0 0;
}

body.single div#content div#main h2.titleImage,
body.single div#content div#main h1.titleImage {
	width: 920px;
	padding: 5px 0 0;
}

body.mainIndex div#content div#main h2.titleImage {
	padding: 5px 0 0;
	width: 690px;
}

body.popup div#content div#main h2.titleImage,
body.popup div#content div#main h1.titleImage {
	padding: 5px 0 0;
	width: 540px;
}

div#content div#main h1.titleImage {
	margin: 0 0 20px;
}

div#content div#main h2.secTitle {
	font-size: 1em;
	margin: 0 0 20px;
}

div#content div#main dl.news {
	clear: both;
	margin: 0.5em 0.1em;
	padding: 5px 0;
	border-bottom: 1px dotted #cccccc;
}

div#content div#main dt {
	float: left;
	margin:0;
	padding: 0;
	width: 9em;
	color: #666666;
}

div#content div#main dl.news dt {
	font-size: 84.6%;
}

div#content div#main dd {
	margin-left: 9.5em;
}

div#content div#main p.link {
	clear: both;
	text-align: right;
}

div#content div#main p.link.alignLeft {
	text-align: left;
}

div#content div#main div.innerTitle {
	width: 690px;
	position: relative;
	margin: 30px 0;
}

div#content div#main div.innerTitle img {
	vertical-align: top;
}

div#content div#main div.innerTitle p.link {
	position:absolute;
	right: 0;
	top: 0;
}

/* ---------------------------------------------------------
	div#content div#main
--------------------------------------------------------- */
div#lead {
	padding: 0 0 30px;
	border-bottom: 1px solid #cccccc;
}

div#lead P {
}

p.note {
	clear: both;
	font-size: 80%;
	line-height: 1.4;
	color: #666666;
	padding: 5px 0 20px;
}


/* ---------------------------------------------------------
	div#content div#main div.section01
--------------------------------------------------------- */
div#content div#main div.section01,
div#content div#main div.section02 {
	border-bottom: 1px solid #cccccc;
	padding: 0 0 10px;
	margin-bottom: 20px;
}

div#main div.section01 div.rightBox {
	float: right;
	width: 420px;
}

div#main div.section01 div.rightBox h2,
div#main div.section02 div.rightBox h2 {
}

div#main div.section01 div.rightBox h2 img {
	vertical-align: top;
}

div#main div.section01 p.leftImg {
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
}

div#main div.section02 div.rightBox {
	float: right;
	width: 270px;
}

div#main div.section02 div.leftBox {
	float: left;
	margin-right: 8.5px;
}

div#main div.section02 div.leftBox p.leftImg {
	float: left;
	width: 200px;
	margin-right: 1.5px;
}
/* ---------------------------------------------------------
	div#content div#main div.section03
--------------------------------------------------------- */
div#main div.section03 {
	border-bottom: 1px solid #e6cdcd;
	border-left: 3px solid #93252A;
}

div#main div.section03 {
	margin: 20px 0 0;
	padding: 0 0 1em 15px;
}


div#main div.section03 div.leftBox {
	float: left;
	width: 455px;
	margin-right: 20px;
	padding: 0;
}

div#main div.section03 p.rightImg {
	float: right;
	margin: 0;
	padding: 0;
}
div#main div.section03 p.caption {
	clear: both;
	padding: 0 0 0 480px;
	font-size: 76.9%;
	line-height: 1.4;
	color: #666;
}

div#main div.section01 h3,
div#main div.section02 h3,
div#main div.section03 h3,
div#main div.section04 h3 {
	font-size: 100%;
	color: #552e31;
	font-weight: normal;
	padding-bottom: 5px;
}

div#main div.section04 {
	background: transparent url(../resource/img/bg_line.gif) no-repeat 0 bottom;
	margin: 20px 0;
	padding: 0;
}

div#main div.section04:after {
	content:".";
	visibility:hidden;
	display:block;
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
}

div#main div.section04 div.twoColumnLeft {
	float: left;
	width: 315px;
	margin-right: 20px;
	padding: 0 0 1em 15px;
}
div#main div.section04 div.twoColumnRight {
	float: right;
	width: 315px;
	padding: 0 0 1em 15px;
}


/* ---------------------------------------------------------
	div#content div# 
--------------------------------------------------------- */
div#utilities p.canpain {
	margin-bottom:10px;
}

div#utilities p.siryoseikyu a,
div#utilities p.blog a {
	display: block;
	height: 56px;
	width: 200px;
	text-indent: -9999em;
}
div#utilities p.blog{
	margin-top:10px;
}

div#utilities p.siryoseikyu a:link,
div#utilities p.siryoseikyu a:visited {
	background: transparent url(../resource/img/bn-siryoseikyu.gif) no-repeat 0 0;
}
div#utilities p.blog a:link,
div#utilities p.blog a:visited {
	background: transparent url(../resource/img/bn-blog.gif) no-repeat 0 0;
}

div#utilities p.siryoseikyu a:hover,
div#utilities p.siryoseikyu a:active,
div#utilities p.blog a:hover,
div#utilities p.blog a:active {
	background-position: 0 -56px;
}

div#utilities h2.titleSide {
	margin: 10px 0;
	padding: 0 0 5px;
	border-bottom: 1px solid #cccccc;
}

div#utilities ul.bannerList {
	margin: 0 0 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #cccccc;
}

div#utilities ul.bannerList li {
	height: 41px;
	border-bottom: 1px solid #cccccc;
	text-indent: -9999em;
}

div#utilities ul.bannerList li.concept a {background: transparent url(../concept/img/bt_side_concept.gif) no-repeat 0 0;}

div#utilities ul.bannerList li.gtype a {background: transparent url(../model_room_gallery/img/bt_side_gtype.gif) no-repeat 0 0;}
div#utilities ul.bannerList li.ftype a {background: transparent url(../model_room_gallery/img/bt_side_ftype.gif) no-repeat 0 0;}
div#utilities ul.bannerList li.etype a {background: transparent url(../model_room_gallery/img/bt_side_etype.gif) no-repeat 0 0;}
div#utilities ul.bannerList li.dtype a {background: transparent url(../model_room_gallery/img/bt_side_dtype.gif) no-repeat 0 0;}

div#utilities ul.bannerList li.exterior a {background: transparent url(../exterior/img/bt_side_exterior.gif) no-repeat 0 0;}
div#utilities ul.bannerList li.equipment a {background: transparent url(../quality/img/bt_side_equipment.gif) no-repeat 0 0;}
div#utilities ul.bannerList li.security a {background: transparent url(../quality/img/bt_side_security.gif) no-repeat 0 0;}
div#utilities ul.bannerList li.spec a {background: transparent url(../quality/img/bt_side_spec.gif) no-repeat 0 0;}
div#utilities ul.bannerList li.structure a {background: transparent url(../quality/img/bt_side_structure.gif) no-repeat 0 0;}
div#utilities ul.bannerList li.access a {background: transparent url(../life_area/img/bt_side_access.gif) no-repeat 0 0;}
div#utilities ul.bannerList li.lifeinfo a {background: transparent url(../life_area/img/bt_side_lifeinfo.gif) no-repeat 0 0;}

div#utilities ul.bannerList li a {
	display: block;
	height: 41px;
}

div#utilities ul.bannerList li a:hover,
div#utilities ul.bannerList li a:active,
div#utilities ul.bannerList li.current a {
	background-position: 0 -41px;
}

* html div#utilities ul.bannerList li.current a:hover,
* html div#utilities ul.bannerList li.current a:active {
	background-position: 0 -41px;
}

div#utilities div.utilitiesSide {
	margin-top: 10px;
	border: 1px solid #cccccc;
	padding: 8px;
}

div#utilities div.utilitiesSide div.guide {
	float: right;
	padding: 0;
}

div#utilities div.utilitiesSide div.guide h2 {
	font-size: 13px;
	color: #666666;
	font-weight: bold;
	border-bottom: none;
}

div#utilities div.utilitiesSide div.guide p.link {
	font-size: 12px;
}

div#utilities div.utilitiesSide div.guide p.leftImg {
	float: left;
}

div#utilities div.utilitiesSide p.blog {
	clear: both;
	font-size: 12px;
	margin: 0 0 5px;
	padding: 0;
}

div#utilities div.utilitiesSide p.blogBanner a {
	display: block;
	text-indent: -999em;
	height: 25px;
	width: 181px;
}

div#utilities div.utilitiesSide p.blogBanner a:link,
div#utilities div.utilitiesSide p.blogBanner a:visited {
	background: transparent url(../resource/img/bn_blog.gif) no-repeat 0 0;
}

div#utilities div.utilitiesSide p.blogBanner a:hover,
div#utilities div.utilitiesSide p.blogBanner a:active {
	background-position: 0 -25px;
}

div#utilities div.utilitiesSide div.movie {
	float: right;
	margin: 0;
	padding: 0;
}

div#utilities div.utilitiesSide div.movie h2 {
	font-size: 13px;
	color: #666666;
	font-weight: bold;
	border-bottom: none;
}

div#utilities div.utilitiesSide div.movie p.link {
	font-size: 12px;
}

div#utilities div.utilitiesSide div.movie p.leftImg {
	float: left;
}

div#utilities div.utilitiesSide p.downloadBanner {
	clear: both;
	border-top: 1px dotted #cccccc;
	font-size: 10px;
	line-height: 1.3;
	margin: 10px 0 0;
	padding: 10px 0 0;
	color: #666;
}

div#utilities div.utilitiesSide p.downloadBanner a {
	display: block;
	text-align: center;
	margin: 0 0 5px;
}

/* ---------------------------------------------------------
	div#content p.return
--------------------------------------------------------- */
div#content p.return {
	clear: both;
	text-align: right;
	padding: 50px 0 15px;
	color: #666666;
}

* html div#content p.return {
	height: 1;
}

/* ---------------------------------------------------------
	div#footer
--------------------------------------------------------- */
div#footer div.footerTop {
	float:left;
	padding-bottom:1em;
	border-bottom:1px solid #999;
}
div#footer div.footerTop div.footerLogo {
	float: left;
	margin: 1em 2px 0 0;
}
div#footer div.footerTop2 {
	float:left;
	padding-bottom:1em;
	border-bottom:1px solid #999;
}
div#footer div.footerTop2 div.footerLogo {
	float: left;
	margin: 1em 9px 0 0;
	width:221px;
}
div#footer div.last {
	margin: 1em 0 0 0;
}
div#footer div.footerLogo p {
	font-size:0.8em;
}

div#footer div.information {
	float: left;
	clear:both;
	text-align: left;
	margin: 1.2em 0 0 0;
}

div#footer div.information p.freedial {
	font-size: 18px;
	margin: 10px 0 0;
	color: #ffffff;
}

div#footer div.information p.freedial img {
	vertical-align: text-top;
}

div#footer div#footerNavi {
	float: right;
	text-align: right;
}

div#footer div#footerNavi ul.subMenu {
	clear: both;
	font-size: 11px;
	color: #cccccc;
	margin: 1.2em 0 0 0;
}

div#footer div#footerNavi ul.subMenu li {
	display:inline;
}

div#footer div#footerNavi ul.subMenu li a {
	border-left: 1px solid #cccccc;
	padding: 0 5px;
}

div#footer div#footerNavi ul.subMenu li.mostRight a {
	padding: 0 0 0 8px;
}

div#footer div#footerNavi ul.subMenu a:link,
div#footer div#footerNavi ul.subMenu a:visited {
	color: #cccccc;
}
div#footer div#footerNavi ul.subMenu a:hover,
div#footer div#footerNavi ul.subMenu a:active {
	color: #cccccc;
	text-decoration:underline;
}

/* ---------------------------------------------------------
		.float
     --------------------------------------------------------- */
.f_Left {
	float: left;
	padding-right: 16px;
}

.f_Right {
	float: right;
}

/* ---------------------------------------------------------
		list
     --------------------------------------------------------- */
ul.disc {
	list-style: disc inside;
}

ul.cols li {
	margin-bottom: 0.5em;
}


/* ---------------------------------------------------------
		images
     --------------------------------------------------------- */
div#content div#main p.img {
	margin-top: 10px;
}

/* ---------------------------------------------------------
		clearfix
     --------------------------------------------------------- */
.clearfix:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
	font-size: 0;
	line-height: 0;
}
.clearfix{
	display: inline-block;
}
/* Hides from IE-mac ¥*/
* html .clearfix {
	height:1%;
}
.clearfix{
	display:block;
}
/* End hide from IE-mac */