/*
Theme Name:sushi_pc
*/

@charset "UTF-8";
/* body
--------------------------------------------------*/
body {
	color: #231815;
	font-size:14px;
	line-height: 1.8;
	text-align: left;
	/*letter-spacing:1px;*/
		font-size: 0.9rem;
    font-family: "ryo-display-plusn";
    -webkit-text-size-adjust: 100%;
     background: url(images/body_bg.jpg) top left repeat;
}

/* common style
--------------------------------------------------*/
a {
	color:#401000;
	text-decoration: none;
}
a:hover {
	color:#401000;
	text-decoration: none;
}
.cat_area a, .shopinfo a, #footer a {
	color:#fff;
	text-decoration: none;
}
.cat_area a:hover. .shopinfo a:hover, #footer a:hover {
        color:#feeed7;
        text-decoration: none;
}
img {
	vertical-align: top;
}
.img_line {
	background:#fff;
	border:solid 1px #cccccc;
	padding:4px;
}
/* txt_white */
.txt_white {
	color:#401000;
}
/* bg_black */
.bg_black{
background:url(images/bg_sakana.jpg);
background-size: cover;
width:100%;
}
.cont_info{
background-color:#f8f8f8;
}
/* cont_tit */

.cont_tit {
	margin-bottom:30px;
	text-align:center;
}
.cont_tit .tit_ic {
	margin-bottom:20px;
}
.cont_tit h2 {
	padding-top: 70px;
	font-size:20px;
	line-height:36px;
	color:#fff;
}
.cont_tit h2 p {

/* red*/
/*
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.64, #e02530), color-stop(0.51, #e13741), color-stop(0.04, #e02530));
background: -webkit-linear-gradient(top, #e02530 4%, #e13741 51%, #e02530 64%);
background: -moz-linear-gradient(top, #e02530 4%, #e13741 51%, #e02530 64%);
background: -o-linear-gradient(top, #e02530 4%, #e13741 51%, #e02530 64%);
background: -ms-linear-gradient(top, #e02530 4%, #e13741 51%, #e02530 64%);
background: linear-gradient(to bottom, #e02530 4%, #e13741 51%, #e02530 64%);
*/

/* blue*/

background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #0040c2), color-stop(0.64, #00349d), color-stop(0.48, #0048db), color-stop(0.00, #00349d));
background: -webkit-linear-gradient(top, #00349d 0%, #0048db 48%, #00349d 64%, #0040c2 100%);
background: -moz-linear-gradient(top, #00349d 0%, #0048db 48%, #00349d 64%, #0040c2 100%);
background: -o-linear-gradient(top, #00349d 0%, #0048db 48%, #00349d 64%, #0040c2 100%);
background: -ms-linear-gradient(top, #00349d 0%, #0048db 48%, #00349d 64%, #0040c2 100%);
background: linear-gradient(to bottom, #00349d 0%, #0048db 48%, #00349d 64%, #0040c2 100%);

	padding:8px 0 5px;
}
/* layout
--------------------------------------------------*/

/* header */

#header {
background-image: url(images/header_bg.jpg);
}

#header {
	width:100%;
	margin:0 auto;
	height:165px;
	position:relative;
}
#header h1 {
	left:10px;
	position:absolute;
	top:10px;
	font-size:14px;
	line-height:16px;
}
#header #tel {
	right:10px;
	position:absolute;
	top:10px;
	font-size:24px;
	line-height:30px;
	padding-left: 34px;
	background:url(images/ic_tel.png) left center no-repeat;
	letter-spacing:1px;
}
#header #coupon {
	right:10px;
	position:absolute;
	top:85px;
}


#header #btn_reserve {
	right:10px;
	position:absolute;
	top:105px;
}


#header #btn_recruit {
	right:10px;
	position:absolute;
	top:125px;
}

#header #logo {
	position:absolute;
	text-align:center;
	width:316px;
	height:145px;
	top:5px;
	left:50%;
	margin-left:-158px;
	/*margin-top:-2px;*/
}

/* reserve_btn */
.reserveb {
 position: fixed;
 bottom: 5px;
 right: 10px;
}

/* footer */
#footer {
	width:100%;
	height:130px;
	text-align:center;

/*red*/
/*
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ea666e), color-stop(0.44, #e02530));
background: -webkit-linear-gradient(top, #e02530 44%, #ea666e 100%);
background: -moz-linear-gradient(top, #e02530 44%, #ea666e 100%);
background: -o-linear-gradient(top, #e02530 44%, #ea666e 100%);
background: -ms-linear-gradient(top, #e02530 44%, #ea666e 100%);
background: linear-gradient(to bottom, #e02530 44%, #ea666e 100%);
*/
/*blue*/
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.86, #0049e0), color-stop(0.00, #0040c2));
background: -webkit-linear-gradient(top, #0040c2 0%, #0049e0 86%);
background: -moz-linear-gradient(top, #0040c2 0%, #0049e0 86%);
background: -o-linear-gradient(top, #0040c2 0%, #0049e0 86%);
background: -ms-linear-gradient(top, #0040c2 0%, #0049e0 86%);
background: linear-gradient(to bottom, #0040c2 0%, #0049e0 86%);





	color:#fff;
}
#footer .foot_link {
	padding-top:30px;
}
#footer .copy {
	padding-top:20px;
}
#footer a {
	color: #fff;
	/*color: #000;*/
	text-decoration: none;
}
#footer a:hover {
	color: #feeed7;
	text-decoration: none;
}
/* main_area
--------------------------------------------------*/
#main_area {
	width:100%;
	margin:0 auto 0 auto;
	background:url(images/bg2.jpg) no-repeat bottom center;
	background-size:cover;
}
#main_area #navi {
	width:1050px;
	margin:0 auto;

}
#nav_out {
background:url(images/navi_bg.jpg) left top repeat;
/* background:url(images/navi_bg_blue.jpg) left top repeat;*/
}

#main_area #navi ul {
	overflow:hidden;
}
#main_area #navi li {
	float:left;
	padding-right:61px;
}

#main_area #navi li:first-child{
	float:left;
    padding-left: 0;
    }

#main_area #navi li:last-child {
   padding-right: 0;
}


#main_area #navi a:hover {
	opacity: 0.9 !important;
}
#main_area #main_box {
	width:1180px;
	margin:0 auto;
	padding:34px 0;
	text-align:center;
}

#main_area #main_box img{
	max-width:1180px;
}
#main_area #main_box #thumbs {
	margin-top:20px;
	display: -webkit-box;
	display: -moz-box;
	display:box;
	-webkit-box-pack:center;
	-moz-box-pack:center;
	box-pack:center;
	-webkit-box-align:center;
	-moz-box-align:center;
	box-align:center;
}
#main_area #main_box #thumbs ul {
	overflow:hidden;
}
#main_area #main_box #thumbs li {
	width:64px;
	float:left;
	margin-right:20px;
	text-align:center;
}
#main_area #main_box #thumbs li:last-child {
	margin-right:0 !important;
}
/* shop_txt
--------------------------------------------------*/
#shop_txt {
	width:1000px;
	margin:60px auto 70px;
	color:#231815;
}
#shop_txt dl {
	width:1000px;
}
#shop_txt dt {
	width:510px;
	float:left;
}
#shop_txt dd {
	width:460px;
	float:right;
}
#shop_txt h2 {
	font-size:30px;
	line-height: 1.3;
 color:#aa0000;
 font-weight:bold;
}
#shop_txt p {
	line-height: 1.5;
	margin-top:30px;
	font-size:15px;
}

/* PR img
--------------------------------------------------*/
#slideshow {
    position:relative;
    height:300px;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:7;
}

#slideshow img.active {
    z-index:9;
}

#slideshow img.last-active {
    z-index:8;
}

/* cat_area
--------------------------------------------------*/
.cat_area {
	width:1000px;
	margin:0 auto;
	text-align:center;
	padding-bottom:30px;
}
.cat_box {
	width:1000px;
	margin:0 auto;
}
.cat_box ul {
	width:1050px;
	margin:0 -50px 0 0;
}
.cat_box li {
	width:475px;
	float:left;
        min-height: 500px;
	margin:0 50px 10px 0;
        font-weight: bold;
}
.cat_box li div.mb_10 {
        margin-bottom:20px;
}
.cat_box h3 {
	font-size:22px;
	line-height:26px;
        font-weight: bold;
	color:#fff;
}
.cat_box li p {
	color:#3030;
	text-align:left;
}
/* ent_area
--------------------------------------------------*/
.ent_area {
	width:1000px;
	margin:0 auto 30px auto;
	text-align:center;
}
.ent_box {
	width:1000px;
	margin:0 auto;
	color:#303030;
}
.ent_box ul {
	width:1020px;
	margin:0 -20px 0 0;
}
.ent_box li {
	width:235px;
	float:left;
	margin:0 20px 20px 0;
        min-height: 280px;
}
.ent_box li p {
	margin-top:10px;
 	text-align:left;
}
/* shopinfo
--------------------------------------------------*/
.shopinfo {
	width:1000px;
	margin:10px auto 0;
	padding-bottom:60px;
}
.shopinfo_box {
	width:1000px;
	margin:0 auto;
}
.map {
	float:left;
	width:500px;
}
.map a {
	color: #333!important;
}
.info {
	float:right;
	width:450px;
}
.info h3 {
	font-size:20px;
}
#tbl_info {
	width: 450px;
	margin-bottom:20px;
}
#tbl_info tr {
	border-bottom:#999 1px dotted;
	color:#3030;
}
#tbl_info th {
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	width: 80px;
	white-space:nowrap;
	color:#3030;
}
#tbl_info th {
	padding: 8px 8px 8px 0;
}
#tbl_info td {
	padding: 8px 8px 8px 0;
}
#tbl_info td li {
	float:left;
	padding-right:8px;
	color:#fff;
}
#cattext{
	width: 1000px;
	margin: 0 auto;
	line-height: 1.5;
	text-align:left;
	color:#3434;
	margin-top:34px;
	padding-bottom: 20px;
}
#cattext h2{
	padding-bottom: 10px;
	font-size: 22px;
}
.breadcrumbs{
	width:1000px;
	margin:0 auto;
	text-align:left;
	color:#401000;
}
.breadcrumbs a{
	color:#401000;
}


.coupon_tit {
	margin: 0 20px;
	color:#666;
	/*font-family: "FOT-筑紫明朝 Pr5 E";*/
	font-size:32px;
	text-align: center;
}
.coupon_box {
	border: 1px solid #111;
	margin-bottom:20px;
	clear:both;
	text-align: left;
}
.coupon_title {
	width:290px;
	float:left;
	padding: 5px 10px;
}
.coupon_naiyou {
	width:687px;
	float:left;
	border-left:#111 dotted 1px;
}
.coupon_naiyou table{
	width:100%;
}
.coupon_naiyou table td {
	padding: 5px;
}
.coupon_naiyou table tr td {
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #111;
}
.coupon_naiyou table tr.last td {
	border-bottom-width: none;
	border-bottom-style: none;
	border-bottom-color: none;
}

/* news_list */
#contents .news_title {
    margin-top: 20px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
}
#contents .news_title .more {
    float: right;
    display: block;
    padding-top: 5px;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;
}
#contents .news_title .more a {
    color: #000;
}
#contents .news_list {
    margin-top: 5px;
    border-top: 1px solid #000;
}
#contents .news_list article {
    padding: 10px 0;
    border-bottom: 1px solid #000;
    overflow: hidden;
}
#contents .news_list article .date {
    display: block;
    float: left;
    width: 100px;
    font-size: 10px;
    font-size: 1.0rem;
}
#contents .news_list article .txt {
    float: left;
    width: 880px;
    font-size: 12px;
    font-size: 1.2rem;
}

#news .news_list {
    padding: 10px 0 30px;
    color: #FFF;
}

#news .news_list h1 {
    background: url(images/sti_bg.png) center top no-repeat;
    height: 60px;
    padding: 5px 0 0 100px;
    color: #331500;
    font-size: 18px;
    font-size: 1.8rem;
}

#news .news_list article {
    padding: 30px 0;
    border-bottom: 1px solid #FFF;
    overflow: hidden;
}
#news .news_list article .left img {
    width: 400px;
    height: auto;
}
#news .news_list article .date {
    font-size: 12px;
    font-size: 1.2rem;
}
#news .news_list article .title {
    padding-top: 5px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
}

#news .news_list article .txt {
    padding-top: 5px;
    font-size: 12px;
    font-size: 1.2rem;
}
#wrapper .inner {
    position: relative;
    display: block;
    width: 980px;
    margin: 0 auto;
    padding: 0 10px;
    overflow: hidden;
}

#contents .inner {
    width: 980px;
}


.reserveb
{
 position: fixed;
 bottom: 5px;
 right: 10px;
 z-index:10;
}

.fb_bnr {
	margin-bottom:10px;
}