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

html,body{ 
	margin:0px;
	padding:0px;
	font-family: Arial, Roboto,  YuGothic, Meiryo, sans-serif;
	
	}
h1{
	background-image: url(../images/index/logo.png);
	background-repeat:no-repeat;
	width:275px;
	height:77px;
	margin:33px auto 0px auto;
	text-indent:-9999px;
	}
h2{
	font-size:16px;
	}
h3{
	font-size:16px;
	}
ul{
	list-style-type:none;
	}
p{
	margin:0;
	padding:0;
	}
img{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	}

body{
	width:100%;
	margin:0px;
	padding:0px;
	background-color:#231F20;
	background-image: url(../images/index/body_bg1.gif),url(../images/index/body_bg2.png);
	background-repeat: repeat-x,repeat-x;
	background-position: 0 0,50% 159px;
	background-size: 145px 150px,1960px 534px;
	}
#wrapper{
	position: relative;
	width:1265px;
	height:auto;
	margin:0px auto;
	overflow: hidden;
	}
#header{	
	width:1265px;
	height:150px;
	overflow:hidden;
	margin:0px;
	text-align:center;
	padding: 0px;
	}
/*振り子ランプ*/
.furiko{
	position:relative;
	top:8px;
	left:90px;	
	transform-origin:50% 0%;/* 振り子の視点を(画像上部(y:0)の中心(x:50%))  */
	animation:furiko 1.5s linear 0s infinite alternate;
	-webkit-transform-origin:50% 0%;
	-webkit-animation:furiko 1.5s linear 0s infinite alternate;
}

@keyframes furiko {
	from {
	transform: rotate(25deg);
	}
	to {
	transform: rotate(-25deg);
	}
}

@-webkit-keyframes furiko {
	from {
	-webkit-transform: rotate(25deg);
	}
	to {
	-webkit-transform: rotate(-25deg);
	}
}

#tel{
	position:relative;
	top:55px;
	left:-183px;
	}
#fuziyama{
	position:relative;
	top:28px;
	left:165px;
	}
#title1{
	position:relative;
	top:20px;
	left:140px;
	color:#fff;
	}
#nav{
	width:960px;
	height:32px;
	margin: auto;
	position:relative;
	top:7px;
	left:0px;
	}
#nav ul{
	list-style: none;
	padding: 0px;
	margin:0;
	padding:0;
	}
#nav ul li{
	width: 132px;
	height: 32px;
	float: left;
	}

.li_left{
	position:relative;
	top:-30px;
	left:-20px;
	float: left;
	}
.li_right{
	position:relative;
	top: -30px;
	left: 400px;
	float: left;
	}
#nav ul li a{
	width: 132px;
	height: 33px;
	float: left;
	overflow: hidden;
}
#nav ul li a:after {
	content: "";
	display: block;
	height: 0;
	visibility:hidden;
	clear: both;
	}
#nav ul li img{
	border: none;
	}
#nav ul li a:hover img{
	margin-top: -33px;
	}
#main_image{
	width:1265px;
	height:300px;
	background-color:#0f0;
	margin:10px auto 0;
	}
#content5{	
	width:1265px;
	height:245px;
	background-color: #231F20;
	background-color: rgba(35, 31, 32, 0.6);	
	margin:0px auto;
	background-image: url(../images/index/content5_bg.png);
	background-repeat:no-repeat;
}
#content5_img{
	width:960px;
	height:250px;
	margin:0px auto;
	padding:37px;
	}
#content5_img1{
	position:relative;
	left:90px;
	}
#content5_img2{
	position:relative;
	left:128px;
	}
#content5_img3{
	position:relative;
	left:163px;
	}
#content5_img4{
	position:relative;
	left:174px;
	}
	
#content5_img4{
	display:block;
	width:127px;
	height:167px;
	background-image:url(../images/index/content5_Character1.png);
	text-indent:-9999px; 
	position: relative;
	top:-200px; 
	left:1023px;
	display: inline-block;
	_display: inline;
}
#content5_img4:hover{
	background-position:left bottom;
}
	
#content{
	width:1265px;
	height:420px;
	}
#content1 {
	width: 160px;
	height: 353px;
	float: left;
	background-color:#231F20;
	}
#content1_img{
	position:relative;
	top:80px;
	left:92px;
	}
#content2 {
	width: 1105px;
	height: 353px;
	float: right;
	}
#content2:after {
	height: 0px;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;	
	background-color:#330;
	}
#content2_left{
	width:945px;
	height:353px;
	background-color:#231F20;
	
	}
.contentleft_ima{
	width:960px;
	height:auto;
	}
#contentleft_img_top{
	margin:0px 10px 10px 10px;
	}
#contentleft_img1{
	position:relative;
	left:74px;
	}
#contentleft_img2{
	position:relative;
	left:84px;
	}
#contentleft_img3{
	position:relative;
	left:85px;
	}
#contentleft_img4{
	position:relative;
	left:96px;
	}
#contentleft_img5{
	position:relative;
	left:105px;
	}
#content2_right{
	width:160px;
	height:353px;
	float:right;	
background-color:#231F20;
	}
#footer {
	clear:both;
	width:100%;
	height:290px;
	margin:40px auto 0;
	display: block;
	}
#foot{
	width:1265px;
	height:180px;
	font-size:14px;
	line-height:200%;
	color:#fff;
	margin: 15px auto 0px;
	background-color:#231F20;
	overflow: hidden;
	}
#foot_contact{
	width: 860px;
	height: 28px;
	position: relative;
	left: 260px
	}
#foot_map{
	position:relative;
	top: -3px;
	left: 10px;
	}
#foot_left{
	width:203px;
	height:180px;
	float:left;
	position: relative;
	left: 50px
	}
#foot_1{
	width:120px;
	height:140px;
	text-align:right;
	padding: 0 8px 0 0;
	float:left;
background-color:#231F20;
	}
#foot_2{
	width:230px;
	height:140px;
	float:left;
	background-color:#231F20;
	}
#foot_3{
	width:150px;
	height:140px;
	float:left;
	border-style: solid;
	border-width: 1px;
	border:1px;
	border-color:#000;
	background-color:#231F20;
	}
#foot_4{
	width:200px;
	height:140px;
	float:left;
	background-color:#231F20;
	}
#foot_5{
	width:150px;
	height:140px;
	float:left;
	background-color:#231F20;
	}
.foot_aicon{
	position:relative;
	top:-5px;
	}
#foot_right{
	width:202px;
	height:180px;
	float:left;
	background-color:#231F20;
	}
#copyright{
	width:500px;
	height:60px;
	font-size: 12px;
	color: #fff;
	clear:left;
	float:right;
	position:relative;
	bottom:0;
	left:-290px;
	}

/*ページトップ忍者*/
.pagetop{
	position:fixed;
	margin-left:1120px;
	bottom:20px;
}
.rope_top{
	display:none;
	width:32px;
	height:10px;
	background:url(../images/index/pagetop_rope_top.png) no-repeat;
}
.rope{
	width:32px;
	height:0px;
	background:url(../images/index/pagetop_rope.png) repeat-y;
	-webkit-animation: ani-rope 0.2s steps(2) infinite;
	-moz-animation: ani-rope 0.2s steps(2) infinite;
	animation: ani-rope 0.2s steps(2) infinite;
}
@-webkit-keyframes ani-rope { 0%{ background-position:0 0;} 100%{ background-position:-64px 0;}}
@-moz-keyframes ani-rope { 0%{ background-position:0 0;} 100%{ background-position:-64px 0;}}
@keyframes ani-rope { 0%{ background-position:0 0;} 100%{ background-position:-64px 0;}}

.ninja{
	display:block;
	width:32px;
	height:32px;
	background:url(../images/index/pagetop_ninja.png) no-repeat;
}
.ninja:hover{
	-webkit-animation: ani-ninja 0.6s steps(9,start) forwards;
	-moz-animation: ani-ninja 0.6s steps(9,start) forwards;
	animation: ani-ninja 0.6s steps(9,start) forwards;
}
@-webkit-keyframes ani-ninja{ 0%{ background-position:0 0;} 100%{ background-position:-288px 0;}}
@-moz-keyframes ani-ninja{ 0%{ background-position:0 0;} 100%{ background-position:-288px 0;}}
@keyframes ani-ninja{ 0%{ background-position:0 0;} 100%{ background-position:-288px 0;}}

/*-全体-*/
#footer a:link { color: #fff; }
#footer a:visited { color: #fff; }
#footer a:hover { color: #fff; }
#footer a:active { color: #fff; }
#footer a{
	text-decoration: none;
	}

/*その他PG共通のレイアウト*/
hr{
	clear: both;
	border-top:1px;
	color: #fff;
	border-style:dotted;
	width:880px;
	text-align: center;
	margin:10px auto;
	}
#pg_content_bg{
	width:960px;
	height:auto;
	color:#fff;
	background-color: #231F20;
	background-color: rgba(35, 31, 32, 0.8);
	margin:30px auto;
	line-height:16px;
	position:relative;
	top:-22px;
	overflow:hidden;
}
#pg_content{
	width:880px;
	height:auto;
	color:#fff;
	margin:30px auto;
	line-height:16px;
	position:relative;
	top:-22px;
	overflow:hidden;
}

/*メニューページ*/
.menu_title1{
	margin-top:20px;
	}
.menu_title{
	margin-top:20px;
	}
.menu_list{
	width:600px;
	position:relative;
	top:5px;
	}
.menu_kakaku{
	width:155px;
	position:relative;
	top:-10px;
	float:right;
	text-align:right;
	}
.komozi_text{
	font-size:14px;
	margin:10px auto;
	}
#pg_content a:link { color: #e48892; }
#pg_content a:visited { color: #e48892; }
#pg_content a:hover { color: #e48892; }
#pg_content a:active { color: #e48892; }
#pg_content a{
	text-decoration: none;
	}
#top_coopon{
	position:relative;
	top:-13px;
	left:215px;
	}
/*アクセス*/

div ul li.acces_li{
	position:relative;
	top:7px;
	}
.acces_list{
	position:relative;
	top:-9px;
	left:44px;
	}
#acces_map{
	margin:10px auto;
	}
	
/*-お問い合わせ-*/
#contact_form{
	width:880px;
	height:500px;		
	}
#tell{
	font-size:30px;
	}
#contact_form1 li{
	display: inline-block;
	}
#contact_form1{
	line-height:50px;
	}
#contact_form1 #sumaho{
	margin-left:110px;
	}
#contact_form1 #line{
	position:relative;
	top:10px;
	}
#form {
        width:100%;
    }
#form ul {
        list-style:none;
        margin:10; padding:0;
    }
#form li {
        list-style:none;
        margin:10px 10px 10px 0; padding:6px;
        clear:both;
    }
#form label {
        display:block;
        color:#ffffff;
    }
#form li span {
        float:left;
        margin:10px 10px 10px 0; padding:0;
    }
#form li span label {
        color:#ffffff;
        font-weight:normal;
        font-size:80%;
    }
#form input.field,
#form textarea {
        border:1px solid #ddd;
        border-top-color:#ccc;
        border-left-color:#ccc;
        padding:3px;
    }
#form textarea {
        width:100%;
    }
#form input#name {
        width:150px;
    }
#form input#name {
        width:150px;
    }
#form input#email {
        width:320px;
    }	
/*-クーポン-*/
#wrapper .pg_content{
	height:530px;
	}
.coupon{
	width:843px;
	height:170px;
	line-height:20px;
	border:1px;
	border-left:6px;
	border-style:dotted;
	border-color:#fff;
	margin:20px auto 0px;
	padding:15px;
	}
img {
    -webkit-transition: -webkit-transform .2s linear 0s;
    transition: transform .2s linear 0s;
}
img:focus {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    outline: none;
}
.coupon_title{
	margin-top:20px;
	}
.coupon_title1{
	position:relative;
	left:40px;
	margin-top:22px;
	font-size:16px;
	color:#ea818f;
	}
.coupon_list{
	position:relative;
	left:40px;
	margin-top:20px;
	font-size:16px;
	}
.coupon_ken{
	float:right;
	position:relative;
	top: -162px;
	right:-5px;
	}

/*-商品一覧-*/
#goods_content{
	width:900px;
	height:1300px;
	color:#000;
	font-size:16px;
	margin:30px auto;
	line-height:16px;
	position:relative;
	top:-22px;
	overflow:hidden;
	background-image: url(../images/goods/goods_bg.png);
	background-repeat:no-repeat;
	}
.goods_title{
	position:relative;
	left:12px;
	margin-top:20px;
	color:#ffffff;
	}
.goods_list{
	position:relative;
	top:5px;
	left:435px;
	color:#ffffff;
	}
#goods{
	width: 880px;
	height: 500px;
	}
.goodsname{
	color:#e98892;
	}
.goods_1{
	position:relative;
	top:-35px;
	left:555px;
	}
.goods_tana_1{
	position:relative;
	top:110px;
	left:478px;
	}
.goods_come_1{
	width:370px;
	line-height:1.5em;
	position:relative;
	top:-22px;
	left:520px;
	text-align:center;
	}
.goods_2{
	position:relative;
	top:-70px;
	left:120px;
	}
.goods_tana_2{
	position:relative;
	top:180px;
	left:-10px;
	}
.goods_come_2{
	width:270px;
	line-height:1.5em;
	position:relative;
	top:-58px;
	left:20px;
	text-align:center;
	}
.goods_3{
	position:relative;
	top:-32px;
	left:590px;
	}
.goods_tana_3{
	position:relative;
	top:220px;
	left:210px;
	}
.goods_come_3{
	width:290px;
	line-height:1.5em;
	position:relative;
	top:-112px;
	left:600px;
	text-align:center;
	}
.goods_4{
	position:relative;
	top:-216px;
	left:134px;
	}
.goods_tana_4{
	position:relative;
	top:75px;
	left:-10px;
	}
.goods_come_4{
	width:290px;
	line-height:1.5em;
	position:relative;
	top:-202px;
	left:20px;
	text-align:center;
	}
.goods_5{
	position:relative;
	top:-160px;
	left:629px;
	}
.goods_tana_5{
	position:relative;
	top:132px;
	left:210px;
	}
.goods_come_5{
	width:290px;
	line-height:1.5em;
	position:relative;
	top:-218px;
	left:600px;
	text-align:center;
	}
.goods_6{
	position:relative;
	top:190px;
	left:130px;
	}
.goods_tana_6{
	position:relative;
	top:565px;
	left:-10px;
	}
.goods_come_6{
	width:290px;
	line-height:1.5em;
	position:relative;
	top:521px;
	left:20px;
	text-align:center;
	}
.goods_7{
	position:relative;
	top:236px;
	left:615px;
	}
.goods_tana_7{
	position:relative;
	top:610px;
	left:210px;
	}
.goods_come_7{
	width:290px;
	line-height:1.5em;
	position:relative;
	top:495px;
	left:600px;
	text-align:center;
	}
/*-オススメ-*/
div ul li.osusume_li{
	position:relative;
	top:5px;
	left:4px;
	}
.osusume_img{
	position:relative;
	top:-50px;
	text-align:center;
	}
.osusume_come{
	width:870px;
	margin:0 auto;
	line-height:20px;
	position:relative;
	top:-45px;
	}
.osusume{
	width: 880px;
	height: 190px;
	margin:0 auto;
	position:relative;
	top:-30px;
	}

.osusume_point{
	width:878px;
	height:133px;
	background-image: url(../images/osusume/point_bg1.png);
	background-repeat:no-repeat;
	}
.osusume_point img{
	color:#000;
	position:relative;
	top:-13px;
	left:80px;
	}
.osusume_point p{
	color:#000;
	width:790px;
	height:300px;
	margin:0 auto;
	line-height:25px;
	}
/*-飯塚市イベント情報-*/
div ul li.iizuka_li{
	position:relative;
	top:5px;
	left:4px;
	}
#iizuka{
	width: 880px;
	height: 500px;
	}
/*-お客様の声-*/
div ul li.voice_li{
	position:relative;
	top:5px;
	left:4px;
	}
#voice{
	width: 880px;
	height: 500px;
	}
/*-Worgen-*/
div ul li.worgen_li{
	position:relative;
	top:5px;
	left:4px;
	}
#worgen{
	width: 880px;
	height: 500px;
	}
/*-ぺぺ-*/
div ul li.pepe_li{
	position:relative;
	top:5px;
	left:4px;
	}
#pepe{
	width: 880px;
	height: 500px;
	}
/*-店長のご挨拶-*/
div ul li.greeting_li{
	margin:20px 0 20px 0px;
	}
#greeting{
	width: 880px;
	height: 750px;
	}
#greeting{
	line-height:25px;
}
.greeting_title{
	margin:23px 0 1px 0;
	color:#e48892;
	}
#pg_content_p p{
	margin-left:20px;
	}
#pr1{
	width:865px;
	height:45px;
	margin:20px 0 40px 0px;
	line-height:25px;
	}
#pr2{
	width:838px;
	height:120px;
	border:dotted 1px #ffffff;
	margin:10px 0 20px 0;
	padding:20px;
	line-height:25px;
	}