@charset "UTF-8";

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

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

#outer-container{
background: url(../img/index/bg.jpg) repeat-x top;
min-width:1020px;
}

#container{
width: 1020px;
margin:0px 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:1000px;
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; 
}
/*------------------------------------------------------------
                                     #middle
------------------------------------------------------------*/
#middle {
width:950px;
margin:0px auto;
padding:20px;
height:1%;
background:#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;
}
/*----------------------------------最新情報、ブログ--*/
#middle-left-container #hot-news,
#middle-left-container #blog{
line-height:1.3;
}

#middle-left-container #hot-news ul.menu,
#middle-left-container #blog ul.menu{
background:url(../img/index/bg_dotted.gif);
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%;
}*/

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

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

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

#middle-left-container #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;
}

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

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

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

#middle-left-container #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;
}*/


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

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


/*----------------------------------目的から探す--*/
#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{
background:url(../img/index/bg_footer.gif) top repeat-x;
padding:14px 0px;
position:relative;
}

#footer li{
border-right: 1px solid #D2CFC6;
background:url(../img/index/ico_footer.gif) no-repeat 0px 2px;
padding-left:13px;
padding-right:10px;
margin-right:10px;
display:inline;
}

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

#footer li a{
color:#928A7D;
text-decoration:none;
}

#footer address{
position:absolute;
width:225px;
top:16px;
right:0px;
}