@charset "UTF-8";

/* ===================================================================
 CSS information
 file name  : index.css
 style info : トップページ設定用
=================================================================== */

#imgBox {
	margin-bottom:15px;
	width:980px;
	height:450px;
	/*	overflow:hidden;*/
	margin:auto;
}
#imgBox #imgBoxL {
	width:648px;
	height:300px;
	float:left;
	text-align:left;
	background-color:#fff;
}
#imgBox #imgBoxR {
	width:320px;
	height:300px;
	float:right;
}
#banner {
	margin-bottom:5px;
	_margin-bottom:2px; /* FOR IE6 */
	width:320px;
	height:250px;
}
#banner img{
	width: 318px;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
	border: 1px solid #CCCCCC;

}
#ctrlBox {
	width:320px;
	height:45px;
	overflow:hidden;
	background:#fff url(../img/common/bg_ctrlbox.gif) no-repeat top left;
}
#font-search {
	margin:11px 10px;
	width:300px;
	height:22px;
}
/*全◯件(TOPページ)*/
.count_all{
	color: #B50080;
	float: right;
	font-size: 100%;
	font-weight: bold;
	margin-top: 10px;
	clear: both;
}

/* ====================
	レイアウト
==================== */

#leftBox {
	width:720px;
	float:left;
	overflow:hidden;
	text-align:left;
}
#leftBox .info_banners{
	margin-top: 10px;
}
#leftBox .ads_description{
        padding: 15px;
}
#rightBox {
	width:240px;
	float:right;
	overflow:hidden;
	text-align:left;
}

/* ==============================
	Flash部分
================================= */

#imgBox {
	height:auto;
}
#countdown {
	width:312px;
	height:300px;
	float:right;
	overflow:hidden;
}

/* ==============================
	mainBox
================================= */
#leftBox h2{
	background: url("../img/common/page_h2.gif") no-repeat scroll 5px 5px transparent;
	height: 20px;
	padding:10px 0 0 40px;
}
#leftBox h2 a{
	color: #333333;
}

/* ==============================
	ニュース共通
================================= */
li.newsbox{
	width: 350px;
	float: left;
	padding-bottom: 10px;
}
#leftBox dl.ti {
	border-bottom: 2px solid #B50080;
	height: 1%;
	margin-bottom: 10px;
	overflow: hidden;
	padding-bottom: 3px;
	width: 100%;
}
#leftBox dl.ti dt {
	float: left;
}
#leftBox dl.ti dd {
	color: #B50080;
	float: right;
	font-size: 100%;
	font-weight: bold;
	margin-top: 10px;
}
#leftBox dl.ti dd img {
	margin-left: 10px;
}
#leftBox .newsbox dl {
	height: 1%;
	margin-bottom: 2px;
	overflow: hidden;
	width: 100%;
}
li.odd{
	margin-right: 20px;
}
li.newsbox .left{
	border: 1px solid #CCCCCC;
	width: 150px;
	height: 150px;
	overflow: hidden;
}
li.newsbox .right{
	width: 190px;
}
li.newsbox .right .date{
	margin-bottom:5px;
	padding-top:4px;
	background:#dddddd url(../img/index/index_date.gif);
	text-align:center;
	width:186px;
	font-size:100%;
	font-weight:bold;
}
li.newsbox .right .date.longtxt{
	font-size:85%;
}
li.newsbox .right .spname {
	background-color: #FEEAF5;
	border-radius: 2px 2px 2px 2px;
	font-size: 100%;
	font-weight: normal;
	margin-bottom: 5px;
	padding: 2px;
}

li.newsbox .right .spname .shop-name{
	float: left;
}

li.newsbox .right .spname .new-icon{
	float: right;
}

.width-80{
	width: 80%;
}

li.newsbox .date{
	float:left;
}
li.newsbox h3{
	font-size: 117%;
	margin-bottom: 5px;
}
li.newsbox h3 a {
	color:#333333;
	text-decoration:underline;
}
li.newsbox div.newsBox dl {
	height: 1%;
	margin-bottom: 2px;
	overflow: hidden;
	width: 100%;
}
li.newsbox dl dt {
	float: left;
}
li.newsbox dl dd {
	margin-left: 35px;
}
li.newsbox h3{
	margin-bottom: 15px;
}

/* ==============================
	ニュース共通
================================= */
#eventnews,#shopnews,#infomation{
	border-bottom: 1px dashed #BFBFBF;
	overflow: hidden;
}
#infomation{border: none;}

/* ==============================
	戦略店バナー
================================= */
#leftBox #shopBox {
	margin-top:20px;
	padding:5px;
	width:100%;
	height:1%;
	overflow:hidden;
	background-color:#eeeeee;
}
#leftBox #shopBox ul {
	width:100%;
	height:1%;
	overflow:hidden;
}
#leftBox #shopBox ul li {
	float:left;
}
#leftBox #shopBox ul li img {
	margin:5px;
	border:1px solid #cccccc;
}

/*
#leftBox dl.ti {
  margin-bottom:10px;
  padding-bottom:3px;
  border-bottom:2px solid #b50080;
  width:100%;
  height:1%;
  overflow:hidden;
}
*/

/*
#leftBox dl.ti dt {
  float:left;
}

#leftBox dl.ti dd {
  margin-top:6px;
  float:right;
  font-weight:bold;
  color:#b50080;
  font-size:100%;
}

*/
/*
#leftBox dl.ti dd img {
  margin-left:10px;
}

#leftBox div.newsBox {
  margin-bottom:10px;
  overflow:hidden;
  width:100%;
  height:1%;
}
*/

/*
#leftBox div.newsBox .date {
  margin-bottom:5px;
  padding-top:4px;
  background:#cccccc url(../img/index/index_date.gif) no-repeat 0 0;
  text-align:center;
  width:186px;
  height:20px;
	font-size:100%;
	font-weight:bold;
}

#leftBox div.newsBox h3 {
  margin-bottom:5px;
  font-size:117%;
}

#leftBox div.newsBox h3 a {
  color:#333333;
  text-decoration:underline;
}

#leftBox div.newsBox .spname {
  margin-bottom:5px;
  padding:2px;
  background-color:#feeaf5;
  border-radius:2px;
	font-size:100%;
  font-weight:normal;
}

#leftBox div.newsBox p {
  font-size:92%;
}

hr.dashed {
  margin-bottom:15px;
}

#leftBox div.newsBox dl {
  margin-bottom:2px;
  overflow:hidden;
  width:100%;
  height:1%;
}

#leftBox div.newsBox dl dt {
  float:left;
}

#leftBox div.newsBox dl dd {
  margin-left:35px;
}
*/

/*
#leftBox div.newsBox table.newsL,
#leftBox div.newsBox table.newsR {
  width:355px;
}

#leftBox div.newsBox table.newsL th,
#leftBox div.newsBox table.newsL td,
#leftBox div.newsBox table.newsR th,
#leftBox div.newsBox table.newsR td {
  vertical-align:top;
}

#leftBox div.newsBox table.newsL th,
#leftBox div.newsBox table.newsR th {
  padding-right:10px;
	width:152px;
}

#leftBox div.newsBox table.newsL th .nphoto,
#leftBox div.newsBox table.newsR th .nphoto {
  width:150px;
  overflow:hidden;
  text-align:center;
  border:1px solid #cccccc;
}

#leftBox div.newsBox table.newsL th .nphoto img,
#leftBox div.newsBox table.newsR th .nphoto img {
  height:150px;
}

#leftBox div.newsBox table.newsL {
  float:left;
}

#leftBox div.newsBox table.newsR {
  float:right;
}

*/

/*
#leftBox #msgBox {
  margin-bottom:20px;
  padding:10px;
  background-color:#f0d4e4;
  border-radius:8px;
  width:700px;
  overflow:hidden;
  text-align:left;
}

#leftBox #msgBox .ti {
  padding-bottom:2px;
  border-bottom:2px dotted #999999;
}
*/