@charset "UTF-8";

html {
background: #DBD8CF;
min-width:1020px;
}	

body {
min-width:1020px;
line-height:1.3;
}

#outer-container{
	min-width:1020px;
	background-color: #eeebe4;
}

#container{
	width: 1020px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.mtlink {
background:url(../img/index/bg_mtlink.gif) no-repeat;
height:15px;
padding:12px;
}

.mtlink-2 {
height:15px;
padding:12px 12px 12px 0px;
color:#928A7D;
}

.mtlink a:link,
.mtlink a:visited,
.mtlink-2 a:link,
.mtlink-2 a:visited{
color:#928A7D;
text-decoration:none;
}
.mtlink a:active,
.mtlink a:hover,
.mtlink-2 a:active,
.mtlink-2 a:hover{
text-decoration: underline;
}

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

img{
vertical-align:bottom;
}
/*------------------------------------------------------------
                                     #header
------------------------------------------------------------*/
#header {
width:1000px;
height:451px;
margin:0 0 0 10px;
position:relative;
}

#header h1{
position:absolute;
width:479px;
height:45px;
top:16px;
left:16px;
}

#header .logo{
position:absolute;
width:479px;
height:45px;
top:16px;
left:16px;
}

#header ul li.sub-menu1{
position:absolute;
width:182px;
height:76px;
top:2px;
left:683px;
}

#header ul li.sub-menu2{
position:absolute;
width:135px;
height:76px;
top:3px;
left:861px;
}

#header .img-main{
position:absolute;
width:990px;
height:310px;
top:78px;
left:0px;
}

#header .header-navi{
position:absolute;
top:405px;
left:5px;
height:41px;
z-index:99;
}

#header .header-navi li{
display:table-cell;  
*display:inline;  
*zoom:1; 
}

/*------------------------------------------------------------
                                     #header　renewal
------------------------------------------------------------*/
#allHeader {
	width:990px;
	height:458px;
	margin:0 0 0 15px;
	position:relative;
}

#allHeader h1{
position:absolute;
width:231px;
height:45px;
top:16px;
}

#allHeader .logo{
position:absolute;
width:479px;
height:45px;
top:16px;
left:16px;
}

#allHeader ul li.sub-menu1{
	position:absolute;
	width:199px;
	height:40px;
	top:28px;
	left:615px;
}

#allHeader ul li.sub-menu2{
	position:absolute;
	width:135px;
	height:35px;
	top:30px;
	left:825px;
}

#allHeader .img-main{
	position:absolute;
	width:990px;
	height:310px;
	top:78px;
	left:0px;
}

#allHeader .headerNavi{
	position:absolute;
	top:428px;
	height:52px;
	z-index:99;
}

#allHeader .headerNavi li{
display:table-cell;  
*display:inline;  
*zoom:1; 
}

/*------------------------------------------------------------
                                     #middle
------------------------------------------------------------*/
#middle {
	width:950px;
	margin:0px auto;
	padding:20px;
	height:1%;
	background-color: #EEEBE4;
}

#middle-left-container{
width:310px;
float:left;
}

#middle-center-container{
width:310px;
float:left;
margin-left:10px;
}

#middle-right-container{
width:310px;
float:right;
}

#middle-left-container h2,
#middle-center-container h2,
#middle-right-container h2{
margin-bottom:4px;
}

#middle .banner li{
margin-bottom:10px;
}

#middle #hot-news {
	z-index:1;
}

#middle #blog,
#middle #gallery{
position:relative;
z-index:1;
}

#middle #hot-news .go-navi {
	margin-top: -59px;
	padding: 20px 5px 11px 216px;
	/*
position:absolute;
left:220px;
top:13px;
width:82px;
height:17px;
*/
} 

#middle #blog .go-navi,
#middle #gallery .go-navi{
position:absolute;
left:216px;
top:7px;
width:87px;
height:28px;
}
/*----------------------------------最新情報、ブログ--*/
#top_leftColumn #hot-news,
#middle-left-container #blog{
line-height:1.3;
}

#top_leftColumn #blog ul.menu{
background:url(../img/index/bg_dotted.gif);
padding:5px;
margin-bottom:10px;
}

#top_leftColumn #hot-news ul.menu {
	background-color:#ffffff;
	border:1px solid #CCC;
padding:5px;
margin-bottom:10px;
}

/*#middle-left-container #blog ul.menu li{
border:1px solid #FFFFFF;
padding:7px 0 0 23px;
border-bottom:none;
background: url(../img/index/bg_container.gif) no-repeat;
height:20px;
font-size:95%;
}*/

#top_leftColumn #hot-news ul.menu li,
#middle-left-container #blog ul.menu li{
border:1px solid #cccccc;
border-bottom:none;
height:1%;
font-size:95%;
}


#middle-left-container #blog ul.menu li.sub-title{
padding:0px;
height:33px;
}

#top_leftColumn #hot-news ul.menu li.last,
#middle-left-container #blog ul.menu li.last{
border-bottom:1px solid #cccccc;
}

#top_leftColumn #hot-news ul.menu li dl:after,
#middle-left-container #blog ul.menu li dl:after{
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

#top_leftColumn #hot-news ul.menu li dl,
#middle-left-container #blog ul.menu li dl{
  min-height: 1px;
}

* html #top_leftColumn #hot-news ul.menu li dl,
* html #middle-left-container #blog ul.menu li dl{
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

#top_leftColumn #hot-news ul.menu li dl,
#middle-left-container #blog ul.menu li dl{
padding:7px 0 7px 7px;
background:#ffffff;
border-bottom:1px solid #cccccc;
height:1%;
}

#top_leftColumn #hot-news ul.menu li dt,
#middle-left-container #blog ul.menu li dt{
float:left;
color:#E62E30;
width:38px;
padding-left:16px;
background:url(../img/news/li_icon.gif) no-repeat 0px 2px;
}

/*#middle-left-container #blog ul.menu li dt{
float:left;
color:#E62E30;
width:38px;
white-space:normal;
word-break:break-all;
}*/


#top_leftColumn #hot-news ul.menu li dd.title,
#middle-left-container #blog ul.menu li dd.title{
float:left;
width:210px;
}

#top_leftColumn #hot-news ul.menu li dd.title a{
float:left;
width:210px;
}

#top_leftColumn #hot-news ul.menu li dd.btn,
#middle-left-container #blog ul.menu li dd.btn{
margin:0px 0 0 170px;
}

#hot-news .menu #news {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 70px;
	text-align: right;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
}


/*----------------------------------目的から探す--*/
#middle-center-container #ad{
line-height:1;
padding-bottom:9px;
background:url(../img/index/bg_ad2-bottom.gif) no-repeat bottom;
margin-bottom:10px;
height:1%;
}

#middle-center-container #ad ul.menu{
background: url(../img/index/bg_ad2.gif);
padding:5px 5px 0 5px;
height:1%;
}

#middle-center-container #ad ul.menu:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

#middle-center-container #ad ul.menu {
  min-height: 1px;
}

* html #middle-center-container #ad ul.menu {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


#middle-center-container #ad ul.menu li{
background: url(../img/index/bg_ad2-middle.gif) no-repeat top;
padding-top:8px;
padding-bottom:4px;
font-size:115%;
line-height:1;
height:1%;
clear:left;
}

#middle-center-container #ad ul.menu li.top{
background:none;
padding-top:5px;
}

#middle-center-container #ad ul.menu li dl{

}

#middle-center-container #ad ul.menu li dl dt{
line-height:1.5;
width:175px;
height:1%;
float:left;
background:url(../img/index/ico_arrow-red.jpg) no-repeat 8px 5px ;
padding-left:24px;
}

#middle-center-container #ad ul.menu li dl dd{
margin-left:210px;
width:81px;
height:17px;
line-height:1;
padding-top:2px;
}



/*----------------------------------電柱広告デザイン--*/
#middle-right-container #gallery #gallery-inner{
background:url(../img/index/bg_dotted.gif);
padding:5px;
margin-bottom:10px;
}

#middle-right-container #gallery-inner ul{
background:#fff;
padding:10px;
}

#middle-right-container #gallery-inner ul li{
border-bottom:1px solid #EEEEEE;
margin-bottom:10px;
padding-bottom:10px;
}

#middle-right-container #gallery-inner ul li.last{
border:none;
margin-bottom:0px;
padding-bottom:0px
}

#middle-right-container #gallery-inner ul li a{
padding:1px;
background:url(../img/index/bg_dotted.gif);
display:block;
margin:0px auto;
height:1%;
width:211px;
}

#middle-right-container #gallery-inner ul li a img{
border:4px solid #EBEAE5
}

/*-------リンクがない場合の仮--*/
#middle-right-container #gallery-inner ul li span{
padding:1px;
background:url(../img/index/bg_dotted.gif);
display:block;
margin:0px auto;
height:1%;
width:211px;
}

#middle-right-container #gallery-inner ul li span img{
border:4px solid #EBEAE5
}


/*------------------------------------------------------------
                                     #footer
------------------------------------------------------------*/
#footer{
	position:relative;
	background-image: url(../images/top_renewal/bg_footer.gif);
	background-repeat: repeat-x;
	height: 180px;
}

#footer li{
	border-right: 1px solid #999;
	padding-left:5px;
	padding-right:10px;
	display:inline;
	font-size: 10px;
	font-weight: 500;
}

#footer li.last{
border:none;
margin:0px;
}

#footer li a{
	color:#333;
	font-size: 11px;
	text-decoration:none;
	font-weight: 600;
}

#footer address{
	right:0px;
	font-size: 12px;
	color: #333333;
	text-align: center;
	padding-top: 10px;
}
#footerInner {
	width: 990px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	margin-top: 0px;
	padding-top: 20px;
}

/*-----------------------------地震についてのお知らせ--*/
#infomation {
	border: 3px solid #999;
	padding: 5px;
	margin-bottom:10px;
	background-color: #FFF;
	line-height: 1.4em;
}