/* CSS Document */

/*********************************** html element ***************************************************/

html,body { height: 100%; /* body¿Í htmlÀÇ ³ôÀ̸¦ 100% ·Î ÁöÁ¤ */ margin: 0; padding: 0;}

html { text-align:center; background:#000;}

body {font-family:Arial, Helvetica, sans-serif;	background: #000;	font-size: 10px; color: #999; letter-spacing:0.05em;  text-align:center;  position:relative; width:100%;}

img { border: 0px; }

hr { border-top:#333 dashed 1px;}

th { font-size:1.1em; color:#999999; line-height:0.9em; font-weight:bold; padding:10px 5px 10px 10px;}

li { list-style: none; line-height:13px; margin-top:5px;}

b { font-family:Arial, Helvetica, sans-serif; font-size:1.4em; color:#777777; line-height:1.2em;}

u { font-weight:bold;}

strong { font-family:Arial, Helvetica, sans-serif; font-size:1.1em; color:#ccc; line-height:1.6em; font-weight:bold;}

a { text-decoration: none; color: #666;}
a:hover { text-decoration: underline; color: #F90; }

h1,h2,h3,h4,h5,h6 { font-family:Arial, Helvetica, sans-serif; margin:10px 0 20px 0;}
h1 {font-size:30px; color: #963; line-height:24px; font-weight:lighter;}
h2 {font-size:24px; color: #333; line-height:20px; font-weight:lighter;}
h3 {font-size:18px; color: #666; line-height:18px; font-weight:bold;}
h4 {font-size:18px; color: #999; line-height:18px; font-weight:bold;}
h5 {font-size:16px; color: #FFF; line-height:16px; font-weight:lighter;}
h6 {font-size:16px; color: #960; line-height:16px; font-weight:lighter;}

p { margin-bottom:12px; font-size: 11px; line-height:1.1em; letter-spacing:0.03em; color:#666;}

form {color: #BFBFBF;}
input { color:#666; background: url(../images/structure/30bk.png) top left repeat; border:#666 thin dashed; padding:2px 5px 2px 5px;}
input[type=text]:focus { color:#333; background: url(../images/structure/20wt.png) top left repeat; }
input[type=submit] { cursor:pointer; }
input[type=button] { cursor:pointer; }
input[type=reset] { cursor:pointer; }
input[type=submit]:hover { color:#999; background-color:#333; }
input[type=button]:hover { color:#999; background-color:#333; }
input[type=reset]:hover { color:#999; background-color:#333; }

textarea { color:#666; background: url(../images/structure/30bk.png) top left repeat; border:#666 thin dashed;  padding:5px}
textarea:focus  { color:#333; background: url(../images/structure/20wt.png) top left repeat;}
form .btm { background: url(../images/structure/30bk.png) top left repeat; border:none;  }

.clear_form { float:right;}
.clear_form  input{ border:none; color:#999999; background:transparent; font-size:10px; text-align:right;}
.clear_form  input[type=text]:focus{ border:none; color:#666; background:transparent;}

/************************************** division ************************************************/

.fLeft { float:left;}
.fRight { float:right;}
.clearboth {clear:both;}

.top_nav { text-align:left; position:absolute; top:5px; left:0px; width:400px;}

.btm_nav { text-align:right; position:absolute; top:5px; right:0px; width:550px;}

.nav { position:absolute; left:0%; bottom:0%; width:460px;}

.page {	text-align: center;	float: left; }

.txt { margin-bottom:12px; font-size: 13px; line-height:1.4em; letter-spacing:0.05em; color:#777777;}

.col {width:300px;}

.col1 {width:450px;}

.col2 {width:400px;}

.col3 {width:900px;}

.col img { margin-bottom:10px; border:0px}

.margRight { margin-right:25px; }

.margLeft { margin-left:25px; }

.margLeft1 { margin-left:500px; }

.margLeft2 { margin-left:10px; }

.margRight2 { margin-right:10px; }

.positionBtmRight { position:absolute; bottom:0; right:0;}

/**************************************** hyper link style & text style **********************************************/

.link { color: #960; text-decoration: none;}
.link:hover { text-decoration: underline;}

.link2 { color: #F33; text-decoration: none; font-weight:bold;}
.link2:hover { text-decoration: underline;}

.txt_left { text-align:left}
.txt_right { text-align: right}
.txt_center { text-align: center;}
.txt { color:#603012; font-size:13px; letter-spacing:0.05em; line-height:16px;}
.txt_light { margin:0 5px 10px 5px; font-size: 1.2em; line-height:1.4em; letter-spacing:0.05em; color:#b0b0b0; font-weight:lighter}
.txt_sm { color:#603012; font-size:10px; letter-spacing:0.05em; line-height:12px;}

.txt_bg { padding:2px 5px 2px 5px; background: url(../images/structure/30bk.png) top left repeat;}
.txt_bg2 { padding:2px 5px 2px 5px; background: url(../images/structure/60bk.png) top left repeat;}
.txt_bg3 { padding:10px; background: url(../images/structure/20wt.png) top left repeat;}

/************************************** layout ************************************************/
#center { width: 950px; /* ÆøÀ̳ª ³ôÀÌ°¡ ÀÏÁ¤ÇØ¾ß ÇÕ´Ï´Ù. */ height: 640px; /* ÆøÀ̳ª ³ôÀÌ°¡ ÀÏÁ¤ÇØ¾ß ÇÕ´Ï´Ù. */ position: absolute; top: 50%; /* È­¸éÀÇ Áß¾Ó¿¡ À§Ä¡ */ left: 50%; /* È­¸éÀÇ Áß¾Ó¿¡ À§Ä¡ */ margin: -320px 0 0 -475px; /* ³ôÀÌÀÇ Àý¹Ý°ú ³ÊºñÀÇ Àý¹Ý ¸¸Å­ margin À» ÀÌ¿ëÇÏ¿© Á¶Àý ÇØ ÁÝ´Ï´Ù. */ z-index:100}

#center_big { width: 950px; /* ÆøÀ̳ª ³ôÀÌ°¡ ÀÏÁ¤ÇØ¾ß ÇÕ´Ï´Ù. */ position: absolute; top: 100px; /* È­¸éÀÇ Áß¾Ó¿¡ À§Ä¡ */ left: 50%; /* È­¸éÀÇ Áß¾Ó¿¡ À§Ä¡ */ margin: 0 0 0 -475px; /* ³ôÀÌÀÇ Àý¹Ý°ú ³ÊºñÀÇ Àý¹Ý ¸¸Å­ margin À» ÀÌ¿ëÇÏ¿© Á¶Àý ÇØ ÁÝ´Ï´Ù. */ z-index:100}

#center_intro { width: 700px; /* ÆøÀ̳ª ³ôÀÌ°¡ ÀÏÁ¤ÇØ¾ß ÇÕ´Ï´Ù. */ height: 570px; /* ÆøÀ̳ª ³ôÀÌ°¡ ÀÏÁ¤ÇØ¾ß ÇÕ´Ï´Ù. */ position: absolute;top: 50%; /* È­¸éÀÇ Áß¾Ó¿¡ À§Ä¡ */ left: 50%; /* È­¸éÀÇ Áß¾Ó¿¡ À§Ä¡ */ margin: -285px 0 0 -350px; /* ³ôÀÌÀÇ Àý¹Ý°ú ³ÊºñÀÇ Àý¹Ý ¸¸Å­ margin À» ÀÌ¿ëÇÏ¿© Á¶Àý ÇØ ÁÝ´Ï´Ù. */ background:#000;}

#header { text-align: left; background: url(../images/structure/top_line.gif) bottom center repeat-x; height:85px; width:100%; position:relative;}

#contents { text-align: left; height:505px; width:100%; position:relative;}
#contents_big { text-align: left;  width:100%; min-height:450px; position:relative;}

#footer { text-align: left; background: url(../images/structure/btm_line.gif) top center repeat-x; height:50px; width:100%;  position:relative; padding-top:10px;}
/**************************************************************************************/

.home { background: url(../images/structure/bg4.jpg) no-repeat top center; }

/**************************************************************************************/

.history { background: url(../images/structure/bg2.jpg) no-repeat top center; }

/**************************************************************************************/

.menu { background: url(../images/structure/bg6.jpg) no-repeat top center; }

/**************************************************************************************/

.gallery { background: url(../images/structure/bg8.jpg) no-repeat top center; }

/**************************************************************************************/

.reservation { background: url(../images/structure/bg7.jpg) no-repeat top center; }

/**************************************************************************************/

.contact { background: url(../images/structure/bg5.jpg) no-repeat top center; }

/**************************************************************************************/

.event { background: url(../images/structure/bg13.jpg) no-repeat top left; }
.event2 { background: url(../images/structure/bg3.jpg) no-repeat top center; }

/**************************************************************************************/

.pop { background:#cccccc url(../img/bgPop2.jpg) top right no-repeat; margin:0; padding:20px 20px; 10px 0;}
.pop h3 { float:left; margin:0 0 0 20px;}
.map { background:#fff;}

/************************************** Main nav ************************************************/

.nav { text-align:left;}
.nav ul { margin:0; padding:0; }
.nav li { margin:0; padding:0; line-heigt:55px;}
.nav span { display:none;}

a .nav1 { height:55px; margin-bottom:-2px; background:url(../images/structure/menu1.png) no-repeat -513px 0px;}
a .nav1:hover { background:url(../images/structure/menu1.png) no-repeat left top;}

a .nav2 { height:55px; margin-bottom:-2px; background:url(../images/structure/menu2.png) no-repeat -513px 0px;}
a .nav2:hover { background:url(../images/structure/menu2.png) no-repeat left top;}

a .nav3 { height:55px; margin-bottom:-2px; background:url(../images/structure/menu3.png) no-repeat -513px 0px;}
a .nav3:hover { background:url(../images/structure/menu3.png) no-repeat left top;}

a .nav4 { height:55px; margin-bottom:-2px; background:url(../images/structure/menu4.png) no-repeat -513px 0px;}
a .nav4:hover { background:url(../images/structure/menu4.png) no-repeat left top;}

a .nav5 { height:55px; margin-bottom:-2px; background:url(../images/structure/menu5.png) no-repeat -513px 0px;}
a .nav5:hover { background:url(../images/structure/menu5.png) no-repeat left top;}

a .nav6 { height:55px; margin-bottom:-2px; background:url(../images/structure/menu6.png) no-repeat -513px 0px;}
a .nav6:hover { background:url(../images/structure/menu6.png) no-repeat left top;}


/*********** Nav direction ***********/

#history .nav1 { background:url(../images/structure/menu1.png) no-repeat left top;}
#menu .nav2 { background:url(../images/structure/menu2.png) no-repeat left top;}
#gallery .nav3 { background:url(../images/structure/menu3.png) no-repeat left top;}
#event .nav4 { background:url(../images/structure/menu4.png) no-repeat left top;}
#reservation .nav5 { background:url(../images/structure/menu5.png) no-repeat left top;}
#contact .nav6 { background:url(../images/structure/menu6.png) no-repeat left top;}


/*********************************** bottom link nav ***************************************************/

.links { text-align:right;}
.links span { display:none;}
a .m0 { height:25px; width:25px; background:url(../images/structure/icon_mail.png)  no-repeat 0px -45px;}
a .m0:hover { background:url(../images/structure/icon_mail.png) no-repeat 0px 0px;}
a .m1 { height:25px; width:25px; background:url(../images/structure/icon_rss.png)  no-repeat 0px -45px;}
a .m1:hover { background:url(../images/structure/icon_rss.png) no-repeat 0px 0px;}
a .m2 { height:25px; width:25px; background:url(../images/structure/icon_twitt.png) no-repeat 0px -45px;}
a .m2:hover { background:url(../images/structure/icon_twitt.png) no-repeat 0px 0px;}
a .m3 { height:25px; width:25px; background:url(../images/structure/icon_face.png) no-repeat 0px -45px;}
a .m3:hover { background:url(../images/structure/icon_face.png) no-repeat 0px 0px;}
a .m4 { height:25px; width:25px; background:url(../images/structure/icon_sign.png) no-repeat 0px -45px;}
a .m4:hover { background:url(../images/structure/icon_sign.png) no-repeat 0px 0px;}

.info { text-align: right; color: #575757; letter-spacing:0.06em; word-spacing:0.1em; line-height:1.4em;}

/****************************************** main contents style ********************************************/


.paging { text-align:right; padding:0 80px 20px 0; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#999999;}

.btn, .btns { cursor:pointer; }