@charset "utf-8";
/* CSS Document */

/*---------------------------------
		BaseCSS
---------------------------------*/

/* container */
#container {}

#left { display:inline; float:left; width:205px; margin:0 0 10px;}
#right { display:inline; float:right; width:740px; margin:0 0 10px;}

div.FootBack { text-align:right;} 
div.FootBack a { text-align:right;}

/* right */
#right div#ogikubomap { margin:0 0 23px; padding:6px; width:728px; height:375px; background:#E0DAD5 url(../img/searchmap_bg.gif) no-repeat 36px 303px; }
#right div#ogikubomap p { line-height:1; }
#right div#ogikubomap p#gotoSearch { margin:7px 0 0 201px; }
#right div#ogikubomap p#gotoSearch img:hover { opacity:0.8; }

#right div#estateUpdates { margin-bottom:25px; position:relative; clear:both; }
#right div#estateUpdates h2 { margin-bottom:10px; padding:7px 0 0 4px; border-top:3px #D1C7C0 solid; width:736px; height:23px; }
#right div#estateUpdates p#date { position:absolute; right:0; top:3px; }
#right div#estateUpdates ul li { padding:0 10px 10px; border-right:2px #E0DAD5 solid; display:block; float:left; width:163px; height:auto; }
#right div#estateUpdates ul li.lastline { border-right:none; }
#right div#estateUpdates ul li p { font-size:80%; }
#right div#estateUpdates ul li p.pic { margin:0 auto; width:135px; height:102px; background-color:#ebebeb; text-align:center; }
#right div#estateUpdates ul li p.type { margin:11px 0; text-align:center; }
#right div#estateUpdates ul li p.station a { color:#996600; }
#right div#estateUpdates ul li p.station a:hover { text-decoration:none; opacity:0.8; }

#right div#checkbythema { margin-bottom:25px; clear:both; }
#right div#checkbythema h2 { margin-bottom:15px; width:740px; height:27px; overflow:hidden; background:url(../img/h2-checkbythema.gif) no-repeat left top; text-indent:-9999px; }
#right div#checkbythema dl { margin-left:8px; display:block; float:left; width:180px; }
#right div#checkbythema dl dt { margin:0 0 7px 12px; width:152px; height:56px; background:url(../img/pic-click.gif) no-repeat left top; text-indent:-9999px; }
#right div#checkbythema dl dd { margin-bottom:5px; display:block; width:180px; height:60px; background:no-repeat left top; text-indent:-9999px; cursor:pointer; }
#right div#checkbythema dl dd#btnKodawari { background-image:url(../img/btn-kodawari.jpg); }
#right div#checkbythema dl dd#btnOtoku { background-image:url(../img/btn-otoku.jpg); }
#right div#checkbythema dl dd#btnAnshin { background-image:url(../img/btn-anshinbenri.jpg); }
#right div#checkbythema dl dd#btnKodawari:hover{ background-image:url(../img/btn-kodawari_on.jpg); }
#right div#checkbythema dl dd#btnOtoku:hover { background-image:url(../img/btn-otoku_on.jpg); }
#right div#checkbythema dl dd#btnAnshin:hover { background-image:url(../img/btn-anshinbenri_on.jpg); }
#right div#checkbythema div { margin-right:9px; padding:5px 0 5px 18px; float:right; width:523px; height:247px; background:no-repeat left top; }
#right div#checkbythema div#kodawari { background-image:url(../img/thema-bg_kodawari.gif); }
#right div#checkbythema div#otoku { display:none; background-image:url(../img/thema-bg_otoku.gif); }
#right div#checkbythema div#anshinbenri { display:none; background-image:url(../img/thema-bg_anshinbenri.gif); }
#right div#checkbythema div ul {}
#right div#checkbythema div ul li { margin:0 6px 7px 0; float:left; width:255px; height:120px; }
#right div#checkbythema div ul li img:hover { opacity:0.9; }

#right div#ogikubois { margin-bottom:25px; clear:both; }
#right div#ogikubois h2 { margin-bottom:15px; width:740px; height:27px; overflow:hidden; background:url(../img/h2-ogikubo.gif) no-repeat left top; text-indent:-9999px; }
#right div#ogikubois ul { padding-bottom:60px; display:block; width:740px; background:url(../img/bg-ogikubo.gif) no-repeat center bottom; }
#right div#ogikubois ul li { padding-left:87px; display:block; float:left; width:155px; height:74px; overflow:visible; background:no-repeat left top; font-size:70%; }
#right div#ogikubois ul li a { padding-left:15px; color:#996600; background:url(img/icon/icon-arrow_02.gif) no-repeat left 3px; font-weight:bold; font-size:16px; }
#right div#ogikubois ul li a:hover { text-decoration:none; opacity:0.8; }
#right div#ogikubois ul li.no01 { background-image:url(../img/pic-chuosen.gif); }
#right div#ogikubois ul li.no02 { background-image:url(../img/pic-kuchikomi.gif); }
#right div#ogikubois ul li.no03 { background-image:url(../img/pic-ogikubonews.gif); }

#right div#usefulinfo { margin-bottom:25px; clear:both; }
#right div#usefulinfo h2 { margin-bottom:15px; width:740px; height:27px; overflow:hidden; background:url(../img/h2-usefulinfo.gif) no-repeat left top; text-indent:-9999px; }
#right div#usefulinfo ul { display:block; float:left; width:270px; }
#right div#usefulinfo ul li { margin-bottom:7px; padding:28px 0 0 87px; border-bottom:1px #b2b2b2 dotted; height:54px; background:no-repeat 9px top; }
#right div#usefulinfo ul li a { padding-left:15px; color:#996600; background:url(img/icon/icon-arrow_02.gif) no-repeat left 3px; font-weight:bold; font-size:16px; }
#right div#usefulinfo ul li a:hover { text-decoration:none; opacity:0.8; }
#right div#usefulinfo ul li.no01 { background-image:url(../img/pic-searchguide.gif); }
#right div#usefulinfo ul li.no02 { background-image:url(../img/pic-faq.gif); }
#right div#usefulinfo ul li.no03 { background-image:url(../img/pic-glossary.gif); }

#right div#usefulinfo #mailchintailife { margin-left:20px; border-left:2px #E0DAD5 solid; float:left; width:214px; height:340px; overflow:visible; background:url(../img/bg-chintailife.gif) no-repeat 12px 31px; }
#right div#usefulinfo #mailchintailife h3 { margin:0 0 12px 7px; padding-top:24px; border-top:5px #CEC4BD solid; width:205px; height:28px; background:url(../img/txt-chintailife.gif) no-repeat 52px 12px; text-indent:-9999px; }
#right div#usefulinfo #mailchintailife p { margin:0 0 2em 65px; font-size:80%; }
#right div#usefulinfo #mailchintailife p.btnMail { margin:1em 0; text-align:center; }
#right div#usefulinfo #mailchintailife p.detail a { padding-left:15px; color:#996600; background:url(img/icon/icon-arrow_02.gif) no-repeat left 3px;}
#right div#usefulinfo #mailchintailife p.detail a:hover { text-decoration:none; opacity:0.8; }

#right div#usefulinfo #mail10stories { margin-left:5px; border-left:2px #E0DAD5 solid; float:left; width:214px; overflow:visible; background:url(../img/bg-10stories.gif) no-repeat 12px 31px; }
#right div#usefulinfo #mail10stories h3 { margin:0 0 12px 7px; padding-top:24px; border-top:5px #CEC4BD solid; width:205px; height:28px; background:url(../img/txt-10stories.gif) no-repeat 52px 12px; text-indent:-9999px; }
#right div#usefulinfo #mail10stories p { margin:0 0 2em 65px; font-size:80%; }
#right div#usefulinfo #mail10stories p.btnMail { margin:0 0 1em; text-align:center; }
#right div#usefulinfo #mail10stories p.detail a { padding-left:15px; color:#996600; background:url(img/icon/icon-arrow_02.gif) no-repeat left 3px;}
#right div#usefulinfo #mail10stories p.detail a:hover { text-decoration:none; opacity:0.8; }

/* 20110209追記 */
#right div#recommend {}
#right div#recommend ul { margin:4px 0 0;}
#right div#recommend ul li { float:left; margin:0 4px 0 0;}
#right div#recommend ul li.last { float:left; margin:0 0 0 0;}
#right div#recommend ul li a {}

#right div#recommendList { display:block; margin:0 0 30px; padding:0; font-size:80%;}
#right div#recommendList ul { margin:4px 0 0;}
#right div#recommendList ul li { float:left; width:160px; height:auto; margin:0 4px 0 0; padding:10px; text-align:center; border-right:#E0DAD5 2px solid;}
#right div#recommendList ul li.last { float:left; width:160px; height:auto; margin:0 0 0 0; border:none;}
#right div#recommendList ul li p { text-align:left;}
#right div#recommendList ul li p a { font-weight:bold; font-size:100%; color:#996600;}
#right div#recommendList ul li p a:hover { text-decoration:none; opacity:0.8;}
#right div#recommendList ul li p.outline { padding-top:10px; text-align:left;}
#right div#recommendList ul li img { margin:0 auto 10px;}
#right div#recommendList ul li div.end{ position:absolute; width:135px; height:105px; margin:0 1px 0 12px; /margin:0 1px 0 0; background:url(../img/dummy/end.png) left top no-repeat; z-index:100;}
#right div#recommendList ul li div.preparation{ position:absolute; width:135px; height:105px; margin:0 1px 0 12px; /margin:0 1px 0 0; background:url(../img/dummy/preparation.png) left top no-repeat; z-index:100;}
/* 20110209追記 */

/*---------------------------------
		PageCSS
---------------------------------*/

table.TopType01 { border-collapse:separate; border-spacing:0; border-bottom:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px; width:100%;}
table.TopType01 tr {}
table.TopType01 tr th { padding:20px 10px; border-top:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px; text-align:center;}
table.TopType01 tr td { padding:5px; border-top:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px; background-color:#EDEEF6; color:#101C89; text-align:center;}

.topLeft  { width:350px; margin-right:10px; }
.topRight { width:380px; margin-top:8px; }

.topLeft  ul li { height:70px; margin:0 0 10px; background-image:url(img/top_btn_bg.png); background-position:left top; background-repeat:no-repeat; }
.topLeft  ul li a { display:block; padding:5px 5px 5px 15px; line-height:1.7; font-size:120%; font-weight:bold; }
.topLeft  ul li a span { font-size:80%; line-height:1.4; }
.topLeft  ul li img {}
.topRight ul li { height:70px; margin:0 0 10px; background-image:url(img/top_btn_bg.png); background-position:left top; background-repeat:no-repeat; }
.topRight ul li a { display:block; padding:5px 5px 5px 15px; line-height:1.7; font-size:120%; font-weight:bold; }
.topRight ul li a span { font-size:80%; line-height:1.4; }
.topRight ul li img {}