@import url("shared.css");


h1 { font-size: 10px; line-height: 13px; margin: 0; padding: 0;height:13px; text-align:center;background:#8B887C;color:#FFF; font-weight:normal;}
h2 { font-size: 100%; line-height: 1.3em; margin: 0; padding: 0;}
h3 { font-size: 85%; line-height: 1.3em; margin: 0; padding: 0;}
h4, h5, h6 { font-size: 80%; line-height: 1.3em; margin: 0; padding: 0;}
p,em { font-size: 80%; line-height: 1.5em; margin: 0; padding: 0;}
ul { font-size: 80%; line-height: 1.5em; list-style: none; margin: 0; padding: 0;}
ol {font-size: 80%; line-height: 1.5em;  list-style-type:armenian; margin: 0; padding: 0;}
li { margin: 0; padding: 0;}
dl { font-size: 80%; line-height: 1.5em; margin: 0; padding: 0;}
dt, dd { margin: 0; padding: 0;}
div { margin: 0; padding: 0;}
table { line-height: 1.5em; margin: 0; padding: 0;}
th, td { margin: 0; padding: 0;}
img { border-style: none; margin: 0; padding: 0;}
a { text-decoration:none; }
address{ font-style:normal; font-size:80%; line-height:1.5em; }
b { padding: 5px 0;  }
em { font-style:normal; }

body { background:url(../img/body_bg.gif) repeat-x #E7E3CF;text-align:center;padding:0;margin:0;}
#wrapper { width:820px; background:url(../img/container_bg.gif) repeat-y; margin:0 auto ;text-align:left;}
#container {width:800px; padding:5px 10px 0 10px; background:url(../img/header_bg.gif) no-repeat 0 0 ;text-align:left;}
#header { height:104px;}
#contents_col {float:right;width:630px;}
#nav_col {float:left;width:170px;}
h1 a{ color:#FFF;}
#logo {margin-left:15px; float:left;}
#contact_tel { float:right; margin-right:15px;/*margin-left:240px;*/}
#sub_nav { clear:both;height:30px; background:url(../img/sub_nav_bg.gif) no-repeat;}
/*#key_visual{ height:300px;background:url(../img/global_nav_bg.gif) ;}*/
#key_visual{ height:213px;background:url(../img/global_nav_bg.gif) ;}
#global_nav {width:170px;}
#global_nav_top {width:170px;}
#key_visual #global_nav {float:left;}
#key_visual #global_nav_top {float:left;}
/*#nav_col #global_nav {float:none;}*/
#flash_area { width:630px;height:300px; background:url(../../page_img/top_flash_bg.jpg) no-repeat; float:right;}
#content { clear:both;}
#n-pagetop {float:right; margin-right:25px;}
#footer {clear:both; background:url(../img/footer_bg.gif) no-repeat #000; color:#EDE7D5;padding:10px 25px;}
#footer a {color:#EDE7D5;}
#footer #f_logo {float:right; margin:50px 15px 0 0 ;}
#footer address {margin-top:30px;}
#footer address b {font-size:1.2em;}
#footer ul {padding:4px 0;}
#footer li {display:inline; padding:0 10px; border-right:1px solid ;}
#footer li a:hover {text-decoration:underline;}
#copy {text-align:right; clear:both;font-size:11px; padding-top:10px;}



/*--------------------------------------------------------------------------sub_nav*/
#sub_nav ul { height:30px;padding-right:1px;}
#sub_nav li {display:block;height:30px; float:right;}
#sub_nav li a{display:block;text-indent:-9999px; height:30px; /*float:right;*/}
#n-price { width:70px; background:url(../img/+sub_nav.gif) no-repeat -250px 0;}
#n-news { width:74px; background:url(../img/+sub_nav.gif) no-repeat -320px 0;}
#n-access {width:106px; background:url(../img/+sub_nav.gif) no-repeat -394px 0 ;}
#n-link { width:65px; background:url(../img/+sub_nav.gif) no-repeat -500px 0 ;}
/*#n-contact { width:99px; background:url(../img/+sub_nav.gif) no-repeat -465px 0 ;}*/
#n-reserve {width:210px; background:url(../img/+sub_nav.gif) no-repeat -589px 0 ; margin-left:25px;}
a:hover#n-reserve{background:url(../img/+sub_nav.gif) no-repeat -589px -31px ;}


/*--------------------------------------------------------------------------global_nav*/
#global_nav li,#global_nav_top li{ display:block;}
#global_nav li a,#global_nav_top li a{ display:block; text-indent:-9999px;}

#n-plan{height:35px;background:url(../img/+global_nav.gif) no-repeat 0 0;}
#n-dish{ height:35px;background:url(../img/+global_nav.gif) no-repeat 0 -35px;}
#n-spa{ height:36px;background:url(../img/+global_nav.gif) no-repeat 0 -70px;}
#n-room{ height:36px;background:url(../img/+global_nav.gif) no-repeat 0 -106px;}
#n-qa{ height:35px;background:url(../img/+global_nav.gif) no-repeat 0 -142px;}
#n-stay{ height:35px;background:url(../img/+global_nav.gif) no-repeat 0 -177px;}
/*#n-stayreserve{height:30px;background:url(../img/global_nav.gif) no-repeat 0 -212px;}
#n-cancel{height:30px;background:url(../img/global_nav.gif) no-repeat 0 -242px;}
#n-price{height:28px;background:url(../img/global_nav.gif) no-repeat 0 -272px;}*/
#t-plan{height:50px;background:url(../img/global_nav_top.gif) no-repeat 0 0;}
#t-spa{ height:50px;background:url(../img/global_nav_top.gif) no-repeat 0 -50px;}
#t-dish{ height:50px;background:url(../img/global_nav_top.gif) no-repeat 0 -100px;}
#t-room{ height:50px;background:url(../img/global_nav_top.gif) no-repeat 0 -150px;}
#t-qa{ height:50px;background:url(../img/global_nav_top.gif) no-repeat 0 -200px;}
#t-stay{ height:50px;background:url(../img/global_nav_top.gif) no-repeat 0 -250px;}


a:hover#n-plan{ height:35px;background:url(../img/+global_nav.gif) no-repeat -171px 0;}
a:hover#n-dish{ height:35px;background:url(../img/+global_nav.gif) no-repeat -171px -35px;}
a:hover#n-spa{ height:36px;background:url(../img/+global_nav.gif) no-repeat -171px -70px;}
a:hover#n-room{ height:36px;background:url(../img/+global_nav.gif) no-repeat -171px -106px;}
a:hover#n-qa{ height:35px;background:url(../img/+global_nav.gif) no-repeat -171px -142px;}
a:hover#n-stay{ height:35px;background:url(../img/+global_nav.gif) no-repeat -171px -177px;}
/*a:hover#n-stayreserve{height:30px;background:url(../img/global_nav.gif) no-repeat -171px -212px;}
a:hover#n-cancel{height:30px;background:url(../img/global_nav.gif) no-repeat -171px -242px;}
a:hover#n-price{height:28px;background:url(../img/global_nav.gif) no-repeat -171px -272px;}
*/
a:hover#t-plan{ height:50px;background:url(../img/global_nav_top.gif) no-repeat -171px 0;}
a:hover#t-spa{ height:50px;background:url(../img/global_nav_top.gif) no-repeat -171px -50px;}
a:hover#t-dish{ height:50px;background:url(../img/global_nav_top.gif) no-repeat -171px -100px;}
a:hover#t-room{ height:50px;background:url(../img/global_nav_top.gif) no-repeat -171px -150px;}
a:hover#t-qa{ height:50px;background:url(../img/global_nav_top.gif) no-repeat -171px -200px;}
a:hover#t-stay{ height:50px;background:url(../img/global_nav_top.gif) no-repeat -171px -250px;}



/*--------------------------------------------------------------------------contents*/

#banner_nav li img{ margin:2px 0 0 3px;}
#layout_tb { margin:0 0 35px 40px;}
#layout_tb { _margin:0 0 35px 20px;}

/*--------------------------------------------------------------------------CLASS*/


.clear{clear:both;}
hr.clear { height:1px;width:1px; border:0;border-color:#FFF; clear:both; margin:0; padding:0;}
.left {float:left;}
.right {float:right;}



/*--------------------------------------------------------------------------hack*/
* html #container {width:820px;}
/** html #n-reserve { margin:0 0 0 12px;}*/
* html #footer { width:800px; }