@charset "Shift_JIS";
/* CSS Document */

/* 初期化======================================================================================================== */
body{
	background-image: url(../images/header_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	width: 100%;
	font-size: 12px;
	line-height: 1.8em;
	font-family:'MS PGothic'\0/; /* IE8のみ */
	color: #666;
	min-width:1080px;
}

a,
a:link,
a:visited {
	color: #666;
	text-decoration: underline;
}

a:hover {
	color: #888;
}

a:active {
	color: #FFCC00;
}

a span{
	display: block;
}

input[type="text"],
textarea{
	color: #333;
	background-color: #FFF;
	padding: 3px;
	margin: 1px;
	border: 1px solid #AAA;
}

input[type="text"]:hover,
textarea:hover{
	border: 1px solid #666;
}

input[type="text"]:focus,
textarea:focus{
	background-color: #F3F3F3;
}

.center{
	text-align: center;
}


/* 中身======================================================================================================== */
h1 {
	font-size: 10px;
	line-height: 1.5em;
	font-weight: normal;
	text-align: left;
	width: 1080px;
	height: 20px;
	margin: 0 auto;
}

/* ヘッダー======================================================================================================== */
#header {
	width: 1080px;
	height: 70px;
	margin: 0 auto;
	text-align: left;
}

#logo {
}

#logo a{
	display: block;
	height: 70px;
	width: 340px;
	overflow: hidden;
}

#logo a span{
	padding: 70px 0 0;
}

/* グローバルメニュー=============================================== */
#globalMenuBox{
	background-color: #007BBB;
}

#globalMenuBoxInner{
	width: 1080px;
	height: 40px;
	margin: 0 auto;
	text-align: left;
}

#globalMenu{
	width: 800px;
	height: 40px;
	float: left;
}

#globalMenu ul{
	padding: 0;
	width: 800px;
}

#globalMenu ul li{
	float: left;
	list-style-type: none;
	display: block;
	height: 40px;
	overflow: hidden;
}

#globalMenu ul li a{
	display: block;
	padding: 40px 0 0;
	background-image: url(../images/globalmenu.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#globalMenu ul li#GMone a{		background-position: left top; width:90px; }
#globalMenu ul li#GMtwo a{		background-position: -90px top; width:70px; }
#globalMenu ul li#GMthree a{	background-position: -160px top; width:70px; }
#globalMenu ul li#GMfour a{		background-position: -230px top; width:70px; }
#globalMenu ul li#GMfive a{		background-position: -300px top; width:80px; }
#globalMenu ul li#GMsix a{		background-position: -380px top; width:80px; }
#globalMenu ul li#GMseven a{	background-position: -460px top; width:70px; }
#globalMenu ul li#GMeight a{	background-position: -530px top; width:70px; }
#globalMenu ul li#GMnine a{		background-position: -600px top; width:100px; }
#globalMenu ul li#GMten a{		background-position: -700px top; width:100px; }

#globalMenu ul li#GMone a:hover {		background-position: left -40px; }
#globalMenu ul li#GMtwo a:hover {		background-position: -90px -40px; }
#globalMenu ul li#GMthree a:hover {		background-position: -160px -40px; }
#globalMenu ul li#GMfour a:hover {		background-position: -230px -40px; }
#globalMenu ul li#GMfive a:hover {		background-position: -300px -40px; }
#globalMenu ul li#GMsix a:hover {		background-position: -380px -40px; }
#globalMenu ul li#GMseven a:hover {		background-position: -460px -40px; }
#globalMenu ul li#GMeight a:hover {		background-position: -530px -40px; }
#globalMenu ul li#GMnine a:hover {		background-position: -600px -40px; }
#globalMenu ul li#GMten a:hover {		background-position: -700px -40px; }


/* グローバルメニュー2=============================================== */
#globalMenu2{
	width: 800px;
	height: 40px;
	float: left;
}

#globalMenu2 ul{
	padding: 0;
	width: 800px;
}

#globalMenu2 ul li{
	float: left;
	list-style-type: none;
	display: block;
	height: 40px;
	overflow: hidden;
}

#globalMenu2 ul li a{
	display: block;
	padding: 40px 0 0;
	background-image: url(../images/globalmenu2.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#globalMenu2 ul li#GMone a{		background-position: left top; width:132px; }
#globalMenu2 ul li#GMtwo a{		background-position: -132px top; width:132px; }
#globalMenu2 ul li#GMthree a{	background-position: -264px top; width:132px; }
#globalMenu2 ul li#GMfour a{		background-position: -396px top; width:132px; }
#globalMenu2 ul li#GMfive a{		background-position: -528px top; width:132px; }
#globalMenu2 ul li#GMten a{		background-position: -660px top; width:132px; }

#globalMenu2 ul li#GMone a:hover {		background-position: left -40px; }
#globalMenu2 ul li#GMtwo a:hover {		background-position: -132px -40px; }
#globalMenu2 ul li#GMthree a:hover {		background-position: -264px -40px; }
#globalMenu2 ul li#GMfour a:hover {		background-position: -396px -40px; }
#globalMenu2 ul li#GMfive a:hover {		background-position: -528px -40px; }
#globalMenu2 ul li#GMten a:hover {		background-position: -660px -40px; }

#miniMenu{
	width: 203px;
	height: 10px;
	margin: 15px 0 0;
	text-align: left;
	float: right;
}

#miniMenu ul{
	padding: 0;
	width: 203px;
}

#miniMenu ul li{
	float: left;
	list-style-type: none;
	display: block;
	height: 10px;
	overflow: hidden;
}

#miniMenu ul li#MMone{
	width:129px;
}

#miniMenu ul li a{
	display: block;
	padding: 10px 0 0;
	background-image: url(../images/minimenu.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#miniMenu ul li#MMone a{		background-position: left top; width:114px; }
#miniMenu ul li#MMtwo a{		background-position: -114px top; width:74px; }

#miniMenu ul li#MMone a:hover {		background-position: left -10px; }
#miniMenu ul li#MMtwo a:hover {		background-position: -114px -10px; }

/* コンテンツ======================================================================================================== */
#container {
	width: 1080px;
	margin: 0 auto;
	text-align: left;
}

#mainContents{
	float: left;
	width: 820px;
	margin: 15px 0;
}

#topicPath{
	font-size: 10px;
	line-height: 1.5em;
	text-align: right;
	margin: 0 0 10px;
}

.subBar{
	display: block;
	float: none;
	clear: both;
	font-size: 14px;
	line-height: 50px;
	font-weight: bold;
	color: #FFF;
	background-image: url(../images/subbar.jpg);
	background-repeat: repeat-x;
	background-position: right top;
	letter-spacing: 0.4em;
	height: 50px;
	padding: 0 0 0 20px;
	margin: 0 0 10px;
	text-shadow: 1px 1px 2px #330000; /*CSS3*/
	-moz-text-shadow: 1px 1px 2px #330000; /* Firefox用*/
	-webkit-text-shadow: 1px 1px 2px #330000; /* Google Chrome, Safari用*/
}

.subBar_m{
	display: block;
	float: none;
	clear: both;
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	color: #A29531;
	background-image: url(../images/subbar_m.gif);
	background-repeat: repeat-x;
	background-position: left top;
	letter-spacing: 0.4em;
	height: 40px;
	padding: 0 0 0 55px;
	margin: 0 0 10px;
}

sup{
	font-size: 10px;
}

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

/* 通常テーブルパターン */
table.normal{
	width: 100%;
	border-collapse:collapse;
	border-spacing: 0;
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 1.8em;
}

table.normal th,
table.normal td{
	padding: 5px;
	border-bottom: 1px dotted #888;
}

table.normal th{
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
}

table.normal span{
	font-size: 10px;
	font-weight: bold;
	color: #FF0000;
}

form #submit{
	text-align: center;
	margin-bottom: 15px;
}

#comingSoon{
	text-align: center;
	padding: 100px 0;
	font-size: 16px;
	line-height: 1.8em;
	font-weight: bold;
}

#comingSoon h3{
	font-size: 22px;
	line-height: 1.8em;
	margin: 0 0 20px;
}

/* サイド======================================================================================================== */
#sideContents{
	float: right;
	width: 220px;
}

/* クラブ */
#sideContents #SCclub{
	background-color: #007BBB;
	margin: 0 0 5px;
	padding: 0 0 10px;
	color: #FFF;
}

#sideContents #SCclub em{
	background-image: url(../images/title_club.gif);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	margin: 0 0 10px;
	height: 45px;
	overflow: hidden;
}

#sideContents #SCclub em span{
	display: block;
	padding: 45px 0 0;
}

#sideContents #SCclub p{
	padding: 0 10px;
}

#sideContents #SCclub .btn{
	text-align: center;
}

#sideContents #SCclub .btn a{
	background-image: url(../images/club_btn-new.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 50px;
	width: 200px;
	margin: 0 auto;
	overflow: hidden;
}

#sideContents #SCclub .btn a:hover{
	background-position: left -50px;
}

#sideContents #SCclub .btn a span{
	padding: 50px 0 0;
}

/* トピックス */
#sideContents #SCtopics{
	background-image: url(../images/topics_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0 0 10px;
	padding: 0 10px;
	height: 415px;
	overflow:hidden;
}

#sideContents #SCtopics em{
	display: block;
	height: 85px;
	overflow: hidden;
}

#sideContents #SCtopics em span{
	display: block;
	padding: 85px 0 0;
}

#sideContents #SCtopics iframe{
	height: 320px;
	width: 200px;
}

/* オープンハウス */
#sideContents #SCopenhouse{
	margin: 0 0 10px;
}

#sideContents #SCopenhouse a{
	background-image: url(../images/openhouse_btn.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 90px;
	overflow: hidden;
}

#sideContents #SCopenhouse a:hover{
	background-position: left -90px;
}

#sideContents #SCopenhouse a span{
	padding: 90px 0 0;
}

/* 無料査定 */
#sideContents #SCassessment{
	margin: 0 0 10px;
}

#sideContents #SCassessment a{
	background-image: url(../images/assessment_btn.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 140px;
	overflow: hidden;
}

#sideContents #SCassessment a:hover{
	background-position: left -140px;
}

#sideContents #SCassessment a span{
	padding: 140px 0 0;
}

/* スタッフ紹介 */
#sideContents #SCstaff{
	margin: 0 0 10px;
}

#sideContents #SCstaff a{
	background-image: url(../images/staff_btn.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 90px;
	overflow: hidden;
}

#sideContents #SCstaff a:hover{
	background-position: left -90px;
}

#sideContents #SCstaff a span{
	padding: 90px 0 0;
}

/* blog */
#sideContents #SCblog{
	margin: 0 0 10px;
}

#sideContents #SCblog a{}

#sideContents #SCblog a:hover img{
filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

#sideContents #SCblog a span{}

/* facebook */
#sideContents #SCfacebook{
	margin: 0 0 10px;
}

#sideContents #SCfacebook a{
	background-image: url(../images/facebook_btn.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 90px;
	overflow: hidden;
}

#sideContents #SCfacebook a:hover{
	background-position: left -90px;
}

#sideContents #SCfacebook a span{
	padding: 90px 0 0;
}

/* フッター======================================================================================================== */
.pageTopNavi{
	display: block;
	float: none;
	clear: both;
	width: 1080px;
	margin: 0 auto;
	text-align: right;
}

.pageTopNavi a{
	background-image: url(../images/pagetop.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin: 0 0 0 auto;
	height: 35px;
	width: 100px;
	overflow: hidden;
}

.pageTopNavi a:hover{
	background-position: -100px top;
}

.pageTopNavi a span{
	padding: 35px 0 0;
}

#footer {
	display: block;
	float: none;
	clear: both;
	background-color: #007BBB;
	color: #FFF;
}

#footerInner{
	width: 1080px;
	margin: 0 auto;
	padding: 20px 0 90px;
	text-align: left;
	background-image: url(../images/footer_bg.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#footer dl{
	float: left;
	display: block;
	width: 150px;
}

#footer dl#FTcominfo{
	width: 470px;
	background-image: url(../images/footer_photo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#footer dt{
	background-image: url(../images/footer_mtitle.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 20px;
	overflow: hidden;
}

#footer dl#FTcominfo dt{ 	background-position: 210px top; height: 30px; }
#footer dl#FTorder dt{ 		background-position: left -40px; }
#footer dl#FTsearch dt{ 	background-position: left -70px; }
#footer dl#FTcontents dt{ 	background-position: left -100px; }
#footer dl#FTcompany dt{ 	background-position: left -130px; }

#footer dt span{
	display: block;
	padding: 30px 0 0;
}

#footer dd{
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0 0 3px;
}

#footer dd a{
	color: #FFF;
	padding: 0 0 0 13px;
	text-decoration: none;
}

#footer dd a:hover{
	color: #FFCC00;
}

#footer dl#FTcominfo dd{
	background: none;
	padding: 0 0 0 210px;
}