@charset "UTF-8";
@import "base.css";
@import "fonts.css";

/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2009 株式会社フリーセル All Rights Reserved.  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css  --> スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css --> フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,table,pre,address,ul,ol,dl{font-size: 135%}

h3{
background:url(../img/sec_h3bg.jpg) repeat-x 0 0 #ccc;
border-bottom:1px solid #515151;
font-size:170%;
font-weight:bold;
margin:0 0 20px}

h3 span{
background:url(../img/sec_h3bg2.jpg) no-repeat 10px 8px;
display:block;
padding:15px 20px 8px 20px}

h4{
background:url(../img/sec_h4bg.jpg) no-repeat 2px 0;
clear:both;
color:#806B50;
font-size:160%;
font-weight:bold;
margin:0 0 15px;
padding:2px 0 0 25px}

h4 a{color:#806B50}

.size_s{
	font-size: 14px;
}

h4.size_s{
	font-size: 14px;
	margin: 0 0 10px;
}


h5{
background:url(../img/sec_h5bg2.gif) repeat-x 0 5px;
color:#806B50;
clear:both;
_height:1%;
font-size:150%;
font-weight:bold;
margin:0 0 20px;
background-position:center;
}

h5 span{
background:url(../img/sec_h5bg.jpg) no-repeat 0 8px #fff;
_height:1%;
padding:2px 5px 2px 15px}

a{color:#012498;text-decoration:underline}
a:hover,
a:active{text-decoration:none}

ul{margin:0 0 20px}

li{
background:url(../img/icon02.gif) no-repeat 2px 3px;
padding:0 0 0 15px}

dl{margin:0 0 20px}
dt{font-weight:bold}
dd{}

table{
border:2px solid #7F6B52;
margin:0 0 20px;
width:100%;
font-size:12px;
}

#content th{
background:#E2DACF;
border-bottom:1px solid #7F6B52;
padding:8px 5px;
text-align:left;
white-space:nowrap;
}

#content .mailform th{
color:#333;
font-weight:bold;
white-space:normal;
width:150px}

#content td{
border-bottom:1px solid #7F6B52;
border-left:1px solid #7F6B52;
padding:8px 5px}
/*131015追加*/
.yakuin{border:0px;}

#content .yakuin table{border:0px;
                       width: 300px;
											 margin:0;
											 }

#content .yakuin td{border:0px;
                    padding:0;
										padding-left:0;}

#content .yakuin tr{border:0px;}

.yfont{letter-spacing:1em;
       padding-right:0;}
			 
*+html .yfont2{letter-spacing:1em;
       padding-right:0;}

/*1315追加終わり*/
.mailform td ul li,
.mailform td ol li{
background:none;
fons-size:14px;
}

table.col{border:5px solid #555}

table.col th{
background:#f3f3f3;
border-left:1px solid #7F6B52}

div.fig,
div.banner,
div.btn{
margin:0 0 20px;
text-align:center}

p,
div.adr{margin:0 0 20px}

img{vertical-align:bottom}



/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

body {
background:url(../img/com_bodyBg.jpg) repeat-x 50% 0 #e6e6e6;
text-align: center}

#index{background:url(../img/com_bodyBg.jpg) repeat-x 50% 0 #e6e6e6}

#wrapper{
background:url(../img/com_bodyBg.jpg) no-repeat 50% 0;
margin:0 auto;
width:940px}

#index #wrapper{background:url(../img/com_bodyBg.jpg) no-repeat 50% 0}

#main:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main{
background:url(../img/com_mainBg.jpg) repeat-x #fff;
display:inline-block;
margin:0;
padding:0 10px;
text-align:left}

/*\*/
*html #main{height:1%}
#main{display:block}
/**/

.pageTop{
background:url(../img/com_pageTopBg.jpg) repeat-x #fff;
clear:both}

.pageTop span{
background:url(../img/com_pageTopBg.jpg) repeat-x #fff;
display:block;
padding:10px 0;
margin:0 auto;
text-align:right;
width:940px}

/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/

#header{
height:248px;
margin:0;
position:relative;
overflow:hidden}

#index #header{height:498px}

#header h1{
color:#333;
font-size:100%;
position:absolute;
top:5px;
left:200px;
z-index:2;
height:14px;
line-height:14px;
}

#header #headLogo{
position:absolute;
top:0;
left:5px;
z-index:1}

#header #inq{
position:absolute;
top:14px;
right:0}

#header h2{
color:#333;
font-weight:bold;
font-size:200%;
text-align:left;
position:absolute;
top:130px;
left:20px;
text-shadow: -1px -1px #FFFFFF, 1px -1px #FFFFFF,   -1px 1px #FFFFFF, 1px 1px #FFFFFF;
}


#index #header h2{
top: 120px;
left:25px;
z-index:2}

#index #header dl#recommend{
background:url(../img/com_headDlBg2.png) no-repeat 0 100%;
padding:0 0 10px;
position:absolute;
top:85px;
right:18px;
width:304px;
z-index:1}

#index #header dl#recommend dt{
font-size:1%}

#index #header dl#recommend dd:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#index #header dl#recommend dd{
background:url(../img/com_headDlBg.png) no-repeat 0 0;
display:inline-block;
padding:18px 10px 3px}

/*\*/
*html #index #header dl#recommend dd{height:1%}
#index #header dl#recommend dd{display:block}
/**/

#index #header dl#recommend dd div{
background:#fff;
border:1px solid #E0CA98;
float:left;
text-align:center;
width:82px}

#index #header dl#recommend dd dl{
float:right;
margin:0;
position:relative;
text-align:left;
width:172px}

#index #header dl#recommend dd dl dt{
color:#fff;
font-size:70%;
font-weight:normal;
margin:0 0 10px}

#index #header dl#recommend dd dl dt span{
background:#009D84;
margin:0 5px 0 0;
padding:0 2px}

#index #header dl#recommend dd dl dt a{color:#E9DCA8}

#index #header dl#recommend dd dl dd{
background:none;
color:#fff;
font-size:70%;
padding:0}

#header ul#gNav:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#header ul#gNav{
background:url(../img/com_gNavBg.jpg) no-repeat 0 0;
display:inline-block;
margin:0;
padding:5px 0 0 60px;
position:absolute;
bottom:0;
left:0;
z-index:2}

/*\*/
*html #header ul#gNav{height:1%}
#header ul#gNav{display:block}
/**/

#header ul#gNav li{
background:none;
float:left;
padding:0}

/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/

#footer{background:url(../img/com_footBg.jpg) repeat-x}

#footer #footerCont{
background:url(../img/com_footBg.jpg) repeat-x;
margin:0 auto;
padding:20px 0 35px;
text-align:center;
width:940px}

#footer address{color:#fff}


/*==========================================================================*/
/*                            Navigation                                    */
/*==========================================================================*/

#navi{
float:left;
width:220px}

#navi dl.search{
background:url(../img/com_sideSearchBg.jpg) no-repeat 0 0;
margin:0 0 10px;
padding:2px 10px 5px}

#navi dl.search:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#navi dl.search{display:inline-block;}


/*\*/
*html #navi dl.search{height:1%}
#navi dl.search{display:block}
/**/

#navi dl.search dt{margin:0 0 5px}

#navi dl.search dd.txt{margin:0 5px 0 0}

#navi dl.search dd.txt input{
color:#999;
width:140px}

#navi dl.search dd{float:left}

#navi div.banner{margin:0 0 10px}

#navi ul.banner{margin:0 0 10px}

#navi ul.banner li{
background:none;
margin:0 0 3px;
padding:0}

#navi dl.menu{
background:#333;
margin:0 0 10px;
padding:5px}

#navi dl.menu dt{margin:0 0 10px}

#navi dl.menu dd{margin:0 0 5px}

#navi dl.menu dd a{
background:url(../img/icon01.jpg) no-repeat 6px 6px #E2DACF;
color:#000;
display:block;
font-size:90%;
text-decoration:none;
padding:3px 5px 3px 25px}

#navi dl.menu dd a:hover{
background:url(../img/icon01_ov.jpg) no-repeat 6px 6px #80736B;
color:#fff;
}

#blogs #b_body {
	float:right;
	width:400px;
}


#blogs dl.menu{
background:#333;
margin:0 25px 0 0;
padding:5px;
width:200px;
float:left;}

#blogs dl.menu dt{margin:0 0 10px}

#blogs dl.menu dd{margin:0 0 5px}

#blogs dl.menu dd a{
background:url(../img/icon01.jpg) no-repeat 6px 6px #E2DACF;
color:#000;
display:block;
font-size:90%;
text-decoration:none;
padding:3px 5px 3px 25px}

#blogs dl.menu dd a:hover{
background:url(../img/icon01_ov.jpg) no-repeat 6px 6px #80736B;
color:#fff;
}



#navi dl.inq{
background:url(../img/com_sideDlInqBg.jpg) no-repeat 0 100%;
padding:0 0 5px;
text-align:center}

#navi dl.inq dd{margin:5px 0 0}

/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/

#content{
float:right;
margin:0 5px 0 15px;
padding:15px 0 0;
width:680px}

/* sec
------------------------------------------------------------------------*/

/*************************/

#content table td.note{
background:url(../img/sec_nos.jpg) no-repeat 95% 10px;
height:110px}

#content table td ul.note{margin:0}

#content table td ul.note li{
background:url(../img/icon03.gif) no-repeat 0 7px;
font-size:75%;
padding:0 0 0 15px;}

#content table.mailform td ul.note li{
height: 1.2rem;}

#content dl.note{
background:url(../img/sec_flowNote.gif) repeat;
padding:5px;
text-align:center}

#content dl.note dt{
background:#fff;
padding:10px 10px 0}

#content dl.note dd{
background:#fff;
padding:10px}


/* 検索
*************************/

#content .area,
#content .ward{
/* ------------------------------
background:url(../img/sec_wrapBg.jpg) no-repeat 0 0;
------------------------------ */
border-bottom:1px solid #ddd;
margin:0 0 20px;
}

#content .area{
/* ------------------------------
background:url(../img/sec_areaBg.jpg) no-repeat 0 0;
------------------------------ */
}

#content .ward table,
#content .area table{
border:none;
margin:0;
padding:0}

#content .ward table td,
#content .area table td{
border:none;
padding:5px 10px 5px 0;
vertical-align:top}

/***********************/

#content .listWrap:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#content .listWrap{
display:inline-block;
margin:0 0 20px}

/*\*/
*html #content .listWrap{height:1%}
#content .listWrap{display:block}
/**/

#content .listWrap div.listDetail{
float:left;
width:300px}

#content .listWrap div.listDetail div.pict{
text-align:center}
#content .listWrap div.listDetail div.pict img{
border:5px solid #CCCCCC;
}
#content .listWrap div.listCond{
float:right;
margin:0 0 0 18px;
width:362px}

#content .listWrap div.listCond ul.cond li{margin:0 0 2px 2px}

/***********************/

#content table.cond td ul:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#content table.cond td ul{
display:inline-block;
margin:0}

/*\*/
*html #content table.cond td ul{height:1%}
#content table.cond td ul{display:block}
/**/

#content ul.ward li input,
#content table.cond td ul li input{
margin:0 5px 0 0;
vertical-align:middle}

#content table.cond td ul li,
.madori li,
.age li,
.toho li,
.kodawari li{
background:none!important;
float:left;
font-size:75%;
margin:0 15px 0 0;
padding:0!important;}

#content table.cond td ul.note li{
margin:0 0 5px;
width:190px}

.kodawari li{
margin:0 0 5px;
width:240px!important;}

.privacy li{
background:none;
}

/* 物件一覧
*************************/

#content p.objectIndex01,
#content p.objectIndex02{
padding:0 20px;
text-align:left;}

#content p.objectIndex01 span,
#content p.objectIndex02 span{
background:url(../img/sec_objInd.jpg) no-repeat 0 5px;
color:#012498;
display:inline;
cursor:pointer;
padding:0 0 0 5px;
text-decoration:underline}

#content p.objectIndex01 span.li01,
#content p.objectIndex02 span.li12{
background:none;
padding:0}

#content ul.objectAll li{
background:none;
display:none;
padding:0}

#content .bukkenAllNavi{
display:none}

#content ul.objectAll li table,
#content table.bukkenAll{margin:0;
font-size:12px;
width:100%;
display:table;}

#content ul.objectAll li table th{font-size:12px;}

#content ul.objectAll li table td{font-size:12px;}



/* 建物詳細
*************************/

#content .linkAll{
margin:-48px 0 25px;
text-align:right}

#content dl.point{
background:#333;
padding:20px}

#content dl.point dt{
color:#fff;
margin:0 0 10px}

#content dl.point dd{color:#fff}

#content .pictImage:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#content .pictImage{
background:url(../img/sec_pictImageBg.jpg) repeat-y;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
display:inline-block;
margin:0 0 20px}

/*\*/
*html #content .pictImage{height:1%}
#content .pictImage{display:block}
/**/

#content .pictImage div{
float:left;
margin:0;
padding:10px 15px 10px;
width:500px;
_width:530px}

#content .pictImage div p{margin:0 0 5px}

#content .pictImage div ul{margin:0}

#content .pictImage div ul li{
background:none;
display:none;
padding:0}

#content .pictImage div ul li.li01{display:block}

#content .pictImage ul.thumbnail{
float:right;
margin:0;
padding:20px 0;
text-align:center;
width:150px}

#content .pictImage ul.thumbnail li{
background:url(../img/sec_pictImageBg2.jpg) repeat-y 50% 0;
margin:0 0 10px;
padding:10px 0}

#content table.mansion th{width:13%;}

#content table.mansion td{width:37%;}

#content ul.cond:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#content ul.cond{display:inline-block;}

/*\*/
*html #content ul.cond{height:1%}
#content ul.cond{display:block}
/**/

#content ul.cond li{
background:none;
float:left;
margin:0 0 6px 6px;
padding:0}

#content ul.cond li.firstChild{margin:0 0 6px}

#content dl.inqDl:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#content dl.inqDl{
background:url(../img/sec_inqDlBg.jpg) no-repeat 0 100%;
display:inline-block;
padding:0 0 10px}

/*\*/
*html #content dl.inqDl{height:1%}
#content dl.inqDl{display:block}
/**/

#content dl.inqDl dt{margin:0 0 10px}

#content dl.inqDl dd{
	float:left;
	}

#content dl.inqDl dd.note{margin:0 10px 0 7px}

#content .roomLayout{
background:#666;
margin:0 0 20px;
padding:20px;
text-align:center}

/* 背景画像
*************************/

#content .bg01{
background:url(../img/sec_pict01.jpg) no-repeat 100% 0;
min-height:180px;
_height:180px;
margin:0 0 20px;
padding:0 270px 0 0}

#content ul.btn:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#content ul.btn{display:inline-block;}

/*\*/
*html #content ul.btn{height:1%}
#content ul.btn{display:block}
/**/

#content ul.btn li{
background:none;
float:left;
margin:0 0 0 10px;
padding:0}

#content ul.btn li.firstChild{margin:0}

/* よくある質問
*************************/

#content ul.anchor{
border-bottom:1px dotted #333;
padding:0 0 20px}

#content ul.anchor li{
background:url(../img/sec_faqIcon01.jpg) no-repeat 0 0;
margin:0 0 5px;
padding:0 0 0 25px}


#content ul.anchor li a{color:#353535}

#content dl.faq{border:5px solid #7F6B52}

#content dl.faq dt{
background:url(../img/sec_faqIcon01.jpg) no-repeat 7px 6px #E2DACF;
border-bottom:1px dotted #7F6B52;
padding:5px 10px 5px 35px}

#content dl.faq dd{
background:url(../img/sec_faqIcon02.jpg) no-repeat 7px 6px;
padding:7px 10px 5px 35px}

/* 流れ
*************************/

#content dl.flow{
background:url(../img/sec_flowBg01.jpg) no-repeat 0 100%;
margin:0 0 10px;
padding:0 0 40px}

#content dl.flow dt{
background:url(../img/sec_h4bg.jpg) no-repeat 5px 3px;
color:#7F6B50;
font-size:130%;
margin:0 0 15px;
padding:0 0 0 30px}

#content dl.flow.last{
background:url(../img/sec_flowBg02.jpg) no-repeat 0 100%;
margin:0 0 20px;
padding:0 0 20px}

#content dl.flow dd ul{margin:15px 0 0}

#content dl.flow dd ul li{
background:url(../img/icon03.gif) no-repeat 3px 8px;
font-size:75%}

#content dl.flow dd.note{
background:url(../img/sec_flowNote.gif) repeat;
margin:15px 0 0;
padding:5px}

#content dl.flow dd.note span{
background:#fff;
display:block;
padding:10px}

#content ul.office:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#content ul.office, #content ul.office{display:inline-block;}

/*\*/
*html #content ul.office{height:1%}
#content ul.office{display:block}
/**/

#content ul.office {margin:5px 0;}

#content ul.office li{
background:none;
float:left;
margin:0 5px 0 0;
padding:0}

#content ul.office li.firstChild{margin:0 0 10px}

/* スタッフ紹介
************************/

#content .staff:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#content .staff{
display:inline-block;
margin:0 0 20px}

/*\*/
*html #content .staff{height:1%}
#content .staff{display:block}
/**/

#content .staff .pict{
float:left;
width:220px}

#content .staff .detail{
float:right;
margin:0 0 0 20px;
width:420px}

#content .staff .detail dl{
background:url(../img/sec_staffBg.jpg) repeat;
border-bottom:1px solid #ddd;
border-top:1px solid #ddd;
margin:0;
padding:10px}

#content .staff .detail dl dt{
background:url(../img/sec_staffIcon.jpg) no-repeat 0 3px;
margin:0 0 5px;
padding:0 0 0 15px}

/* サイトマップ
************************/

#content ul.sitemap li{margin:0 0 5px}

#content ul.sitemap li.note{
background:none;
font-size:75%}

#content ul.sitemap li ul{
height:1%;
margin:0}

#content ul.sitemap li ul li{background:url(../img/icon04.gif) no-repeat 0 3px}

/* index
------------------------------------------------------------------------*/

#index #content h3,
#index #content h3 span{
background:none;
border:none;
padding:0}

#index #content:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#index #content{
display:inline-block;
margin:0 0 0 10px;
width:690px}

/*\*/
*html #index #content{height:1%}
#index #content{display:block}
/**/

#index #content .contentInner{
float:left;
width:480px;
}

#index #content .contentInner .h301{
background:url(../img/ind_h301bg.jpg) no-repeat 0 100%;
margin:0 0 10px;
padding:0 5px 10px}


#index #content .contentInner .h301 h3{margin:0 -5px}

#index #content .contentInner .h302{
background:url(../img/ind_h302bg.jpg) no-repeat 0 100%;
margin:0 0 10px;
padding:0 20px 10px;
height: auto!important;
}

#index #content .contentInner .h302 h3{margin:0 -20px 10px}

#index #content .contentInner .h301 .news:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#index #content .contentInner .h301 .news{
display:inline-block;
margin:10px}

/*\*/
*html #index #content .contentInner .h301 .news{height:1%}
#index #content .contentInner .h301 .news{display:block}
/**/

#index #content .contentInner .h301 .news div{
border:1px solid #E0CA99;
float:left;
text-align:center;
width:120px}

#index #content .contentInner .h301 .news dl{
float:left;
margin:0 0 0 15px;
width:295px}

#index #content .contentInner .h301 .news dl dt,
#index #content .contentInner .h302 dl dt{
font-size: 12px;
font-weight:normal;
margin:0 0 5px}

#index #content .contentInner .h301 .news dl dd,
#index #content .contentInner .h302 dl dd {
font-size: 12px;
}

#index #content .contentInner .h301 .news dl dt span,
#index #content .contentInner .h302 dl dt span,
#index #content dl.column dd dl dd span{
background:#A58D67;
color:#fff;
font-size:90%;
margin:0 0 0 5px;
padding:0 2px}

#index #content .contentInner .h301 .news dl dt span.area{
background:#009C85;
height:1%}

#index #content dl.column{
float:right;
margin:0 0 0 10px;
width:200px}

#index #content dl.column dd{
background:url(../img/ind_columnBg.jpg) no-repeat 0 50px;
height:1%;
margin:0 0 10px;
padding:0 10px 5px}

#index #content dl.column dd dl dt{margin:0 -10px 10px}

#index #content dl.column dd dl dd{
background:none;
font-size:65%;
_font-size:80%;
margin:0 0 10px;
padding:0}

#index #content dl.column dd dl dd span{font-size:80%}

#index #content dl.column dd dl dd.link{
font-size:60%;
_font-size:50%;
text-align:right}

#index #content dl.column dd dl dd.link a{color:#E34051}

#index #content dl.column dd dl dd.link a.rss{color:#FF6801}


/* blog
------------------------------------------------------------------------*/

#blog #navi{
float:right;
padding:15px 0 0}

#blog #content{
float:left;
margin:0 20px 0 0}

#blog #content .btn{
border-bottom:1px dotted #ccc;
padding:0 0 20px}

.new{display:none}

#streetView{margin:0 0 20px}


#content ul.pageNav{text-align:right}

#content ul.pageNav li{
background:none;
display:inline;
margin:0 0 0 5px}

/* likeEnt
------------------------------------------------------------------------*/

#content .likeEnt:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#content .likeEnt{
display:inline-block;
margin:0 0 20px}

/*\*/
*html #content .likeEnt{height:1%}
#content .likeEnt{display:block}
/**/

#content .likeEnt .roomLayout{
float:left;
padding:10px;
width:220px}

#content .likeEnt .detail{
float:right;
margin:0 0 0 20px;
width:420px}

#content .likeEnt .detail table th,
#content .likeEnt .detail table td{padding:7px 5px}

/* 沿線で探す
------------------------------------------------------------------------*/

#content ul.lineListNav:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#content ul.lineListNav{display:inline-block;}

/*\*/
*html #content ul.lineListNav{height:1%}
#content ul.lineListNav{display:block}
/**/

#content .lineList div ul:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#content .lineList div ul{display:inline-block;}

/*\*/
*html #content .lineList div ul{height:1%}
#content .lineList div ul{display:block}
/**/


#content ul.lineListNav li,
#content .lineList div ul li{
background:none;
float:left;
margin:0 0 5px;
padding:0;
width:170px}


#content .lineList div{display:none}

#content .lineList div.b{display:block}

#content #d_en1273627893 ol{margin:0}

#content #d_en1273627893 ol li{font-size:85%}

#content #d_en1273627893 p,
.privacy p.note{clear:both}

#content #d_en1273627893 p.note,#content #d_en1276932401 p.note,
.privacy p.note{
font-size:90%;
margin:0}

#content #map.ur,
#content table.bukkenAll.ur,
#content #route{margin:0 0 20px}

#content table.mailform{border:2px solid #7F6B52}

#content table #d_en1273802525 ol.fmail_checkbox_list li{width:130px}

/* 区で探す */

#content ul.areaMap{
background:url(../img/sec_areaMap.jpg) no-repeat;
height:540px;
position:relative}

#content ul.areaMap li{
background:none;
color:#fff;
font-weight:bold;
padding:0;
position:absolute}

#content ul.areaMap li input{
position:absolute;
top:10px;
left:25px;
}
#content ul.areaMap li label{
	display:block;
	height:40px;
	line-height:40px;
	width:120px;
	text-align:left;
	padding-left:45px;
	position:absolute;
	}



#content ul.areaMap li.area01{top:325px; left:286px;}
#content ul.areaMap li.area02{top:280px; left:185px;}
#content ul.areaMap li.area03{top:238px; left:306px;}
#content ul.areaMap li.area04{top:280px; left:360px;}
#content ul.areaMap li.area05{top:376px; left:190px;}
#content ul.areaMap li.area06{top:429px; left:255px;}
#content ul.areaMap li.area07{top:359px; left:60px;}
#content ul.areaMap li.area08{top:290px; left:446px;}
#content ul.areaMap li.area09{top:205px; left:230px;}
#content ul.areaMap li.area10{top:162px; left:295px;}
#content ul.areaMap li.area11{top:162px; left:370px;}
#content ul.areaMap li.area12{top:173px; left:450px;}
#content ul.areaMap li.area13{top:101px; left:375px;}
#content ul.areaMap li.area14{top:13px; left:410px;}
#content ul.areaMap li.area15{top:70px; left:530px}
#content ul.areaMap li.area16{top:220px; left:560px}
#content ul.areaMap li.area17{top:494px; left:208px;}
#content ul.areaMap li.area18{top:166px; left:151px;}
#content ul.areaMap li.area19{top:217px; left:65px;}
#content ul.areaMap li.area20{top:77px; left:43px;}
#content ul.areaMap li.area21{top:128px; left:233px;}
#content ul.areaMap li.area22{top:55px; left:293px;}
#content ul.areaMap li.area23{top:38px; left:183px;}
#content ul.areaMap li.area24{top:460px; left:540px;}


/*
#content ul.areaMap li.area01 label{width:80px;}
#content ul.areaMap li.area02 label{width:90px;}
#content ul.areaMap li.area03 label{width:110px;}
#content ul.areaMap li.area04 label{width:90px;}
#content ul.areaMap li.area05 label{width:90px;}
#content ul.areaMap li.area06 label{width:110px;}
#content ul.areaMap li.area07 label{width:90px;}
#content ul.areaMap li.area08 label{width:90px;}
#content ul.areaMap li.area09 label{width:90px;}
#content ul.areaMap li.area10 label{}
#content ul.areaMap li.area11 label{width:100px;}
#content ul.areaMap li.area10 label{
	background-color:#9C9C9C;
}
*/

.cond h5,
.kodawari h5{
font-size:100%;
line-height:20px;
height:20px;
margin:15px 0 5px 0;
}
.kodawari h5 span{
padding:5px 5px 2px 15px;
}
.toUp {
text-align:right;
}



.imgBox{
	padding: 0;
	width: 650px;
	margin: 20px 0 30px 0;
}


.imgBox #original {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #CCCCCC;
display:block;
height:400px;
margin:0 auto 10px;
overflow:hidden;
padding:0;
width:600px; 
     }  
.imgBox #original p{  
	height:500px;
    margin:0 auto;
    text-align:center;
}
.imgBox #original p img{  
vertical-align:middle;
display:inline;
height: 400px;
  } 
.imgBox p.thumbs img {  
     float: left;  
     display: block;  
     height:90px; 
     margin: 0 10px 10px 0;  
     border: 2px solid #bbb;  
     }  
.imgBox p.thumbs02 img {  
     float: left;  
     display: block;  
     width: 84px;  
     margin: 0 2px 10px 2px;  
     border: 2px solid #bbb;  
     }  

ul.itab {
  list-style: none;
}

ul.itab li {
  display: inline;
	list-style: none;
	margin-right: 1em;
}
.frame{
border:1px solid #CCCCCC;
display:block;
float:left;
height:60px;
margin:0 3px 10px 0;
overflow:hidden;
text-align:center;
width:60px;
}
.frame p{
	height:90px;
	text-align:center;
}
.frame p a{
display:block;
height:60px;
width:60px;
}

.mi:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

.iw:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

.iw{
display:inline-block;
margin-top:10px;
height:130px;
width:390px}

/*\*/
*html .iw{height:1%}
.iw{display:block}
/**/

.iw .mi{
float:left;
width:120px}

.topNavi{
float:right;
}

.topNavi li{
background:none repeat scroll 0 0 transparent;
margin-bottom:20px;
}

#content .flowNavi{
float:right;
margin:0!important;
}

#content .flowNavi li{
background:none repeat scroll 0 0 transparent !important;
margin-bottom:20px;
list-style:none;
}

.w15{
width:15px;
}

.w30{
width:30px;
}

.w100{
width:150px;
}


* { margin:0; padding:0; }

#newsticker-demo { 
width:304px; 
padding:5px 5px 0; 
font-family:Verdana,Arial,Sans-Serif;
font-size:12px;
margin:20px auto;
background:url(../img/com_headDlBg2.png) no-repeat 0 100%;
padding:0 0 10px;
position:absolute;
top:65px;
right:18px;
width:304px;
z-index:1
}

#newsticker-demo a {
	text-decoration:none;
	color:#E9DCA8;
	
	}
#newsticker-demo img { border: 2px solid #FFFFFF; }

#newsticker-demo .title {
text-align:center;
font-size:14px;
font-weight:bold;
}
#newsticker-demo .title img{
border:0;
}
.newsticker-jcarousellite { width:304px;}
.newsticker-jcarousellite ul li{
	list-style:none !important;
	background:url("../img/com_headDlBg.png") no-repeat scroll 0 0 transparent;
	display:block;
	height:105px;
	width:334px;
	margin:0 0 0 1px;
	 }
.newsticker-jcarousellite .thumbnail { 
background:#fff;
border:1px solid #E0CA98;
float:left;
text-align:center;
width:82px;
margin-top:10px;
margin-right:10px;
}
.newsticker-jcarousellite .info {
	float:left;
	width:180px;
	color:#ffffff;
	font-size:70%;
	margin-top:10px;
	text-align:left;
	}
.newsticker-jcarousellite .info span{
background-color:#009D84;
height:1.5em;
line-height:1.5em;
padding:0 5px;
}
.clear { clear: both; }

.cau{
	color:#806B50;
	font-size:100%;
	text-align:right;
}

#d_en1276932401 p.note {
clear:both;
}


#twit {
	width:auto;
}

*:first-child+html #twit {
	height:300px;
}


ul li.twitEntry {
	background:none;
	font-size:12px;
}
ul li.twitNavi {
	background:none;
}


#blogs {
	width:650px;
	line-height:3em;
}

#blogs img {
	margin:0 10px 10px 0;
}
.errors{
background-color:#FFEEEE;
border:1px solid;
color:red;
list-style:none outside none;
margin-bottom:10px;
padding:10px;
}

.errors li{
background:none;
}


.ichiran{
width:100%;
font-size:115%;
}
.allPhoto{
width:15%;
}
.allBukken{
width:22%;
}
.allAdd{
width:23%;
}
.allSta{
width:40%;
}
.mb10{
margin-bottom:10px;
}

.mb5{
margin-bottom:10px;
}
.w450{
	width:450px;
}
.w350{
	width:350px;
}

.note2 li{
	width:240px!important;
}

.itembox{
 margin-bottom:50px;
}

#blog li{
background: none;
padding:0;}



div.no_bar ul {
	clear:both;
	text-align:center;
	width:100%;
}

div.no_bar ul li {
	display:inline;
	text-align:center;
	font-size:14px;
	margin:0 10px;
	line-height:40px;
	background:none;
}

div.no_bar {
	clear:both;
	text-align:center;
	width:100%;
}

#content ul.areaMap li#allSelect {
	position: absolute;
	left: 0;
	top: 0;
	color: #555;
}

#content td#allSelect {
	text-align: right;
}

p.attention {
	font-size:10px;
	text-align:center;
	margin:-5px 0 10px 0;
}


.allabout,
.allabout02{
	margin: 0;
	padding: 0;
	/padding: 10px 0 0;
}

.allabout ul li,
.allabout02 ul li{
	background: none;
	padding: 0;
	/padding: 0 10px;
	margin: 0 0 10px;
	font-size: 12px;
}

.allabout ul li a,
.allabout02 ul li a{
	font-weight: normal;
}


.ajaxFeederDenial{
	display: none;
}

.allabout02{
	height: 150px;
	overflow: auto;
}

.gMap {margin-left:5px;}

#index .fb {margin-bottom:15px;}



.textbox {
	border:2px solid #a08e7a;
	padding:10px;
	margin-bottom:5px;
}

#main #content .textbox p {margin:0;}

#main #content .small {font-size:110%;}

#main #content .agent {
	margin:0 5px;
	padding:15px 0 5px;
	text-align:center;
	float:left;
	background:url(../img/agent_bg.jpg) 0 0 no-repeat;
	width:200px;
	height:400px;
}

#main #content .agent dd {padding:5px;}

#main #content .agent .name {
	font-size:115%;
	font-weight:bold;
	padding-top:3px;
}

#main #content .agent .detail {
	font-size:95%;
	margin-bottom:10px;
	height:80px;
}

.box_agent{
	clear: both;
	border: 1px solid #d6ceb9;
	padding: 25px 30px 10px;
	margin: 20px 0 30px;
}

.box_agent p.agent_use_img{
	padding: 0;
	margin: 0 0 20px;
}

.box_agent p.title_agant{
	padding: 0 0 5px;
	margin: 0 0 10px;
}


.box_agent01{
	border-bottom: 1px dotted #bebebe;
	margin: 0 20px 30px 0;
	}


.bold{ font-weight: bold;}



.nobr {
white-space: nowrap;
}


.line-names {
	display: none;
}
.lineselect .line-names {
	display: block;
}

.history-description {
	margin-left: calc(1rem + 10px);
}