@charset "utf-8";

#wrap {
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-position: 50% top;
	background-size: 100%;
}
#header {
	margin: 0px auto 20px;
	width: 1040px;
	height:400px;
	position: relative;
}
#logo {
     position: absolute;
     top: 60px;
     left: 0;
     width: 640px;
     height: 300px;
}
#top_photo {
     position: absolute;
     top: 50px;
     right: 5px;
     width: 370px;
     height: 325px;
}

#pagewrap {
	width: 1040px;
	margin: 0 auto;
	padding-bottom:20px;
}

/* content
---------------------------------------------*/
#content {
	width:800px;
	float:left;
	overflow: hidden; _zoom: 1;
}
section {
	margin-bottom:20px;
	overflow: hidden; _zoom: 1;
}
.gourmet h2 {
	color:#FFF;
	background-color:#e9546b;
	padding: 10px 10px 8px 19px;
	font-size:20px;
}
.night h2 {
	color:#FFF;
	background-color:#5a79ba;
	padding: 10px 10px 8px 19px;
	font-size:20px;
}

.line {
	border-bottom: 1px #E3E3E3 solid;
	padding: 3px 3px 3px 0;
	font-size:13px;
	overflow: hidden; _zoom: 1;
}
.Area {
	float:left;
}
.gourmet span {
	color:#d7003a;
}
.night span {
	color:#d7003a;
}
.icon img {
	float:right;
}
.gourmet h3 {
	color:#19448e;
	padding: 7px 0px 3px 0px;
	font-size:17px;
}
.night h3 {
	color:#19448e;
	padding: 7px 0px 3px 0px;
	font-size:17px;
}
.cap {
	padding: 2px 0px;
	font-size:12px;
}

.gourmet_bor {
	margin-bottom:10px;
	padding: 20px 20px 0px 20px;
	clear:both;
	background: #FFFFFA;
	border: 1px #e9546b solid;
}
.night_bor {
	margin-bottom:10px;
	padding: 20px 20px 0px 20px;
	clear:both;
	background: #FFFFFA;
	border: 1px #5a79ba solid;
}

.c3_c2box ul {
	width:105%;
}
.c3_c2box li {
	width:240px;
	height:100%;
	float:left;
	margin-bottom:19px;
	margin-right: 19px;
}

.sideBan {
	width:100%;
	margin: 0px auto;
	padding: 10px 0px;
}
.sideBan li a {
	display:block;
	width:100%;
	height:70px;
}
.sideBan .ynavi {
	background-image: url(../img/sideBan_ynavi.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:70px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.sideBan .night {
	background-image: url(../img/sideBan_night.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:70px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.sideBan .job {
	background-image: url(../img/sideBan_job.png);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:70px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.sideBan .hp {
	background-image: url(../img/sideBan_hp.png);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:70px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}


/* FOOTER
---------------------------------------------*/
#footer {
	clear:both;
	width:100%;
	border-top: 1px #E3E3E3 solid;
}
#footerbox {
	margin: 20px auto 10px;
	width:1040px;
	line-height:1.5em;
}
#footerbox h3 {
	background-image: url(../img/contact.png);
	background-repeat: no-repeat;
	background-position: left center;
	width:100%;
	height:45px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
#footerbox div {
	float:left;
	padding: 0 40px 15px 0;
}
#footer p {
	clear:both;
	color:#19448e;
	padding: 0 15px 15px 0;
	font-size: 85%;
}
/* page-top
---------------------------------------------*/
#page-top {
	position: fixed;
	bottom: 10px;
	right: 10px;
}
#page-top a {
	width: 50px;
	text-align: center;
	display: block;
}





/*******************************************************************
max-width: 480px
*******************************************************************/

@media screen and (max-width: 480px) {
#wrap {
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 180% auto;	
}

#header {
	margin: 0px auto 20px;
	width: 100%;
	height:200px;
	position: relative;
}
#logo {
     position: absolute;
     top: 1em;
     left: 1em;
     width: 95%;
     height: 100px;
	 z-index:10;
}
#top_photo {
	 display:none;
}

#pagewrap {
	clear:both;
	width: 98%;
	margin: 0 auto;
	padding-bottom:0px;
}

/* content
---------------------------------------------*/
#content {
	width:100%;
	padding-top:0.5em;
	float:none;
	overflow: hidden; _zoom: 1;
}
section {
	margin-bottom:0.5em;
	overflow: hidden; _zoom: 1;
}
.gourmet h2 {
	color:#FFF;
	background-color:#e9546b;
	padding: 10px 10px 8px 19px;
	font-size:18px;
	font-weight:bold;
}
.night h2 {
	color:#FFF;
	background-color:#5a79ba;
	padding: 10px 10px 8px 19px;
	font-size:18px;
	font-weight:bold;
}

.c3_c2box ul {
	width:100%;
}
.c3_c2box li {
	width:90%;
	float:none;
	margin: 0px auto 3em;
}
.line {
	border-bottom: 1px #E3E3E3 solid;
	padding: 3px 3px 3px 0;
	font-size:13px;
	overflow: hidden; _zoom: 1;
}
.Area {
	float:left;
}
.gourmet span {
	color:#d7003a;
}
.night span {
	color:#d7003a;
}
.icon img {
	float:right;
}
.gourmet h3 {
	color:#19448e;
	padding: 7px 0px 3px 0px;
	font-size:17px;
	font-weight:bold;
}
.night h3 {
	color:#19448e;
	padding: 7px 0px 3px 0px;
	font-size:17px;
	font-weight:bold;
}
.cap {
	padding: 2px 0px;
	font-size:12px;
}

.gourmet_bor {
	margin-bottom:0px;
	padding: 1em 0px 0px 0px;
	clear:both;
	background: #FFFFFA;
	border: 1px #e9546b solid;
}
.night_bor {
	margin-bottom:0px;
	padding: 1em 0px 0px 0px;
	clear:both;
	background: #FFFFFA;
	border: 1px #5a79ba solid;
}

.sideBan {
	display:none;
}

/* FOOTER
---------------------------------------------*/
#footer {
	clear:both;
	width:100%;
	border-top: 1px #E3E3E3 solid;
}
#footerbox {
	margin: 20px auto 10px;
	width:95%;
	line-height:1.5em;
}
#footerbox h3 {
	background-image: url(../img/contact.png);
	background-repeat: no-repeat;
	background-position: left center;
	width:100%;
	height:20px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
#footerbox div {
	float:none;
	padding: 10px;
}
#footer p {
	clear:both;
	color:#19448e;
	padding: 0 15px 15px 0;
	font-size: 85%;
	text-align:center;
}

}




/* navigation
---------------------------------------------*/
#navigation {
	width:220px;
	float:right;
	overflow: hidden; _zoom: 1;
}
.navbox1 {
	width:100%;
	margin: 0px auto;
	background-color:#e9546b;
}
.navbox1 h2 {
	background-image: url(../img/gourmet.png);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:45px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.navbox2 {
	width:100%;
	background-color:#5a79ba;
}
.navbox2 h2 {
	background-image: url(../img/night.png);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:45px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.navbox1 li a {
	border: 1px solid #d7003a;
	background-color:#640125;
}
.navbox2 li a {
	border: 1px solid #4a488e;
	background-color:#17184b;
}

/* Respnsive_nav
---------------------------------------------*/
.Respnsive_nav {
	width: 200px;
	margin: 0px auto;
	padding-bottom:5px;
	overflow: hidden;
}
.Respnsive_nav ul {
	width:200px;
	margin: 0px auto;
}
.Respnsive_nav li {
	width: 200px;
	display: block;
	margin-bottom:5px;
}
.Respnsive_nav li a {
	color: #fff;
	display: block;
	font-size:16px;
	padding: 10px 5px 8px 15px;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	
	/*TRANSISTIONS*/
	-webkit-transition: background 0.5s ease;
	   -moz-transition: background 0.5s ease;
	     -o-transition: background 0.5s ease;
	    -ms-transition: background 0.5s ease;
	        transition: background 0.5s ease;
}
.Respnsive_nav li a:hover {
	background: #a22041;
}
.Respnsive_nav .Active a {
	background: #a22041;
}




@media screen and (max-width: 480px) {

/* navigation
---------------------------------------------*/
#navigation {
	width:100%;
	float:none;
	overflow: hidden; _zoom: 1;
}
.navbox1 {
	width:100%;
	margin: 0px auto;
	background-color:#e9546b;
}
.navbox1 h2 {
	background-image: url(../img/gourmet.png);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:20px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.navbox2 {
	width:100%;
	background-color:#5a79ba;
}
.navbox2 h2 {
	background-image: url(../img/night.png);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:20px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.navbox1 li a {
	border: 1px solid #d7003a;
	background-color:#640125;
}
.navbox2 li a {
	border: 1px solid #4a488e;
	background-color:#17184b;
}

.Respnsive_nav {
	width: 100%;
	margin: 0px auto;
	padding-bottom:0px;
	overflow: hidden;
}
.Respnsive_nav ul {
	width:100%;
	margin: 0px auto;
}
.Respnsive_nav li {
	width: 33.33333%;
	display: block;
	margin-bottom:0px;
	float:left;
	padding:2px;
}
.Respnsive_nav li a {
	font-size:12px;
	padding: 5px;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
}
}