/*clearfix
----------------------------------------------------------*/
div:after,ul:after {
        content:".";
        height:0px;
        clear:both;
        display: block;
        visibility:hidden;
}
div {
        display:inline-block;
}

/*基本
----------------------------------------------------------*/
* {
        margin:0;
        padding:0;
}
img {
        border:0;
}


/*リンク
----------------------------------------------------------*/
a: {text-decoration: underline;}

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



/*ベースレイアウト
----------------------------------------------------------*/
body {
	background-color: #FFFFFF;
	margin-top: 0px;
	text-align: center;
}
#outframe {
	width: 910px;
	text-align: left;
	background-repeat: repeat-y;
	background-image: url(../img/back.jpg);
	padding-left: 1px;
	　　margin-right: auto;
	margin-left: auto;
	margin-right: auto;
}
#container {
	width: 880px;
	text-align: left;
	clear: both;
	padding-top: 10px;
	padding-left: 20px;
	margin-bottom: 10px;
}
.font10 {
	font-size: 10px;
	line-height: 14px;
}
.clear {
	clear: both;
	height: 1px;
	margin: 0px;
	padding: 0px;
}
.pagetop {
	font-size: 12px;
	text-align: right;
	width: 880px;
	padding-top: 10px;
	padding-bottom: 10px;
	clear: both;
}


/*ヘッダ
----------------------------------------------------------*/
#header {
	background: url(../img/header.gif) no-repeat;
	height: 100px;
	width: 898px;
}
#header h1 {
	font-size: 12px;
	line-height: 12px;
	font-weight: normal;
	color: #000000;
	text-align: right;
	height: 15px;
	margin-right: 10px;
	padding-top: 20px;
}
#header h2 {
	height: 20px;
	color: #FF6600;
	font-size: 12px;
	line-height: 12px;
	font-weight: normal;
}
#header ul{
	list-style: none outside;
	clear: both;
	margin-right: 10px;
	padding-top: 15px;
}
#header li{
	float: right;
	height: 25px;
	width: 140px;
	margin-right: 3px;
}
#header li a{
	float: right;
	height: 25px;
	width: 140px;
	text-indent: -9999px;
	display: block;
}

#header #b_shiryo {
	background: url(../img/b_siryo.jpg) no-repeat;
}
#header #b_shiryo a:hover{
	background: url(../img/b_siryo.jpg) no-repeat 0px -25px;
}
#header #b_raijo {
	background: url(../img/b_raijo.jpg) no-repeat;
}
#header #b_raijo a:hover {
	background: url(../img/b_raijo.jpg) no-repeat 0px -25px;
}




/*メニュー
----------------------------------------------------------*/
#menu{
	width: 898px;
	height: 36px;
	clear: both;
	margin-left: 1px;
}
#menu ul{
	list-style: none outside;
}
#menu li{
	float: left;
	height: 36px;
	width: 112px;
}
#menu li a{
	float: left;
	height: 36px;
	width: 112px;
	text-indent: -9999px;
	display: block;
}
#menu #menu1{
	background: url(../img/menu1.jpg) no-repeat;
}
#menu #menu1 a:hover{
	background: url(../img/menu1.jpg) no-repeat 0px -36px;
}
#menu #menu2{
	background: url(../img/menu2.jpg) no-repeat;
}
#menu #menu2 a:hover{
	background: url(../img/menu2.jpg) no-repeat 0px -36px;
}
#menu #menu3{
	background: url(../img/menu3.jpg) no-repeat;
}
#menu #menu3 a:hover{
	background: url(../img/menu3.jpg) no-repeat 0px -36px;
}
#menu #menu4{
	background: url(../img/menu4.jpg) no-repeat;
}
#menu #menu4 a:hover{
	background: url(../img/menu4.jpg) no-repeat 0px -36px;
}
#menu #menu5{
	background: url(../img/menu5.jpg) no-repeat;
}
#menu #menu5 a:hover{
	background: url(../img/menu5.jpg) no-repeat 0px -36px;
}
#menu #menu6{
	background: url(../img/menu6.jpg) no-repeat;
}
#menu #menu6 a:hover{
	background: url(../img/menu6.jpg) no-repeat 0px -36px;
}
#menu #menu7{
	background: url(../img/menu7.jpg) no-repeat;
}
#menu #menu7 a:hover{
	background: url(../img/menu7.jpg) no-repeat 0px -36px;
}
#menu #menu8{
	background: url(../img/menu8.jpg) no-repeat;
}
#menu #menu8 a:hover{
	background: url(../img/menu8.jpg) no-repeat 0px -36px;
}


/*フッタ
----------------------------------------------------------*/
#footer {
	height: 85px;
	width: 908px;
	clear: both;
	background: url(../img/btm.jpg) no-repeat;
	text-align: left;
	vertical-align: top;
}
#footer img {
	margin-top: 18px;
	margin-left: 20px;
}
#btmmenu {
	clear: both;
	width: 898px;
	font-size: 12px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #6699FF;
	color: #FFFFFF;
}
#btmmenu a{
	color: #FFFFFF;
}



/*TOPページ
----------------------------------------------------------*/

#top #container img {
	margin-right: 1px;

}
#top #main1 {
	float: left;
	width: 570px;
}
#top #info {
	background: #EDEAE1 url(../top/tab_info.gif) no-repeat;
	width: 560px;
	margin-top: 5px;
	margin-bottom: 10px;
}
#top #info p {
	font-size: 12px;
	line-height: 17px;
	padding-top: 22px;
	padding-left: 5px;
	padding-bottom: 5px;
}
#top #info a {
	color: #FF3399;
	text-decoration: none;
}
#top #main2 {
	float: left;
	width: 290px;
}
#mobile {
	background: url(../top/mobile_back.gif) no-repeat;
	height: 190px;
	width: 280px;
}
#top #mobile p{
	padding-top: 30px;
	padding-left: 10px;
	font-size: 12px;
	line-height: 18px;
	width: 265px;
}
#top #mobile img {
	margin-right: 8px;
}

/*デザインページ
----------------------------------------------------------*/
#design #main1 {
	background: url(../design/main1.jpg) no-repeat;
	text-indent: -9999px;
	height: 1400px;
	width: 860px;
}
#design #main2 {
	background: url(../design/main2.jpg) no-repeat;
	text-indent: -9999px;
	height: 633px;
	width: 860px;
}

/*ロケーションページ
----------------------------------------------------------*/
#location #main1 {
	background: url(../location/main1.jpg) no-repeat;
	text-indent: -9999px;
	height: 910px;
	width: 860px;
}
#location #main2 {
	background: url(../location/main2.jpg) no-repeat;
	height: 270px;
	width: 860px;
}
#location #main2 h2{
	text-indent: -9999px;
}
#location #main2 p{
	padding-top: 50px;
	padding-left: 317px;
	padding-right: 30px;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
}
#location .location1 {
	font-size: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom: 1px dotted #666666;
	width: 290px;
}
#location .location2 {
	font-size: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom: 1px dotted #666666;
	width: 109px;
}
#location .loc-title {
	font-size: 12px;
	line-height: 16px;
	border-bottom: 2px solid #339999;
}

/*アウトラインページ
----------------------------------------------------------*/
#outline .hyou {
	width: 800px;
	margin-top: 20px;
	margin-left: 30px;
}
#outline .cel1 {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background: #76A0F9;
	height: 20px;
	padding-left: 20px;
	border-bottom: 1px solid #FFFFFF;
}
#outline .cel2 {
	font-size: 12px;
	background: #76A0F9;
	width: 160px;
	padding-left: 10px;
	color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
#outline .cel3 {
	font-size: 12px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom: 1px solid #76A0F9;
}



/*アクセスページ
----------------------------------------------------------*/
#access #main1 {
	background: url(../access/main1.jpg) no-repeat;
	text-indent: -9999px;
	height: 630px;
	width: 860px;
}
#access #main2 {
	background: url(../access/main2.jpg) no-repeat;
	text-indent: -9999px;
	height: 960px;
	width: 860px;
}
#access #main3 {
	background: url(../access/main3.jpg) no-repeat;
	height: 440px;
	width: 860px;
}
#access #main3 h2{
	text-indent: -9999px;
}
#access #main3 p{
	padding-top: 40px;
	padding-left: 515px;
	padding-right: 60px;
	font-size: 12px;
	line-height: 22px;
	font-weight: normal;
}



/*equipmentページ
----------------------------------------------------------*/
.cap {
	font-size: 10px;
	line-height: 15px;
	text-align: right;
	clear: both;
	padding-top: 10px;
}

#equipment #main1 {
	background: url(../equipment/security1.gif) no-repeat;
	height: 190px;
	width: 860px;
	text-indent: -9999px;
}
#equipment #main2 {
	background: url(../equipment/security2.jpg) no-repeat;
	height: 550px;
	width: 860px;
}
#equipment #main2 h3{
	padding-top: 30px;
	padding-left: 570px;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #6699CC;
	}
#equipment #main2 p{
	padding-top: 10px;
	padding-left: 570px;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}
#security .contnts {
	float: left;
	margin-top: 15px;
	margin-right: 25px;
	padding-top: 10px;
	padding-right: 10px;
	border-top: 2px solid #6699CC;
	border-right: 1px solid #6699CC;
	font-size: 12px;
	line-height: 15px;
}
#security h3 {
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	color: #6699CC;
	padding-bottom: 5px;
}
#security #sub01 {
	width: 400px;
}
 #security #sub01 img {
	margin-top: 10px;
}
#security #sub02 {
	width: 400px;
}
#security #sub02 img {
	margin-top: 10px;
}
#security #sub03 {
	width: 835px;
}
#security #sub03 img {
	margin-left: 15px;
}
#security #sub04 {
	width: 455px;
}
#security #sub05 {
	width: 350px;
}
#security #sub05 img {
	margin-top: 10px;
}


#confort .contnts {
	float: left;
	margin-top: 15px;
	margin-right: 15px;
	padding-top: 10px;
	padding-right: 10px;
	border-top: 2px solid #6699CC;
	border-right: 1px solid #6699CC;
	font-size: 12px;
	line-height: 15px;
	width: 265px;
	height: 135px;
}
#confort h3 {
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	color: #6699CC;
	padding-bottom: 5px;
}
#confort .contnts img {
	margin-left: 5px;
}
#multimedia .contnts {
	float: left;
	margin-top: 15px;
	margin-right: 15px;
	padding-top: 10px;
	padding-right: 10px;
	border-top: 2px solid #6699CC;
	border-right: 1px solid #6699CC;
	font-size: 12px;
	line-height: 15px;
	width: 410px;
}
#multimedia h3 {
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	color: #6699CC;
	padding-bottom: 5px;
}
#multimedia .contnts img {
	margin-left: 5px;
}

#multimedia #catv {
	width: 850px;
}
#equipment #main3 {
	background: url(../equipment/confort1.gif);
	clear: both;
	width: 860px;
	height: 80px;
	margin-top: 50px;
}
#equipment  #main3 h2 {
	text-indent: -9999px;
}

#utility .contnts {
	float: left;
	margin-top: 15px;
	margin-right: 15px;
	padding-top: 10px;
	padding-right: 10px;
	border-top: 2px solid #6699CC;
	border-right: 1px solid #6699CC;
	font-size: 12px;
	line-height: 15px;
	width: 265px;
	height: 155px;
	overflow: visible;
}
#utility h3 {
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	color: #6699CC;
	padding-bottom: 5px;
}
#utility .contnts img {
	margin-left: 5px;
}

#equipment #main4 {
	background: url(../equipment/structure1.gif);
	clear: both;
	width: 860px;
	height: 85px;
	margin-top: 50px;
}
#equipment  #main4 h2 {
	text-indent: -9999px;
}

#structure .contnts {
	float: left;
	margin-top: 15px;
	margin-right: 15px;
	padding-top: 10px;
	padding-right: 10px;
	border-top: 2px solid #6699CC;
	border-right: 1px solid #6699CC;
	font-size: 12px;
	line-height: 15px;
	width: 410px;
	height: 170px;
}
#structure h3 {
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	color: #6699CC;
	padding-bottom: 5px;
}
#structure .contnts img {
	margin-left: 5px;
}
#structure #kanri {
	width: 845px;
	height: 220px;
}



/*プランページ
----------------------------------------------------------*/
#roomplan #main1 {
	height: 870px;
	width: 430px;
	float: left;
}
#roomplan #main2 {
	height: 870px;
	width: 430px;
	float: left;
}
#roomplan #main1 p,#roomplan #main2 p{
	padding-left: 20px;
	font-size: 10px;
	line-height: 15px;
	font-weight: normal;
}
#roomplan #main1 img,#roomplan #main2 img{
	margin-top: 15px;
}


/*モデルルームページ
----------------------------------------------------------*/
#gallery  #container {
	width: 898px;
	padding-left: 0px;
}
#gallery #main {
	width: 878px;
	padding-left: 20px;
	margin-top: 20px;
}
#gallery #main .list {
	width: 860px;
	padding-left: 14px;
	margin: 0;
}
#gallery #outframe #container .list img {
	margin-right: 2px;
	margin-bottom: 4px;
}
#gallery #main #living{
	background-image: url(../gallery/back_living.gif);
	background-repeat: no-repeat;
	height: 370px;
}
#gallery #main #bed{
	background-image: url(../gallery/back_bed.gif);
	background-repeat: no-repeat;
	height: 225px;
	clear: both;
}
#gallery #main #private{
	background-image: url(../gallery/back_private.gif);
	background-repeat: no-repeat;
	height: 205px;
	float: left;
	width: 430px;
}
#gallery #main #sanitary{
	background-image: url(../gallery/back_sanitary.gif);
	background-repeat: no-repeat;
	height: 215px;
	float: left;
	width: 410px;
}
#gallery #main #etc{
	background-image: url(../gallery/back_etc.gif);
	background-repeat: no-repeat;
	height: 215px;
	width: 865px;
	clear: both;
}
#gallery .wrap {
	clear: both;
	height: 225px;
	width: 880px;
}
#gallery  #photo {
	padding-top: 55px;
}