@charset "UTF-8";


body  {
	margin: 0; 
	padding: 0;
	text-align: center; /*IE 5*/
}

/* LAYOUT */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
 
img { border: 0; }
img.left {float: left;
}
img.right {float: right;
}
img.across { margin: 2px 0 16px 0; }
img.flushleft { margin-left: -20px; }
img.flushright { margin-right: -20px; }


/* TYPE */
body { font: 12px/18px "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",  "Lucida Sans Unicode", Arial, Verdana, sans-serif; background-color:#870801; color:#333; }


#container { width: 980px; margin: 0 auto;position: relative; }
#main { width: 100%; position: relative; }
#content { padding: 18px 20px; position: relative; color: #333; }/*940px*/
#breadcrumb { clear: both; text-align: center; margin: 18px auto; font-size: 10px; color: #686868; height:32px; }
#credit { clear: both; text-align: center; margin: 0px auto; padding:10px 0;font-size: 10px; color: #686868; border-top:#870801 20px solid; /*height：32px;*/ background:#fff;}


.home #container {
	width: 980px;
	background: #FFFFFF;
	margin: 0 auto; /*ページ中央揃え*/
	/*border: 1px solid #333;*/
	text-align: left;
} 
.home #header {
	background: #fff;
	padding: 0 20px; 
} 
.home #header h1 {
	margin: 0; 
	padding: 10px 0; 
}
.home #promo{
	margin: 0; 
	padding: 0;
	height:370px;
}
.home #sidecolom1 {
	float: left;
	width: 710px;/*730-10720px*/
	background: #fff;
	padding: 0 10px 15px 0px;
	height: auto;
}
/*Right Side*/
.home #sidecolom2 {
	float: right; 
	width: 180px; /*210-30->180px*/
	/*background: #EBEBEB;*/
	padding: 0 0px 15px 0px;
	
}
.home #centerContent { 
	margin: 0 200px
	padding: 0 10px; 
} 


.fltRIGHT {
	float: right;
	margin-left: 8px;
}
.fltLEFT { 
	float: left;
	margin-right: 8px;
}

/*HEADER PROMO*/
.Index_News_yokohama {
	color: #861200;
}

.Index_News_sapporo {
	color: #3292D6;
}

.Index_News_saitama {
	color: #F60;
}

.Index_News_ALL {
	color: #000;
}

/*///TOP-SUB-PRPMO///*/

#promo {
	border-top: 1px solid #666;
	padding: 0 20px;
}
#banner ul{
  list-style : none;/*リストマークを消す*/
  height: 120px;
  padding : 0;
  margin : 12px 0 0 0;
}
#banner li{
  /*text-indent: -9999px;*/
  width: 460px;
  float: left;
  position: relasive;
  margin: 0 ;
  padding:0;
}

#banner li img { vertical-align: bottom; }
#banner li p { font-size:12px; margin: 0 ; padding:2px 0 0 0;}

#banner li#matsui { padding-right: 20px;}
#banner li#misaki { padding-right: 0; float: right;}


#banner a:link,#banner a:visited {
color:#000;
background:#fff
padding:0px 0px 8px 0px;
display: block;
text-decoration: none;
}

#banner a:hover {
  text-decoration: none;
  background-color: #fff;
}

#banner ul li a img { border: 1px solid #CCC; }
#banner ul li a:hover img,#banner ul li a:active img { border: 1px solid #7F0019; }

/*///BANNER///*/

#banner {
	border-top: 1px solid #666;
	padding: 0 20px;
}
#banner ul{
  list-style : none;/*リストマークを消す*/
  height: 120px;
  padding : 0;
  margin : 12px 0 0 0;
}
#banner li{
  /*text-indent: -9999px;*/
  width: 460px;
  float: left;
  position: relasive;
  margin: 0 ;
  padding:0;
}

#banner li img { vertical-align: bottom; }
#banner li p { font-size:12px; margin: 0 ; padding:2px 0 0 0;}

#banner li#matsui { padding-right: 20px;}
#banner li#misaki { padding-right: 0; float: right;}


#banner a:link,#banner a:visited {
color:#000;
background:#fff
padding:0px 0px 8px 0px;
display: block;
text-decoration: none;
}

#banner a:hover {
  text-decoration: none;
  background-color: #fff;
}

#banner ul li a img { border: 1px solid #CCC; }
#banner ul li a:hover img,#banner ul li a:active img { border: 1px solid #7F0019; }

/*RIGHT-SIDE*/

dt{font-weight: bold;border-bottom: solid 1px #cccccc;color: #999999;margin-top: 1em; font-size:10px; line-height:15px;} 
dd.place{padding: 0em ;margin:0.5em 0 0 0;font-size:11px;}
dd.discription{border: solid 1px #cccccc;padding: 0.5em;margin-left: 0em;margin-top: 0em;font-size:11px; line-height:15px;}
	  
#sidecolom2 img { margin:1px 0 0 1px; position:relative; } 
#sidecolom2 a img { border: 1px solid #CCC; } 
#sidecolom2 a:hover img,#sidecolom2 a:active img { border: 1px solid #7F0019; }

#sidecolom2 h4 {
	margin:12px 0 0 1px;
	position:relative;
	background-image: url(iMg/top/side-promo/sq-cube-net-101001banner.gif);
} 
#sidecolom2 a h4 { border: 1px solid #CCC; } 
#sidecolom2 a:hover h4,#sidecolom2 a:active h4 { border: 1px solid #7F0019; }