@charset "UTF-8";
/* ------------------------------------------- CSS Information
 File Name:      common.css
 Author:         Real Needs Creates
 Style Info:     common Setting in the Site
 Date:			 20100224
----------------------------------------------------------- */

/* Resset
====================================================================== */


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td  {  
	margin: 0;
	padding: 0;  
}


/* font-size Setting */
h1, h2, h3, h4, h5, h6  {  
	font-size: 100%;
	text-align:left;  
}


body {
	font-family: "Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", Geneva, Arial, Verdana, sans-serif;
	font-size: 75%;
	line-height: 180%;
	/*\*/
	letter-spacing:0.1em; /* Backslash Hack without Mac Internet Explorer 5 */
	/**/
	text-align:center; /*for IE5 center page setting*/ 
}

html>/**/body {
	font-size: 12px;
}
/* MAC,Win Vista */
* + html body {
	font-family: "メイリオ","Meiryo";
}


/* for Firefox scroll bar corrrects centering posicion */ 
html {
	overflow-y: scroll;
}


address, caption, cite, code, dfn, em, strong, th, var	{
	font-style: normal;
}


/* spaces of table delete*/ 
table	{
	border-collapse: collapse;
	border-spacing: 0;
}



/* under IE 6, Mac IE4,5 font-size in table */
* html table {
	font-size:100%;
	line-height:150%;
}

caption, th	{
	text-align: left;
}


/* points and number of list delete */ 
li  {  
	list-style-type: none;  
}

/* border of img delete */
img {  
	border: 0;  
}


/* Basic 
====================================================================== */

a {
	overflow/**/: hidden;
	color: #003F8A;
}

a:link {
	color: #003F8A;
	text-decoration: underline;
}

a:visited {
	color: #457B94;
	text-decoration: underline;
}

a:active {
	color: #457B94;
	text-decoration: none;
}

a:hover {
	color: #457B94;
	text-decoration: none;
}

p {
	text-align:left;
	color:#333333;
}

 
.clear {
	clear: both;
}


.hide {
	text-indent: -9999px;
}

hr{
	border:1px dotted #CCCCCC;
	margin:2em 0 2em 0;
	clear:both;
}

.floatleft{
	float:left;
}

.floatright{
	float:right;
}
.image_caption {
	font-size: 85%;
	line-height: 120%;
	width: 200px;
	color: #666666;
}

.paddingbottom20{
	padding:0 0 20px 0;
}


/*clearfix
------------------------------------------*/

#contents:after,#nav-one:after,.clearfix {
  content: ".";  /* creates new Element */
  display: block;  /* makes block Element */
  clear: both;
  height: 0;
  visibility: hidden;
}

/* none saports ":after" for IE6,7*/
#contents,#nav-one,.clearfix {
  min-height: 1px;
}


/* none saports "min-heigh" for under IE6, Mac IE5*/
* html #contents,* html #nav-one,.clearfix {
  height: 1px;
/* for Mac IE4,5 */
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* Layout
====================================================================== */

/* wrapper */
#wrapper {
	padding: 40px 0 30px;
	background-color: #f7f8f8;
}


/* container */
#container {
	width:860px;
	margin:0 auto;
	background-image:url(../images/common/bg.gif);
	background-repeat:repeat-y;
    text-align:left; /*corrects TEXT Position*/ 
}


/* header */
#header {
	height:120px;
	margin: 0px;
	background-image:url(../images/common/header_bg.gif);
	background-repeat: no-repeat;
	position:relative;
}


/* footer */
#footer {
	background-image:url(../images/common/footer_bg.gif);
	background-position:bottom;
	background-repeat: no-repeat;
	padding:10px 10px;
	clear:both;
	position:relative;
}

#footer_inner {
	height:90px;
}
#footer_inner2 {
	footer_logoheight:90px;
	height: 252px;
}


/* contents */
#contents {
	margin:0;
	padding:0 40px 30px 40px;
}

#main{
	float:right;
	width:570px;
	padding:0;
}

#sub{
	float:left;
	width:180px;
}


/* header
------------------------------------------------------------------*/

#header h1 {
	top: 20px;
	right:30px;
	position:absolute;
	text-align:right;
	font-weight:normal;
	letter-spacing:normal;
	font-size:90%;
	z-index:1;
}

#header img{
	top: 30px;
	left:30px;
	position:absolute;
	width:270px;
	height:90px;
}

#tel{
	background-image:url(../images/common/header_tel.gif);
	background-repeat:no-repeat;
	bottom: 0px;
	right:30px;
	position:absolute;
	width:200px;
	height:60px;
	text-indent:-9999px;
	display:block; 

}


/* globalnavigation
------------------------------------------------------------------*/

/* gloval Menu */

#globalNavi {
	padding:0 30px 20px;
}

#globalNavi ul#nav-one {
	list-style:none;
	/* overflow: hidden; */
	margin:0px;
	padding:0px;
	height:20px;
}

#nav-one li a {
	padding: 0;
	height:20px;
	line-height:20px;
	display: block;  
	text-indent: -9999px;  
	text-decoration: none;
/*	outline:none;*/
	z-index:1;
}  

#nav-one li  {  
	float: left;
	margin:0;
	padding:0;
	height:20px;
	position:relative;
}


#nav-one li#gnavi01{
	width:80px;
}

#nav-one li#gnavi02,
#nav-one li#gnavi06{
	width:130px;
}

#nav-one li#gnavi03,
#nav-one li#gnavi05{
	width:140px;
}

#nav-one li#gnavi04{
	width:180px;
}

/* globalnavigation at link
------------------------------------------------------------------*/

/* Home Image Setting at link */
#nav-one li#gnavi01 a  {
	background-image:url(../images/common/gnavi01.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


/* Catering Image Setting at link */

#nav-one li#gnavi02 a  {
	background-image:url(../images/common/gnavi02.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}  


/* Delivery Image Setting at link */

#nav-one li#gnavi03 a  {
	background-image:url(../images/common/gnavi03.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}  


/* Party Image Setting at link */

#nav-one li#gnavi04 a  {
	background-image:url(../images/common/gnavi04.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


/* Shop Data Image Setting at link */
#nav-one li#gnavi05 a  {
	background-image:url(../images/common/gnavi05.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}  


/* Contact Image Setting at link */

#nav-one li#gnavi06 a  {
	background-image:url(../images/common/gnavi06.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
} 

 
/* globalnavigation at hover
------------------------------------------------------------------*/

/* CONCEPT Image Setting at hover */

#nav-one li#gnavi01:hover a,
#nav-one li#gnavi01.sfHover a {
	background-image:url(../images/common/gnavi01.gif);
	background-repeat: no-repeat;
	background-position: 0px -20px;
}

/* MENU Image Setting at hover */

#nav-one li#gnavi02:hover a,
#nav-one li#gnavi02.sfHover a {
	background-image:url(../images/common/gnavi02.gif);
	background-repeat: no-repeat;
	background-position: 0px -20px;
}


/* COUPON Image Setting at hover */

#nav-one li#gnavi03:hover a,
#nav-one li#gnavi03.sfHover a {
	background-image:url(../images/common/gnavi03.gif);
	background-repeat: no-repeat;
	background-position: 0px -20px;
}


/* SALON Image Setting at hover */

#nav-one li#gnavi04:hover a,
#nav-one li#gnavi04.sfHover a {
	background-image:url(../images/common/gnavi04.gif);
	background-repeat: no-repeat;
	background-position: 0px -20px;
}


/* Staff Image Setting at hover */

#nav-one li#gnavi05:hover a,
#nav-one li#gnavi05.sfHover a {
	background-image:url(../images/common/gnavi05.gif);
	background-repeat: no-repeat;
	background-position: 0px -20px;
}


/* RECRUIT Image Setting at hover */

#nav-one li#gnavi06:hover a,
#nav-one li#gnavi06.sfHover a {
	background-image:url(../images/common/gnavi06.gif);
	background-repeat: no-repeat;
	background-position: 0px -20px;
}


/* globalnavigation at pulldown
------------------------------------------------------------------*/

#nav-one ul {
	position: absolute;
	top: -999em;
}

#nav-one li:hover ul,
#nav-one li.sfHover ul {
	top: 20px;
    z-index: 100;
}

#nav-one ul li {
	border-left:none;
	float: none;
	padding:0.2em 1em;
	width: /**/auto; /* none IE6 */
	width: 14em;
}

/* for IE7 */
*:first-child+html #nav-one ul li {
	width: 14em !important;
	margin-bottom:-1px;
	padding:0;
	border:0;
	height:100%;
}

/* for IE6 */
* html #nav-one ul li {
	width: 14em;
	margin-bottom:-1px;
	padding:0;
	border:0;
	height:100%;
}

#nav-one li#gnavi05:hover ul a,
#nav-one li#gnavi05.sfHover ul a,
#nav-one li#gnavi06:hover ul a,
#nav-one li#gnavi06.sfHover ul a {
	background-image:none;
	background-color: #EEEEEE;
	color:#666666;
	font-size:90%;
	text-indent:0;
	width: auto;
	padding:0.2em 1em;
	border-top:1px solid #FFFFFF;
}

/* for IE7 */
*:first-child+html #nav-one li#gnavi05:hover ul a,
*:first-child+html #nav-one li#gnavi05.sfHover ul a,
*:first-child+html #nav-one li#gnavi06:hover ul a,
*:first-child+html #nav-one li#gnavi06.sfHover ul a {
	height:100%;
} 

/* for IE6 */
* html #nav-one li#gnavi05:hover ul a,
* html #nav-one li#gnavi05.sfHover ul a,
* html #nav-one li#gnavi06:hover ul a,
* html #nav-one li#gnavi06.sfHover ul a {
	height:100%;
}


#nav-one li#gnavi05:hover ul a:hover,
#nav-one li#gnavi05.sfHover ul a:hover,
#nav-one li#gnavi06:hover ul a:hover,
#nav-one li#gnavi06.sfHover ul a:hover {
	background-image:none;
	background-color:#CCCCCC;
	color:#9C0D00;
}

#nav-one ul a {
	background-image:none;
	white-space: nowrap;
}
#nav-one ul a:hover {
	background-image:none;
	background-color:#CCCCCC;
	color:#9C0D00;
}


/* footer
------------------------------------------------------------------*/

/* footer Menu */

#footer ul {
	margin:0;
	padding:0;
	text-align:center;
}

#footer ul li {
	display:inline;
	list-style-type:none;
	border-left:1px solid #000000;
	margin:0;
	padding:0 1em;
	font-size:95%;
}

#footer li.last {
	border-right:1px solid #000000;
}


/* footer Menu at link */

#footer ul li a{
	color:#333333;
}

#footer ul li a:link {
	color:#333333;
	text-decoration: none;
}

#footer ul li a:visited {
	color:#333333;
	text-decoration: none;
}

#footer ul li a:active {
	color: #003F8A;
	text-decoration: none;
}

#footer ul li a:hover {
	color: #003F8A;
	text-decoration:underline;
}


/* footer Copyright */

address {
	margin:0;
	padding:25px 0 0 0;
	font-size:90%;
	text-align:left;
	line-height:3em;
	letter-spacing:0.1em;
	color:#FFFFFF;
	text-align:center;
}

/* letter */
.box{
padding: 0px;
width: 550px;
border: 1px solid #827e7d;
margin-right: auto;
margin-left: auto;
background: #FFFFFF;
}
.note {
	font-size:12px;
	margin: 20px;
	padding: 0px 0px 1px;
	width:500px;
	background-image: url(../images/voice/ten.gif);
	background-repeat: repeat;
	background-position: 0px -23px;
}
.note p{
line-height:24px;
margin-top:24px;
}