@charset "utf-8";

@import "common.css";


/* =================================================================
        Special index
================================================================= */

/* specialKey 
------------------------------*/
#specialKey,
#eventKey {
	position: relative;
	height: 75px;
	
}

#specialKey {
	background: url(../img/common/sprite_text.gif) no-repeat -250px -506px;
	margin: 0 0 31px;
}

#eventKey {
	background: url(../img/common/main_eventimg.png) no-repeat;
	margin: 0 0 10px;
}

#specialKey h1,
#eventKey h1 {
	text-indent: -9999px;
}
#specialKey p,
#eventKey p {
	line-height: 1.5;
	position: absolute;
	top: 21px;
}

#specialKey p {
	left: 178px;
}

#eventKey p {
	left: 220px;
}


/* specialHead 
------------------------------*/
.specialHead {
    position: relative;
    margin: 0 auto 20px;
    padding: 0 0 6px;
    background: #FFF url(../img/common/head_shadow.gif) repeat-x left bottom;
}
.specialHead h2 {
    padding: 6px 0 6px 18px;
    background: url(../img/common/shophead_bg.gif) no-repeat 0 0;
    font-size: 125%;
    font-weight: bold;
    line-height: 1.25;
    margin: 0 0 6px;
}


/* specialIndex 
------------------------------*/
.specialIndex {
    margin: 0 0 20px;
}
.specialIndex li {
    position: relative;
    width: 455px;
    margin: 0 10px 20px;
    float: left;
    display: inline;
    background: url(../img/common/special_index_bg.gif) repeat-x 0 0;
    line-height: 1.67;
    min-height: 76px;
    _height: 76px;
}
.specialIndex h3 {
    padding: 13px 0 0;
    margin: 0 10px 3px 87px;
    font-weight: bold;
    font-size: 117%;
    line-height: 1.375;
}
.specialIndex p {
    margin: 0 20px 0 87px;
}
.specialIndex p.date {
    text-align: right;
}
.specialIndex .pict {
    position: absolute;
    top: 10px;
    left: 10px;
    border: solid 1px #CCC;
}


/* specialIndex_past 
------------------------------*/
.specialIndex_past {
    margin: 0 0 20px;
}
.specialIndex_past li {
    position: relative;
    width: 453px;
    margin: 0 10px 20px;
    float: left;
    display: inline;
    background: #f3f3f3;
    border: solid 1px #e2e2e4;
    line-height: 1.67;
    min-height: 86px;
    _height: 86px;
}
.specialIndex_past h3 {
    padding: 13px 0 0;
    margin: 0 10px 3px 87px;
    font-weight: bold;
    font-size: 117%;
    line-height: 1.375;
}
.specialIndex_past p {
    margin: 0 20px 0 87px;
}
.specialIndex_past p.date {
    text-align: right;
    margin-bottom: 7px;
}
.specialIndex_past .pict {
    position: absolute;
    top: 10px;
    left: 10px;
    border: solid 1px #CCC;
}


/* =================================================================
        Special detail
================================================================= */

/* detailKey 
------------------------------*/
#detailKey {
    padding:;
    margin: 0 0 20px;
}
#detailKey .finished {
    padding: 20px 0 0;
    margin: 0 0 6px;
    border-top: solid 1px #cdcdcd;
    text-align: right;
}

/* detailHead 
------------------------------*/
#detailHead {
    position: relative;
    margin: 0 auto 20px;
    padding: 0 0 6px;
    background: #FFF url(../img/common/head_shadow.gif) repeat-x left bottom;
}
#detailHead h1 {
    padding: 3px 0 3px 18px;
    background: url(../img/common/shophead_bg.gif) no-repeat 0 0;
    font-size: 150%;
    font-weight: bold;
    line-height: 1.25;
    margin: 0 0 6px;
}

/* planSummary 
------------------------------*/
#planSummary {
    position: relative;
    margin: 0 auto 20px;
    padding: 0 0 6px;
    background: #f2efde;
    padding: 20px;
    line-height: 1.5;
}
#planSummary .text {
    margin: 0 270px 0 0;
}
#planSummary .btn {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 222px;
    height: 34px;
}
#planSummary .btn a {
    display: block;
    text-indent: -9999px;
    width: 222px;
    height: 34px;
    background: url(../img/common/sprite_btn.gif) no-repeat 0px -2014px;
}

/* planIndex 
------------------------------*/
.planIndex {
    width: 970px;
    margin: 0 -20px 0 0;
    position: relative;
}
.planIndex li {
    position: relative;
    width: 465px;
    margin: 0 20px 0 0;
    padding: 0 0 40px;
    float: left;
    display: inline;
    line-height: 1.5;
}

/*.planIndex li.snd {
	margin: 0;
}*/

.planIndex .ball {
    margin: 0;
    padding: 8px 0 0;
    background: url(../img/common/balloon_05.gif) no-repeat left top;
}
.planIndex .ball p {
    margin: 0 0 10px;
    padding: 0 12px 15px;
    background: url(../img/common/balloon_05.gif) no-repeat left bottom;
    line-height: 1.25;
    position: relative;
}
.planIndex h2 {
    margin: 0 0 8px;
    font-size: 114%;
    line-height: 1.5;
    font-weight: bold;
}
.planIndex h2 a {
    padding: 2px 0 2px 64px;
}
.planIndex h2.ico_lun a {background: url(../img/common/sprite_icon.gif) no-repeat 0 -495px ;}
.planIndex h2.ico_din a {background: url(../img/common/sprite_icon.gif) no-repeat 0 -329px ;}
.planIndex h2.ico_mor a {background: url(../img/common/sprite_icon.gif) no-repeat 0 -661px ;}
.planIndex h2.ico_bru a {background: url(../img/common/sprite_icon.gif) no-repeat 0 -163px ;}
.planIndex h2.ico_tea a {background: url(../img/common/sprite_icon.gif) no-repeat 0 -827px ;}
.planIndex h2.ico_bar a {background: url(../img/common/sprite_icon.gif) no-repeat 0 3px ;}

.planIndex .pict {
    float: right;
    width: 207px;
    margin: 0 0 0 16px;
    text-align: center;
    padding: 7px;
    background: url(../img/common/special_plan_bg.gif) no-repeat 0 0;
    display: inline;
}
.planIndex .price {
    text-align: right;
    font-weight: bold;
    margin: 0 0 10px;
}
.planIndex .shop {
    margin: 0 0 5px;
}
.planIndex .shop a:link,
.planIndex .shop a:visited {
    color: #535353;
}
.planIndex .cate {
    font-size: 83%;
}


/* detailFoot
------------------------------*/
#detailFoot {
    position: relative;
    margin: 0 0 20px;
    padding: 0 20px 0;
    background: #f3efde;
    line-height: 1.5;
    min-height: 114px;
    _height: 114px;
}
#detailFoot dl {
    margin: 0 263px 0 0;
    padding: 30px 0;
}
#detailFoot dt {
    padding: 0 0 6px 12px;
    font-weight: bold;
    background: url(../img/common/sprite_icon.gif) no-repeat 0 -1595px;
}
#detailFoot dd {
    padding: 0 0 8px 175px;
    margin: -2em 0 10px;
    border-bottom: solid 1px #d5d4b6;
}
#detailFoot dd.end {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}
#detailFoot dd.bottom {
    padding: 0;
    margin: 0;
    border-bottom: none;
}
#detailFoot dd ul {
}
#detailFoot dd li {
    display: inline;
    padding: 0 5px 0 0;
    margin: 0 3px 0 0;
    background: url(../img/common/sprite_icon.gif) no-repeat right -1950px;
    zoom: 1;
}
#detailFoot dd li.end {
    background: none;
}

#detailFoot .btn {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 243px;
    height: 79px;
}
#detailFoot .btn a {
	display: block;
	text-indent: -9999px;
	width: 243px;
	height: 79px;
	background: url(../img/common/sprite_btn.gif) no-repeat 0px -2074px;
}

#detailFoot .btn2 {
        margin: auto;
        padding-top: 15px;
        width: 243px;
        height: 79px;
}

#detailFoot .btn2 a {
    display: block;
    text-indent: -9999px;
    width: 243px;
    height: 79px;
    background: url(../img/common/sprite_btn.gif) no-repeat 0px -2074px;
}


/* detailFoot
------------------------------*/
.btnOther {
    margin: 0 auto 100px;
    width: 222px;
    height: 34px;
}
.btnOther a {
    display: block;
    text-indent: -9999px;
    width: 222px;
    height: 34px;
    background: url(../img/common/sprite_btn.gif) no-repeat 0px -2180px;
}




/* =================================================================
        Clearfix
================================================================= */
.specialIndex:after,
.specialIndex_past:after,
.planIndex li:after,
.planIndex:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.specialIndex,
.specialIndex_past,
.planIndex li,
.planIndex {
    display:inline-block;
}

/*Hides from IE-mac\*/ 
* html .specialIndex,
* html .specialIndex_past,
* html .planIndex li,
* html .planIndex {
    height:1%;
}

.specialIndex,
.specialIndex_past,
.planIndex li,
.planIndex {
    display:block;
} 
/* End hide from IE-mac*/

iframe {
	width: 950px;
	height: 350px;
}

/* add deguchi-t 20130827 */
/* add event deguchi-t */
p.ico_boshu {
	background: url(../img/common/sprite_icon.gif) no-repeat 0 -1144px;
}

#planHead p {
	margin-bottom: 5px;
}

#planHead p span.ev,
.planBox p.ico_boshu .ev {
	padding: 0 0 0 85px;
	font-weight: bold;
}

#planHead h2.eventTitle {
	font-size: 118%;
	color: #333;
}

.planBox .body h3.eventTitle a {
	padding: 1px 0 2px 0;
}

#planHead h2 span.mark,
.planBox h3 span.mark {
	background: #525252;
	font-size: 11px;
	display: block;
	padding: 1px 5px;
	width: 36px;
	float: left;
	color: #fff;
	font-weight: normal;
	text-align: center;
	margin-top: 1px;
	margin-right: 6px;	
}

dt.ev {
	color: #525252;
	font-size: 118%;
	font-weight: bold;
	padding: 0 0 10px;
	line-height: 1.25;	
}

.iptt {
	color: #AC8832;
    font-size: 117%;
    font-weight: bold;
    padding: 0;
    width: 415px;
}

.eventbtnList {
	width: 640px;
	margin-left: 220px;
	margin-top: 10px;
}

.eventbtnList .btnDetail {
	float: left;
}

.eventbtnList .btnDetail a {
	display: block;
	text-indent: -9999px;
	width: 208px;
	height: 34px;
	margin-right: 10px;
	background: url(../img/common/list_event_btn.png) no-repeat;
}

.eventbtnList .btnReserve a {
	display: block;
	text-indent: -9999px;
	width: 208px;
	height: 34px;
	background: url(../img/common/list_kuseki_btn.png) no-repeat;
}

.planBox {
	margin-bottom: 20px;
	padding: 20px;
	border: solid 1px #e1e1e1;
}

.planBox .body {
	margin: 0;
	padding: 0 0 0 265px;
	position: relative;
	min-height: 182px;
	_height: 182px;
}

/* planBox 
------------------------------*/
.planBox .body .pict {
	position: absolute;
	top: 0;
	left: 0;
}
.planBox .body .icon {
	margin: 0 0 10px;
}
.planBox .body h3 {
	margin: -3px 0 5px;
	font-size: 133%;
	line-height: 1.25;
	font-weight: bold;
}
.planBox .body h3 a {
	padding: 1px 0 2px 62px;
}
.planBox .body h3.ico_lun a {background: url(../img/common/sprite_icon.gif) no-repeat 0 -495px ;}
.planBox .body h3.ico_din a {background: url(../img/common/sprite_icon.gif) no-repeat 0 -329px ;}
.planBox .body h3.ico_mor a {background: url(../img/common/sprite_icon.gif) no-repeat 0 -661px ;}
.planBox .body h3.ico_bru a {background: url(../img/common/sprite_icon.gif) no-repeat 0 -163px ;}
.planBox .body h3.ico_tea a {background: url(../img/common/sprite_icon.gif) no-repeat 0 -827px ;}
.planBox .body h3.ico_bar a {background: url(../img/common/sprite_icon.gif) no-repeat 0 3px ;}

.planBox .body p {
	line-height: 1.5;
	margin: 0 0 5px;
}
.planBox .basicTable {
	width: 423px;
}
.planBox .basicTable td,
.planBox .basicTable th {
	padding: 8px 9px 7px;
}
.planBox .basicTable th {
	white-space: nowrap;
}

.planBox .foot {
	position: relative;
	border-top: solid 1px #e1e1e1;
	min-height: 50px;
	_height: 50px;
}
.planBox .foot dl {
	padding: 20px 0 0;
	width: 370px;
}
.planBox .foot dl dt,
.planBox .foot dl dd {
	margin: 0;
	padding: 0;
	background: none;
	font-size: 100%;
	font-weight: normal;
	line-height: 1.25;
	color: #525252;
}
.planBox .foot dl dt {
}
.planBox .foot dl dd {
	margin: -1.25em 0 3px 65px;
}

.planBox .foot .btnDetail {
	position: absolute;
	top: 20px;
	left: 383px;
}
.planBox .foot .btnDetail a {
	display: block;
	text-indent: -9999px;
	width: 148px;
	height: 34px;
	background: url(../img/common/sprite_btn.gif) no-repeat 0px -376px;
}
.planBox .foot .btnReserve {
	position: absolute;
	top: 20px;
	left: 539px;
}
.planBox .foot .btnReserve a {
	display: block;
	text-indent: -9999px;
	width: 148px;
	height: 34px;
	background: url(../img/common/sprite_btn.gif) no-repeat 0px -430px;
}
.planBox .foot .telonly {
	position: absolute;
	top: 23px;
	left: 575px;
	font-size: 83%;
	line-height: 1.25;
	font-weight: bold;
	color: #bc3838;
	text-align: left;
}

.noEvent {
	font-size: 14px;
	padding-left: 20px;
}

.eventListWp {
	margin-bottom: 40px;
}

.pagingList,
.pagingList2 {
	width: 200px;
	text-align: right;
}

.pagingList {
	margin-left: 750px;
}

.pagingList2 {
	margin: auto;
}

.pagingList li,
.pagingList2 li {
	display: inline;
	border-right: 1px solid #666;
	padding: 0 5px 0 3px;
}

.pagingList li.last,
.pagingList2 li.last {
	border: none;
}

.pageTop {
	width: 950px;
	margin: 0 auto 30px;
	font-size: 93%;
	text-align: right;
}

.shopname {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	padding-bottom: 15px;
}

.shopname h3,
span.area,
span.cat {
	line-height: 1.4;
}

.shopname h3 {
	border-left: 4px solid #b9943c;
	float: left;
	font-size: 16px;
	font-weight: bold;
	padding-left: 10px;
}

span.area {
	background: #000;
	padding: 2px 10px;
	color: #fff;
	display: block;
	float: left;
	margin: 0 15px;
}

span.cat {
	padding-top: 2px;
	display: block;
}