@charset "utf-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　スタティックページ用スタイル
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* --------------------------------------------------------------------------------------
 2010年以後
--------------------------------------------------------------------------------------- */

#main {
	/* margin: 0 auto; */
	width: 870px;
	text-align: left;
	/* overflow: hidden; */
	color:#333;
	line-height: 1.5;
	font-size: 16px;
}
#static {	padding: 10px; }
#static ol,ul {	list-style: none;}
#static address,em,cite { font-style: normal;}
#static a { overflow: hidden;}
#static img { border:0; vertical-align:bottom; }
/*
#static em { color: #996633; font-size: 16px; font-style: normal; font-weight: bold;}
#static strong { font-style: normal; font-weight: normal;}
#static b { font-weight: bold;}
*/


/* フロート -------------------- */

.fltR { float: right; }
.fltL { float: left; }


/* 見出し／ページ名 -------------------- */

#static h4 { width: 835px; padding-right: 15px;}
#static h5 { width: 835px; padding-right: 15px;}
.sttl02 {
	background: url(../img/static/stit02.gif) no-repeat left top;
	height: 30px;
	display: block;
	color: #FFF;
	font-size: 20px;
	/* padding: 5px 0 5px 15px; */
	padding: 7px 0 5px 15px;
	margin-top: 5px;
	clear: both;
	font-weight: bold;
	/* line-height: 1.8; */
	line-height: 25px;
}
.sttl02 span {	float: left; }
.sttl02 .subTxt {
	font-size: 15px;
	font-weight: bold;
	float: right;
	/* background: #504030; */
	background: #FFCC33;
	color: #504030;
	padding: 1px 15px;
	margin-right: 15px;
}
.sttl03 {
	background: url(../img/static/stit03.gif) no-repeat left top;
	height: 30px;
	display: block;
	color: #333;
	/* font-size: 20px; */
	font-size: 18px;
	/* padding: 3px 0 5px 10px; */
	padding: 3px 0 5px 25px;
	margin-top: 5px;
	clear: both;
	font-weight: bold;
	/* line-height: 1.8; */
	line-height: 1.8;
}
.sttl03 span {	float: left; }
.sttl03 .subTxt {
	font-size: 15px;
	font-weight: bold;
	float: right;
	color: #FFF;
	background-color: #666;
	/* padding: 3px 8px 1px 8px; */
	padding: 2px 15px;
	/* margin: 8px 10px 0 0; */
	margin: 4px 25px 0;
	/* line-height: 15px; */
	line-height: 18px;
}

.w185 { width: 185px; }
.w210 { width: 210px; }
.w330 { width: 330px; }
.w490 { width: 490px; }
.fs14 {	font-size: 14px;　}
.fs16 { font-size: 16px; }


.boxYellow {
	background: #FFFFCC;
	border: 1px solid #D5D5C4;
	margin-top: 5px;
	padding: 10px;
	line-height: 1.4;
}
.boxYellow .ttl {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	background: #660000;
	/* padding: 6px 0 6px 12px; */
	padding: 6px 0 3px 12px;
}
.boxYellow dl {	margin: 8px 8px 0 8px;}
.boxYellow dt { font-size: 14px; font-weight: bold; color: #660000; }
.boxYellow a:link  { color: #003366; text-decoration: underline; }
.boxYellow a:hover { color: #0066FF; text-decoration: underline; }

.capBrown { font-size: 12px; color: #FFFFFF; padding: 8px 5px; background: #504030; }

.txtBox {
	margin-top: 10px;
	font-size: 14px;
	line-height: 1.4em;
	overflow: hidden;
	clear: both;
}
.txtBox strong {
	font-size: 16px;
	line-height: 1.5;
	color: #504030;
	letter-spacing: 1px;
	font-weight: bold;
}
.txtBox em {
	/* color: #111B40; */
	color: #FF6600;
	font-weight: bold;
	font-style: normal;
}

.inPhoto {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
}


/* 罫線 -------------------- */

.line-dot { padding: 15px 0; background: url(../img/static/line_dot.gif) repeat-x center; }


/* ローカルリンク -------------------- */

div.pagetop { margin: 30px 0; }

div.pagetop a {
	/* margin-left: 647px; */
	margin-left: 730px;
	display: block;
	width: 200px;
	height: 13px;
	background: url(../img/static/btn_pagetop.gif) no-repeat left top;
	text-indent: -9999px;
}

div.pagetop a:hover { background: url(../img/static/btn_pagetop.gif) no-repeat left -13px; }


/* ローカルリンク（試作） -------------------- */

#move {
	clear: both;
	/* width: 760px; */
	position: relative;
	height: 25px;
	padding-top: 50px;
}
* html #move { height: 75px;}
#move li { height: 25px;　width: 120px; }
#move li a { height: 25px;　display: block; }
#move li a:hover img{ visibility: hidden; }
#move li a:hover { background-color:transparent; }
#move .back {
	position: absolute;
	left: 0px;
	top: 50px;
	background: url(../img/static/btn_backpage_on.gif) no-repeat;
}
#move .next {
	background: url(../img/static/btn_nextpage_on.gif) no-repeat;
	position: absolute;
	/* left: 430px; */
	left: 730px;
	top: 50px;
}


/* 共通本文 -------------------- */

.txt-regular {
	font-size: 13px;
	line-height: 1.5;
}
.txt-nortice {
	font-size: 12px;
	line-height: 1.5;
	color: #990000;
}
.txt-bold {
	font-size: 13px;
	line-height: 1.5;
	color: #3187D5;
	font-weight: bold;
}
.txt-small {
	font-size: 10px;
	line-height: 1.5;
	color: #666666;
	letter-spacing: 2px;
}
.txt-marker {
	background-color: #FFFF99;
	padding: 2px 5px 1px 5px;
}
.txt-color-01 {
	color:#900;
}

.txt-regular em {
	font-size: 16px;
	color: #FF6600;
	font-weight: bold;
	font-style: normal;
	padding: 0 2px;
}


/* 提携メディア -------------------- */
.link-td {	font-size: 10pt;
	line-height: 15pt;
	color: #333333;
	padding-top: 10px;
	padding-bottom: 10px;
}
.link-title {	font-size: 11pt;
	line-height: 18pt;
	font-weight: bold;
	color: #990000;
}


/* お問い合わせ -------------------- */

.txt-contact01 {
	font-size: 14px;
	line-height: 25px;
	color: #666666;
	background-color: #F0F0F0;
	padding: 10px;
	margin: 10px 0 10px 0;
	border: 1px dotted #999999;
	letter-spacing: 1px;
	text-align: left;
	width: 500px;
}
.txt-contact01 span {
	color: #FB6477;
}





/* --------------------------------------------------------------------------------------
 2009年以前
--------------------------------------------------------------------------------------- */

/* 住まい（live.css）に追加するCSSを読み込む */
@import "http://www.sys-ken.co.jp/css/fudosan/live_add.css";
/* @import url("http://www.sys-ken.co.jp/css/fudosan/live_add.css"); */



/* ↓↓↓　live.css　内に記述されていれば不要なCSS　↓↓↓ */

/* ■□■ 　住まいの静的ページに使用されているCSS　■□■ */
/* 　タイトル　 */
.title-sitemap{
	font-size: 12pt;
	line-height: 35px;
	color: #593B1A;
	background-color: #E9E3DE;
	background-image: url(../live/images/arrow_sitemap_title.gif);
	background-repeat: no-repeat;
	background-position: left center;
	letter-spacing: 1px;
	text-indent: 40px;
	margin-bottom: 5px;
	font-weight: bold;
}
.sitemap-title-index{
	font-size: 12pt;
	line-height: 35px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../live/images/sitemap_title_bg.jpg);
	background-repeat: repeat-x;
	background-position: center;
	letter-spacing: 1px;
	text-indent: 10px;
}

/* 　index テキスト　 */
.txt-sitemap {
	font-weight: bold;
	color: #666666;
	letter-spacing: 1px;
	font-size: 11pt;
	line-height: 1.5;
	margin-bottom: 5px;
}
.txt-sitemap-index {
	color: #736450;
	letter-spacing: 1px;
	font-size: 9pt;
	line-height: 1.5;
	background-image: url(../live/images/sitemap_arrow_01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 13px;
	white-space: nowrap;
}
.txt-sitemap-index a:link { color: #736450; text-decoration: none;}
.txt-sitemap-index a:visited { text-decoration:none; color:#736450; }
.txt-sitemap-index a:active  { text-decoration:none; color:#736450; }
.txt-sitemap-index a:hover   { text-decoration:underline; color:#5A3C1A; }





/* ■□■ 　解説・ヘルプページに使用されているCSS　■□■ */
/* 　ヘッダー　 */
#head-title-help {
	background: url(../help/images/common/head_bg.jpg) repeat-x;
	border-bottom: 3px solid #303018;
}
#head-title-support {
	 background: url(../support/images/common/head_bg.jpg) repeat-x;
	 border-bottom: 3px solid #051D1D;
}

/*　注意・警告文 　*/
.notice-khaki{
	font-size: 9pt;
	line-height: 1.5;
	color: #FFFFFF;
	background-color: #7F7F59;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 1px;
	margin-top: 10px;
}
.notice-khaki a:link { text-decoration: none; color: #FFFFFF; }
.notice-khaki a:visited { text-decoration:none; color:#FFFFFF; }
.notice-khaki a:active  { text-decoration:none; color:#FFFFFF; }
.notice-khaki a:hover   { text-decoration:underline; color:#FFFFCC; }


/* 見出し・強調 - common */
.h-1   {
	font-size: 90%;
	color: #593B1A;
	font-weight: normal;
	padding-left: 5px;
	margin-bottom: -3px;
	text-align: left;
	}
.h-2   {
	font-size: 90%;
	color: #593B1A;
	font-weight: normal;
	padding-left: 20px;
	background-image: url(/image/common_arrow_h.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	}
.h-3   {
	font-size: 100%;
	color: #7F6659;
	background-image: url(/image/icon_catch1.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 15px;
	}
.h-4   {
	font-size: 100%;
	color: #593B1A;
	font-weight: bold;
	background-color: #E6E0DA;
	line-height: 200%;
	padding-left: 10px;
	border: 1 solid #B3A28F;
	}
/*
strong {
	font-weight: normal;
	}
*/
.strong-1   {
	font-size: 100%;
	color: #003333;
	font-weight: normal;
	background-color: #DAE6E6;
	padding-left: 5px;
	border: 1 solid #B8CCCC;
	padding-right: 5px;
	margin-right: 5px;
	margin-left: 5px;
	}
.strong-2   {
	font-size: 100%;
	color: #990000;
	font-weight: normal;
	background-color: #FFF3F3;
	padding-left: 5px;
	border: 1 solid #FFCCCC;
	padding-right: 5px;
	margin-right: 5px;
	margin-left: 5px;
	}
.gray-100-b {
	font-size: 100%;
	color: #666666;
	font-weight: bold;
}


/* ■□■ 　共通の静的ページに使用されているCSS　■□■ */

/*　本文　*/
.txt-regular { font-size: 10pt; line-height: 1.5; letter-spacing: 1px; }
.txt-bold    { font-weight: bold; color: #006599; letter-spacing: 1px; }
.txt-small   { color: #666666; letter-spacing: 1px; font-size: 8pt; }
.txt-price   { font-weight: bold; color: #990000; letter-spacing: 1px; font-size: 14pt; font-style: normal; line-height: 1.5; }



/*　注意・警告文 　*/
.txt-notice-regular { font-size: 10pt; line-height: 1.5; color: #990000; letter-spacing: 1px; }
.txt-notice-bold    { color: #990000; letter-spacing: 1px; font-weight: bold; }

/*　罫線 　*/
hr {
	color: #CCCCCC;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 99%;
	text-align: center;
}