@charset "utf-8";

/*=====================================================================================
	
	Document    : common.css
	Description : 共通css

	1-1. Header
	1-2. Nav
	1-3. Contents
	1-4. Footer
 
=====================================================================================*/

body {
	background:url(../image/bg.png) repeat left top;
	min-width:1000px;
}


/*---------------------------------------------------------------------------

   1-1. Header

---------------------------------------------------------------------------*/

header {
	background:url(../image/hd/bg.png) no-repeat center top;
}

.hd,
.hd-en  {
	width:1000px;
	height:135px;
	margin:0 auto;
	position:relative;
}

.hd-en-line {
	background:url(../image/hd/en-line.gif) repeat-x left bottom;
	padding-bottom:2px;
}

.hd-en {
	border-bottom:2px solid #b98c2d;
}


/*-------------------------------------------------------
   logo
-------------------------------------------------------*/

.hd h1,
.hd-en h1 {
	width:295px;
	height:70px;
	position:absolute;
	left:28px;
	top:36px;
	text-align:left;
	background:url(../image/hd/logo.png) no-repeat left top;
	text-align:left;
}

.hd h1 a,
.hd-en h1 a {
	display:block;
	width:100%;
	height:100%;
}


/*-------------------------------------------------------
   nav
-------------------------------------------------------*/

.hd nav {
	width:200px;
	height:20px;
	position:absolute;
	right:268px;
	top:88px;
}

.hd nav ul {
	list-style:none;
}

.hd li {
	float:left;
	background-image:url(../image/hd/nav.gif);
	background-repeat:no-repeat;
}

.hd li a {
	width:100%;
	height:17px;
	background-image:url(../image/hd/nav.gif);
	background-repeat:no-repeat;
	display:block;
}

.hd li:first-child { width:74px; margin-right:28px; display:inline; background-position:0 0; }
.hd li:first-child a { background-position:0 -17px; }

.hd li:last-child { width:63px; background-position:-102px 0; }
.hd li:last-child a{ background-position:-102px -17px; }


/*-------------------------------------------------------
   address
-------------------------------------------------------*/

.hd address,
.hd-en address {
	position:absolute;
	right:0;
	bottom:28px;
}

.hd address {
	width:268px;
	height:50px;
	background:url(../image/hd/ad.gif) no-repeat left top;
}

.hd-en address {
	width:411px;
	height:50px;
	background:url(../image/hd/ad-en.gif) no-repeat left top;
}


/*-------------------------------------------------------
   language
-------------------------------------------------------*/

.hd .lang,
.hd-en .lang {
	width:100px;
	height:29px;
	position:absolute;
	right:0;
	top:0;
	background-image:url(../image/hd/lang.gif);
	background-repeat:no-repeat;
}

.hd .lang a,
.hd-en .lang a {
	width:100%;
	height:100%;
	display:block;
	background-image:url(../image/hd/lang.gif);
	background-repeat:no-repeat;
}

.hd .lang { background-position:0 0; }
.hd .lang a.en { background-position:0 -29px; }

.hd-en .lang { background-position:-100px 0; }
.hd-en .lang a.jp { background-position:-100px -29px; }


/*-----------------------------------------------------*/

header a span,
header address span {
	position:absolute;
	overflow:hidden;
	width:0;
	height:0;
}


/*-------------------------------------------------------
   冬季営業
-------------------------------------------------------*/

.hd-winter nav {
	right:100px;
	top:14px;
}

.hd-winter .tel {
	position:absolute;
	right:300px;
	bottom:26px;
}


/*---------------------------------------------------------------------------

   1-2. Nav

---------------------------------------------------------------------------*/

.glnav {
	width:100%;
	background:url(../image/nav/bg.jpg) repeat-x left top;
}

.glnav ul {
	width:1000px;
	margin:0 auto;
	list-style:none;
}

.glnav li {
	float:left;
	height:79px;
	background-image:url(../image/nav/nav.jpg);
	background-repeat:no-repeat;
	position:relative;
	cursor:pointer;
}

.glnav li a {
	width:100%;
	height:100%;
	display:block;
	background-image:url(../image/nav/nav.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
}

.glnav li.stay a { background-image:none; }

.glnav li:nth-child(1) { width:196px; background-position:0 0; }
.glnav li:nth-child(1) a { background-position:0 -81px; }

.glnav li:nth-child(2) { width:178px; background-position:-196px 0; }
.glnav li:nth-child(2) a { background-position:-196px -81px; }

.glnav li:nth-child(3) { width:161px; background-position:-374px 0; }
.glnav li:nth-child(3) a { background-position:-374px -81px; }

.glnav li:nth-child(4) { width:151px; background-position:-535px 0; }
.glnav li:nth-child(4) a { background-position:-535px -81px; }

.glnav li:nth-child(5) { width:136px; background-position:-686px 0; }
.glnav li:nth-child(5) a { background-position:-686px -81px; }

.glnav li:nth-child(6) { width:178px; background-position:-822px 0; }
.glnav li:nth-child(6) a { background-position:-822px -81px; }

.glnav li span {
	position:absolute;
	overflow:hidden;
	width:0;
	height:0;
}


/*-------------------------------------------------------
   ドロップダウンメニュー
-------------------------------------------------------*/

.glnav li ul {
	width:auto;
	text-align:left;
	position:absolute;
	top:79px;
	left:0;
	z-index:100;
	display:none;
}

.glnav li li {
	width:100% !important;
	height:auto;
	float:none;
	background-image:none;
	margin-bottom:1px;
	background-color:#0f0f0f;
	white-space:nowrap;

	filter:alpha(opacity=75);
	opacity:0.75;
	-moz-opacity:0.75;
	
    -webkit-transition:opacity 0.3s linear;
       -moz-transition:opacity 0.3s linear;
         -o-transition:opacity 0.3s linear;
            transition:opacity 0.3s linear;
}

.glnav li li:last-child {
	margin-bottom:none;
}

.glnav li li:hover {
	filter:alpha(opacity=100);
	opacity:1;
	-moz-opacity:1;
}

.glnav li li a {
	filter:alpha(opacity=100);
	opacity:1;
	-moz-opacity:1;
	
	height:auto;
	padding:8px 12px 8px 28px;
	background:url(../image/lm-s.png) no-repeat 12px center !important;
}

.glnav li li a,
.glnav li li a,
.glnav li li a:hover { text-decoration:none; }

.glnav li li a span {
	position:inherit;
	overflow:inherit;
	width:auto;
	height:auto;
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding:8px 12px 8px 30px;
	background:url(../image/lm.gif) no-repeat 10px 0.85em;
}



/*---------------------------------------------------------------------------

   1-3. Contents

---------------------------------------------------------------------------*/

.ct {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}


/*-------------------------------------------------------
   ページ大見出し
-------------------------------------------------------*/

.pgmd {
	background-color:#0f0f0f;
}

.pgmd-bg {
	height:200px;
	position:relative;
	background-repeat:no-repeat;
	background-position:50% 0;
	filter:alpha(opacity=0);
	opacity:0;
	-moz-opacity:0;
}

.ie67 .pgmd-bg,
.ie8 .pgmd-bg {
	filter:alpha(opacity=100);
	opacity:1;
	-moz-opacity:1;
	background-position:center bottom;
}

.pgmd h2 {
	width:1000px;
	height:200px;
	position:absolute;
	left:50%;
	top:0;
	margin-left:-500px;
	filter:alpha(opacity=0);
	opacity:0;
	-moz-opacity:0;
}

.pgmd h2 span {
	position:absolute;
	overflow:hidden;
	width:0;
	height:0;
}


/*-------------------------------------------------------
   パンくず
-------------------------------------------------------*/

ul.pan {
	width:1000px;
	margin:0 auto;
	list-style:none;
	text-align:left;
	padding-top:20px;
	padding-bottom:40px;
}

.pan li a {
	background:url(../image/pan-line.gif) no-repeat right center;
	padding-right:16px;
}

.pan li {
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	margin-left:4px;
}

.pan li:first-child {
	margin-left:0;
}


/*---------------------------------------------------------------------------

   1-4. Footer

---------------------------------------------------------------------------*/

/*-------------------------------------------------------
   pageup
-------------------------------------------------------*/

.up {
	display:none;
	width:50px;
	height:50px;
	background-image:url(../image/up.png);
	background-repeat:no-repeat;
	background-position:0 0px;
	font-size:0;
	line-height:0;
	right:30px;
	bottom:30px;
	position:fixed;
	z-index:90;
}

.up a {
	width:100%;
	height:100%;
	display:block;
	text-decoration:none;
	background-image:url(../image/up.png);
	background-repeat:no-repeat;
	background-position:0 -50px; 
}

.ie67 .up { display:none; }


footer {
	width:100%;
	margin-top:60px;
	background:url(../image/ft/bg.png) no-repeat center bottom;
	background-color:#272727;
	color:#fff;
}


/*-------------------------------------------------------
   nav
-------------------------------------------------------*/

footer nav {
	background:url(../image/op-black65.png) repeat left top;
	padding:10px 0 15px 0;
}

footer nav ul {
	width:1000px;
	margin:0 auto;
	padding-top:5px;
}

footer nav li {
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	background:url(../image/ft/line.gif) no-repeat left center;
	padding-left:1em;
	padding-right:0.6em;
}

footer nav li:first-child {
	padding-left:0;
	background:none;
}

footer nav li a,
footer nav li a:visited { text-decoration:none; }
footer nav li a:hover { text-decoration:underline; }


/*-----------------------------------------------------*/

.ft {
	width:1000px;
	margin:0 auto;
	padding:30px 0;
	text-align:left;
	position:relative;
}


/*-------------------------------------------------------
   logo・アドレス
-------------------------------------------------------*/

.ft_ad {
  display:inline-block;
  float:left;
}

.ft_ad h6 {
	width:262px;
	height:60px;
	background:url(../image/ft/logo.png) no-repeat left top;
	margin-left:-10px;
	margin-bottom:15px;
	margin-top:30px;
	position:relative;
}

.ft_ad h6 span {
	position:absolute;
	overflow:hidden;
	width:0;
	height:0;
}

.ft_ad address {
	padding-bottom:2.5em;
}


/*-------------------------------------------------------
   料金・時間
-------------------------------------------------------*/

.ft .sinfo {
	width:700px;
  float:right;
  margin-top:5px;
}

.ft .sinfo table {
	border-collapse:collapse;
}

.ft .sinfo table:first-child {
	width:270px;
	float:left;
}

.ft .sinfo table:last-child {
	width:405px;
	float:right;
}

.ft .sinfo th {
	background-color:#3d3d3d;
	text-align:center;
	padding:5px 0;
	font-weight:normal;
}

.ft .sinfo td {
	padding-top:2px;
}

.ft .sinfo tr:nth-child(2) td {
	padding-top:10px;
}

.ft .sinfo td:nth-child(2) {
	text-align:right;
	padding-left:1em;
}


/*-------------------------------------------------------
   English
-------------------------------------------------------*/

.ft-en {
	text-align:center;
	background-image:none;
	padding-top:35px;
}

.ft-en h6 {
	width:410;
	height:29px;
	background:url(../image/ft/logo-en.gif) no-repeat center top;
	position:relative;
}

.ft-en h6 span {
	position:absolute;
	overflow:hidden;
	width:0;
	height:0;
}

.ft-en address {
	padding-top:10px;
	padding-bottom:25px;
}

.ft-en .copy {
	background:url(../image/op-black65.png) repeat left top;
	padding:8px 0;
}


/*-------------------------------------------------------
   冬季営業
-------------------------------------------------------*/

.ft-winter nav {
	right:100px;
	top:14px;
}

.ft-winter h6 {
	margin-top:-8px;
  margin-bottom:15px;
}

.ft-winter address {
	padding-bottom:0.5em;
}

.ft-winter .tel {
	padding-bottom:1.85em;
  font-size:90%;
}