@charset "shift_jis";


body {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	font-size: 80%;
	line-height: 2;
	color: #333333;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}

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: #5B92D7;
	text-decoration: none;
}



/*コンテナー（HPを囲むボックス）
---------------------------------------------------------------------------*/
#container {
	text-align: left;
	width: 905px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 5px;
	padding-left: 5px;
	background-image: url(images/container_bg.gif);	/*HP最上段にある色のついたボーダー*/
	background-repeat: repeat-y;
	padding-top: 1px;
	clear: left;
}



/*ヘッダー（サイト名ロゴとかが入っている上段のブロック）
---------------------------------------------------------------------------*/
#header {
	text-align: left;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	height: 80px;
	position: relative;
}

/*h1タグ設定*/
#header h1 {
	font-size: 11px;	/*文字サイズ*/
	line-height: 14px;
	font-weight: normal;
	position: absolute;
	left: 10px;	/*ヘッダーのブロックに対して左から10pxに配置*/
	top: 10px;	/*ヘッダーのブロックに対して上から10pxに配置*/
}

/*サイト名ロゴ画像設定*/
#logo {
	position: absolute;
	left: 2px;	/*ヘッダーのブロックに対して左から0pxに配置*/
	bottom: 0px;/*ヘッダーのブロックに対して下から0pxに配置*/
}

/*電話番号画像設定*/
#tel {
	position: absolute;
	right: 0px;	/*ヘッダーのブロックに対して右から0pxに配置*/
	bottom: 0px;/*ヘッダーのブロックに対して下から0pxに配置*/
}



/*メインメニュー
---------------------------------------------------------------------------*/
ul#menu {
	background-image: url(images/menu_bg.gif);
	height: 67px;
	width: 900px;
	padding-left: 19px;
	margin-right: auto;
	margin-left: auto;
}

ul#menu li {
	float: left;
}

ul#menu img {
	vertical-align: bottom;
}



/*トップページのFLASH
---------------------------------------------------------------------------*/
#mainimg {
	background-image: url(images/mainimg_bg.gif);	/*FLASH下の影*/
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 10px;
	text-align: center;
}

#mainimg img {
	vertical-align: bottom;
}



/*メインコンテンツ（右側）
---------------------------------------------------------------------------*/
#main {
	float: right;
	width: 640px;
	padding-top: 10px;
	padding-bottom: 50px;
	display: inline;
	margin-right: 10px;
}

#main h2 {
	font-size: 15px;
	line-height: 40px;
	color: #FFFFFF;
	background-image: url(images/h2bg.gif);	/*h2背景画像設定*/
	background-repeat: no-repeat;
	height: 40px;
	overflow: hidden;
	padding-left: 10px;
	background-color: #82A9D9;
	clear: both;
}

#main p {
	padding: 0.5em 10px 1em;
}

/*H3*/
#main h3 {
	clear: both;
	margin: 0 16px;
	margin-bottom: 14px;
	padding: 10px;
	border: 1px solid #999;
	font-size: 1.286em;
	font-weight: bold;
}


#main h3.p2 {
	clear: both;
	margin: 1.0em 0;
	padding: 0.3em 10px;
	border: 2px dotted #7070ba;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.4em;
	text-align: left;
	color: #333;
}


#main h3.p3{
	clear: both;
	margin: 1.0em 0;
	padding: 0.3em 10px;
	border: 2px dotted #73a0e2;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.4em;
	text-align: left;
	color: #333;
}



#main h3.waku{
	clear: both;
	margin: 1.0em 0;
	padding: 0.3em 10px;
	border: 2px dotted #7070ba;
	font-size: 1.0em;
	font-weight: normal;
	line-height: 1.4em;
	text-align: left;
	color: #333;
}

/*H4*/
#main h4{
	clear: both;
	margin: 0 3px;
	margin-bottom: 14px;
	padding: 6px;
	border-bottom: 3px double #999;
	font-size: 1.1em;
	font-weight: bold;
}


#main h4.p2{
	clear: both;
	margin: 15px 3px;
	margin-bottom: 15px;
	padding: 0px;
	border-bottom: 3px double #73a0e2;
	font-size: 1.2em;
}


/*線*/
#main hr{
	clear: both;
	margin: 0.5em 0 1.7em 0;
	padding: 0;
	font-size: 1.0em;
	line-height: 1.0em;
	border-width: 1px 0 0 0;
	border-style: solid none none none;
	height: 1px;
	color: #ccc;
}
* html #main hr{ margin: 0 0 1.2em; }
*:first-child+html #main-contents hr{ margin: 0 0 1.2em; }


#main img.on{
     vertical-align: middle;
}


#main p.waku{
  border: 1px solid #c0c0c0;
  padding: 5px 5px 5px 5px;
  background; #ffffff;
  line-height: 2.1em;
}

#main p.waku1{
  border: 1px solid #c0c0c0;
  padding: 5px 5px 5px 5px;
  background; #ffffff;
  line-height: 1.7em;
}

#main p.tenwaku{
	clear: both;
	margin: 1.0em 0;
	padding: 0.3em 10px;
	border: 2px dotted #7070ba;
	font-size: 1.0em;
	line-height: 1.3em;
	text-align: left;
	color: #333;
}

#main p.ten{
	clear: both;
	margin: 1.0em 0;
	padding: 0.3em 10px;
	border: 2px dotted #73a0e2;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.3em;
	text-align: left;
	color: #333;
}


/*引用タグ*/
#main q,
#main blockquote{
	overflow: auto;
	margin: 0 10px 1.4em 10px;
	padding: 10px;
	border-top: 3px solid #ddd;
	border-bottom: 3px solid #ddd;
	background: #eee;
	color: #444;
}


/*テーブルタグ*/
#main table.table-style{
	margin: 10px 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}

#main table.table-style th,
#main table.table-style td{
	padding: 0.8em;
	border: 1px solid #aaa;
	vertical-align: top;
}

#main table.table-style th{
    background: #F5F5F5;
	font-style: normal;
	font-weight: bold;
	text-align: left;
}

#main table.t-02{
    margin: 10px 0;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 100%;
}

#main table.t-02 th{
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    }

#main table.t-02 td{
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}

/*●定義タグ スタイル01*/
* html body #main dl.dl-style01 dd div{ display: inline-block; }

#main dl.dl-style01{ border-bottom: 1px solid #999; }
#main dl.dl-style01 dt{
	float: left;
	margin: 0;
	padding-top: 20px;
	width: 15em;
	border-top: 1px solid #999;
	font-weight: bold;
}

#main dl.dl-style01 dd{
	margin-left: 15em;
	padding: 20px 10px 20px 0;
	border-top: 1px solid #999;
}


/*●定義タグ スタイル02*/
#main dl.dl-style02{
	margin-bottom: 1.2em;
	padding: 0;
	border: 1px solid #777;
	border-top: 1px solid #999;
	background: #ddd;
}

#main dl-style02 dt{
	margin: 0;
	padding: 0.5em;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
	font-weight: bold;
	color: #444;
}

#main dl.dl-style02 dd{
	margin: 0;
	padding: 0.8em 1.0em;
	background: #fff;
}


/*サイドコンテンツ（左側）
---------------------------------------------------------------------------*/
#side {
	float: left;
	width: 230px;
	padding-top: 10px;
	padding-bottom: 50px;
	display: inline;
	margin-left: 10px;
}

#side h3 {
	font-size: 100%;
	border: 3px double #bfbfbf;	/*２重線*/
	text-align: center;			/*文字をセンタリング*/
	background-image: url(images/h3bg.gif);	/*h3背景画像設定*/
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 5px;
	padding-bottom: 5px;
}

#side p {
	padding-top: 0.5em;
	padding-bottom: 1em;
}

/*サイドメニュー
---------------------------------------------------------------------------*/
#side .sidemenu {
	margin-bottom: 1em;
}

#side .sidemenu li {
	background-image: url(images/sidemenu_bg.gif);	/*左側のアクセント画像*/
	background-repeat: no-repeat;
	background-position: left center;
}

#side .sidemenu a {
	display: block;
	width: 200px;
	border-bottom: 1px solid #bfbfbf;	/*下線*/
	text-decoration: none;
	padding: 5px 10px 5px 20px;
}

#side .sidemenu a:hover {
	background-color: #e8f1fb;	/*カーソルオーバー時の背景色*/
}




/*フッターメニュー
---------------------------------------------------------------------------*/
ul#footermenu {
	clear: both;
	text-align: center;
	width: 100%;
}

ul#footermenu li {
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
}




/*フッター（コピーライトとか入っている最下部ブロック）
---------------------------------------------------------------------------*/
#footer {
	text-align: center;
	background-image: url(images/footer_bg.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin-right: auto;
	margin-left: auto;
	width: 900px;
	padding: 40px 4px 20px;
}





/*メインコンテンツ内の「What's New」部分
---------------------------------------------------------------------------*/
#main dl.new {
	width: 600px;			/*What's Newボックスの幅*/
	height: 140px;			/*What's Newボックスの高さ*/
	overflow: auto;
	padding: 10px 0px 10px 10px;
	margin-right: auto;
	margin-left: auto;
}

#main dl.new dt {
	font-weight: bold;	/*日付の色を太字にする*/
}

#main dl.new dd {
	border-bottom: 1px solid #bfbfbf;	/*日付ごとの下線*/
}



/*テーブル（物件詳細ページや会社概要で使っているテーブル）
---------------------------------------------------------------------------*/
.ta1 {
	width: 610px;
}

.ta1, .ta1 td, .ta1 th{
	border: 1px solid #5B92D7;
}

.ta1 td, .ta1 th{
	padding: 5px;	/*テーブル内の余白*/
}

.ta1 th{
	background-color: #e8f1fb;	/*左側thタグの背景色*/
	width: 150px;				/*左側thタグの幅*/
	text-align: center;
}

/*------------------------------------------------------------
6、font-size・・・フォントサイズの設定
-------------------------------------------------------------*/

.b{ font-weight: bold!important; }/*太字*/
.normal{ font-weight: normal!important; }/*太字を解除*/

.big{ font-size: 1.2em!important; }
.big2{ font-size: 1.5em!important; }
.big3{ font-size: 1.8em!important; }
.small{ font-size: 0.8em!important; }

.f08em{ font-size: 0.8em; }
.f09em{ font-size: 0.9em; }
.f10em{ font-size: 1.0em; }
.f11em{ font-size: 1.1em; }
.f12em{ font-size: 1.2em; }
.f13em{ font-size: 1.3em; }
.f14em{ font-size: 1.4em; }
.f15em{ font-size: 1.5em; }
.f16em{ font-size: 1.6em; }
.f17em{ font-size: 1.7em; }
.f18em{ font-size: 1.8em; }
.f19em{ font-size: 1.9em; }
.f20em{ font-size: 2.0em; }
.f21em{ font-size: 2.1em; }
.f22em{ font-size: 2.2em; }
.f23em{ font-size: 2.3em; }
.f24em{ font-size: 2.4em; }

.f8pt{ font-size: 8.5pt!important; }
.f9pt{ font-size: 9.0pt!important; }
.f10pt{ font-size: 10pt!important; }
.f11pt{ font-size: 11pt!important; }
.f12pt{ font-size: 12pt!important; }
.f13pt{ font-size: 13pt!important; }
.f14pt{ font-size: 14pt!important; }
.f15pt{ font-size: 15pt!important; }
.f16pt{ font-size: 16pt!important; }
.f17pt{ font-size: 17pt!important; }
.f18pt{ font-size: 18pt!important; }
.f19pt{ font-size: 19pt!important; }
.f20pt{ font-size: 20pt!important; }
.f21pt{ font-size: 21pt!important; }
.f22pt{ font-size: 22pt!important; }
.f23pt{ font-size: 23pt!important; }
.f24pt{ font-size: 24pt!important; }


/*------------------------------------------------------------
7、color・・・フォントカラーの設定
-------------------------------------------------------------*/

.red{ color: #ff0000!important; }/*赤*/
.blue{ color: #0000dd!important; }/*青*/
.green{ color: #008000!important; }/*緑*/
.yellow{ color: #ffff00!important; }/*黄*/
.navy{ color: #1F26A9!important; }/*紺*/
.orange{ color: #ff6600!important; }/*橙*/
.pink{ color: #cc6699!important; }/*ピンク*/
.purple{ color: #660099!important; }/*紫*/
.olive{ color: #808000!important; }/*黄土色*/
.lime{ color: #00ff00!important; }/*黄緑*/
.sky{ color: #73a0e2!important; }/*水色*/
.black{ color: #000!important; }/*黒*/
.gray{ color: #ccc!important; }/*灰*/
.white{ color: #fff!important; }/*白*/



/*その他
---------------------------------------------------------------------------*/
.color1 {
	color: #FF0000;
}

.look {
	background-color: #E4E4E4;
}

.mb1em {
	margin-bottom: 1em;
}

.left {
    float: left;
}

.right {
    float: right;
}
    
.clear {
	clear: both;
}
