@charset "UTF-8";

@import url(base.css);
@import url(textsettings.css);

/*  フォントサイズ早見表
	以下のようにサイズを指定することで各ブラウザでのフォントサイズを揃えることが出来ます。
	左記のパーセントで指定してください。

	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px 
	92% = 12px	|	136% = 18px	|	182% = 24px 
	100% = 13px	|	144% = 19px	|	189% = 25px 
	107% = 14px	|	152% = 20px	|	197% = 26px 
	114% = 15px	|	159% = 21px	| 	

*/

/* ------------------------------------------------------------ */
/* リンク色 */
/* ------------------------------------------------------------ */

a:link{color:#222;}

a:visited{color:#222;}

a:hover{color:#999;}

a:active{color:#999;}


/* ------------------------------------------------------------ */
/* 基本、レイアウト指定 */
/* ------------------------------------------------------------ */

body{}

#container{margin:0 auto; border-top: 2px solid #353535;}

img{vertical-align:bottom}


/* ------------------------------------------------------------ */
/* ヘッダー */
/* ------------------------------------------------------------ */

#header-area{
	border: 0px solid #390;
	width:900px;
	margin:0px auto;
	padding: 10px 0 0 0;
}

img.sitelogo{margin: 3px 0 0 0px;}

ul.header-utility{float:right; margin:4px 0 0px;}
ul.header-utility li{float:left;}

ul.head_inquiry{float:right; margin:2px 10px 15px 0px; display:inline; width:310px;}
ul.head_inquiry li{float:left; margin:0 0px 0 15px; display:inline;}

ul.globalmenu{}

.globalmenu li{
	float:left;
	line-height:1;
	text-align:center;
}

li.mailarea{
	padding:0px 0 0px;
	font-family: 'Verdana',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-weight:bold;
	vertical-align:top;
	margin:-2px;
}

li.mailarea img{vertical-align:top;}

/* ------------------------------------------------------------ */
/* センターエリア */
/* ------------------------------------------------------------ */

.centerarea{
	background:url(../img/home/centerarea_bg.jpg) repeat-x left top;
	border-top:1px solid #D5D5D5;
}

.center_in{
	background:url(../img/home/centerarea_bg.jpg) repeat-x left top;
	width:900px;
	margin:0 auto;
	position:relative;
}

img.mainimg_l{position:absolute; left:-10px; top:0px;}
img.mainimg_r{position:absolute; right:-10px; top:0px;}



/* ------------------------------------------------------------ */
/* サイドエリア */
/* ------------------------------------------------------------ */

li.side_blog{
	background:url(../img/common/banner_blog.jpg) no-repeat left top;
	height:158px;
	position:relative;
}

img.link_d{position:absolute; left:5px; top:35px;}
img.link_c{position:absolute; left:5px; top:64px;}
img.link_o{position:absolute; left:5px; top:93px;}
img.link_f{position:absolute; left:5px; top:122px;}


/* ------------------------------------------------------------ */
/* コンテンツ大枠 */
/* ------------------------------------------------------------ */

#contents-area{
	width:900px;
	margin:0 auto;
	padding:40px 0 0 0px;
}

/* ------------------------------------------------------------ */
/* サイドメニュー */
/* ------------------------------------------------------------ */

#submenu-area{
	width:230px;
	float:right;
	border: 0px solid #000099;
	margin:0 0 35px;
}

ul.banner a{filter: alpha(opacity=100); opacity:1; -moz-opacity:1;}
ul.banner a:hover{filter: alpha(opacity=60); opacity:0.6; -moz-opacity:0.6;}
ul.banner li{margin: 0 0 10px 0px;}

.sidebar{margin:0 0 10px 0;}

.sidemanu{border: 0px solid #390; width:230px; margin:0 0 25px 0px;}

.sidemanu ul{
	border: 1px solid #C8C8C8;
	background:#DDDDDD;
	padding:2px;
}

.sidemanu li{vertical-align:bottom;}
	
/* ------------------------------------------------------------ */
/* メイン */
/* ------------------------------------------------------------ */

#main-area{
	width:635px;
	float:left;
	border: 0px solid #C00;
}

#main-area .pagetitle{margin:0 0 30px 0;}

.section{margin:0 auto 20px auto; padding:0 0 10px 0;}

.pagetop{
	width:635px;
	text-align:right;
	margin:0 auto 30px auto;
}


/* 商品紹介 */

.plan{padding:10px 0 0px;}
.plan .right{width:330px; text-align:center;}
.plan .left{width:295px !important; }

img.rentmainimg{}

.houseimg{float:left;}

.plan dl.color_b{
	background:#333;
	padding:3px 5px;
	margin:0 auto; float:left;
}

.plan dl.color_b dt{
	float:left; color:#FFF;
	font-weight:bold;
	padding:3px 8px 0 0px;
	font-size:88%;
}

.plan dl.color_b dd{float:left; padding:0 3px 0 0px;}

.plan dl.floor{float:left;}
.plan dl.floor dt{}
.plan dl.floor dd{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
	font-weight:bold;	
	font-size:114%;
	color:#333;
	padding:5px 0 0px;
}

.floor_plan{
	border:1px solid #690;
	text-align:center;
	padding:15px 0 0px;
}

.detail_list{
	border:2px solid #2AAEB8;
	background:#FCFCFC;
	padding:10px 10px;
	margin:5px 0 15px;	
	margin-right:auto;
	margin-left:auto;
	width:600px;
}

.detail_list table{
	background:#FCFCFC;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:100%;
	margin:0 auto;
}


table.floortb{margin:15px auto 0;}
table.floortb{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	font-size:114%;
}

table.floortb td{padding:0 35px;}

.under_info{margin:0 0 0px; height:100% !important;}

.under_box0{margin:0 0 0px; font-weight:bold;}

p.maintitle{font-size:114%; width:115px !important; border:0px solid #000; margin:0; padding:0;}

p.price{margin:0px 0 0px; float:left; border:0px solid #390; }
p.red{color:#C00;}

p.price span.en{color:#C00; font-size:190%;}
p.price span.unit{ font-weight:normal; font-size:130%;}
#wi250{width:250px !important;}

.left_pri{
	float:left;
	border:0px solid #390;
	margin:-10px 0 0px;
}

p.ty_c{font-size:88%; margin:0; padding:0;}

span.ty_c{font-size:190%; margin:0; padding:0;}

span.ty_c_sg{color:#039; font-size:190%; margin:0; padding:0; font-weight:bold;}
span.ty_c_hg{color:#C00; font-size:190%; margin:0; padding:0; font-weight:bold;}

.con_priarea{border:1px solid #333; width:300px;}

p.price_gen{margin:0px 0 0px; float:left; border:0px solid #390; width:295px !important;}
p.price_gen span.en{color:#C00; font-size:210%;}
p.price_gen span.unit{ font-weight:normal; font-size:130%;}

span.kome{font-size:88%; font-weight:normal;}

table.centertb{margin:0 auto;}



/* ------------------------------------------------------------ */


table.decid{}

table.decid td{
	border:1px dotted #AAA;
	vertical-align:middle;
	text-align:center;
	height:375px !important;	
	width:633px !important;	
}


/* -----コンパクト・フルムーン----- */


.undercolor{padding:0 0 20px;}

.undercolor p{width:315px; float:left; padding:0 0 0 20px; border:0px solid #333;} 

.undercolor dl{
	width:280px;
	float:left !important;
}


/* ------------------------------------------------------------ */
/* 仕様 */
/* ------------------------------------------------------------ */


ul.spemenu{margin:0px 0 25px; padding:10px 0 0px;}

ul.spemenu li{
	float:left;
	margin:0 6px 6px 0px;
	padding:6px 10px 6px 22px;
	font-size:92%;
}

ul.spemenu li a{color:#B41F17; font-weight:bold;}
ul.spemenu li a:hover{color:#888;}
ul.spemenu li p{margin:0; padding:0; white-space: nowrap;}

.spe_contents{margin:10px 0 25px;}

table.spe{
	margin:0px auto;
	vertical-align:top;
	width:630px;
}

table.spe th,table.spe td{
	padding:6px;
	border:0px solid #666;
	vertical-align:top;
}

table.spe td.nar{padding:6px 0px;}
table.spe td.thr{padding:6px 3px 0 7px; width:150px !important;}
table.spe td.wide{padding:6px 15px 6px 6px;}
table.spe td.spa{width:15px !important; padding:0px !important;}
table.spe td.bor01{border:1px solid #C00; border-right:0px;}
table.spe td.bor02{border:1px solid #C00; border-left:0px;}

p.btitle{font-weight:bold; font-size:115%; margin:0; padding:0; text-align:left;}
p.bstitle{font-weight:bold; font-size:92%; margin:0; padding:0px 0 3px;}

p.bsstitle{font-weight:bold; font-size:92%; margin:0; padding:7px 0 3px;}
p.bsstitle span{font-weight:normal; margin:0; padding:0 0 3px;}

p.smo{font-size:77%; margin:0; padding:3px 0 3px;}
p.smor{font-size:77%; margin:0; padding:3px 0 3px; color:#C00;}


.lightbox{width:205px; padding:0 0 0px}

.mg{margin:0 9px 0 0px;}

.lightbox img{padding:5px 0px}

p.lightbg{
	background:#666666;
	padding:4px;
	color:#FFF;
	font-weight:bold;
}

p.c_b{clear:both; border:0px solid #390; padding:10px 0 0px;}

p.redp{color:#C00; margin:0; padding:12px 0 0;}


.plandeta{
	border:1px solid #AAA;
	padding:7px;
	margin:0 0 7px;
	background:#F5F5F5;
}

.plandeta p.title{
	border-left:3px solid #666;
	padding:0 0 0 10px;
	font-size:114%;
	font-weight:bold;
	margin:0 0 5px;
}

.plandeta ul{border:0px solid #333;}

.plandeta li{
	float:left;
	padding:0 10px 0 12px;
	font-weight:bold;
	font-size:92%;
	background:transparent url(../img/common/icon_ba.gif) no-repeat left center;
}

.sg_box{border:1px solid #1B407E; background:#F3F7FC;}
.hg_box{border:1px solid #AE0D0D; background:#FFF7F7;}

.plandeta p#sg{border-left:3px solid #1B407E; color:#1B407E;}
.plandeta p#hg{border-left:3px solid #AE0D0D; color:#AE0D0D;}

span.sg{color:#0C64B4; font-size:122%;}
span.hg{color:#AE0D0D; font-size:122%;}


ul.feat{width:300px;}

ul.feat li{
	border:1px solid #BFBFBF;
	background:#FCFCFC url(../img/general_h/feat_bg.jpg) repeat-x left bottom;
	padding:8px;
	margin:0 0 5px;
	text-align:left;
}

ul.feat li p{
	font-weight:bold;
	font-size:107%;	
	padding:0 0 0 10px;
	margin:0 0px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

img.featicon{padding:0 0 15px;}

p.type_2{
	font-weight:bold;
	color:#C00;
	font-size:129%;
	margin:0;
	padding:0 0 0 10px;
	border-left:3px solid #C00;
}

p.type_c{font-weight:bold; margin:0; padding:0;}


/* ------------------------------------------------------------ */

table.floortb img{border:0px solid #333;}

/* ------------------------------------------------------------ */


.detail_list table td{padding:1px;}
.detail_list table td.redt{color:#C00;}
.detail_list table td.boldt{font-weight:bold; padding:0px 0 3px;}
.detail_list table td.capt{padding:0px 0 8px;}

.detail_list table td.center_b{
	padding:0 15px;
	background:#FCFCFC url(../img/rent_h/dot_b.gif) repeat-y center top;
}

/* ------------------------------------------------------------ */
/* フッター */
/* ------------------------------------------------------------ */

#footer-area{
	border: 0px solid #390;
	background:url(../img/common/footerbg.jpg) repeat-x left top;
	margin:0;
	padding:0;
}

.footer{
	width:900px;
	margin:0 auto 0;
	padding:13px 0;
}

.f_t{}

.footer ul{float:right; border: 0px solid #444; margin:0;}
.footer li{float:left; background:url(../img/common/icon_ba.gif) no-repeat left center; padding:3px 10px 3px 15px;}

.adress{
	font-size:92%;
	color:#EEE;
	clear:both;
	padding:30px 0 20px 0px;
}

#footer-area p.copyright{
	text-align:right;
	font-family: 'Verdana',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size:77%;
	margin:18px 0 0px;
	color: #FFF;
}

.adress ul{float:left;}

.adress li{
	padding:0 0 0 22px;
	float:left;
	font-weight:bold;
	margin:0 10px 0 0px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:100%;
	
}

.adress li.tel{background:url(../img/home/telicon.jpg) no-repeat left center;}
.adress li.mail{background:url(../img/home/mailicon.jpg) no-repeat left center;}


/* ------------------------------------------------------------ */
/* 見出し */
/* ------------------------------------------------------------ */

h3{padding: 0 0 28px; float:left;}
h3.3no{float:none; border:1px solid #333;}

h4.ot{padding: 0 0 10px !important; border:none !important;}
h5{padding: 0 0 20px !important;}


/* ------------------------------------------------------------ */
/* デザインパーツ_Default */
/* ------------------------------------------------------------ */

.left,p.left,img.left {float: left;}

.right,p.right,img.right {float: right;}

img.center {text-align: center; display: block; margin: 0 auto;}

a:hover img.focus{
	filter: alpha(opacity=60);
	opacity:0.6;
	-moz-opacity:0.6;
}

.bor{border: 1px solid #CCC;}
.no_b{border: 0px !important;}

p.redb,span.redb{
	font-weight:bold;
	color:#C00;
	margin:0;
	padding:0;
	font-size:114%;
}

p.intro{margin:0; padding:0px 0px 15px;}

/* ------------------------------------------------------------ */
/* デザインパーツ_Addition */
/* ------------------------------------------------------------ */

.clear{clear:both;}

img.introimg{margin: 0px 0px 15px;}
.center{margin:0 auto; border:0px solid #666; text-align:center;}
.centerimg{margin:0 auto; text-align:center; display:block; padding:0 0 10px;}
.centerimgb{margin:0 auto; text-align:center; display:block; padding:0 0 15px;}

span.smo{font-size:10px; font-weight:normal; color:#333;}


span.rb{font-weight:bold; color:#C00;}
span.redn{font-weight:normal !important; color:#C00;}

p.boldb{font-size:100%; font-weight:bold; padding-bottom:3px;}

.flo_no,p.flo_no{float:none !important;}

img.left_m{float:left; margin:0 3px 0 0px;}

p.normal,span.normal{color:#333 !important; font-weight:normal !important;}


/* ------------------------------------------------------------ */
/* 非表示 */
/* ------------------------------------------------------------ */

.pro_inq{display:none;}
img.cut_table{display:none;}


p.maintitle_0{font-size:114%; width:100px !important; border:0px solid #000;}

