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

@import url("../common.css");

/****************** MENU 設定****************/


#wraper-menu {
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 837px;
  height: 378px;
  background: url(../../img/top/menu_back.jpg) top left no-repeat;
}



#imgHover {   
  position: relative;   
  margin: 3px 0px 0px 0px;
  width: 837px;
  height: 378px;
  background: url(../../img/top/menu_back.jpg) top left no-repeat;
}   

#imgHover #imgFrame {   
  position: absolute;
  left: 15px;
  top: 14px;  
  text-align: left;   
  width: 595px !important;   
  width: 595px;   
  height: 350px !important;   
  height: 350px;
  background:url(../../img/top/main_img1.jpg) left top no-repeat;
} 
  
#imgHover #imgHoverList {  
  position: relative;
  width: 196px;
  max-width:196px;
  height:340px;
  margin: 14px 0px 0px 0px;
  float: left;
}
	
#imgHover #imgHoverList::after {   
  list-style: none;   
  position: relative;
  float: left;
}
	
#imgHover ul li {   
  float: left;   
  padding: 0px 0px 0px 622px;
  margin: 6px 0px 2px 0px;
}   

#imgHover ul li img {   
  border: none;   
}   
               
#imgHover ul li a {   
  display: block; 
  clear: both;
  text-decoration: none;
}   
               
#imgHover ul li a:hover {   
  position: static;
  text-decoration: none;
}   
               
#imgHover ul li a .mainImage {   
  display: none; 
}   
               
#imgHover ul li a:hover .mainImage {   
  display: block;   
  position: absolute;   
  top: 0px;   
  left: 15px !important;   
  left: 15px;   
}  
 
 
 
 
/****************** LEFT 設定****************/

#newsShop {
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 10px 0px;
  width: 582px;
  height: auto;
  font-size: 0.8em;
  color:#333;
  background:url(../../img/top/box_red.png) bottom left no-repeat;
}

#newsShop2 {
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 10px 0px;
  width: 582px;
  height: auto;
  font-size: 0.8em;
  color:#333;
  /*background:url(../../img/top/box_blue.png) bottom left no-repeat;*/
  background:url(../../img/top/box_orange.png) bottom left no-repeat;

}

.headList  {
  float: left;
  padding: 20px 0px 0px 0px;
  width: 582px;
}

.headList2 {
  float: left;
  padding: 20px 0px 1px 0px;
  width: 582px;
  /*background:url(../../img/top/news_header_line.png) bottom left no-repeat;*/
  background:url(../../img/top/news_header_line2.png) bottom left no-repeat;
}

.newsList {
  padding: 0px 0px 3px 10px;
  width: 559px;
}


.newsList li {
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 3px 0px;
  width: 559px;
  background:url(../../img/top/box_dot.gif) bottom left repeat-x;

} 

.newsList li p{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 20px;
  width: 539px;
  font-size: 1.0em;
  background: url(../../img/top/cur1.gif) left top no-repeat ;
}

.newsList2 {
  padding: 0px 0px 3px 10px;
  width: 559px;
}


.newsList2 li {
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 3px 0px;
  width: 559px;
  background:url(../../img/top/box_dot.gif) bottom left repeat-x;

} 

.newsList2 li p{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 20px;
  width: 539px;
  font-size: 1.0em;
  /*background: url(../../img/top/cur2.gif) left top no-repeat ;*/
  background: url(../../img/top/cur6.gif) left top no-repeat ;
}

#rss {
  float: right;
  padding: 20px 0px 1px 0px;
  width: 45px;
  height: 17px;
}

/****************** CONTENTS LEFT 設定****************/


#container-left {
  float: left;
  width: 582px;
  padding: 0px 0px 0px 18px;
  text-align: left;
  display:inline;
}


/****************** CONTENTS 私のオススメ店 設定****************/

.osusumeTitle {
  float: left;
  width: 582px;
  height: 43px;
  padding: 0px;
  margin: 15px 0px 0px 0px;
  text-align: left;
  display: inline;
}


.osusume_top {
  float: left;
  width: 579px;
  padding: 10px 0px 10px 0px;
  margin: 10px 0px 5px 0px;
  text-align: left;
  border: solid 1px #666;
  display: inline;
}

.osusume_top img {
  float: left;
  width: auto;
  max-width: 140px;
  height: 105px;
  !important;
  overflow: hidden;
  padding: 0px;
  margin: 0px 10px 0px 10px;
  _margin: 0px 10px 0px 5px;
  text-align: left;
  display: inline;
  border: none;
  display: block;

}

.osusume_top h4 {
  float: left;
  width:420px;
  _width:410px;
  padding: 0px 0px 0px 10px;
  margin-bottom: 5px;
  font-size: 0.8em;
  font-weight: bold;
  color:#E60012;
  border-left: solid 4px #E60012;
  text-align: left;
}

.osusume_top h5 {
clear:both;
  padding: 10px 0px 5px 0px;
  margin: 0px;
  font-size: 0.8em;
  font-weight: bold;
  color:#F60;
  text-align: left;
}

.osusume_top address {
  float: left;
  padding: 0px 10px 0px 15px;
  margin: 0px;
  font-size: 0.8em;
  color:#333;
  text-align: left;
}

.osusume_top p {
	clear:both;
 /* float: left;
  width: 400px; */
  padding: 5px 0px 10px 0px;
  margin: 0px;
  font-size: 0.8em;
  color:#333;
  text-align: left;
}


.osusume_top .osusume_star{
  float: left;
  width: 400px;
  padding: 0px;
  margin: 0px;
  color:#333;
}

.osusume_top .osusume_star ul{
clear:both;
text-align:left;
  padding: 0px 0px 0px 55px;
  margin: 0px;
  font-size: 0.8em;
  list-style:none;
  height:16px;
  background-image:url(../../img/common/osusume_icon.png);
  background-repeat:no-repeat;
	}
	
.osusume_top .osusume_star li{
	float:left;
	margin-right:2px;
	}
	
	.osusume_top .osusume_star li img{
		width:16px;
		height:16px;
		margin:0px;
		padding:0px;
	}


.osusume_top .osusume_star p.name {
  float: right;
/*  width: 387px;*/
font-size:11px;
  padding: 0px;
  margin: 0px;
  color:#333;
  text-align: right;
}

.osusume_top .osusume_star p.name a {
  color:#E60012;
}




#more {
  float: right;
  width: 387px;
  padding: 7px 20px 0px 0px;
  margin: 0px;
  font-size: 0.8em;
  text-align: right;
}

#more a {
  color:#E60012;
  padding: 0px 0px 0px 18px;
  background: url(../../img/top/cur4.gif) left top no-repeat;
}




div.campaign_banner{
  padding: 20px 0px 0px 0px;	
	}




/****************** CONTENTS RIGHT 設定****************/

#container-right {
  float: left;
  width: 200px;
  padding: 20px 0px 0px 18px;
  text-align: left;
  display:inline;
}

.rightBox {
  float: left;
  width: 200px;
  padding: 0px 0px 20px 0px;
  text-align: left;
}

.rightBox img.small-banner{
  width: 200px;
  height: auto;
  !important;
}


#searchBox {
  float: left;
  width: 200px;
  height: 169px;
  padding: 0px;
  margin: 0px 0px 20px 0px;
  text-align:left;
  background:url(../../img/top/search_box.jpg) left top no-repeat;
}

#searchForm {
  float: left;
  padding: 45px 0px 0px 10px;
  margin: 0px auto 0px auto;
  text-align: left;
}

.searchBoxTxt {
  width: 166px;
  padding:3px 5px;
  margin: 0px;
  text-align: left;
}

.searchButton {
  width: 86px;
  height: 26px;
  padding: 0px;
  margin: 12px 0px 0px 46px;
  background: url(../../img/top/search_bot.jpg) left top no-repeat;
  border: none;
}