@charset "utf-8";
/* -------------------------------------------------------------------------------------
	RESET
------------------------------------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}
h1,h2,h3,h4,h5 {
	line-height:1;
	font-size:100%;
	font-weight:normal;
}
img {
	border:none;
	vertical-align:bottom;
}
ul, ol, li, dl, dt, dd {
	list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration:line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
	font-weight:normal;
}
caption, th, td {
	text-align:left;
}
input, textarea, select {
    vertical-align:middle;
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
address {
	font-style: normal;
}


/* -------------------------------------------------------------------------------------
	FONT SIZE
-------------------------------------------------------------------------------------===

Yahoo UI Library Fonts CSS
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
http://developer.yahoo.com/yui/license.txt
http://developer.yahoo.com/yui/fonts/

   Font-size Adjustment

   10px = 77%       |   11px = 85%
   12px = 93%       |   13px = 100%
   14px = 108%      |   15px = 116%
   16px = 123.1%    |   17px = 131%
   18px = 138.5%    |   19px = 146.5%
   20px = 153.9%    |   21px = 161.6%
   22px = 167%      |   23px = 174%
   24px = 182%      |   25px = 189%
   26px = 197%

------------------------------------------------------------------------------------- */
html { 
	-webkit-text-size-adjust: 100%;
}

body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small;
	*font:x-small;
	line-height:1.8;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
/*	font-family:Meiryo,'メイリオ','ＭＳ Ｐゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Verdana, Arial, Helvetica, sans-serif; */
	color:#444;
	background:#fff;
}

/* -------------------------------------------------------------------------------------
	LINK DECORATION
------------------------------------------------------------------------------------- */
a {
	color:#444;
	text-decoration:none;
	outline:none;
}
a:link {
	color:#444;
	text-decoration:underline;
}
a:visited {
	color:#444;
	text-decoration:underline;
}
a:hover {
	color:#444;
	text-decoration:none;
}

/* -------------------------------------------------------------------------------------
	SETTING
------------------------------------------------------------------------------------- */
#wrap {
	position:relative;
	min-width:960px;
	display:none;
	width:100%;
	overflow:hidden;
}
#head-bg {
	height:365px;
	position:fixed;
	overflow:hidden;
	z-index:1;
	width:100%;
	background:url(../images/header.jpg) no-repeat center;
}
#header {
	height:365px;
	position:relative;
	overflow:hidden;
	z-index:100;
}
#logo {
	position:absolute;
	z-index:20;
	margin-left:265px;
	top:150px;
}
#cassina {
	position:absolute;
	z-index:20;
	margin-left:10px;
	top:15px;
}
#copyright-hd {
	margin-left:825px;
	top:325px;
	z-index:20;
}
#facebook-hd {
	margin-left:920px;
	top:325px;
	z-index:20;
}
#gnavi {
	position:relative;
	z-index:100;
	overflow:hidden;
	background:#43484c;
	height:30px;
	overflow:hidden;
	clear:both;
}
#gnavi-inner {
	position:relative;
	background:#43484c;
	overflow:hidden;
	height:30px;
}
#gnavi ul{
	width:960px;
	margin:0 auto;
	overflow:hidden;
	height:30px;
	text-align:center;
}
#gnavi ul li{
	float:left;
	font-family:"Century Gothic";
	display:inline;
}
#gnavi ul li a,
#gnavi ul li span{
	color:#FFF;
	text-decoration:none;
	line-height:30px;
	display:block;
	padding:0 30px;
	font-size:12px;
}
#gnavi ul li span{
	color:#666;
}
#gnav1 {
	padding-left:8px !important;
}
#gnav7 a,
#gnav7 span{
	padding-right:0px !important;
}
#gnavi ul li a:hover{
	color:#CCC;
}
.abs {
	position:absolute;
}
.a-center {
	text-align:center;
}
section {
	position:relative;
	z-index:100;
}
.hd-frame {
	width:960px;
	margin:0 auto;
	position:relative;
	height:365px;
}
.hd-frame {
	width:960px;
	margin:0 auto;
	position:relative;
	height:365px;
}
.hd-frame-inner {
	position:fixed;
	height:365px;
}
.frame {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
}
.box{
	z-index:105;
	position:relative;
	text-align:center;
	display:table;
	height: 100%;
	width: 100%;
	top: 0;
}
.contents {
	width:960px;
	display: inline-block;
	*display: inline;  
  *zoom: 1;
	position: relative;
}
.nav {
	position:absolute;
}
.nav dt{
	margin-bottom:10px;
}
.nav dd{
	margin-bottom:10px;
}
.nav dd a{
	display:block;
	overflow:hidden;
	width:8px;
	height:8px;
	text-indent:-9999px;
	background:#bfc0c0;
}
.nav dd span{
	display:none;
}
.nav dd a:hover,
.nav dd a.current{
	background:#4b4948;
}
.escapade {
	position:absolute;
	right:30px;
	top:30px;
}
.facebook {
	position:absolute;
	left:30px;
	bottom:30px;
}
.copyright {
	position:absolute;
	bottom:30px;
	text-align:center;
	width:100%;
}
.exhibition {
	position:absolute;
	right:30px;
	bottom:30px;
}
.pagetop {
	margin-bottom:30px !important;
}
.pagetop a{
	background:#595656;
	display:block;
	height:19px;
	line-height:1;
}
.screen-up section ,
.screen-up header {
	cursor:url('/escapade/images/arrow-up-black.cur'), auto;
}
.screen-down section ,
.screen-down header {
	cursor:url('/escapade/images/arrow-down-black.cur'), auto;
}
section .nav ,
section .facebook {
	cursor: default !important;
	z-index:110;
}

/* -------------------------------------------------------------------------------------
	outline
------------------------------------------------------------------------------------- */
#outline .nav {
	right:0;
	padding-right:30px;
	top:130px;
	padding-left: 30px;
} 
#outline .nav dt{
	margin-left:-42px;
}
#outline {
	height:490px;
	background:#FFF;
}
#outline h2 {
	text-align:center;
	margin-bottom:25px;
}
#outline p {
	font-size:12px;
	margin-bottom:30px;
}
#outline .box{
	height: 490px;
}
.outline-date {
	font-size:12px;
	text-align:left;
	width:auto;
	margin:0 auto;
	display:inline-block;
	*display: inline;  
  *zoom: 1;
}
.outline-date a{
	color:#444;
}
/* -------------------------------------------------------------------------------------
	present
------------------------------------------------------------------------------------- */
#present {
}
#present .nav {
	padding-left:30px;
	top:230px;
}
#present .pagetop {
	margin-bottom:30px !important;
}
#present .pagetop a{
	padding-left:30px;
	margin-left:-30px;
}
#present .nav dt{
}
#present {
	text-align:left;
	background:#FFF url(../images/present_bg.png) repeat-x left top;
}
#present .contents{
	width:660px !important;
}
#present h2 {
	margin-bottom:25px;
	text-align:left;
}
#present p {
	font-size:12px;
	margin-bottom:25px;
	text-align:left;
}
#present .present-item {
	overflow:hidden;
	width:100%;
	list-style-type:none;
	margin-bottom:25px;
}
#present .present-item li{
	float:left;
	width:160px;
	text-align:left;
	margin-right:6px;
	font-size:10px;
	line-height:1.2;
}
#present .present-item li.last{
	margin-right:0px !important;
}
#present .present-item li img{
	display:block;
	margin-bottom:6px;
}
#present .present-item li span{
	font-size:8px !important;
}
#present .predent-detail {
	clear:both;
	float:none;
	overflow:hidden;
}
#present .predent-info {
	text-align:left;
	font-size:12px;
	float:left;
	display:block;
	background:url(../images/present_white.png);
	border:solid 1px #CCC;
	padding:10px;
	width:470px;
}
#present .predent-info dt{
	float:left;
	clear:left;
	width:7em;
}
#present .predent-info dd{
	padding-left:7em;
	clear:right;
}
#present .predent-img {
	float:left;
		width:125px;
	padding-left:35px;
	font-size:10px;
	text-align:center;
}

/* -------------------------------------------------------------------------------------
	product
------------------------------------------------------------------------------------- */

#product {
	text-align:left;
	background:#96908d;
}
#product .contents{
	width:660px !important;
}
#product .nav {
	right:0;
	padding-right:30px;
	top:230px;
	padding-left: 30px;
} 
#product .nav dt{
	margin-left:-42px;
}
#product .pagetop a {
	padding-left: 30px;
	margin-right: -30px;
}
#product .escapade {
	right: auto !important;
	left: 30px;
}
#product-list {
	padding-left:125px;
}
#product-list li{
	float:left;
	width:173px;
	height:535px;
	overflow:hidden;
	background:#FFF;
	margin-right:8px;
}
#product-hf{
	margin-right:0 !important;
}
#product h2{
	position:absolute;
	left:30px;
	top:170px;
}
#product .frame {
vertical-align: top !important;
}
#product .exhibition {
	right: auto !important;;
	left: 30px;
}
#product .facebook {
	left: auto !important;
	right: 30px;
}
/* -------------------------------------------------------------------------------------
	about
------------------------------------------------------------------------------------- */

#about {
	text-align:left;
	background:#FFF url(../images/present_bg.png) repeat-x left top;
}
#about .nav {
	padding-left:30px;
	top:230px;
}
#about .pagetop {
	margin-bottom:30px !important;
}
#about .pagetop a{
	padding-left:30px;
	margin-left:-30px;
}
#about .nav dt{
}
#about h2{
	position:absolute;
	left:30px;
	bottom:30px;
}
#about .facebook {
	top:30px;
	bottom: auto !important;
}
#about #guidebook-area {
	position:absolute;
	left:0;
	top:0;
}
#about #floor-area {
	left:269px;
	top:157px;
	position:absolute;
}
#about #guidebook-area-txt {
	position:absolute;
	font-size:10px;
	left: 90px;
	top:310px;
}
#about #floor-area-txt {
	position:absolute;
	font-size:10px;
	text-align:right;
	right: 90px;
	top: 120px;
}
#about .contents{
	width:625px !important;
	text-align:left;
}
#about_map_area {
	position:relative;
}

/* -------------------------------------------------------------------------------------
	special
------------------------------------------------------------------------------------- */

#special {
	text-align:left;
	background:#96908d;
}
#special .nav {
	right:0;
	padding-right:30px;
	top:230px;
	padding-left: 30px;
} 
#special .nav dt{
	margin-left:-42px;
}
#special .pagetop a {
	padding-left: 30px;
	margin-right: -30px;
}
#special h2{
	position:absolute;
	right:30px;
	top:115px;
}
#special .escapade {
	right: auto !important;
	left: 30px;
}
#special .contents{
	width:100% !important;
	text-align:left;
}
#special-list {
	position:relative;
	margin-left:-5px;
}
#special-list li{
	margin-bottom:6px;
}

/* -------------------------------------------------------------------------------------
	media
------------------------------------------------------------------------------------- */

#media {
	text-align:left;
	background:#FFF url(../images/present_bg.png) repeat-x left top;
}
#media .nav {
	padding-left:30px;
	top:230px;
}
#media .pagetop {
	margin-bottom:30px !important;
}
#media .pagetop a{
	padding-left:30px;
	margin-left:-30px;
}
#media .nav dt{
}
#media .contents{
	width:660px !important;
	text-align:left;
}
#medialist {
	width:470px;
	margin:0 auto;
}
#medialist li{
	float:left;
	list-style-type:none;
	font-size:10px;
	width:172px;
	padding-right:60px;
}
#medialist li div{
	text-align:center;
	margin:8px 0 0;
}
#medialist li img{
	margin-bottom:5px;
}
#media h2{
	margin-bottom:20px;
}

/* -------------------------------------------------------------------------------------
	download
------------------------------------------------------------------------------------- */

#download {
	text-align:left;
	background:#96908d;
}
#download p{
	font-size:12px;
	color:#FFF;
	margin-bottom:15px;
}
#download .nav {
	right:0;
	padding-right:30px;
	top:230px;
	padding-left: 30px;
} 
#download .nav dt{
	margin-left:-42px;
}
#download .pagetop a {
	padding-left: 30px;
	margin-right: -30px;
}
#download .exhibition {
right: auto !important;
left:30px !important;
}
#download .facebook {
left: auto  !important;
right: 30px  !important;
}
#download .contents{
	text-align:left;
	width:660px !important;
}
#download #ll-list {
width: 100%;
overflow: hidden;
padding-top: 90px;
}
#download #ll-list li {
height: 229px;
list-style-type: none;
float: right;
line-height: 1.1;
position: relative;
width: 330px;
}
#download #ll-area1 {
position: absolute;
left: 0;
top: 0;
}
#download #dl1 {
	margin-top:20px;
	position:relative;
	min-height:320px;

}

#download #ll-list li div {
text-align: right;
width: 162px;
float: right;
}
#download #ll-list li dl {
position: absolute;
float: left;
right: 168px;
bottom: 0;
}
#download #ll-list li dl dt {
text-align: right;
font-size: 10px;
margin-bottom: 10px;
line-height: 1.6;
color: #FFF;
}
#download #ll-list li dl dd {
font-size: 10px;
	color:#FFF;
}
#download #ll-list li dl dd span {
display: block;
float: right;
border: solid 1px #FFF;
padding: 5px;
}
#download #ll-list li dl dd span a{
	color:#FFF;
}
#download #appdwn{
	width:100px;
}
#download #appdwn li {
	margin-bottom:8px;
}
#download #appdwn li a{
	font-size:10px;
	padding:3px 3px 3px 15px;
	color:#FFF;
	display:block;
	text-align:center;
	background:url(../images/download/icon_download.png) #bfc0c0 no-repeat 5px center;
}
#download .escapade {
right: auto !important;
left: 30px !important;
}
#download-snavi {
	position:absolute;
	right:-10px;
	top:20px;
}
#download-snavi li{
	font-size:10px;
	float:left;
	line-height:1.1;
}
#download-snavi li a{
	padding:10px 10px 10px 10px;
	background:url(../images/download/arrow.png) no-repeat 3px center;
}
#download-snavi2 {
	border-left:solid 1px #000;
}
#download-snavi li a:hover,
#download-snavi li a.current{
	color:#FFF;
}
#download-snavi li a.current{
	background-image:none !important;
}
#download ul#wp-list {
width: 100%;
overflow: hidden;
}
#download ul#wp-list li.wp-list1 {
margin-right: 15px;
}
#download ul#wp-list li ul {
width: 100%;
overflow: hidden;
padding-top: 10px;
}
#download ul#wp-list li {
line-height: 1.6;
font-size: 10px;
color: #595757;
}
#download ul#wp-list li {
margin: 0;
width: 209px;
list-style-type: none;
float: left;
display: inline;
color: #FFF;
}
#download ul#wp-list li li {
width: 100px;
margin-bottom: 5px;
}
#download ul#wp-list li a {
line-height: 1.6;
font-size: 10px;
color: #FFF;
}
#download  ul#wp-list li.wp-list2 {
margin-right: 15px;
}
#download #dl2 {
	min-height:320px;
margin-top: 20px;
position: relative;
}