/*------------------------------------------------------------
Base
------------------------------------------------------------*/
html, body {
margin:0;
padding:0;
height:100%;
}
body {
font-size:12px; 
line-height:18px;
color:#ffffff;
font-family:Verdana,Arial,Helvetica,'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro',Osaka, '‚l‚r ƒSƒVƒbƒN', sans-serif;
background:#afafaf;
}

/*------------------------------------------------------------
Link
------------------------------------------------------------*/
a:link,
a:visited {color:#ffffff; text-decoration:none;}
a:hover,
a:active {color:#ffffff; text-decoration:underline;}

/*------------------------------------------------------------
Decoration
------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
margin:0; 
padding:0; 
font-weight:normal;
font-size:12px; 
line-height:18px;
}
ul {
margin:0; 
padding:0; 
list-style-type:none;
}
dl, ol {
margin:0; 
padding:0;
}
img {
border:0;
}
strong {
font-weight:bold;
}
table {
border-collapse:collapse;
border-spacing:0; 
}
.clear {
clear:both;
height:1px;
line-height:1px;
}
.push {
clear:both;
height:42px;
}

/*------------------------------------------------------------
Font size vaiation
------------------------------------------------------------*/
.f10 {font-size:10px;}
.f12 {font-size:12px;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}

/*------------------------------------------------------------
Layout
------------------------------------------------------------*/
#container {
width:980px;
margin:0 auto -42px auto;
min-height:100%;
height:auto !important;
height:100%;
}
#container-inner {}

/*------------------------------------------------------------
Menu
------------------------------------------------------------*/
#menu {
width:220px;
float:left;
}
#menu-inner {
padding:88px 0 0 34px;
}
#menu ul {margin:0 0 120px 0;}
#menu ul li,
#menu ul li a {
display:block;
width:120px;
height:20px;
text-indent:-9999em;
overflow:hidden;
}
#menu ul li.m01,
#menu ul li.m01-on,
#menu ul li.m07,
#menu ul li.m07-on,
#menu ul li.m08,
#menu ul li.m08-on {
margin:0 0 20px 0;
}
#menu ul li.m02,
#menu ul li.m02-on,
#menu ul li.m03,
#menu ul li.m03-on,
#menu ul li.m04,
#menu ul li.m04-on,
#menu ul li.m05,
#menu ul li.m05-on {margin:0 0 6px 0;}
#menu ul li.m06,
#menu ul li.m06-on {margin:0 0 40px 0;}

#menu ul li.m01 a:link,
#menu ul li.m01 a:visited {background:url("../img/cmn/menu.gif") 0 0 no-repeat;}
#menu ul li.m01-on,
#menu ul li.m01 a:hover,
#menu ul li.m01 a:active {background:url("../img/cmn/menu.gif") -120px 0 no-repeat;}
#menu ul li.m02 a:link,
#menu ul li.m02 a:visited {background:url("../img/cmn/menu.gif") 0 -20px no-repeat;}
#menu ul li.m02 a:hover,
#menu ul li.m02 a:active,
#menu ul li.m02-on {background:url("../img/cmn/menu.gif") -120px -20px no-repeat;}
#menu ul li.m03 a:link,
#menu ul li.m03 a:visited {background:url("../img/cmn/menu.gif") 0 -40px no-repeat;}
#menu ul li.m03 a:hover,
#menu ul li.m03 a:active,
#menu ul li.m03-on {background:url("../img/cmn/menu.gif") -120px -40px no-repeat;}
#menu ul li.m04 a:link,
#menu ul li.m04 a:visited {background:url("../img/cmn/menu.gif") 0 -60px no-repeat;}
#menu ul li.m04-on,
#menu ul li.m04 a:hover,
#menu ul li.m04 a:active {background:url("../img/cmn/menu.gif") -120px -60px no-repeat;}
#menu ul li.m05 a:link,
#menu ul li.m05 a:visited {background:url("../img/cmn/menu.gif") 0 -80px no-repeat;}
#menu ul li.m05-on,
#menu ul li.m05 a:hover,
#menu ul li.m05 a:active {background:url("../img/cmn/menu.gif") -120px -80px no-repeat;}
#menu ul li.m06 a:link,
#menu ul li.m06 a:visited {background:url("../img/cmn/menu.gif") 0 -100px no-repeat;}
#menu ul li.m06-on,
#menu ul li.m06 a:hover,
#menu ul li.m06 a:active {background:url("../img/cmn/menu.gif") -120px -100px no-repeat;}
#menu ul li.m07 a:link,
#menu ul li.m07 a:visited {background:url("../img/cmn/menu.gif") 0 -120px no-repeat;}
#menu ul li.m07-on,
#menu ul li.m07 a:hover,
#menu ul li.m07 a:active {background:url("../img/cmn/menu.gif") -120px -120px no-repeat;}
#menu ul li.m08 a:link,
#menu ul li.m08 a:visited {background:url("../img/cmn/menu.gif") 0 -140px no-repeat;}
#menu ul li.m08-on,
#menu ul li.m08 a:hover,
#menu ul li.m08 a:active {background:url("../img/cmn/menu.gif") -120px -140px no-repeat;}

/*------------------------------------------------------------
Contents
------------------------------------------------------------*/
#contents {
width:724px;
float:right;
}
#contents-inner {
padding:80px 0 0 0;
}
.btn-pagetop {
clear:both;
width:72px;
float:right;
text-indent:-9999em;
margin:0 0 30px 0;
}
.btn-pagetop a:link,
.btn-pagetop a:visited {
display:block;
width:72px;
height:16px;
line-height:16px;
background:url("../img/cmn/btn-pagetop.gif") top left no-repeat;
overflow:hidden;
}
.btn-pagetop a:hover,
.btn-pagetop a:active {background:url("../img/cmn/btn-pagetop.gif") bottom left no-repeat;}

.page-title {
margin:0 0 60px 0;
}

/*------------------------------------------------------------
TOP Page
------------------------------------------------------------*/
#container-top {
width:1020px;
margin:0 auto -42px auto;
min-height:100%;
height:auto !important;
height:100%;
}
#container-top-inner {
padding:54px 0 0 0;
}

.top-news-area {
width:400px;
float:left;
padding:0 0 0 150px;
font-size:10px; 
line-height:14px;
margin:20px 0 15px 0;
}
.top-news-date {}
.top-news-title {
width:382px;
background:#ed660a;
padding:0 0 0 18px;
line-height:18px;
}

.top-menu-area {
width:340px;
float:right;
padding:12px 0 0 0;
margin:20px 0 15px 0;
}
.top-menu-area ul li {
float:left;
padding:0 15px 0 0;
}
.top-menu-area ul li a {
display:block;
height:21px;
text-indent:-9999em;
overflow:hidden;
}
.top-menu-area ul li.menu01 a:link,
.top-menu-area ul li.menu01 a:visited {
width:56px;
background:url("../img/top/top-menu01.gif") top left no-repeat;
}
.top-menu-area ul li.menu01 a:hover,
.top-menu-area ul li.menu01 a:active {background:url("../img/top/top-menu01.gif") bottom left no-repeat;}
.top-menu-area ul li.menu02 a:link,
.top-menu-area ul li.menu02 a:visited {
width:53px;
background:url("../img/top/top-menu02.gif") top left no-repeat;
}
.top-menu-area ul li.menu02 a:hover,
.top-menu-area ul li.menu02 a:active {background:url("../img/top/top-menu02.gif") bottom left no-repeat;}
.top-menu-area ul li.menu03 a:link,
.top-menu-area ul li.menu03 a:visited {
width:60px;
background:url("../img/top/top-menu03.gif") top left no-repeat;
}
.top-menu-area ul li.menu03 a:hover,
.top-menu-area ul li.menu03 a:active {background:url("../img/top/top-menu03.gif") bottom left no-repeat;}

#ftr-top {
clear:both;
padding:10px 100px 0 0;
}
#ftr-top .copyright {
text-align:right;
font-size:9px; 
line-height:21px;
padding:0 50px 0 0;
}
#ftr-top .logo-jun {
width:40px;
height:21px;
margin:-21px 0 0 880px;
overflow:hidden;
} 

/*------------------------------------------------------------
Menu Page
------------------------------------------------------------*/
.menu-photo {
width:200px;
float:right;
}
.menu-photo .photo {}
.menu-photo .caption {
font-size:11px; 
line-height:17px;
margin:0 0 55px 0;
}

.menu-item {
width:450px;
line-height:14px;
margin:0 0 60px 0;
}
.menu-title {
width:450px;
height:20px;
background:url("../img/cmn/line-dot.gif") bottom left repeat-x;
margin:0 0 20px 0;
}
.menu-subtitle {
width:450px;
}
.menu-subtitle td {
vertical-align:top;
padding:0 0 20px 0;
}
.menu-subtitle .cours {}
.menu-subtitle .cours ul {}
.menu-subtitle .cours ul li {
padding:12px 0 0 10px;
}
.menu-subtitle .price {
text-align:right;
}
ul.menu-list {
width:450px;
margin:0 0 50px 0;
}
ul.menu-list li {
margin:0 0 20px 0;
}

/*------------------------------------------------------------
Floor Page
------------------------------------------------------------*/
.floor-pic-main {
width:492px;
float:left;
text-align:center;
}
.floor-thumb {
width:150px;
float:right;
}
.floor-thumb table {
margin:0 0 20px 0;
}
.floor-thumb table th {
vertical-align:top;
}
.floor-thumb table td {
vertical-align:top;
padding:0 0 8px 8px;
}

/*------------------------------------------------------------
Access Page
------------------------------------------------------------*/
.access-detail {
width:240px;
float:left;
}
.access-detail table.right-list {
height:396px;
}
.access-detail table.right-list td.ad {
vertical-align:top;
}
.access-detail table.right-list td.icns {
vertical-align:bottom;
line-height:15px;
}
.access-detail table.right-list td.icns table.iconlist td {
padding-bottom:8px;
}
.access-detail table.right-list td.icns table.iconlist td.icn-img {
padding-right:8px;
}
.access-detail address {
font-style:normal;
margin:0;
}

.map-area {
width:434px;
float:right;
margin:0 0 30px 0;
}
#access-map {
width:434px;
height:388px;
}
#access-map .icn-loading {
padding:178px 201px;
}

/*------------------------------------------------------------
Information Page
------------------------------------------------------------*/
.info-main {
width:480px;
float:left;
line-height:22px;
}

.icn-new {
width:26px;
height:11px;
position:relative;
padding:1px 0 0 0;
float:right;
}
.info-date {
width:95px;
height:14px;
font-size:10px; 
line-height:14px;
margin:0 0 4px 0;
}
.info-title {
font-size:17px; 
padding:0 0 8px 0;
background:url("../img/cmn/line-dot.gif") bottom left repeat-x;
margin:0 0 20px 0;
}
.info-sidebar {
position:relative;
width:170px;
float:right;
font-size:10px; 
line-height:15px;
margin:-75px 0 0 0;
}
.info-sidebar .side-title {
margin:0 0 28px 0;
}
.info-sidebar ul.archivelist {}
.info-sidebar ul.archivelist li {
margin:0 0 30px 0;
}


/*------------------------------------------------------------
Header
------------------------------------------------------------*/
#hdr {
height:120px;
}
#hdr-information {background:url("../img/information/hdr-information.jpg") top right no-repeat;}
#hdr-menu {background:url("../img/menu/hdr-menu.jpg") top right no-repeat;}
#hdr-floor {background:url("../img/floor/hdr-floor.jpg") top right no-repeat;}
#hdr-access {background:url("../img/access/hdr-access.jpg") top right no-repeat;}
#hdr .site-title {
}

/*------------------------------------------------------------
Footer
------------------------------------------------------------*/
#ftr {
height:42px;
width:980px;
margin:0 auto;
}
#ftr .copyright {
text-align:right;
font-size:9px; 
line-height:21px;
padding:0;
}