@charset "utf-8";

/*------------------------------------------------------------------------------

	[ファイル名]	base.css
	
	[概要]	ワイヤーフレーム要素のCSS指定
	　　　　※mainContentとsubContentの子要素詳細は別ファイルに記述
	
	[目次]
		・clear-fix
		・テキスト画像代替
	
	[メモ]	
	
	[最終更新日]	October 28, 2009;
	
------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------

	clear-fix
							
-------------------------------------------------------------------*/
div#mainContent:after,
div#footer:after,
div#relatedContents div:after
{
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}



/*-------------------------------------------------------------------

	テキスト画像代替
						
-------------------------------------------------------------------*/
/*-
#siteId,#siteId a,
ul#headerNav li,ul#headerNav li a,
p#inquiryButton,p#inquiryButton a,
div#globalNav li,div#globalNav li a,
div#anchorTop p a,
div#adCatalog h2,
p#adCaption,
div#adButton a span.iconZoom,
div#introduction h2,
div#introduction span#hatLogo,
p#contactInfo,
dl#contactCentralOffice dt,dl#contactCentralOffice dd,dl#contactCentralOffice span,
dl#contactSendaiOffice dt,dl#contactSendaiOffice dd,dl#contactSendaiOffice span
{
	display: block;
	text-indent: -10000px;
	overflow: hidden;

	border-bottom: 0px dotted #418aaf;
}
-*/
/*-------------------------------------------------------------------

	リンク
							
-------------------------------------------------------------------*/

a:link{
	color: #000;
}

a:visited{
	color: #000;
}

a:hover{
	color: #000;
}

a:active{
	color: #000;
}

/*-------------------------------------------------------------------

	文字装飾
							
-------------------------------------------------------------------*/
.lineChange{
	display:inline-block;	
}


/*-------------------------------------------------------------------

	body
							
-------------------------------------------------------------------*/
body{
	width: 100%;
	/*-background: url(../../images/common/whitewrap.jpg) repeat-x top center;-*/
	font-family: "メイリオ","ＭＳ ゴシック",Osaka,"ヒラギノ角ゴ Pro W3",sans-serif;
	color: #333333;
	font-size: 100%;
	line-height: 1;
	text-align: center;
	letter-spacing: normal;
}

.clearboth{
	clear: both;
}

/*-------------------------------------------------------------------

	header
							
-------------------------------------------------------------------*/
#header{
	position: relative;
	width:100%;
	height:100px;
	background-color:#fff;
	padding-top:10px;
}



#headerInner{
	width:100%;
	margin:0 auto;	
}

#logo{
	width:200px;
	height:40px;
	background:url(../../images/common/logo.gif) top left no-repeat;	
	background-size: contain;
}
#sunland h3{
	display:none;
}
#sunland{
	display: block;
	width: 310px; height: 40px;
	margin: 50px auto 0;
	background:url(../../images/common/sunland_logo_3.gif) top left no-repeat;
	background-size: contain;
}
#logo h1{
	display:none;	
}
#headerInnerLeft{
	position:relative;
	width:100%;
}
#headerInnerRight{
	position:absolute;
	top: 10px;
	left: 10px;
}

#caption{
	display: none;
}	

#inquiry{
	display: none;
/*-
	position:absolute;
	right:0px;
	top:70px;
	width:260px;
	height:33px;
	background:url(../../images/inquiry.jpg) top left no-repeat;
	-*/
}

a #inquiry span{
	display:none;	
}

#headerNav{
	position:fixed;
	right:-213px;
	top:85px;
	z-index:9999;
}
#Nav_btn{
	display:block;
	position:relative;
}
#Nav_tel{
	width:208px;
	height:46px;
	background:#fff;
	position:absolute;
	top:4px;
	left:38px;
	font-family: YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	text-align:center;
	padding:10px 5px 10px 0;
	border-bottom:#000 1px solid;
}
#Nav_tel p{
	font-size: 0.9em;
	font-weight:bold;
	margin:0 0 10px;
}
#Nav_tel h3{
	font-size: 1.3em;
	font-weight:bold;
	margin:10px 0 10px;
}
#Nav_form{
	position:absolute;
	top:71px;
	left:38px;
}
#headerNav a:hover{
	filter:alpha(opacity=800);
    -moz-opacity: 0.8;
    opacity: 0.8;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.line_btn {
    position: fixed;
    right: 0;
    top: 290px;
    z-index: 9999;
}

#Line_form{
	position:absolute;
	top:137px;
	left:38px;
}

.sp-nn{
	display: none;
}

.sp-bl{
	display: block;
}


#navInner ul a:hover li,
#inquiry a:hover{
	background:url(../../images/common/nav_bg_ov.jpg) repeat-x top center;
}

#inquiry a:hover{
	background:url(../../images/common/nav_bg_ov.jpg) repeat-x top center;
}

#sunland a{
	display: block;
	width: 100%; height: 53px;
}
/*-------------------------------------------------------------------
	inquiryButton
-------------------------------------------------------------------*/
p#inquiryButton{
	position: absolute;
	top: 18px; left: 487px;
	width: 343px; height: 45px;
	background: url(../../images/common/inquiry_button_ov.gif) no-repeat scroll left top;
}

p#inquiryButton a{
	width: 100%; height: 100%;
	background: url(../../images/common/inquiry_button.gif) no-repeat scroll left top;
}

p#inquiryButton a:hover,p#inquiryButton a:active{
	background: none;
}

/*-------------------------------------------------------------------
	globalNav
-------------------------------------------------------------------*/
div#globalNav{
	height: 0;
	border-top: 10px solid #69b08c;
}
div#globalNav_inner{

	display: none;
}

div#globalNav_inner li{
}


/*-------------------------------------------------------------------

	wrapper
							
-------------------------------------------------------------------*/
div#wrapper{
	width: 100%;
	background-color: #fff;
	margin: 0 auto;
	padding-bottom: 30px;
	text-align: left;
}

div#wrapperInner{
	
}

/*-------------------------------------------------------------------

	mainContent
							
-------------------------------------------------------------------*/
div#mainContent{
	font-size: 80%;
}


/*-------------------------------------------------------------------

	adCatalog
						
-------------------------------------------------------------------*/
div#adCatalog{
	width: 190px;
	background: url(../../images/common/ad_catalog_bg.gif) repeat-y scroll left top;
	border-bottom: 1px solid #d1d1d1;
}

div#adCatalog h2{
	width: 190px; height: 32px;
	background: url(../../images/common/ad_catalog_heading.gif)	 no-repeat scroll left top;
}

p#adUpdate{
	width: 190px;
	padding: 5px 0px;
	background: url(../../images/common/ad_update_bg.gif) repeat-y scroll left top;
	color: #666666;
	text-align: center;
	font-size: 80%;
	font-weight: bold;
}

div#adButton{
	width: 188px;
	margin-left: 1px;
	background: url(../../images/common/ad_button_shadow_top.gif) no-repeat scroll left top;
}

div#adButton p{
	width: 176px;
	padding: 6px 6px 8px 6px;
	background: url(../../images/common/ad_button_shadow_bottom.gif) no-repeat scroll left bottom;
}

/* Win IE6 \*/
* html div#adButton p{
	width: 188px;
}
/* End Win IE6 */

p#adCaption{
	width: 190px; height: 18px;
	background: url(../../images/common/ad_caption.gif) no-repeat scroll center top;
}

/*-------------------------------------------------------------------
	iconZoom
-------------------------------------------------------------------*/
div#adButton a{
	position: relative;
	display: block;
	width: 176px;
}

div#adButton a span.iconZoom{
	position: absolute;
	right: 0px; bottom: 0px;
	display: block;
	width: 28px; height: 35px;
	background: url(../../images/common/zoom_icon.png) no-repeat scroll left top;
}

/* Win IE6 \*/
* html div#adButton a span.iconZoom{
	display: block;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.sunhomes-ys.com/images/common/zoom_icon.png");
}
/* End Win IE6 */

/*-------------------------------------------------------------------
	introduction
-------------------------------------------------------------------*/
div#introduction{
	width: 636px;
}

div#introductionInner{
	position: relative;
}

div#introduction h2{
	position: relative;
	width: 636px; height: 52px;
	background: url(../../images/common/introduction_heading.gif) no-repeat scroll 67px 6px;
}

div#introduction span#hatLogo{
	position: absolute;
	top: -9px; left: 0px;
	width: 67px; height: 72px;
	background: url(../../images/common/hat_logo.gif) no-repeat scroll left top;
}

/*-------------------------------------------------------------------
	relatedContents
-------------------------------------------------------------------*/
div#relatedContents{
	width: 636px;
	background: url(../../images/common/related_link_bg_top.gif) no-repeat scroll left top;
}

div#relatedContents div{
	width: 624px; min-height: 107px;
	padding: 12px 0px 0px 12px;
	background: url(../../images/common/related_link_bg_bottom.gif) no-repeat scroll left bottom;
}


div#relatedContents ul{
	width: 200px;
	margin-left: 6px;
}



div#relatedContents ul li{
	padding-right: 10px; padding-bottom: 12px; padding-left: 14px;
	background: url(../../images/common/arrow_gray.gif) no-repeat scroll 0px 3px;
	line-height: 1.3;
	font-size: 95%;
}

div#relatedContents ul li a:link{
	border-bottom: 1px dotted #006699;
}

div#relatedContents ul li a:visited{
	border-bottom: 1px dotted #996699;
}

div#relatedContents ul li a:hover{
	border-bottom: 1px dotted #00bbee;
}

div#relatedContents ul li a:active{
	border-bottom: 1px dotted #ff6699;
}

/*-------------------------------------------------------------------
	contactInfo
-------------------------------------------------------------------*/
p#contactInfo{
	width: 636px; height: 35px;
	background: url(../../images/common/contact_info.gif) no-repeat scroll left top;
}

/*-------------------------------------------------------------------

	footer
							
-------------------------------------------------------------------*/
div#footerOuter{
	clear: both;
	width: 100%;
	margin-top: 20px;
	background-color:#E0DDDA;
	border-top: 1px solid #e1e1e1;
}

div#footer{
	width: 100%;
	margin: 0 auto;
	padding-bottom: 8px;
	text-align: left;
	color: #6c615d;
}


dl#contactCentralOffice,
dl#contactSendaiOffice{
	width: 90%;
	margin: 9px auto 0;
	text-align: center;
}
dl#contactCentralOffice .fn,
dl#contactSendaiOffice .fn{
	font-weight: bold;
}
dl#contactCentralOffice .adr,
dl#contactCentralOffice .tel,
dl#contactSendaiOffice .adr,
dl#contactSendaiOffice .tel{
	margin-top: 5px;
	font-size: 0.9em;
	
}


/*-------------------------------------------------------------------
	anchorTop
-------------------------------------------------------------------*/
p#anchorTop{
	float: right;
	width: 140px; height: 35px;
	margin-top: -1px;
	background: url(../../images/common/pageback.gif) no-repeat scroll left top;
}

p#anchorTop a{
	display:block;
	width: 140px; height: 35px;
}

p#anchorTop a span{
	display:none;
}

p#anchorTop a:hover,p#anchorTop a:active{
	background: url(../../images/common/pageback.gif) no-repeat scroll left top;
}

/*-------------------------------------------------------------------

	copyright
							
-------------------------------------------------------------------*/
p#copyright{
	width: 100%;
	padding: 9px 0px;
	background-color:#6C615D;
	color: #ffffff;
	font-family: Verdana;
	font-size: 65%;
}

.instagram_btn {
    position: fixed;
    right: 0;
    top: 328px;
    z-index: 9999;
	border-bottom:solid 1px #70b439;
	border-left:solid 1px #70b439;

}
.instagram_btn img{
	width:37px;
	height:37px;
}