@charset "UTF-8";

/* ***************************************************
* CSS file For coldwell.jp
	FileName: common.css
	2007/11/08 yoshii

■目次 ==========================================
■[01]:ブラウザスタイル初期化
■[02]:大枠レイアウト
■[03]:ヘッダー
■[04]:メインナビゲーション－
■[05]:プルダウン－
■[06]:フッダ－
■[30]:基本テキストリンク
■[40]:input
■[50]:共通部分
■[80]:レイアウト指定
■[90]:指定フォント
**************************************************** */



/*-----------------------------------------------------------
■[01]:ブラウザスタイル初期化
------------------------------------------------------------*/

body, div, table, caption, th, tr, td, ul, ol, li, dl, dt, dd, form, input, textarea, p {
	font-weight: normal;
	font-style: normal;
}

body {
	margin: 0 auto;
	text-align: center;
	padding: 0;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	color: #000000;
	font-size: 12px;
	line-height: 18px;
}

img,table { border: none; }

br { padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6,p,form,ul,li,dl,dt,dd { margin: 0px; padding: 0px; font-weight: normal; }

ul { list-style: none; }

ol { margin: 15px 0 0; padding: 0 0 0 25px; }

ol li {margin: 0 0 8px;}

.clear { clear: both; font-size: 0px; line-height: 0px; }

input,select{ font-size: 12px;}


/*-----------------------------------------------------------
■[02]:大枠レイアウト
------------------------------------------------------------*/

div#Container {
	width: 800px;
	text-align: center;
	margin: 0 auto;
	position:relative;
	background: url(/common/bg_header.gif) repeat-x top #FFFFFF;
}

div#Wrapper {
	text-align: left;
	padding-top: 10px;
	z-index:0;
	color: #333;
	
}

div#Wrapper table,div#Wrapper select {color: #333;}

/*-----------------------------------------------------------
■[03]:ヘッダー
------------------------------------------------------------*/

div#header {
	margin: auto;
	height: 146px;
	float: left;
}

div#header_top {
/* 	height: 20px;
 */	width: 800px;
	text-align: left;
	margin: auto;
/* 	padding: 0px 6px;
 */}
div.header_text 	{ float: left; text-align: left; padding-left: 6px;}
div.header_text h1	{ font-size: 10px; line-height: 19px; float: left;}
.contact		{ float: right;}

div#header_middle{
	width: 800px;
	height: 96px;
	margin: auto;
}

/* これ以降Mac IE 5のみに適用される \*//*/
div#header_middle{
	height: 95px;
}/* これ以降Mac IE 5以外にも適用される */


div#logo		{ float: left; padding-top: 22px; width: 127px; text-align: left;}
div#tel			{ float: left; padding-top: 22px; width: 296px; margin-left : 5px;}
div#mypage{
	float: right; 
	width: 262px;
	text-align: left;
}

/* これ以降Mac IE 5のみに適用される \*//*/
div#mypage{
	float: right; 
	width: 282px;
	text-align: left;
}/* これ以降Mac IE 5以外にも適用される */

/* これ以降Mac Safariのみに適用される */
/* html*#mypage {
	float: right; 
	width: 282px;
	text-align: left;
}
 *//* これ以降Mac Safari以外にも適用される */

/* safari only \*/
html:\66irst-child div#mypage{
	float: right; 
	width: 282px;
	text-align: left;
}
/* end */


.mypage_top{
	height: 33px;
}

/* これ以降Mac IE 5のみに適用される \*//*/
div.mypage_top{
	height: 32px;
}/* これ以降Mac IE 5以外にも適用される */



.mypage_title{
	float: left;
	padding-top: 13px;
}
/* これ以降Mac IE 5のみに適用される \*//*/
div.mypage_title{
	padding-top: 12px;
}/* これ以降Mac IE 5以外にも適用される */

.mypage_toptext{
	float: right;
	text-align: right;
	width: 190px;
	padding-top: 1px;
}
.mypage_toptext span{
	background: url(/common/arrow.gif) no-repeat right;
	padding-right: 5px;
	line-height: 11px;
}
.mypage_toptext a{
	font-size: 10px;
}

/* これ以降Mac IE 5のみに適用される \*//*/
.mypage_toptext{
	margin-right : 5px;
}/* これ以降Mac IE 5以外にも適用される */

/* safari only \*/
html:\66irst-child div.mypage_toptext{
	margin-right : 5px;
}
/* end */


.mypage_toptext_login{
	float: right;
	text-align: right;
	width: 190px;
	padding-top: 14px;
}

/* これ以降Mac IE 5のみに適用される \*//*/
.mypage_toptext_login{
	padding-top: 10px;
}/* これ以降Mac IE 5以外にも適用される */


.mypage_bottom{
	background: url(/common/bg_mypage.gif) repeat-x;
	border: 1px solid #d4d4d4;
	padding: 2px 7px 0px 7px;
	height: 59px;
	font-family:'ＭＳ Ｐゴシック','Osaka';
}

/* hide from IE6のみ \*/
* html .mypage_bottom { height: 56px;}
/* */

/* これ以降Mac IE 5のみに適用される \*//*/
.mypage_bottom{
	background: url(/common/bg_mypage.gif) repeat-x bottom;
}/* これ以降Mac IE 5以外にも適用される */

.mypage_bottom span{
	font-size: 10px;
	text-align: right;
	line-height: 14px;
}
.mypage_bottom a:link    { text-decoration: underline; font-weight: bold;}
.mypage_bottom a:visited { text-decoration: underline; font-weight: bold;}
.mypage_bottom a:hover   { text-decoration: underline; font-weight: bold;}

.line_text1{ }
.line_text2{ text-align: right; width: 100%; padding-top: 2px;}
.line_text2 span{ font-size: 12px;}
.line_text3{ padding-top: 1px;}


/* hide from IE6のみ \*/
* html .line_text2 { margin-top : -2px; }
* html .line_text3 { margin-bottom : 2px; }
/* */ 





.line_text1_login{ font-weight: bold;}
.line_text2_login{ width: 100%; padding-top: 2px;}
.line_text2_login span{ padding-left: 4px; padding-bottom: 2px;  font-size: 12px;}
.line_text3_login{ padding-top: 4px;}

.line_text2_login a:link    { text-decoration: none; font-weight: normal;}
.line_text2_login a:visited { text-decoration: none; font-weight: normal;}
.line_text2_login a:hover   { text-decoration: underline; font-weight: normal;}

/* hide from IE6のみ \*/
* html .line_text2_login { margin-top : 1px; }
* html .line_text3_login { margin-bottom : 3px; }
/* */

/* これ以降Mac IE 5のみに適用される \*//*/
.line_text2_login{
	margin-top : 2px;
}/* これ以降Mac IE 5以外にも適用される */

/* これ以降Mac IE 5のみに適用される \*//*/
.line_text3_login{
	margin-bottom : 1px;
}/* これ以降Mac IE 5以外にも適用される */


/*-----------------------------------------------------------
■[04]:メインナビゲーション
------------------------------------------------------------*/
/*-----------------------------------------------------------
■[05]:プルダウン
------------------------------------------------------------*/
div#header_bottom {
	position: relative;
	text-align: left;
}

div#menu_container {
	position: absolute;
	left: 0px;
	top: 0px;
z-index:99999;
}

div#menu_container dl{
	text-align: left;
	margin: 0px;
	position: absolute;
	top: 0px;
}

div#menu_container dt,#menu_container dt a{
	height: 31px;
	display: block;
}

div#menu_container a{
	display: block;
	text-decoration: none;
	text-indent: -9999px ;
}

div#menu_container dd{
	font-size: 10px;
	margin: 0;
}
dl.navi01 dd,dl.navi02 dd,dl.navi03 dd,dl.navi04 dd,dl.navi05 dd,dl.navi06 dd,dl.navi07 dd,dl.navi08 dd,
dl.navi01Select dd,dl.navi02Select dd,dl.navi03Select dd,dl.navi04Select dd,dl.navi05Select dd,dl.navi06Select dd,dl.navi07Select dd,dl.navi08Select dd { display:none; }

dl.on_navi01,dl.on_navi01Select dd,dl.on_navi02,dl.on_navi02Select dd,dl.on_navi03,dl.on_navi03Select dd,dl.on_navi04,dl.on_navi04Select dd,
dl.on_navi05,dl.on_navi05Select dd,dl.on_navi06,dl.on_navi06Select dd,dl.on_navi07,dl.on_navi07Select dd,dl.on_navi08,dl.on_navi08Select dd { display:block; }

div#menu_container dd a{
	padding: 4px;
	text-decoration: none;
	text-indent: 0;
	display: block;
	border-bottom: 1px solid #003399;
	border-left: 1px solid #003399;
	border-right: 1px solid #003399;
	background: #FFF;
	color: #333;
}
div#menu_container dd a:hover {background-color: #e0eaff; color: #333;}

/***** 物件検索 *****/
dl.navi01,dl.navi01Select,dl.on_navi01Select,dl.on_navi01 {width: 115px; left: 0px;}
dl.navi01 {background: url(/common/navi1.gif) no-repeat top left; }
dl.navi01Select,dl.on_navi01Select,dl.on_navi01 { background: url(/common/navi1_on.gif) no-repeat top left; }

/***** 購入の流れ *****/
dl.navi02,dl.navi02Select,dl.on_navi02Select,dl.on_navi02 { width: 114px; left: 115px;}
dl.navi02 { background: url(/common/navi2.gif) no-repeat top left;}
dl.navi02Select,dl.on_navi02Select,dl.on_navi02 { background: url(/common/navi2_on.gif) no-repeat top left; }

/***** 売却の流れ *****/
dl.navi03,dl.navi03Select,dl.on_navi03Select,dl.on_navi03 { width: 114px; left: 229px; }
dl.navi03 { background: url(/common/navi3.gif) no-repeat top left;}
dl.navi03Select,dl.on_navi03Select,dl.on_navi03 { background: url(/common/navi3_on.gif) no-repeat top left; }

/***** 不動産Ｑ＆Ａ *****/
dl.navi04,dl.navi04Select,dl.on_navi04Select,dl.on_navi04 { width: 114px; left: 343px; }
dl.navi04 { background: url(/common/navi4.gif) no-repeat top left;}
dl.navi04Select,dl.on_navi04Select,dl.on_navi04 { background: url(/common/navi4_on.gif) no-repeat top left; }

/***** 住まいの税金 *****/
dl.navi05,dl.navi05Select,dl.on_navi05Select,dl.on_navi05 { width: 114px; left: 457px; }
dl.navi05 { background: url(/common/navi5.gif) no-repeat top left;}
dl.navi05Select,dl.on_navi05Select,dl.on_navi05 { background: url(/common/navi5_on.gif) no-repeat top left; }

/***** エージェント制について *****/
dl.navi06,dl.navi06Select,dl.on_navi06Select,dl.on_navi06 { width: 114px; left: 571px; }
dl.navi06 { background: url(/common/navi6.gif) no-repeat top left;}
dl.navi06Select,dl.on_navi06Select,dl.on_navi06 { background: url(/common/navi6_on.gif) no-repeat top left; }

/***** 大阪西堀江店のご案内 *****/
dl.navi07,dl.navi07Select,dl.on_navi07Select,dl.on_navi07 { width: 115px; left: 685px; }
dl.navi07 { background: url(/common/navi7.gif) no-repeat top left;}
dl.navi07Select,dl.on_navi07Select,dl.on_navi07 { background: url(/common/navi7_on.gif) no-repeat top left; }

/***** 大阪西堀江店のご案内 *****/
/* dl.navi08,dl.navi08Select,dl.on_navi08Select,dl.on_navi08 { width: 114px; left: 685px; }
dl.navi08 { background: url(/common/navi8.gif) no-repeat top;}
dl.navi08Select,dl.on_navi08Select,dl.on_navi08 { background: url(/common/navi8_on.gif) no-repeat top; }
 */
/*-----------------------------------------------------------
■[06]:フッター
------------------------------------------------------------*/
div#footer{
	text-align: center;
	width: 100%;
	height: 132px;
	color: #FFF;
	font-size: 10px;
	line-height: 15px;
	margin-top: 8px;
	clear: both;
}

div#footer_Container{
	width: 800px;
	text-align: center;
	height: 132px;
	margin: auto;
	background: url(/common/bg_footer.gif) repeat-x top #022a79;
}

.footer_top{
	color: #003366;
	padding-top: 8px;
	width: 800px;
}

.footer_middle{
	font-size: 12px;
	padding-top: 16px;
	width: 800px;
}
.footer_middle_02{
	margin-top: 10px;
	text-align: center;
	width: 800px;
	padding-left: 16px;
}

.footer_middle2_text{
	float: left;
	padding: 0px 8px;
	border-right: 1px solid #FFF;
	text-align: left;
}
.footer_middle3_text{
	float: left;
	padding: 0px 8px;
	text-align: left;
}
.footer_middle2_text a{ margin-right: 8px;}

.footer_bottom{ padding-top: 18px;}
.footer_bottom2{ padding-bottom: 6px; background-color: #022a79;}

div#footer a:link    { color: #FFF; text-decoration: underline; }
div#footer a:visited { color: #FFF; text-decoration: underline; }
div#footer a:hover   { color: #FFF; text-decoration: underline; }

.pagetop{
	text-align: right;
	margin-top: 25px;
	width: 800px;
}

/*-----------------------------------------------------------
■[30]:基本テキストリンク
------------------------------------------------------------*/

a:link    { color: #ff6600; text-decoration: underline; }
a:visited { color: #ff6600; text-decoration: underline; }
a:hover   { color: #ff6600; text-decoration: underline; }


/*-----------------------------------------------------------
■[40]:input
------------------------------------------------------------*/
.textbox_id{
	border: 1px solid #999999;
	width: 140px;
}
.textbox_pw{
	border: 1px solid #999999;
	width: 54px;
}

/* hide from IE6のみ \*/
* html .textbox_pw { width: 62px;}
/* */

/* これ以降Mac IE 5のみに適用される \*//*/
div.textbox_pw{
	width: 100px;
}/* これ以降Mac IE 5以外にも適用される */

/* safari only \*/
html:\66irst-child div.textbox_pw{
	width: 100px;
}
/* end */


.image_login{
	padding-bottom: 3px;
	vertical-align: bottom;
	width: 48px;
}

/* hide from IE6のみ \*/
* html .image_login { margin-top: 2px; vertical-align: top;}
/* */

.textbox2{
	border: 1px solid #999999;
	width: 110px;
}
.image_login2{
	margin-top: 4px;
}

/*-----------------------------------------------------------
■[50]:共通部分
------------------------------------------------------------*/

/***** ぱんくず *****/
div#TopicPath {
	width: 100%;
	margin: 0 0 5px;
	float: left;
}
div#TopicPath a:link,div#TopicPath a:visited {color: #000; text-decoration: underline;}
div#TopicPath a:hover {color: #666; text-decoration: none;}
div#TopicPath strong {color: #f60; font-weight: normal;}


/*-----------------------------------------------------------
■[80]:レイアウト指定
------------------------------------------------------------*/
.right { text-align: right;}
.center { text-align: center;}
.left { text-align: left;}
.fLeft{ float: left;}
.fRight{ float: right;}


.box_solid{ border: 1px solid #d4d4d4;}
/*-----------------------------------------------------------
■[90]:指定フォント
------------------------------------------------------------*/
.xxx-large { font-size:200%;    line-height:150%; } /*32px*/
.xx-large  { font-size:150%;    line-height:150%; } /*24px*/
.x-large   { font-size:131.25%; line-height:150%; } /*21px*/
.large     { font-size:112.5%;  line-height:150%; } /*18px*/
.mid       { font-size:100%;    line-height:150%; } /*16px = 12pt*/
.small     { font-size:80.0%;   line-height:150%; } /*12px*/
.x-small   { font-size:62.5%;   line-height:150%; } /*10px*/
.xx-small  { font-size:56.25%;  line-height:150%; } /*9px*/



.pt5{ padding-top: 5px; }
.pt8{ padding-top: 8px; }
.pt10{ padding-top: 10px; }
.pl10{ padding-left: 10px; }
.pb10{ padding-bottom: 10px; }
.pr20{ padding-right: 20px; }
.mr30{ margin-right: 30px; }
.mb4{ margin-bottom: 4px; }