@charset "utf-8";


/* ********************************************************************************
 *
 * 【アクアスイート西中島】main.css
 *
 * ******************************************************************************** */



/* ================================================================================
 * ブラウザ初期化スタイル
 * ================================================================================ */

*{
	margin: 0;
	padding: 0;
	}

a img {
	border: none;
	}



/* ================================================================================
 * link
 * ================================================================================ */

a {
	text-decoration: none;
	outline: none;
	color: #1B499C;
	}

a:hover {
	text-decoration:underline;
	color: #96ADD4;
	}

	
/* Mac IE には適用させない \*/
ul#madori-menu li#m-menu01 a,
ul#madori-menu li#m-menu02 a,
ul#madori-menu li#m-menu03 a,
ul#madori-menu li#m-menu04 a,
ul#madori-menu li#m-menu05 a,
ul#madori-menu li#m-menu06 a,
ul#madori-menu li#m-menu07 a,
ul#madori-menu li#m-menu08 a,
ul#madori-menu li#m-menu09 a,
ul#madori-menu li#m-menu10 a,
ul#madori-menu li#m-menu11 a,
ul#madori-menu li#m-menu12 a,
p.shousai-btn a,
#close p#btn-close  a,
#header h1 a,
p#contact-btn a {
	overflow: hidden;
	}
/**/



/* ================================================================================
 * 汎用クラススタイル
 * ================================================================================ */

.text01 {
	line-height: 1.6;
	font-size: 12px;
	color: #6C6C6C;
	}
	
.note-text {
	line-height: 1.8;
	font-size: 12px;
	color: #FFFFFF;
	}
	
.caption {
	font-size: 10px;
	color: #737373;
	}
	
.policy {
	font-size: 10px;
	color: #3666B3;
	}
	
.policy a {
	color: #3666B3;
	}
	
.policy a:hover {
	color: #3666B3;
	text-decoration: underline;
	}

/* 右にfloat */
.right {
	float: right;
	}
	
/* 左にfloat */
.left {
	float: left;
	}
 
/* floatをクリア */
.clear:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
	}
	
.clear { display:inline-table; }

/* Mac IE には適用させない \*/
* html .clear { height:1px; }
.clear { display:block; }
/* */
/* floatクリア（ここまで） */



/* ================================================================================
 * 基本レイアウト
 * ================================================================================ */

body {
	margin-bottom: 20px;
	font-family: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
	}

/* ヘッダーの背景　下階層共通 */
#container{
	width: 100%;
	background: url(../images/header_bg_line.gif) left top repeat-x;
	text-align: center;
	}

#contents {
	width: 785px;
	margin: 0 auto;
	}

/* ヘッダー */
#header {
	position: relative;
	width: 785px;
	height: 108px;
	background: url(../images/header_bg.jpg) left top no-repeat;
	}
	
/* アクアスイートロゴ */
#header h1 a {
	position: absolute;
	top: 25px;
	left: 7px;
	display: block;
	width: 133px;
	height: 41px;
	background: url(../images/logo.jpg) left top no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	}

/* アクアスイートロゴ横のテキスト */
p#header-info {
	position: absolute;
	top: 25px;
	left: 157px;
	width: 157px;
	height: 41px;
	background: url(../images/header_info_text.gif) left top no-repeat;
	text-indent: -9999px;
	}
	
/* お問い合わせページへのボタン */
p#contact-btn a {
	position: absolute;
	top: 43px;
	right: 17px;
	width: 147px;
	height: 34px;
	background: url(../images/contact_btn.jpg) left top no-repeat;
	text-indent: -9999px;
	}
	
p#contact-btn a:hover {
	background-position: 0 -35px;
	}	
	

/* ヘッダー　パンくず */
#step-link {
	position: relative;
	width: 779px;
	height: 29px;
	margin: 10px 0 15px 0;
	background-color: #EEEEEE;
	}
	
#step-link ul {
	position: absolute;
	padding: 0;
	left: 8px;
	top: 9px;
	line-height: 0;
	}
	
#step-link ul li {
	display: inline;
	margin: 0 0 0 8px;
	font-size: 10px;
	color: #737373;
	}
	
#step-link ul li a {
	line-height: 1;
	color: #3666B3;
	}
	
#step-link ul li a:hover {
	text-decoration: underline;
	}	

#footer {
	}



/* ================================================================================
 * トップページ（index.html）
 * ================================================================================ */

#top-container {
	text-align: center;
	}
	
#top-fla {
	width: 100%;
	height: 560px;
	margin: 0 auto;
	} 

#top-contents {
	width: 780px;
	margin: 6px auto 0 auto;
	} 

	
/* dl#top-news */
dl#top-news {
	width: 280px;
	height: 100px;
	margin: 10px 0 0 auto;
	list-style: none;
	line-height: 1.5;
	font-size: 10px;
	color: #737373;
	overflow: auto;
}	
dl#top-news dt {
	float: left;
	width: 70px;
}
dl#top-news dd {
	float: left;
	width: 185px;
}
	

/* ================================================================================
 * デザインコンセプト（concept/index.html）
 * ================================================================================ */

table#concept {
	background: url(../../concept/images/concept_designconcept.jpg) right top no-repeat;
	}

.design1 {
	clear:both;
	float:right;
	position:right bottom;
	}
	
.text-concept {
	margin:0 25px 0 50px;
	}



/* ================================================================================
 * インタビュー（interview/index.html）
 * ================================================================================ */

#interview-fla {
	width: 780px;
	height: 514px;
	}
	
/* flash playerダウンロードボタン */
dl#get-flash {
	width: 300px;
	margin: 10px auto 10px 0;
	text-align: left;
	}
	
dl#get-flash dt,
dl#get-flash dd {
	display: inline;
	}
	
dl#get-flash dt {
	width: 88px;
	margin-right: 6px;
	}
	
dl#get-flash dd {
	padding-top: 2px;
	font-size: 10px;
	line-height: 1.4;
	color: #666666;
	}



/* ================================================================================
 * 間取り（layout/index.html）
 * ================================================================================ */
 
table#madori {
	background: url(../../layout/images/layout_floor_plan.jpg) right top no-repeat;
	}

/* 間取りメニュー　ここから */
ul#madori-menu {
	width: 745px;
	margin: 0 auto 30px;
	}
	
ul#madori-menu li {
	float: left;
	display: block;
	height: 35px;
	background: url(../../layout/images/madori_menu.jpg) no-repeat;
	list-style: none;
	text-indent: -9999px;
	}
	
/* 現在地 */
ul#madori-menu li#m-menu01 {
	width: 47px;
	background-position: 0 -70px;
	}
ul#madori-menu li#m-menu02 {
	width: 48px;
	background-position: -47px -70px;
	}
ul#madori-menu li#m-menu03 {
	width: 48px;
	background-position: -95px -70px;
	}
ul#madori-menu li#m-menu04 {
	width: 48px;
	background-position: -143px -70px;
	}
ul#madori-menu li#m-menu05 {
	width: 48px;
	background-position: -191px -70px;
	}
ul#madori-menu li#m-menu06 {
	width: 48px;
	background-position: -239px -70px;
	}
ul#madori-menu li#m-menu07 {
	width: 48px;
	background-position: -287px -70px;
	}
ul#madori-menu li#m-menu08 {
	width: 48px;
	background-position: -335px -70px;
	}
ul#madori-menu li#m-menu09 {
	width: 48px;
	background-position: -383px -70px;
	}
ul#madori-menu li#m-menu10 {
	width: 48px;
	background-position: -431px -70px;
	}
ul#madori-menu li#m-menu11 {
	width: 48px;
	background-position: -479px -70px;
	}
ul#madori-menu li#m-menu12 {
	width: 218px;
	background-position: -527px -70px;
	}
	
/* グレーアウト時 */
ul#madori-menu li#m-menu01.closed {
	width: 47px;
	background-position: 0 -105px;
	}
ul#madori-menu li#m-menu02.closed {
	width: 48px;
	background-position: -47px -105px;
	}
ul#madori-menu li#m-menu03.closed {
	width: 48px;
	background-position: -95px -105px;
	}
ul#madori-menu li#m-menu04.closed {
	width: 48px;
	background-position: -143px -105px;
	}
ul#madori-menu li#m-menu05.closed {
	width: 48px;
	background-position: -191px -105px;
	}
ul#madori-menu li#m-menu06.closed {
	width: 48px;
	background-position: -239px -105px;
	}
ul#madori-menu li#m-menu07.closed {
	width: 48px;
	background-position: -287px -105px;
	}
ul#madori-menu li#m-menu08.closed {
	width: 48px;
	background-position: -335px -105px;
	}
ul#madori-menu li#m-menu09.closed {
	width: 48px;
	background-position: -383px -105px;
	}
ul#madori-menu li#m-menu10.closed {
	width: 48px;
	background-position: -431px -105px;
	}
ul#madori-menu li#m-menu11.closed {
	width: 48px;
	background-position: -479px -105px;
	}
ul#madori-menu li#m-menu12.closed {
	width: 218px;
	background-position: -527px -105px;
	}
	
/* リンク有り通常 */
ul#madori-menu li a {
	display: block;
	height: 35px;
	background: url(../../layout/images/madori_menu.jpg) no-repeat;
	text-indent: -9999px;
	}
ul#madori-menu li#m-menu01 a {
	width: 47px;
	background-position: 0 0;
	}
ul#madori-menu li#m-menu02 a {
	width: 48px;
	background-position: -47px 0;
	}
ul#madori-menu li#m-menu03 a {
	width: 48px;
	background-position: -95px 0;
	}
ul#madori-menu li#m-menu04 a {
	width: 48px;
	background-position: -143px 0;
	}
ul#madori-menu li#m-menu05 a {
	width: 48px;
	background-position: -191px 0;
	}
ul#madori-menu li#m-menu06 a {
	width: 48px;
	background-position: -239px 0;
	}
ul#madori-menu li#m-menu07 a {
	width: 48px;
	background-position: -287px 0;
	}
ul#madori-menu li#m-menu08 a {
	width: 48px;
	background-position: -335px 0;
	}
ul#madori-menu li#m-menu09 a {
	width: 48px;
	background-position: -383px 0;
	}
ul#madori-menu li#m-menu10 a {
	width: 48px;
	background-position: -431px 0;
	}
ul#madori-menu li#m-menu11 a {
	width: 48px;
	background-position: -479px 0;
	}
ul#madori-menu li#m-menu12 a {
	width: 218px;
	background-position: -527px 0;
	}

/* マウスオーバー */
ul#madori-menu li#m-menu01 a:hover {
	background-position: 0 -35px;
	}
ul#madori-menu li#m-menu02 a:hover {
	background-position: -47px -35px;
	}
ul#madori-menu li#m-menu03 a:hover {
	background-position: -95px -35px;
	}
ul#madori-menu li#m-menu04 a:hover {
	background-position: -143px -35px;
	}
ul#madori-menu li#m-menu05 a:hover {
	background-position: -191px -35px;
	}
ul#madori-menu li#m-menu06 a:hover {
	background-position: -239px -35px;
	}
ul#madori-menu li#m-menu07 a:hover {
	background-position: -287px -35px;
	}
ul#madori-menu li#m-menu08 a:hover {
	background-position: -335px -35px;
	}
ul#madori-menu li#m-menu09 a:hover {
	background-position: -383px -35px;
	}
ul#madori-menu li#m-menu10 a:hover {
	background-position: -431px -35px;
	}
ul#madori-menu li#m-menu11 a:hover {
	background-position: -479px -35px;
	}
ul#madori-menu li#m-menu12 a:hover {
	background-position: -527px -35px;
	}
/* 間取りメニュー　ここまで */


/* 詳細へ　ボタン */
p.shousai-btn {
	display: block;
	width: 88px;
	height: 23px;
	background: url(../../layout/images/shousai_btn.jpg) left -50px no-repeat;
	text-indent: -9999px;
	} 
p.shousai-btn a {
	display: block;
	width: 88px;
	height: 23px;
	background: url(../../layout/images/shousai_btn.jpg) left top no-repeat;
	text-indent: -9999px;
	}
p.shousai-btn a:hover {
	background-position: left -25px;
	}	
/* 詳細へ　ボタン　ここまで */




/* ********** 各部屋タイプ概要紹介詳細ページ共通 *********** */

table#layout-content {
	text-align: left;
	margin: 0;
	padding: 0;
	}
table#layout-content ul {
	list-style: none;
	}
	
	
/* ********** 各部屋タイプ概要紹介詳細ページ(type_○.html) *********** */

table#layout-content table.floot-type {
	height: 214px;
	border-left: 4px solid #BACCF1;
	}

table#layout-content table.floot-type p.text01 {
	margin-left: 38px;
	}

table#layout-content ul.details {
	font-size: 11px;
	line-height: 1.6;
	color: #6C6C6C;
}
table#layout-content ul.details li {
	float: left;
	width: 100px;
	padding: 9px;
	margin-right: 4px;
	border: 1px solid #D0D0D0;
}
table#layout-content ul.details li dl {
	margin-top: 10px;
}
table#layout-content ul.details li dl dt {
	margin-bottom: 8px;
	line-height: 0;
}


/* type-a */
table#layout-content ul#type-a li {
	height: 370px;
}

/* type-b */
table#layout-content ul#type-b li {
	height: 390px;
}

/* type-c */
table#layout-content ul#type-c li {
	height: 390px;
}

/* type-d */
table#layout-content ul#type-d li {
	height: 390px;
}

/* type-e */
table#layout-content ul#type-e li {
	height: 360px;
}

/* type-f */
table#layout-content ul#type-f li {
	height: 360px;
}

/* type-g */
table#layout-content ul#type-g li {
	height: 360px;
}

/* type-h */
table#layout-content ul#type-h li {
	height: 360px;
}

/* type-i */
table#layout-content ul#type-i li {
	height: 360px;
}

/* type-j */
table#layout-content ul#type-j li {
	height: 360px;
}

/* ********** インテリアスタイルページ(interior_style.html) *********** */

table#layout-content ul.list01 {
	padding: 15px;
	border: 2px solid #DDDDDD;
	list-style: none;
	font-size: 10px;
	color: #6C6C6C;
	}
table#layout-content ul.list01 li {
	margin-bottom: 5px;
	padding-left: 5px;
	text-indent: -5px;
	}
table#layout-content table.border {
	border: 2px solid #DDDDDD;
	}
table#layout-content table.border td {
	height: 120px;
	padding: 10px;
	}
table#layout-content table.border td p.text01 {
	padding-left: 10px;
	border-left: 2px solid #A9C300;
	}


	
/* ================================================================================
 * 設備（facilities/index.html）
 * ================================================================================ */
table#facilities {
	background: url(../../facilities/images/facilities_bg_01.jpg) right top no-repeat;
	}
	
	


/* ================================================================================
 * ロケーション（location/index.html）
 * ================================================================================ */

table#location {
	background: url(../../location/images/location_location.jpg) right top no-repeat;
	}



/* ================================================================================
 * 眺望（view/index.html）
 * ================================================================================ */

table#view {
	background: url(../../view/images/view_view.jpg) right top no-repeat;
	}
	
.view-bg {
	background:url(../../view/images/view_bg.gif) top left repeat-y;
	}
	
.view-txt {
	margin:5px 38px 20px 30px;
	font-size:12px;
	line-height:160%;
	}


/* 第19回　なにわ淀川花火大会 */
#view-hanabi {
	position: relative;
	width: 740px;
	height: 401px;
	margin: 0 auto 25px;
	background: url(../../view/images/view_hanabi_bg.jpg) 0 0 no-repeat;
	text-align: left;
	}
#view-hanabi h3 {
	position: absolute;
	top: 0;
	left: 150px;
	}
	
#view-hanabi p.tx01,
#view-hanabi p.tx02,
#view-hanabi p.tx03 {
	font-size: 12px;
	line-height: 1.6;
	color: #6C6C6C;
}
#view-hanabi p.tx01 {
	position: absolute;
	top: 80px;
	left: 152px;
	width: 370px;
	}
#view-hanabi p.tx02 {
	position: absolute;
	top: 340px;
	left: 350px;
	width: 385px;
	}
#view-hanabi p.tx03 {
	position: absolute;
	right: 15px;
	bottom: 1px;
	}
	

/* 梅田の夜景 */
table#night-view {
	width: 730px;
	margin: 0 auto;
	}
table#night-view h3{
	margin-bottom: 20px;
	}
table#night-view p.caption {
	margin-top: 5px;
	padding: 0 0 0 12px;
	background: url(../../view/images/icn_01.gif) 0 3px no-repeat;
	line-height: 1.1;
	}


/* ================================================================================
 * お問い合わせ（contact/index.html）
 * ================================================================================ */

#contact-wrapper {
	width: 100%;
	background: url(../../contact/images/contact_haikei.jpg) right top no-repeat;
	}
	
table#contact-form td {
	font-size: 12px;
	color: #666666;
	}

/* お問い合わせフォーム
 * ------------------------------------------------------------------------------- */
.input01,
.input02,
.input03,
.input-postcode,
.input-phone,
.input-fax,
.input-mail,
.input-work,
.input-station,
.input-inquiry {
	padding: 2px 4px;
	border-top: 2px solid #75736E;
	border-left: 2px solid #75736E;
	border-right: 2px solid #F2F0EE;
	border-bottom: 2px solid #F2F0EE;
	font-size: 12px;
	color: #333333;
	}
	
.input01 {
	width:200px;
	}
	
.input02 {
	width: 30px;
	}
	
.input-postcode,
.input-phone,
.input-fax {
	width: 50px;
	}
	
.input-mail {
	width: 220px;
	}
	
.input03 {
	width: 285px;
	}
	
.input-work {
	width: 140px;
	}
	
.input-station {
	width: 90px;
	}
	
.input-inquiry {
	width: 285px;
	height: 100px;
	}
	
.select {
	width: 9em;
	border-top: 2px solid #75736E;
	border-left: 2px solid #75736E;
	border-right: 2px solid #F2F0EE;
	border-bottom: 2px solid #F2F0EE;
	font-size: 12px;
	color: #333333;
	}
	
.input01:hover,
.input02:hover,
.input03:hover,
.input-postcode:hover,
.input-phone:hover,
.input-fax:hover,
.input-mail:hover,
.input-work:hover,
.input-station:hover,
.input-inquiry:hover {
	background-color: #A3C8E5;
	border-right: 2px solid #DFDFDF;
	border-bottom: 2px solid #DFDFDF;
	}
	
.input01:focus,
.input02:focus,
.input03:focus,
.input-postcode:focus,
.input-phone:focus,
.input-fax:focus,
.input-mail:focus,
.input-work:focus,
.input-station:focus,
.input-inquiry:focus {
	background-color: #EFF8FF;
	}

.error {
	color:#FF3333;
	}
	
#btn-kakunin {
	display: block;
	width: 150px;
	height: 41px;
	background: url(../../contact/images/contact_btn.jpg) left top no-repeat;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
	}
	
#btn-kakunin:hover {
	background-position: 0 -46px;
	}
	
#btn-reset {
	display: block;
	width: 150px;
	height: 41px;
	background: url(../../contact/images/contact_btn.jpg) -156px 0 no-repeat;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
	}
	
#btn-reset:hover {
	background-position: -156px -46px;
	}

#btn-submit {
	display: block;
	width: 150px;
	height: 41px;
	background: url(../../contact/images/contact_btn.jpg) -311px 0 no-repeat;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
	}
	
#btn-submit:hover {
	background-position: -311px -46px;
	}
	
.btn-home {
	display: block;
	width: 150px;
	height: 41px;
	background: url(../../contact/images/contact_btn2.jpg) 0px 0px no-repeat;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
	}
	
.btn-home:hover {
	background-position: 0px -46px;
	}		
/* お問い合わせフォーム　ここまで */


/* Gmap
 * ------------------------------------------------------------------------------- */

ul#gMapId {
	list-style:disc;
	margin-left:20px;
	}
	
ul#gMapId a{
	color: #3666B3;
	}
	
ul#gMapId a:hover{
	text-decoration:underline;
	}



/* ================================================================================
 * 物件概要（summary/index.html）
 * ================================================================================ */

table#summary {
	background: url(../../summary/images/summary_outline.jpg) right bottom no-repeat;
	}
	
.view-bg {
	background:url(../../view/images/view_bg.gif) top left repeat-y;
	}
	
.summary-txt {
	margin-left:3em;
	margin-bottom: 5px;
	color:#6C6C6C; 
	line-height: 1.2;
	}
	
.sup {
	font-size:6px;
	vertical-align:super;
	}
	
	
/* ================================================================================
 * 会社概要（company/index.html）
 * ================================================================================ */
table#company {
	background: url(../../company/images/company_profile.jpg) right top no-repeat;
	}
	
.company-txt {
	margin-left:3em;
	color:#6C6C6C; 
	line-height: 1.6;
	}

.company-list {
 	padding: 0 0 0 4.5em;
	}
	


/* ================================================================================
 * プライバシーポリシー（policy/index.html）
 * ================================================================================ */
 
body#policy {
 	background-color: #0f1864;
 	}
	
#p-container {
	width: 460px;
	margin: 10px auto;
	border: 2px solid #bcbecf;
 	background-color: #fff;
 	}
	
#p-contents {
 	width: 420px;
	margin: 0 auto;
	padding: 20px 0;
	font-size: 12px;
	color: #6c6c6c;
	line-height: 1.5;
 	}
	
#p-contents  h1 {
 	margin-bottom: 25px;
	}
	
#p-contents  p {
 	margin-bottom: 20px;
	}
	
#p-contents  ul {
 	margin: 0 0 20px 15px;
	}
	
p.p-line {
	margin-bottom: 20px;
	border: none;
	border-bottom: 1px solid #D9D9D9;
	background: none;
	color: #D9D9D9;
	}
	
#close {
	width: 460px;
	margin: 0 auto 10px auto;
	}
	
#close p#btn-close  a {
	display: block;
	width: 50px;
	height: 12px;
	margin: 0 0 0 auto;
	background: url(../../policy/images/btn_close.gif) left top no-repeat;
	text-indent: -9999px;
	cursor: pointer;
	}