@charset "UTF-8";

/* ===================================================================
CSS information

 file name  : sec.css
 style info : トップページ以下設定用

=================================================================== */

/* ====================
	レイアウト調整
==================== */
#leftBox {
	width:240px;
	float:left;
	overflow:hidden;
	text-align:left;
}
#freeBox {
	width:730px;
	float:right;
	overflow:hidden;
	text-align:left;
}
#rightBox {
	width:730px;
	float:right;
	overflow:hidden;
	text-align:left;
}

/* ====================
	ページタイトル
==================== */
#rightBox h1 {
	margin-bottom:10px;
}
#rightBox h2 {
	margin:10px 0 20px 0;
	padding:5px 5px 5px 40px;
	border-bottom:2px solid #b50080;
	background:url(../img/common/page_h2.gif) no-repeat 5px 5px;
	font-size:134%;
}
#rightBox h3 {
	margin-bottom:10px;
	padding:5px;
	background-color:#d9f3e7;
	border-bottom:1px dashed #999;
	font-size:117%;
}
#rightBox h3.floor {
	padding: 8px;
	font-size: 160%;
	border-bottom: none;
	border: 1px solid #90cdb1;
}
#rightBox h4 {
	margin-bottom:10px;
	padding:5px;
	background-color:#f3d9eb;
	border-bottom:1px dashed #999;
	font-weight:normal;
}

/* ====================
	イベントニュース
==================== */
#eventnews .newsbox{
    height: 1%;
    margin-bottom: 10px;
    overflow: hidden;
    width: 100%;
}

.news_releases #eventnews table#searchBox{
	margin-left: 8px;
}
.news_releases #eventnews table#searchBox select{
	width: 120px;
	margin-right: 10px;
}
.news_releases #eventnews table.newsreleases{
	width: 100%;
}
.news_releases #eventnews table.newsreleases th.date{
	width: 15%;
}
.news_releases #eventnews table.newsreleases th.genre{
	width: 10%;
}
.news_releases #eventnews table.newsreleases th.releasesTitle{
	width: 50%;
}
.news_releases #eventnews table.newsreleases th.mall{
	width: 25%;
}
#eventnews table.newsreleases th{
	padding: 8px;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
#eventnews table.newsreleases th.pref{
	border-right: none;
}
#eventnews table.newsreleases td{
	border-left: 1px solid #ddd;
	padding: 8px;
}
#eventnews table.newsreleases td:first-child{
	border-left: none;
}
#eventnews table.newsreleases td.title{
	margin:0;
	background:none;
	width:auto;
	height: 1%;
	overflow: hidden;
	padding: 5px;
	font-size:100%;
	font-weight: normal;

	color: #C20C49;
	border-right: 1px solid #ddd;
}
#eventnews table.newsreleases td.title a{
	color: #C20C49;
}

#eventnews .newsbox-top .eventCategory{
	max-width:130px;
}
.newsbox-top .social-buttons li{
	margin-top:0;
}

/* ====================
	予約状況
==================== */

.news_reserve #reserve table{
	width: 730px;
	table-layout: fixed;
	word-wrap: break-word;
}
.news_reserve #reserve table,
.news_reserve #reserve table th,
.news_reserve #reserve table td{
	border: 1px solid #CCCCCC;
	text-align: center;
}
.news_reserve #reserve table th,
.news_reserve #reserve table td{
	padding: 2px;
}
.news_reserve #reserve table td.first_cell,
.news_reserve #reserve table th.first_cell{
	width: 15%;
}
.news_reserve #reserve table td img{
	width: 100%;
}
.news_reserve #reserve table tbody th.place{
	width: 15%;
}
.news_reserve #reserve table .week_0{
	background-color: #FFECEC;
}
.news_reserve #reserve table .week_6{
	background-color: #EBF5FF;
}
.news_reserve #reserve .pagination ul.pull-left{
	float: left;
	width: 30%;
	-moz-box-shadow: none;
	box-shadow: none;
}
.news_reserve #reserve .pagination .text-center{
	text-align: center;
}
.news_reserve #reserve .pagination ul.pull-right{
	float: right;
}
.news_reserve #reserve .searchdate {
	width: 40%;
	float: left;
}

/* ====================
	タイトル
==================== */
.newsbox .title {
	background-color: #F0D4E4;
	border-radius: 8px 8px 8px 8px;
	height: 1%;
	margin: 10px 0;
	overflow: hidden;
	padding: 12px;
	width: 96%;
	font-size: 117%;
	font-weight: bold;
}

.newsbox .title .new-icon {
	float: right;
}
/*
	.newsbox dl.title dt {
	  margin:5px 10px 5px 5px;
	  padding-top:3px;
	  float:left;
	  width:100px;
	  height:20px;
	  text-align:center;
	  color:#fff;
	  background:url(../img/common/date_bg.gif) no-repeat 0 0;
	}

	.newsbox dl.title dd {
	  margin:0 0 5px 110px;
	  padding-top:5px;
	  font-size:117%;
	  font-weight:bold;
	}
*/

/* ====================
	写真
==================== */
.newsbox .left {
	width: 320px;
	clear: both;
}
.newsbox .photo{
	width: 320px;
	overflow: hidden;
	margin-bottom: 10px;

}
.newsbox .right {
	width: 390px;
	margin-bottom: 30px;
}

.newsbox .right a{
	word-break: break-all;
} 

/*
.newsone img{
	border: 1px solid #CCC;
}
*/

/* ====================
	日程、時間、場所
==================== */
.newsbox .right table{
	width: 100%;
	margin-bottom: 10px;
}
.newsbox .right table tr{
	border-bottom: 1px solid #FFFFFF;
	background-color: #CCCCCC;
}
.newsbox .right th {
	width: 30%;
	text-align: center;
	padding: 5px 0;
}
.newsbox .right td {
	background-color: #EEEEEE;
	width: 70%;
	padding: 5px 10px ;
}

/* ====================
	イベントカレンダー
==================== */
#eventcalendar #tabBox{
	margin-bottom: 0;
}
#eventcalendar .newslist{
	width: 100%;
	margin-top: 10px;
}
#eventcalendar h3{
	background-color: #fff;
	text-align: center;
	line-height: 25px;
}
#eventcalendar h3 .date{
	font-size: 19px;
}
#eventcalendar h3 .prev{
	margin-left: 10px;
	float: left;
}
#eventcalendar h3 .next{
	margin-right: 10px;
	float: right;
}
#eventcalendar table{
	width: 100%;
	border-top: 1px solid #CCC;
	table-layout: fixed;
	word-wrap: break-word;
}
#eventcalendar thead{
	border: 1px solid #CCC;
	background: #EEEEEE;
	font-weight: bold;
}
#eventcalendar .eventDate{
	padding: 5px;
	width: 60px;
	border-right: 1px solid #CCC;
}
#eventcalendar .eventDetail{
	padding: 5px;
}
#eventcalendar tbody tr{
	border: 1px solid #CCCCCC;
	border-top: none;
}
#eventcalendar tbody tr.smallfont{
	font-size: 90%;
}
#eventcalendar table th a.prev,
#eventcalendar table th a.next{
	width: 50px;
	background-color: #B50080;
	color: #fff;
}
#eventcalendar table th a.prev{
	float: left;
}
#eventcalendar table th a.next{
	float: right;
}
#eventcalendar table.monthcalendar tbody th,#eventcalendar table.monthcalendar tbody td{
	padding: 10px 0px;
	text-align: center;
}
#eventcalendar table.newslist th,
#eventcalendar table.newslist td{
	padding: 5px;
}
#eventcalendar tbody td{
	border-left: 1px solid #CCCCCC;
}
#eventcalendar table.monthcalendar tbody td a{
	font-weight: bold;
}
#eventcalendar .newsbox p.eventCategory {
	float: right; margin-right: 5px;font-size: 9px;
	max-width:130px;
}
.newsbox-top .social-buttons li{
	margin-top:0;
}
#eventcalendar p.date{
	font-size: 192%;
	font-weight: bold;
	margin: 0;
}

#eventcalendar tbody tr.week_6,
#eventcalendar tbody td.week_6{
	background-color: #EBF5FF;
	color: #003399;
}
#eventcalendar tbody tr.week_0,
#eventcalendar tbody tr.holiday,
#eventcalendar tbody td.week_0,
#eventcalendar tbody td.holiday{
	background-color: #FFECEC;
	color: #CC3333;
}
#eventcalendar tbody td.today{
	background-color: #ffaa22;
}



/* ====================
	単記事
==================== */
#eventcalendar .description tr{
	border-bottom: 1px solid #FFFFFF;
	border-right: none;
}
div.item p {
	/*
	  text-align:center;
	  width:150px;
	  overflow:hidden;
	*/
}
.shop_logo{
	border: 1px solid #CCC;
	padding: 10px;
}
.newsBox div.item .photo {
	width: 150px;
	height: 150px;
	overflow: hidden;
}
div.item .spname {
	margin-bottom:5px;
	font-size:92%;
	font-weight:normal;
	text-align:left;
}

#shopnewsList div.item .spname{
	margin-top: 5px;
}

div.item .spti {
	margin-bottom:5px;
	text-align:left;
	font-size:117%;
	font-weight:bold;
}
div.item .spti a {
	color:#333333;
	text-decoration:underline;
}
div.item .small {
	text-align:left;
}
#eventnews .newsbox{
    height: 1%;
    margin-bottom: 10px;
    overflow: hidden;
    width: 100%;
}
#eventnews .newsbox a,
#infomation .newsbox a{
	color: #333333;
}
#infomation .newsbox-top .social-buttons{
	padding-bottom:10px;
}
/* ====================
	ショップニュース
==================== */
#shopnewsList #btnBox{
	margin:0 0 0 -0.3em;
	margin-bottom: 5px;
}
#btnBox{
	overflow: hidden;
}
#btnBox li {
	float: left;
	padding-right: 2px;
	margin-bottom: 5px;
}
#shopnewsList{
	overflow: hidden;
}
#shopnewsList .newsBox{
	overflow: hidden;
	clear: both;
}
#shopnewsList .newsbox{
	overflow: hidden;
	clear: both;
}
#shopnewsList .newsbox-top{
	padding-bottom:10px;
}

#shopnewsList .newsBox .itemBox{
	overflow: hidden;
}
#shopnewsList .newsBox .item{
    background-color: #FFF4FA;
    border-radius: 8px 8px 8px 8px;
    float: left;
    margin: 5px 2px;
    overflow: hidden;
    padding: 10px;
    width: 158px;
}
table.rank td{word-break: break-all;}

/* ====================
	ショップリスト
==================== */

#shoplist .shopBpx{
	border-bottom: 2px solid #CCCCCC;
    margin-bottom: 10px;
    padding: 15px 10px 10px;
    vertical-align: top;
    width: 345px;
    float: left;
    height: 175px;
}
#shoplist .shopBpx .spname {
	margin-bottom:5px;
	border-bottom:1px solid #f0d4e4;
	font-weight:bold;
	padding: 0 5px 5px;
}
#shoplist .shopBpx .spname a {
	color:#333333;
}
#shoplist .shopBpx .detail {
	margin: 5px 0;
	width: 225px;
}
#shoplist .shopBpx .detail li{
	line-height: 25px;
}

/* ショップ検索 */
#searchShop {
	margin-bottom: 15px;
	width: 730px;
}
#searchShop tr{
	border-bottom: 1px solid #FFFFFF;
}

#searchShop th,#searchShop td{
	padding: 5px 0 0 8px;
}

#searchShop th{
	background-color: #F0D4E4;
	width: 20%;
}
#searchShop td{
	width: 80%;
	background-color: #FDE9F5;
}
#searchShop .searchBox li{
	float: left;
	margin: 0 8px 5px 0;
}

#searchShop .searchBox li input{
	margin-right: 4px;
}
#searchShop .formSubmit td{
	background-color: #FFFFFF;
	text-align: right;
}

#searchShop .formSubmit .formSubmitBt{
	background: url("../img/common/ti_bg.gif") repeat scroll 0 0 #F8CAF6;
	height: 25px;
	width: 65px;
	border: 1px solid #EC89C4;
	color: #830754;
}

table.shoptable {
	width:100%;
	border: 1px solid #ccc;
	margin-bottom:30px;
}
table.shoptable th {
	border-bottom: 1px dotted #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	font-weight: normal;
	text-align: center;
	padding: 3px;
	width:25%;
}
table.shoptable th a{
	color:#333;
}
table.shoptable td img {
	border: 1px solid #ccc;
	padding: 7px;
}
table.shoptable td {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	text-align: center;
	padding: 10px;
}

/* ====================
	shop
==================== */
/* ====================
	一覧
==================== */
#shoplist .optopns li, #shopDatail .optopns li{
	float: right;
	color: #FFFFFF;
	background-color: #E7007F;
	margin-right: 5px;
	padding: 0px 4px;
	font-size: 80%;
	text-align: center;
	line-height: 25px;
}
#shoplist .optopns li.no_bgcolor, #shopDatail .optopns li.no_bgcolor{
	background-color: #FFFFFF;
}
#shoplist .optopns li.nations-first{
	background-color: #DE0000;
}
#shoplist .optopns li.first-kanto{
	background-color: #066B0A;
}
#shoplist .optopns li.first-saitama{
	background-color: #33B4DB;
}
#shoplist .shopBpx .sdescriptions {
	float: left;
}
#shoplist .shopBpx .splogo {
	border:1px solid #cccccc;
	padding: 7px;
	float: right;
}

#shoplist .mallDatail li{
	margin-bottom: 4px;
	text-align: right;
	
}

/*
#shoplist .mallDatail ul.options{
	text-align: right;
}
#shoplist .mallDatail ul.options li{
	text-align: center;
}
*/

/* ====================
	詳細
==================== */
#shopDatail ul.detail li {
	padding: 3px 25px;
	width: 400px;
}
#shopDatail .left{
	padding: 0 10px;
	margin-bottom: 15px;
}
#shopDatail .shopPhoto img{
	border: 1px solid #CCCCCC;
	margin-bottom: 20px;
}
#privilege .left{
	margin-right: 15px;
}
#shopBox  h3.rank_ti {
	margin: 10px 0 20px 0;
	padding: 5px 5px 5px 40px;
	border-bottom: 2px solid #b50080;
	background: url(../img/common/page_h2.gif) no-repeat 5px 5px;
	font-size: 134%;
}

/* 中国語のみフォントの関係でショップ詳細ページ画像がレイアウト崩れを起こすため防止 */
#container.lang-zh #shopDatail .shopPhoto .photo1 {
	float: left;
}
#container.lang-zh #shopDatail .shopPhoto .photo2 {
	float: right;
}

/* ====================
	アイコン
==================== */
li.iconShop {
	padding-left: 25px;
	background:url(../img/common/icon_shop.gif) no-repeat 0 0;
	line-height: 20px;
}
li.iconGenre {
	padding-left: 25px;
	background:url(../img/common/icon_genre.gif) no-repeat 0 0;
	line-height: 20px;
}
li.iconTime {
	padding-left: 25px;
	background:url(../img/common/icon_time.gif) no-repeat 0 0;
}
li.iconTel {
	padding-left: 25px;
	background:url(../img/common/icon_tel.gif) no-repeat 0 0;
}
li.iconUrl {
	padding-left: 25px;
	background:url(../img/common/icon_url.gif) no-repeat 0 0;
}
li.iconBrand {
	padding-left: 25px;
	background:url(../img/common/icon_url.gif) no-repeat 0 0;
}

/* ====================
	専門店のおトクなカード
==================== */
#memberscardList .cardBpx{
	overflow: hidden;
	padding: 20px 0;
	border-bottom: 2px solid #CCCCCC;
}
#memberscardList .cardBpx .left{
	margin-right: 15px;
	width: 45%;
}
#memberscardList .cardBpx h3 {
    background-color: #F0D4E4;
    border: medium none;
    border-radius: 8px 8px 8px 8px;
    font-size: 117%;
    font-weight: bold;
    height: 1%;
    margin: 0 0 5px;
    overflow: hidden;
    padding: 5px 15px ;
}
#memberscardList .cardBpx .shopData {
	margin: 10px 0;
}
#memberscardList .cardBpx .shopData img{
	border: 1px solid #CCCCCC;
	padding:10px;
	margin-bottom: 10px;
}

/* ====================
	セール
==================== */
table.salelist{
	border-bottom:2px solid #cccccc;
}
#salelist tr{

}
#salelist th,
#salelist td,
.salelist th,
.salelist td {
	/* border-bottom:2px solid #cccccc; */
	border: none;

}
#salelist th,
.salelist th {
	width:122px;
	padding: 10px 0;
	vertical-align:top;
}
#salelist th img,
.salelist th img {
	/*	border:1px solid #cccccc;*/
	padding: 10px;
}
#salelist td,
.salelist td {
	margin-bottom:10px;
	padding-top:15px;
	padding-left:15px;
	width:590px;
	vertical-align:top;
}
.salelist td.twocolumn {
	padding-right:15px;
}
.salelist td.twocolumn .spdata{
	float:none;
}
#salelist td .spname,
.salelist td .spname {
	margin-bottom:5px;
	border-bottom:2px dashed #f0d4e4;
	font-weight:bold;
}
#salelist td .spname a,
.salelist td .spname a {
	color:#333333;
}
#salelist td .spdata,
.salelist td .spdata {
	float:right;
	font-size:92%;
	font-weight:normal;
}
#leftBox ul {
/*	margin-bottom:10px;*/
	/*width:222px;*/
	height:1%;
	overflow:hidden;
}
#leftBox ul li {
	float:left;
}
#warnBox {
	background-color: #e60012;
	color:#FFFFFF;
	font-size: 20px;
	padding: 8px 15px 5px 15px;
	border-radius: 8px;
}
#leftBox .site_search{margin-top:3px;}

/* ====================
	特集
==================== */
.special .items{
    background-color: #FFF4FA;
    border-radius: 8px 8px 8px 8px;
    height: 1%;
    overflow: hidden;
	margin-top: 15px;
}
.special .items .item{
    /*float: left;*/
    margin: 10px 2px;
    overflow: hidden;
    padding: 10px 5px;
    width: 350px;
}
.special .items .item .sphoto {
	background: #fff;
	display: table-cell;
	vertical-align: middle;
    height: 320px;
    margin: auto;
    overflow: hidden;
    text-align: center;
}
.special .items .item .sphoto img{
	max-height: 320px;
}

.special .items .item div.specialBody {
    border-top: 2px dashed #999999;
    margin: 10px 15px;
    padding-top: 10px;
    text-align: left;
    width: 320px;
}
div.specialBody div.title {
	font-size: 117%;
	font-weight: bold;
}
.special .items .item dl {
    clear: both;
    height: 1%;
    margin: 10px 15px;
    overflow: hidden;
}
.special .items .item dl dt {
    float: left;
    margin-right: 10px;
}
.special .items .item dl dd {
    font-size: 92%;
    margin-left: 124px;
}
.special .items .item dl dt img {
    border: 1px solid #CCCCCC;
    padding: 10px;
	background-color: #FFF;
}
.special .items td {
	width: 50%;
	vertical-align: top;
}
#leftBox .shopListSubmenu ul.special_cat li{
	clear: both;
	width: 210px;
	padding-left: 15px;
}

/*
 * template 2の場合
 */
.special.template-type2 div.newsbox{
	margin-bottom: 30px;
}

/*
 * template 3の場合
 */
.special .items .item3{
    /*float: left;*/
    margin: 10px 2px;
    overflow: hidden;
    padding: 10px 5px;
    /*width: 350px;*/
   	width: 228px;
}
.special .items .item3 .sphoto {
    height: 228px;
    margin: auto;
    overflow: hidden;
    text-align: center;
}
.special .items .item3 div.specialBody {
    border-top: 2px dashed #999999;
    margin: 10px 0;
    padding-top: 10px;
    text-align: left;
    /*width: 320px;*/
	width: 232px;
}
.special .items .item3 dl {
    clear: both;
    height: 1%;
    margin: 10px 5px;
    overflow: hidden;
}
.special .items .item3 dl dt {
    float: left;
}
.special .items .item3 dl dd {
    font-size: 92%;
    margin-left: 134px;
}
.special .items .item3 dl dd a {
    word-wrap: break-word;
    display: inline-block;
    width: 84px;
}
.special .items .item3 dl dt img {
    border: 1px solid #CCCCCC;
    background-color: #FFF;
    padding: 10px;
}
.special .items3 td {
	/*width: 50%;*/
	width: 243px;
	vertical-align: top;
}

/* ====================
	スタッフ募集
==================== */
.recruitShopArea{
	margin: 10px 0;
}

/* ====================
	ショップ情報
==================== */
#recruit .databox {
	border-bottom: 1px dashed #CCCCCC;
	margin-bottom: 40px;
}
#recruit .databox .shopBox .left{
	margin: 10px 0;
}
#recruit .databox .shoplogo{
}
#recruit .databox .shopdata{
	width: 390px;
	padding-left: 20px;
}
#recruit .databox .shoparea{
	width: 150px;
	padding-left: 10px;
}
#recruit .databox ul{
	margin-top: 15px;
}
#recruit .databox ul.social-buttons{
	margin: 10px 0px;
}
#recruit .databox table{
	clear: both;
	width: 100%;
}
#recruit .databox th{
	width: 150px;
}
#recruit .databox th, #recruit .databox td{
	padding: 5px 0 0 8px;
}
#recruit .photo{
    overflow:hidden;
    padding:10px 0;
    border:0;
}
#recruit .photo img{
    float:right;
}
#recruit .photo img:first-child{
    float:left;
}

/* イベントカレンダー */
#calendar,
#calendar th,
#calendar td {
	border:1px solid #cccccc;
}
#calendar {
	width:100%;
}
#calendar th,
#calendar td {
	padding:5px;
	vertical-align:top;
}
#calendar th {
	background-color:#eeeeee;
}
#calendar td p {
	margin-bottom:.5em;
}
#calendar td img {
	margin-right:10px;
}
#calendar td.date {
	width:60px;
}
#calendar td.sat {
	color:#003399;
	background-color:#ebf5ff;
}
#calendar td.sun {
	color:#cc3333;
	background-color:#ffecec;
}
#calendar td.date h2 {
	font-size:217%;
	text-align:center;
}
#calendar td.date h3,
#calendar td.date h4 {
	font-size:87%;
	font-weight:normal;
}
#calendar td.date h4 {
	text-align:center;
}

/* ====================
	ショップ詳細
==================== */
#shopBox h2 {
	margin-bottom:10px;
	padding:8px 10px 0 10px;
	height:40px;
	font-size:134%;
	background:url(../img/common/shopname_bg.gif) no-repeat 0 0;
	border-bottom: none;
}
#shopBox h2 img {
	margin:1px 10px 0 0;
}
#shopBox h3 {
	margin-bottom:10px;
	padding:5px 10px;
	background-color: #FFFFFF;
	border-bottom: none;
}
#shopBox h4 {
	margin:20px 0;
	padding:5px;
	border:1px solid #b50080;
}
#shopBox table {
	margin-bottom:10px;
}
#shopBox table th,
#shopBox table td {
	padding-left:10px;
}
#shopBox table td.foodclasstd{padding-left:10px;}
#shopBox table th {
	padding-right:20px;
}
#shopBox table td ul li {
	margin-bottom:2px;
	padding-bottom:4px;
}
#shopBox table td ul.foodclass{padding-top:2px;}
#shopBox table td ul.foodclass li{
	float: left;
	margin-right: 8px;
	padding: 2px 5px 0px 5px;
}
#shopBox table td ul.foodclass li.lastList{margin:0;}
#shopBox table td ul.foodclass li.class_1{
	background: #AE0379;
	color: #FFFFFF;
    border:1px solid #AE0379;
}
#shopBox table td ul.foodclass li.class_0,#shopBox table td ul.foodclass li.class_{
	border:1px dashed #CCCCCC;
	color: #CCC;
}
#shopBox div.qrcode {
	margin-bottom:10px;
	height:1%;
	overflow:hidden;
	float:right;
	font-size:84%;
}
#shopBox div.qrcode img {
}
#photoBox {
	margin-bottom:10px;
	width:100%;
	height:1%;
	overflow:hidden;
}
#photoBox img {
	border:1px solid #cccccc;
}
.commentBox {
	margin-bottom:10px;
	padding:5px;
	width:718px;
	height:1%;
	overflow:hidden;
	border:1px solid #999;
	border-radius:8px;
}
#fooBox {
	width:100%;
}
#fooBox img {
	margin-right:10px;
}
h3.shop_ti {
	padding:5px 0 0 10px;
	background:url(../img/common/bg_shop_ti.gif) no-repeat 0 0;
	height:33px;
	font-size:125%;
	font-weight:bold;
	color:#b50080;
	margin-top: 15px;
}
div.saleBox {
	margin:10px 0;
	padding:10px;
	background-color:#f0d4e4;
	border-radius:8px;
	border-bottom:2px dashed #999999;
}
div.saleBox .right img {
	margin-left:10px;
}
div.saleBox .description {
	margin-bottom:10px;
	padding-bottom:20px;
	/*
	margin-top:10px;
	padding-top:20px;
	border-top:2px dashed #999999;
	*/
	font-weight:normal;
	clear: both;
}
div.saleBox div.sale {
	margin:20px 0;
	padding:10px;
	font-size:125%;
	background-color:#fff;
	border-radius:8px;

	clear:right;
}
div.saleBox h4 {
	padding-top:10px;
	font-weight:normal;
}

/* 特集 */
div.specialBox {
	margin:10px 0;
	padding:10px;
	background-color:#f0d4e4;
	border-radius:8px;
}
div.specialBox .special{
	margin-bottom: 10px;
}
div.specialBox .special .left {
	width: 320px;
	clear: both;
}
div.specialBox .special .left2 {
	width: 650px;
	float:left;
	margin-left: 15px;
}
div.specialBox .special .left img{
	border: 1px solid #CCC;
	margin-bottom: 10px;
}
div.specialBox .special .right {
	width: 380px;
	padding-left: 10px;
	margin-bottom: 30px;
}
div.specialBox .description p span {
	border: none !important;
}
div.specialBox .description h4 {
	background-color: #f0d4e4 !important;
	border: none !important;
}
div.specialBox .special .photo{
	width: 320px;
	height: 320px;
	overflow: hidden;
	margin-bottom: 10px;
}
div.specialBox .description{
	clear: both;
}
.special_lists #pagefeed a {
	text-decoration: none;
}

/* クーポン */
#couponList #tabBox{
	margin:0 0 0 -0.3em;
	border-bottom:none;
}
#couponList{
	overflow: hidden;
}
#couponList .couponBox .item{
    background-color: #FFF4FA;
    border-radius: 8px 8px 8px 8px;
    float: left;
    height: 300px;
    margin: 5px 2px;
    overflow: hidden;
    padding: 10px;
    width: 158px;
}
.couponBox div.item .coupon_photo {
	width: 150px;
	height: 75px;
	overflow: hidden;
	background-color: #fff;
}
.couponBox div.item .coupon_photo1{
	height:100px;
}
.couponBox div.item .coupon_photo img {
	padding:10px 25px;
}
#couponList .couponBox #coupon_item{
    height: 250px;
}
.cplogo {
	padding:5px 18px 6px 18px;
	background-color:#fff;
}
#coupon {
	margin:10px 0 0 10px;
	border:2px solid #b50080;
	overflow:hidden;
	width:626px;
}
#coupon dl {
	padding:10px;
	width:100%;
	overflow:hidden;
	border-bottom:1px dotted #333333;
	clear: both;
}
#coupon dl dt {
	float:left;
	width:130px;
}
#coupon dl dt img {
	border:1px solid #cccccc;
}
#coupon dl dd {
}
#cpBox {
	padding:10px;
	border-bottom:1px dotted #333333;
	overflow:hidden;
	height:1%;
	clear: both;
}
#cpBox #leftBox {
	float:left;
	width:auto;
	margin-right: 20px;
}
#cpBox #rightBox {
	float:left;
	width:465px;
}
#cpFooter {
	padding:10px;
	font-size:92%;
}
#couponList .couponCommentBox{
	margin: 15px 5px;
}

/* ====================
	メルマガ会員募集
==================== */
#mailmag_regist_form {
	border-top: 1px dotted #CCC;
	border: 7px solid #f5f5f5;
	width: 100%;
}
#mailmag_regist_form tr{
	line-height: 35px;
	border-bottom: 1px dotted #CCC;
	padding: 8px 0;
}
#mailmag_regist_form tr th,#mailmag_regist_form tr td{
	padding: 5px 15px;
}
#mailmag_regist_form tr th{
	width: 30%;
	background-color: #FFFBC4;
}
#mailmag_regist_form tr th.aligntop{
	vertical-align:top;
}
#mailmag_regist_form #MailmagUserSex2{
	margin-left: 45px;
}
#mailmag_regist_form .radio input{
	margin-right: 10px;
}
#mailmag_regist_form .text input,
#mailmag_regist_form .password input{
	padding: 4px;
	width: 245px;
}
#mailmag_regist_form select{
	padding: 2px;
}
#mailmag_regist_form #MailmagUserBirthdayYear{
	margin-right: 10px;
}
#mailmag_regist_form #MailmagUserBirthdayMonth{
	margin:0 10px;
}
#mailmag_regist_form #MailmagUserBirthdayDay{
	margin-left: 10px;
}
.mailmagazine_register .submit,
.mailmagazine_tregister .submit,
.mailmagazine_mypage .submit,
.mailmagazine_unsubscribe .submit,
.mailmagazine_unsubscribe_confirm .submit,
.mailmagazine_passreset .submit,
.mailmagazine_reminder .submit,
.mailmagazine_login .submit{
	margin: 20px 4px 2px 0;
	text-align: right;
}
.mailmagazine_register .submit input,
.mailmagazine_tregister .submit input,
.mailmagazine_mypage .submit input,
.mailmagazine_unsubscribe .submit input,
.mailmagazine_unsubscribe_confirm .submit input,
.mailmagazine_reminder .submit input,
.mailmagazine_passreset .submit input,
.mailmagazine_login .submit input{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F5F5;
    background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
    border-image: none;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}

.mailmagazine_mypage .submit{
	float:right;
}
.error-message{
	color: #ef3131;
	border: 1px solid #ef3131;
	margin: 10px 0;
	padding: 0 0 0 10px;
	background-color: #fff4f4;
}
ol ,ul{
	list-style:none;
}

/*メルマガ会員募集 アコーディオン*/
#mailmagazine_menu{
	margin-bottom:10px;
}
.archive{
	background:#F0D4E4;
	color:#333;
	padding:5px 10px;
	border-bottom:1px solid #FFF;
	cursor:pointer;
}
.subMenu li{
	background-color:#FFF;
	border-bottom:1px solid #ccc;
	padding:5px 10px;
}
p.mail_attention{
	margin-bottom: 0;
}
/*ここまで*/

/*ポイントカード*/
#privilege .pointcard_detail{
	width: 450px;
}

/*ショップエリア*/
#leftBox .shopListSubmenu ul.shop_area li {
	clear: both;
	width: 215px;
	padding-left: 10px;
}
.shopDetailArea{
	margin-bottom: 10px;
}
#shopDatail .shopDetailOnline{
	padding-left: 0;
}
#shopDatail ul.mallDatail li{
	float: left;
}
#shopDatail ul.mallDatail .optopns li{
	float: right;
}
#shopDatail ul.mallDatail{
	overflow:hidden;
	margin-bottom: 5px;
}
#shopDatail ul.mallDatail li.pet {
	line-height: 35px;
}
#shopDatail ul.mallDatail li.pet span {
	width: 350px;
	display: inline-block;
	margin-left: 5px;
}
li.onlineLogo{
	border: 1px solid #b50080;
	border-radius: 4px;
	padding: 5px;
	box-shadow: 2px 3px 4px #cccccc;
}
.shopAreaname{
	float: right;
}

.areaName{
	border-left:8px solid #ae0379;
    line-height:0.95;
    padding-left:3px;
    font-weight:bold;
    font-size:103%;
    padding-top:1px;
}
#shopDatail .areaName{
    margin-bottom:10px;
}

.newsbox-button{
	float:right;
}

.newsbox-top ul{
	float: right;
}
