@charset "euc-jp";
/* CSS Document */

/* =====================================================================
*    0. Bace Color
*    ---
*    1.   Promotion Area
*    2.   Content
*    2.1. Left Area
*    2.2. Right Area
*    3. Lineup Area
*    4. 30th Special
* =================================================================== */

/* =====================================================================
*
*    1. Promotion Area
*
* =================================================================== */

#flashContainer {
	width: 100%;
	margin:0 auto;}
#wrapper-switch { width: 1002px; margin: 0 auto;}
#content-switch { border-left: 1px solid #B8B5AC; border-right: 1px solid #B8B5AC; padding: 0 20px 0 19px; background: #F9F6EC; text-align: left;}
#content-switch .g-nav{padding-top: 90px;}
#content-switch .g-nav h1{display: none;}
.switchArea     { width: 770px; height: 360px; padding-top: 30px; background: url(../images/img-promo.gif) left bottom no-repeat; }
.nonflash-list  { width: 241px; padding: 0 1px 0 15px; height: 310px; float: left;}
	.nonflash-list p { padding: 18px 0 4px 5px; font-weight: bold; font-size: 100%; color: #64625E;}
	.nonflash-list ul { padding: 0 10px 0 20px;}
	.nonflash-list ul li { list-style: disc; line-height: 1.4em;}
.flash-notice   { width: 750px; height: 43px; padding: 7px 0 0 20px; line-height: 1.4em;}
.flash-notice a { text-decoration: underline;}
.flash-notice a:hover { text-decoration: none;}

#logoArea{
	position:absolute;
	background:url(../images/koikeya_new_logo2.png) no-repeat center 0;
	_background:none;
	width:100%;
	height:64px;
	/*top:105px;*/
	top:126px;
	text-align:center;
	}
	
#logoArea2{
	position:absolute;
	background:url(../images/koikeya_new_logo2.png) no-repeat center 0;
	_background:none;
	width:100%;
	height:64px;
	top:23px;
	text-align:center;
	}
	
/* bxslider 4Tablet */
#slideBnr {
    width: 770px;
    height: 360px;
    padding: 30px 0 0 0;
    float: right;}
    
.bx-wrapper .bx-viewport {
    left: 0;
    height: 360px;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: none !important;
	background: none !important;
	overflow: hidden !important;
}

.mainAd{
    display: block;
    width: 550px;
    height: 360px;
    padding: 0 0 0 10px;
    _padding: 0 0 0 0;
    float: left;
    }
    .mainAd img{
        border-radius:20px;
        -webkit-border-radius:20px;
        -moz-border-radius:20px;
    }

.thumbAd{
    display: block;
    width: 160px;
    padding: 10px 0 0 20px;
    _padding: 10px 0 0 10px;
    float: left;
}

.thumbAd li{
    display: block;
    width: 180px;
    height: 106px;
    padding-bottom: 10px;
    overflow: hidden;
}
	

/* =====================================================================
*
*    2. Content
*
* =================================================================== */

.pr-area-foot { width: 560px; padding: 17px 0 6px; background: url(../images/pr-foot.gif) left bottom no-repeat; float: left;}
.pr-area-head                       { padding-bottom: 14px; background: url(../images/pr-head.gif) left bottom no-repeat;}
	.pr-area-head h3                { width: 110px; height: 15px; background: url(../images/ttl-pr.gif) 0 1px no-repeat;}
	.pr-area-head p                 { width: 52px; height: 15px;}
		.pr-area-head p a           { width: 52px; height: 15px; background: url(../images/btn-list.gif) 0 -15px no-repeat; display: block;}
		.pr-area-head p a:hover     { background-position: 0 0;}
		.pr-area-head p.rss a       { width: 52px; height: 15px; background: url(../images/btn-rss.gif) 0 -15px no-repeat; display: block;}
		.pr-area-head p.rss a:hover { background-position: 0 0;}
.pr-area-body          { padding: 0 14px 0 16px; background: url(../images/pr-body.gif) 0 0 repeat-y;}
	.pr-area-body dt   { padding-top: 2px;}
	.pr-area-body dt i { font-style: italic; font-weight: bold; line-height: 1.6em;}
	.pr-area-body dd a { line-height: 1.5em;}
/**/
.news-area-foot { width: 200px; padding: 17px 0 6px; background: url(../images/news-foot.gif) left bottom no-repeat; float: right;}
.news-area-head                   { padding-bottom: 14px; background: url(../images/news-head.gif) left bottom no-repeat;}
	.news-area-head h3            { width: 110px; height: 15px; background: url(../images/ttl-news.gif) 0 1px no-repeat;}
	.news-area-head p             { width: 52px; height: 15px;}
		.news-area-head p a       { width: 52px; height: 15px; background: url(../images/btn-list.gif) 0 -15px no-repeat; display: block;}
		.news-area-head p a:hover { background-position: 0 0;}
.news-area-body          { padding: 0 14px 0 16px; background: url(../images/news-body.gif) 0 0 repeat-y;}
	.news-area-body dt   { padding-top: 2px;}
	.news-area-body dt i { font-style: italic; font-weight: bold; line-height: 1.6em;}
	.news-area-body dd a { line-height: 1.5em;}

/* =====================================================================
*
*    renewal_2012
*
* =================================================================== */


	
a:hover img.hoverImg{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
a:hover img.hoverImg02{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
.ml6 {margin-left:6px;}

/*-----------------------------------
		topArea
-----------------------------------*/
#topArea {
	margin:0 0 20px 6px;
	padding-top:17px;
}

/*#btn-allergy {
	float:left;
	width:155px;
	padding-left:0px;
	margin-bottom:30px;
}
#report_pc {
	float:left;
	width:770px;
	margin-bottom:30px;
	text-align:left;
	padding-left:30px;
}
*/

#topArea_snack {
	clear:both;
	background:url(../images/bg_snacks.gif) no-repeat;
	height:201px;
	padding-left:25px;
	padding-top:1px;
}
#topArea_snack ul li {
	width:113px;
	height:180px;
	float:left;
}
#topArea_snack ul li a {
	display:block;
	width:113px;
	height:180px;
	overflow:hidden;
	text-indent:-9999px;
	background-position:top;
	background-repeat:no-repeat;
	float:left;
}

#topArea_snack ul li a:hover {
	background-position:bottom;
}
#topArea_snack ul li a.snack01 {background-image:url(../images/pkg_potatochips.jpg);}
#topArea_snack ul li a.snack02 {background-image:url(../images/pkg_karamucho.jpg);}
#topArea_snack ul li a.snack03 {background-image:url(../images/pkg_suppamucho.jpg);}
#topArea_snack ul li a.snack04 {background-image:url(../images/pkg_scorn.jpg);}
#topArea_snack ul li a.snack05 {background-image:url(../images/pkg_dontacos.jpg);}
#topArea_snack ul li a.snack06 {background-image:url(../images/pkg_polinky.jpg);}
#topArea_snack ul li a.snack07 {background-image:url(../images/pkg_potenone.jpg);}
#topArea_snack ul li a.snack08 {background-image:url(../images/pkg_unique.jpg);}


/*-----------------------------------
		rightArea
-----------------------------------*/
.hvrSmpl  {
	width:770px;
	/* height:202px; */
	margin-bottom:8px;
}
.hvrSmpl_02  {
	width:770px;
	height:263px;
}
/*pickup*/
.hvrSmpl #pickup h2 a {
	display:block;
	width:770px;
	height:74px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/ttl_pickupOff.gif) no-repeat;
}
.hvrSmpl:hover #pickup h2 a {
	background:url(../images/ttl_pickup.gif) no-repeat;
}
#pickup ul {
	background:url(../images/bg_pickup.gif) repeat-y 0 bottom;
	padding:28px 28px 8px 28px;
	/* height:111px; */
}

#pickup ul li {
	float:left;
	width:345px;
	padding-right: 20px;
	padding-bottom: 20px;
}

#pickup ul li.rightBnr{
    padding-right: 0;
}

/*
#pickup ul li {
	float:left;
	padding-left:16px;
	width:230px;
}
*/

/*campaign*/
.hvrSmpl #campaign h2 a {
	display:block;
	width:770px;
	height:74px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/ttl_campaignOff.gif) no-repeat;
}
.hvrSmpl:hover #campaign h2 a {
	background:url(../images/ttl_campaign.gif) no-repeat;
}
#campaign ul {
	background:url(../images/bg_pickup.gif) no-repeat;
	padding:17px 22px 0 10px;
	height:111px;
}
#campaign ul li {
	float:left;
	padding-left:16px;
	width:230px;
}

/*enjoy*/
.hvrSmpl_02 #enjoy h2 {
	display:block;
	width:770px;
	height:74px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/ttl_enjoyOff.gif) no-repeat;
}
.hvrSmpl_02:hover #enjoy h2 {
	background:url(../images/ttl_enjoy.gif) no-repeat;
}
#enjoy ul {
	background:url(../images/bg_enjoy.gif) no-repeat;
	padding:20px 22px 0 10px;
	height:169px;
}
#enjoy ul li {
	float:left;
	padding-left:16px;
	width:230px;
}

#report_pc{
	width:100%;
	text-align:left;
	padding:30px 0 10px 10px;}

/*facebookArea*/
#facebookArea {
	clear:both;
	margin-top:30px;}
#facebookArea div {
	background:url(../images/fbArea_bg.gif) no-repeat bottom;
	padding:15px 0 0 23px;
	height:200px;
}

/*-----------------------------------
		leftArea
-----------------------------------*/
#btn-allergy{
	margin:0 0 20px 0;
	padding:26px 0 0 6px;}
	
#weekNew {
	width:155px;
	margin:20px 0 20px 6px;
	background:url(../images/weekNew_bg02.gif) bottom no-repeat;}
#weekNewIn {
	padding-bottom:10px;
	}
#weekNewIn div {text-align:center;}
#weekNew p#weekNew_txt { font-size:77%; text-align:center; line-height:1.5; padding:0 5px;}
#weekNew p#weekNew_txt span { font-weight:bold; font-size:120%;}

.mb6 {margin-bottom:6px;}
.pl6 {padding-left:6px;}





/*スマホで非表示*/
#logo_sp,
#slider,
#gnavi2,
#contM_sp,
#iconLink,
#accordion .accordion,
#cp,
#nosnap,
/*#scroll,*/
#scroll2,
#contM2_sp,
#report_sm {
	display:none;
}



/*cuntdown_TopArea*/

#cuntdown_TopArea {
	/*background:url(../images/cuntdown_bg_l.jpg) repeat-x bottom #C50000;*/
	height:90px;
}

#cuntdown_img01_pc{
	background:#CA0016 url(../images/header_50th_img01.jpg) no-repeat 50% 0;
	width:100%;
	height:90px;
	}


.countdownInner{
	/*width:1000px;
	height:90px;
	margin:0 auto;
	background:url(../images/cuntdown_inner_bg.png) no-repeat 0 0;*/}

#cuntdown_TopArea #cuntdown_TopAreaIn {
	/*width:603px;
	margin:0 auto;
	padding-top:4px;
	position:relative;*/
}


#cuntdown_TopArea #cuntdown_TopAreaIn #cuntdown_img01,
#cuntdown_TopArea #cuntdown_TopAreaIn #cuntdown_img2,
#cuntdown_TopArea #cuntdown_TopAreaIn #cuntdown_img03 {display:none;}
/*#cuntdown_TopArea #cuntdown_TopAreaIn #cuntdown_img01 {
	float:left;
	width:340px;
}
#cuntdown_TopArea #cuntdown_TopAreaIn #cuntdown_img02 {
	float:left;
	width:134px;
	position:relative;
}
*/

#cuntdown_TopArea #cuntdown_TopAreaIn #count_container {
	position:absolute;
	top:46px;
	_top:40px;
	right:96px;
	_right:112px;
}
#cuntdown_TopArea #countdown_dashboard02 {
	color: #eee;
	font-family: Tahoma;
}

#cuntdown_TopArea #count_container .dash {
	float: left;
	color: #333;
	width:80px;
}

#cuntdown_TopArea #count_container .dash .digit {
	background:url(../images/digit_bg.jpg) no-repeat 0 0;
	font-weight:bold !important;
	float: left;
	text-align: center;
	font: bold 20pt Verdana !important;
	width:25px;
	height:34px;
	text-align:center;
	line-height:1em;
	_line-height:1.2em;
}

#cuntdown_TopArea #count_container .dash_title {display: none;}


/* =====================================================================
*
*    3. Lineup Area
*
* =================================================================== */
#lineupWrapper{
    padding: 30px 0;    
}

#lineup{
    width: 960px;
    height: 210px;
    background: url(../images/index_cont/lineup/bg_lineup.jpg) no-repeat 0 0;
    overflow: hidden;
}
.lineupList{
    width: 960px;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

#lineup .bx-wrapper .bx-prev {
	left: -48px;
	background: url(../images/index_cont/lineup/controls.png) no-repeat 0 0;
}

#lineup .bx-wrapper .bx-next {
	right: -48px;
	background: url(../images/index_cont/lineup/controls.png) no-repeat -34px 0;
}

#lineup .bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

#lineup .bx-wrapper .bx-next:hover {
	/* background-position: -43px 0; */
}

#lineup .bx-wrapper .bx-controls-direction{
    position: absolute;
    width: 100%;
    top:105px;
}

#lineup .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	/* margin-top: -16px; */
	outline: 0;
	width: 34px;
	height: 34px;
	text-indent: -9999px;
	z-index: 9999;
}

#lineup .bx-wrapper .bx-controls-direction a:hover{
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}

#lineup .bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* =====================================================================
*
*    4. 30th Special
*
* =================================================================== */

body#special30{ background: #CC0001 url(../images/30th_special/bg_main01.jpg) repeat-x 0 100px !important; }
#karamu30thWrapper{ background: url(../images/30th_special/bg_main02.png) repeat 0 100px; }
#karamu30thWrapperIn{
	/* background: url(../images/30th_special/bg_main03.png) repeat-y 50% 0;  */
	width: 1002px;
	margin: 0 auto 15px auto;
	/* box-shadow */
	box-shadow:rgba(0, 0, 0, 0.298039) 0px 0px 20px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.298039) 0px 0px 20px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.298039) 0px 0px 20px 3px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;}

body#special30 #logoArea2 {
top: 123px !important;
}

body#special30 #wrapper{ padding-bottom: 0; }
body#special30 #content{ padding-top: 60px; }

#special30 #footer { 
	width: 100%;
	background: none;
	padding-bottom: 6px;
	background: url(../images/30th_special/footer-foot.gif) left bottom no-repeat;}

#karamu30thHeader{
	width: 100%;
	height: 100px;
	background: #000 url(../images/30th_special/bg_header01.gif) repeat-x 0 50%;
	text-align: center;
}

#karamu30thCont{
	width: 960px;
	position: relative;
	padding-bottom: 12px;
	background: url(../images/30th_special/bg_contents_bottom.gif) no-repeat 0 bottom;
}
#karamu30thContIn{
	padding-top: 12px;
	background: #3F0000 url(../images/30th_special/bg_contents_head.gif) no-repeat 0 0;
}

#karamu30thContIn ul{ margin: 30px 15px 0 15px; }
#karamu30thContIn ul li{
	display: inline-block;
	/* width: 212px; */
	float: left;
	text-align: center;
	padding: 0 10px 0 10px;
	color: #FFF;
	font-size: 75%;
}

#karamu30thContIn ul li img{
	/* width: 212px; */
	margin-bottom: 10px;
}
#karamu30thContIn ul li a:hover img{
	box-shadow:rgba(255, 255, 255, 0.3) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(255, 255, 255, 0.3) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(255, 255, 255, 0.3) 0px 0px 6px 3px;
}



#karamu30thCont h3{ position: absolute; top:-50px; width: 100%; text-align: center; }
#karamu30thCont h3 img{ height: 75px; }