@charset "utf-8";

*{ word-wrap: break-word; word-break: break-all; }
body {
	font-family: "ヒラギノ角ゴ Pro W3","メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka,  "Hiragino Kaku Gothic Pro";
	font-size: 14px;
	line-height: 1.5;
	color: #333333;
	//background-color: #FFFFFF;
	//background-image: url(images/back.png);
	margin: 0px;
	padding: 0px;
	text-align: left;
	background:url(images/body_back.jpg) no-repeat top center;
	
	-moz-background-size:100% auto;
	background-size:100% auto;
}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form{
	margin: 0px;
	padding: 0px;
}

ul{
	list-style-type: none;
}

img {
	border: none;
}

input,textarea,select {
	font-size: 1em;
}

form {
	margin: 0px;
}

table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}



/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
		/*文字色 color: #333333; */
}

a:hover {
	color:red;
	text-decoration: none;	/*カーソルオーバー時の文字色*/
	/* color: #FF2A00; */
}

a,a:link,a:visited {
	color:blue;
	text-decoration:none;
	text-decoration:underline;
	outline:none;
}

a:hover,a:active,a:focus {
	color:#FF0000;
	outline:none;
}

/*テーブル設定
---------------------------------------------------------------------------*/
.th1 { background:#4584ED; color:white; font-weight:bold; text-align:left;}
.td1 { background:white;text-align:left; padding-left:10px;}


/*h1タグ設定（HPの最上段に入っているテキスト）
---------------------------------------------------------------------------*/
h1 {
	width: 960px;
	font-size: 14px;	/*文字サイズ*/
	margin-right: auto;
	margin-left: auto;
	margin-top:10px;
	text-align: left;
}



/*コンテナー（HPを囲んでいるブロック）
---------------------------------------------------------------------------*/
#container {
	margin:0 auto;/*中央寄せ*/
	padding:0;
	width:100%;
}
/* ======================================================================== */
/*　ヘッダー　*/
/* ======================================================================== */
#header {
	margin:0 auto;
	padding:0;
	width:100%;
	height:198px;
	//background:#fff;
	border-top:2px solid #197CD1;
	clear:both;
	font-size:16px;
/*
background:#FFFFFF;	border:1px solid green;
*/
}
#header .top         {  width:1020px; height:110px; margin:0 auto; position: relative; }
#header .top p       { position: absolute;top: 50%;  }
#header .top p.text  { font-weight:bold; margin-top:-1em; left:600px; }
#header .top p.image { margin-top:-50px; }

#header .topMenu {
	background:#197CD1;
	width:1020px;  height: 50px;
	margin:0 auto;
	background-image: url(./images/back_header.jpg);
    background-repeat: repeat-x;
	/*
		border:1px solid red;
	    background-position: center center;
	*/
}
#header div.topMenu ul{
	margin:0; padding:0;margin-top:0px;
	list-style-type: none;
}
#header .topMenu li{
	float:left;
	margin:0 2; padding:0; text-align:center
}
#header .topMenu a{
	display:block;
	color:#FFE600; font-weight:bold;
	margin:0 auto;
	text-decoration:none; text-align:center;
	/*
		background-image: url(./images/menu_top.jpg);
	    background-repeat: no-repeat;
	    background-position: center center;
	    border:1px solid yellow;
	*/
}
#header .topMenu a:hover{
	color:#FF7F00; font-weight:bold;
	text-decoration:none;
	color:red; background:yellow;
	
	/*
		background-image: url(./images/menu_top_on.jpg);
	    background-repeat: no-repeat;
	    background-position: center center;
	*/
}
#header .topMenu a.on{
	color:#FF7F00;
	font-weight:bold; text-decoration:none;
	color:red; background:yellow;
	/*
		background-image: url(./images/menu_top_on.jpg);
	    background-repeat: no-repeat;
	    background-position: center center;
	*/
}

#header .topMenuBK {
	background-color:#197CD1;
	background-image: url(./images/back_header.jpg);
    background-repeat: repeat-x;
	width:100%; height: 50px;
	margin:0 auto;
	//border:2px solid #FFE500;
	//margin-bottom:10px;
}

/* -----------------------------------------------------------------------------
 コンテンツ部分（ヘッダー、フッター除く）
----------------------------------------------------------------------------- */
#contents_slide {
	width: 1020px;
	//background:#FFF;
	margin:0 auto;
	margin-top:5px;
	border:1px solid #DCDCDC;

}
#contents_box {
	width: 1020px;
	//background:#FFF;
	margin:0 auto;
	margin-top:15px;
	border:1px solide red;
	
	//position:relative;
	//position:absolute;

}
#contents_footer {
	clear:both;
	displat:block;
	color:blue;
	//background:#FFF;
}

/*メインコンテンツ（右側ブロック）
---------------------------------------------------------------------------*/
#main {
	float: left;
	margin-left:0px;
	width: 710px;
	padding:10px 6px;
	//border:1px solid blue;
	text-align:left;
	//background-image: url(images/back.png);
	background:#FFF;
	border:1px solid #DCDCDC;

}

/*h2見出しタグ設定*/
#main h2 {
	font-size: 20px;
	color: #000;					/*文字色*/
	/*背景画像（右側に入っている小さな画像）*/

	height:45px;
	text-align:left;
	background-image: url(images/h2.png);	/*背景画像（右側に入っている小さな画像）*/
	background-repeat: no-repeat;			/*背景画像をリピートしない設定*/
	background-position: left bottom;		/*背景画像を右下に配置する設定*/
	padding: 15px 0px 0px 80px;			/*左から上、右、下、左の余白の数値*/
	margin-top:0px;
	margin-bottom:25px;
	//border:1px solid red;
}
#main .h2_inquiry {
	width: 720px;
	font-size: 20px;
	color: #000;					/*文字色*/
	/*背景画像（右側に入っている小さな画像）*/

	height:40px;
	text-align:left;
	background-image: url(images/h2_inquiry.jpg);	/*背景画像（右側に入っている小さな画像）*/
	background-repeat: no-repeat;			/*背景画像をリピートしない設定*/
	background-position: left bottom;		/*背景画像を右下に配置する設定*/
	padding: 20px 0px 0px 90px;			/*左から上、右、下、左の余白の数値*/
	margin-top:0px;
	margin-bottom:25px;
	//border:1px solid red;
}
#main h3 {
	font-size: 16px;
	color: #000;					/*文字色*/
	background-color: #fff;		/*背景色*/
	/*背景画像（右側に入っている小さな画像）*/

	height:29px;
	text-align:left;
	background-image: url(images/h3.png);	/*背景画像（右側に入っている小さな画像）*/
	background-repeat: no-repeat;			/*背景画像をリピートしない設定*/
	background-position: left bottom;		/*背景画像を右下に配置する設定*/
	padding: 3px 0px 0px 15px;			/*左から上、右、下、左の余白の数値*/
	margin-bottom:10px;
	//border:1px solid red;
}
#main .q {
	font-size: 16px;
	color: #000;					/*文字色*/
	background-color: #fff;		/*背景色*/
	/*背景画像（右側に入っている小さな画像）*/

	width:665px;
	height:29px;
	text-align:left;
	background-image: url(images/q.png);	/*背景画像（右側に入っている小さな画像）*/
	background-repeat: no-repeat;			/*背景画像をリピートしない設定*/
	background-position: left bottom;		/*背景画像を右下に配置する設定*/
	padding: 3px 0px 0px 35px;			/*左から上、右、下、左の余白の数値*/
	margin-bottom:10px;
	//border:1px solid red;
}

/*段落タグ設定*/
#main p {
	padding: 0.5em 10px 1em;	/*左から上、左右、下の余白の数値*/
	padding:0px;
}

/*サイドコンテンツ（左側ブロック）
---------------------------------------------------------------------------*/
#sideBar{
	float: right;
	padding-right:0px;
	//background:#FFF;
	
}
#side {
	width: 280px;
	//border:1px solid red;
	//position: absolute;
	//height:500px;
	//background:#FFF;
}


/*h3タグ設定*/
#side h3 {
	font-size: 18px;
	height:30px;
	color: #FFFFFF;		/*文字色*/
	background-color: #197CD1;	/*背景色*/
	padding: 10px;		/*余白*/
	padding-left:5px;
	margin-bottom:5px;
	//border:1px solid #DCDCDC;

}
#side .menu_header {
	font-size: 18px;
	font-weight:bold;
	width:240px;
	height:32px;
	color: #000;		/*文字色*/
	background-color: #197CD1;	/*背景色*/
	padding: 10px;		/*余白*/
	padding-top:20px;
	padding-left:40px;
	background:url("./images/side_menu_header.png") no-repeat ;

}
#side .menu_footer {
	width:280px;
	height:18px;
	color: #000;		/*文字色*/
	background-color: #197CD1;	/*背景色*/
	background:url("./images/side_menu_footer.png") no-repeat ;
	margin-bottom: 1em;

}
/*段落タグ設定*/
#side p {
	padding-top: 0.5em;
	padding-bottom: 1em;
	font-size:12px;
	text-align:left;
}



/*右側サイドメニュー
---------------------------------------------------------------------------*/
#side ul.menu {
}
#side li.menu {
	//margin-bottom: 1px;
}

#side ul.menu a {
	display: block;
	width: 240px;
	line-height:120%;
	text-decoration: none;
	font-size:14px;
	padding-left:40px;
	text-align:left;

	color:black;
	background:url("./images/menu.jpg") no-repeat ;

	/*
	margin-bottom: 1px;
			background:url("./images/menu.gif") no-repeat ;
		background-color: #f0f0f0;			背景色
		border-bottom: 1px solid #000000;	/*下線の幅と線種と色*/
	*/
}

#side ul.menu a:hover {

	color: #333333;				/*カーソルオーバー時の文字色*/
	color:red;
	background:url("./images/menu_on.jpg") no-repeat ;

	/*
		background-color: #FFFFFF;
		background:url("./images/menu_on.jpg") no-repeat ;
	*/
}

/*サイドメニュー
---------------------------------------------------------------------------*/
#side ul.sidemenu {
	margin-bottom: 1em;
}
#side li.sidemenu {
	margin-bottom: 1px;
}

#side ul.sidemenu a {
	display: block;
	width: 220px;
	height:60px;
	font-size:16px;
	text-decoration: none;
	padding: 5px 10px;
	background:url("./images/menu.gif") no-repeat ;

	margin-bottom: 1px;

	/*
		background-color: #f0f0f0;			背景色
		border-bottom: 1px solid #000000;	/*下線の幅と線種と色*/
	*/
}

#side ul.sidemenu a:hover {
	/*
	background-color: #FFFFFF;
	*/
	color: #333333;				/*カーソルオーバー時の文字色*/
	background:url("./images/menu_on.gif") no-repeat ;
}



/*フッターメニュー
---------------------------------------------------------------------------*/
ul#footermenu {
display: inline-table;
	clear: both;
	width: 100%;
	font-size: 14px;		/*文字サイズ*/
	text-align: center;		/*センタリング*/
	//background-image: url(images/footermenu_bg.gif);	/*両サイドに入っている背景画像*/
	//background-repeat: no-repeat;
	//background-position: bottom;
	padding-top: 50px;
	padding-bottom: 10px;
}

ul#footermenu li {
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
}



/*フッター
---------------------------------------------------------------------------*/
#footer {
	font-size: 16px;		/*文字サイズ*/
	letter-spacing: 0.2em;	/*文字間隔*/
	text-align: center;		/*センタリング*/
	color: #FFFFFF;			/*文字色*/
	padding-top: 10px;
	padding-bottom: 7px;

	background:#197CD1;
	width:100%;  height: 50px;
	margin:0 auto;
	background-image: url(./images/back_header.jpg);
	background-repeat: repeat-x;
	
}

#footer a {
	color: #FFFFFF;
}



/*メインコンテンツ内の「更新情報・お知らせ」部分
---------------------------------------------------------------------------*/
#pankuzu { margin-bottom:10px; padding-left:10px; color:#CCCCCC; }
#main .new dl {
	width: 680px;
	height: 150px;			/*ボックスの高さ*/
	overflow: auto;
	padding-left: 10px;
}

#main .new dt {
	font-weight: bold;	/*日付の色を太字にする*/
}

#main .new dd {
	border-bottom: 1px solid #cccccc;	/*日付ごとの下線*/
}



/*テーブル
---------------------------------------------------------------------------*/
.ta1 {
	width: 690px;
}

.ta1, .ta1 td, .ta1 th{
	border: 1px solid #bfbfbf;	/*枠線の幅、線種、色*/
}

.ta1 td, .ta1 th{
	padding: 5px;	/*テーブル内の余白*/
}

.ta1 th{
	background-color: #F0F0F0;	/*左側thタグの背景色*/
	width: 150px;				/*左側thタグの幅*/
	text-align: center;			/*センタリング*/
}



/*物件一覧（横長）ボックス
---------------------------------------------------------------------------*/
.box {
	overflow: hidden;
	padding: 10px;
	margin-bottom: 1em;
	width: 668px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #bfbfbf;	/*枠線の幅と線種と色*/
}

/*写真の配置設定*/
.box img {
	float: left;
	width: 150px;	/*配置する写真幅をここに設定する*/
}

/*h3見出し設定*/
.box h3 {
	font-size: 100%;
	color: #055723;			/*文字色*/
	padding-left: 160px;	/*左の写真サイズに合わせてここは調整*/
}

.box p {
	padding: 0px 0px 0px 160px !important;	/*左の写真サイズに合わせてここは調整*/
}

.box.osusume {
	background-image: url(images/boxbg_osusume.gif);	/*「おすすめ物件」画像指定*/
	background-repeat: no-repeat;
	background-position: right bottom;
}

.box.sumi {
	background-image: url(images/boxbg_sumi.gif);		/*「ご契約済み」画像指定*/
	background-repeat: no-repeat;
	background-position: right bottom;
}



/*物件一覧（ミニサイズ）ボックス
---------------------------------------------------------------------------*/
.boxmini {
	overflow: auto;
	padding: 5px;
	margin-bottom: 1em;
	border: 1px solid #bfbfbf;	/*枠線の幅と線種と色*/
	width: 150px;
	height: 230px;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	display: inline;
}

/*h3見出し設定*/
.boxmini h3 {
	font-size: 100%;
	color: #055723;	/*文字色*/
}

.boxmini p {
	padding: 0px !important;
	font-size: 12px;
	line-height: 1.6;
}

.boxmini.osusume {
	background-image: url(images/boxbg_osusume.gif);	/*「おすすめ物件」画像指定*/
	background-repeat: no-repeat;
	background-position: right bottom;
}

.boxmini.sumi {
	background-image: url(images/boxbg_sumi.gif);		/*「ご契約済み」画像指定*/
	background-repeat: no-repeat;
	background-position: right bottom;
}



/*よく頂く質問集ページ設定
---------------------------------------------------------------------------*/
dl.faq {
	padding-right: 10px;
	padding-left: 10px;
}

dl.faq dt {
	background-image: url(images/qa_q.gif);	/*Ｑアイコン*/
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 30px;
	font-weight: bold;	/*太字にする設定*/
	color: #197CD1;		/*文字色*/
}

dl.faq dd {
	background-image: url(images/qa_a.gif);	/*Ａアイコン*/
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 30px;
	margin-bottom: 1em;
}


/*その他
---------------------------------------------------------------------------*/
.mb1em {
	margin-bottom: 1em;
}

ul.disc {
	padding: 0.5em 20px 0em 30px;
	list-style: disc;
}

.pagetop {
	text-align: right;
	padding-top: 0.5em !important;
	clear: both;
}

.color1 {
	color: #FF2A00;
}

.look {
	background-color: #FFFFFF;
}

.clear {
	clear: both;
}

.clearfix:after{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
/*---------------------------------------------------------------------------*/
/*ページトップ処理 */
/*---------------------------------------------------------------------------*/
#pageTop{
	background:#DDD;
	border-radius:5px;
	color:#FFF;
	padding:20px;
	position:fixed;
	bottom:20px;
	right:20px;
	}
#pageTop:hover{
	background:#EEE;
	}
	
/*---------------------------------------------------------------------------*/

#page-top{
	width:120px;
	height:50px;
	display:none;
	position:fixed;
	right:16px;
	bottom:16px;
	letter-spacing:1px;
}
 
#page-top p{
	margin:0;
	padding:0;
	text-align:center;
	background:#3b3b3b;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}
 
#page-top p:hover{
	background:#8b8b8b;
}
 
#move-page-top{
	color:#fff;
	line-height:50px;
	text-decoration:none;
	display:block;
	cursor:pointer;
}

/*---------------------------------------------------------------------------*/
#dialog1 dl.accordion { background:#DDD; width:95%; margin:0 auto 10px; padding:10px; font-size:16px;}
#dialog1 dl.accordion dt {
    background:url(../img/open.png) 97% center no-repeat,-moz-linear-gradient(top, #C6F0FE, #27BCF9);
    background:url(../img/open.png) 97% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#C6F0FE), to(#27BCF9));
    border-bottom:1px solid #EEE; height:40px; text-indent:10px; line-height:40px; color:#333; font-weight:bold; cursor:pointer;}
#dialog1 dl.accordion dt.open {
    background:url(../img/close.png) 97% center no-repeat,-moz-linear-gradient(top, #C6F0FE, #27BCF9);
    background:url(../img/close.png) 97% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#C6F0FE), to(#27BCF9));}
#dialog1 dl.accordion dd { background:#FFF; padding:10px; line-height:1.5; display:none;}
/*---------------------------------------------------------------------------*/
#dialog2 dl.accordion { background:#DDD; width:95%; margin:0 auto 10px; padding:10px; font-size:16px;}
#dialog2 dl.accordion dt {
    background:url(../img/open.png) 97% center no-repeat,-moz-linear-gradient(top, #C6F0FE, #27BCF9);
    background:url(../img/open.png) 97% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#C6F0FE), to(#27BCF9));
    border-bottom:1px solid #EEE; height:40px; text-indent:10px; line-height:40px; color:#333; font-weight:bold; cursor:pointer;}
#dialog2 dl.accordion dt.open {
    background:url(../img/close.png) 97% center no-repeat,-moz-linear-gradient(top, #C6F0FE, #27BCF9);
    background:url(../img/close.png) 97% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#C6F0FE), to(#27BCF9));}
#dialog2 dl.accordion dd { background:#FFF; padding:10px; line-height:1.5; display:none;}
/*---------------------------------------------------------------------------*/
/*
 ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled max 
*/
.ui-datepicker-today { background:yellow; }

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,{
  border: 1px solid #211b0d;
  background: yellow;
  font-weight: normal;
  color: red;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited
{
  text-decoration: none;
}

/*
.lv1 { background-image:none; background-color:#FF0000; }
.lv2 { background-image:none; background-color:#FFFF00;  }
.lv3 { background-image:none; background-color:#FF0000; }

.lv1 a.ui-state-default { background-image:none; background-color:#008000; color:white; }
.lv2 a.ui-state-default { background-image:none; background-color:#FFFF00;  }
.lv3 span.ui-state-default { background-image:none; background-color:#FF0000; color:white; }
td a .ui-state-default { background-image:none; background-color:blue;color:white; }
.lv0 a.ui-state-default { background-image:none; background-color:blue;color:white; }
.lv1 a.ui-state-default { background-image:none; background-color:red;color:white; }

.lv2 a.ui-state-default { background-image:none; background-color:yellow;color:orange;  }
*/

.lv1 span.ui-state-default  { background-image:none; background-color:red;color:white; }