/****************************************************
CSS Document For Magnolia
Author : Tyoumihin
Date : 2009-7-3
****************************************************/
body { background:#fff url(../img/bg.png) no-repeat 50% 0; color:#444; font-family:'MS Gothic',sans-serif}

/* =header
-------------------------*/
h1 { position:absolute; top:75px; right:15px; width:255px; height:93px; text-indent:-9999px; background:url(../img/logo.png) no-repeat 0 0}
* html h1 { background-image:url(../img/logo.gif); right:-25px}
h1 a { display:block; width:304px; height:121px;}
#hce { height:52px}
	#hce img { display:block; padding:12px 0 0 0}
#pic-holder { height:244px; overflow:hidden}

/* =content
-------------------------*/
#main { margin:10px 3px 0 0}
	#main a { color:#06c}
	#main h2 { height:28px; margin:20px 0 5px; text-indent:-9999px;}
	#main h3 { color:#391; font-size:16px; text-indent:10px}
		#home #main h2 { background:url(../img/index.h2.gif) no-repeat 10px 0}
		#cost #main h2 { background:url(../img/cost.h2.gif) no-repeat 10px 0; margin-bottom:20px}
		#life #main h2 { background:url(../img/life.h2.gif) no-repeat 10px 0; margin-bottom:20px}
		#about #main h2 { background:url(../img/about.h2.gif) no-repeat 10px 0; margin-bottom:20px}
		#contrast #main h2 { background:url(../img/contrast.h2.gif) no-repeat 10px 0; margin-bottom:20px}
	#main p { font-size:16px; line-height:28px; padding:6px 12px}
	#main ul { font-size:16px; line-height:28px; padding:12px 0; margin:0 0 20px 10px}
	#main dl { margin:30px 0 0 0}
	#main ul.gallery li { float:left; width:45%; margin:0 0 10px; text-align:center}
		
		#main ul.gallery li span { display:block; text-align:center; font-size:14px}
#main small { font-size:12px}

#side { padding:0 0 40px 0; border:1px solid #B8DBAC; width:155px; margin:30px -2px 0 0; background:#F8FBF7}
	#side h2 { color:#fff; background:#391; font-size:14px; font-weight:700; line-height:32px; text-indent:10px; margin:0 0 10px 0; border-bottom:3px solid #B8DBAC}
	#nav { margin:0 0 10px 0; background:#F8FBF7; padding:1px 1px 10px 1px; }
	#nav li { font-size:14px; font-weight:700; float:none; display:block; text-indent:10px}
		#nav li a { color:#444; cursor:default}
		#nav li ul { padding:5px 0 10px 0; margin-bottom:5px; *margin-top:-15px}
		#nav li ul li { font-weight:400;}
			#nav li ul li a { display:block; line-height:26px; text-indent:15px; cursor:pointer; font-size:14px; color:#391}
			* html #nav li ul li a { margin-bottom:-10px}
			#nav li ul li a:hover { background:#EAF5E7; color:#391; font-weight:700}
	#send { padding:1px}
		#send p { padding:0 0 0 5px}
		#send a { color:#391; line-height:22px}

table { border:1px solid #fff; border-bottom:1px solid #ccc; margin:10px auto; width:98%}
td,th { font-size:12px; padding:6px; vertical-align:top; line-height:24px; border-bottom:1px dashed #ccc; border-right:1px solid #ddd}
td:nth-last-child(1) { border-right:0} 
th { background:#f8f8f8}
tr.headline td,
tr.headline th { border-top:1px solid #999; *border-top:2px solid #ccc; padding-top:20px}
td.en { font:12px/32px Verdana,sens-serif;}
td.mark { background:#EAF5E7; color:#111}
thead th { color:#391; font-weight:700; line-height:32px; border:1px solid #87C373; border-width:0 0 1px 0}

#house-type { margin:10px 0}
#house-type p { font:12px/18px Verdana,sans-serif; text-align:left; float:left; width:156px; padding:6px 10px; min-height:370px; _height:auto;}
* html #house-type p { height:365px}

#house-type em { display:block; font-size:12px; font-weight:700; line-height:1.5; height:36px; border-bottom:2px solid #c30; margin:4px 0}
#house-type img { display:block; margin:5px 0; border:1px dashed #06c; padding:1px}
#house-type a:hover img { border-style:solid}

/* =footer
-------------------------*/
#footer { background:url(../img/dotline.3.gif) repeat-x 0 0; margin-top:20px; padding:20px 0 30px 10px; font:10px Verdana,sans-serif}

#function { position:absolute; top:10px; right:10px; font-family:Verdana,sans-serif}
	#function li { display:inline}
		#function li a { color:#391}