@charset "UTF-8";

* {
	margin: 0px;
	padding: 0px;
}
/* *{border: 1px solid #f00 !important;} */

html,body {
	height: 100%;
	/* overflow: hidden; */
}

body {
	margin: 0px;
	padding: 0px;
	font-family: "游ゴシック体","Yu Gothic",YuGothic,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ヒラギノ角ゴ Pro","メイリオ","Meiryo",メイリオ,Meiryo,Osaka,"ＭＳ Ｐゴシック","Helvetica","Verdana",sans-serif;
	/* font-family: "ヒラギノ角ゴ Pro W3","ヒラギノ角ゴ Pro",メイリオ Meiryo,Osaka,"ＭＳ Ｐゴシック","Helvetica","Verdana",sans-serif; */
	line-height: 100%;
	color: #000000;
	background: #e5dacd url(../images/bg.gif) repeat center center;
	text-align: center;
	text-rendering: optimizeLegibility;
	position: relative;
	/* letter-spacing: -0.05em; */
}

article,aside,dialog,figure,footer,header,hgroup,menu,nav,section {
	display: block;
}

h1,h2,h3,h4 {
	font-weight: normal;
	line-height: 100%;
	margin: 0px;
	padding: 0px;
}

img {
	border: none;
	vertical-align: bottom;
}

img.vMid {
	vertical-align: middle;
}

hr {
	display: none;
}

.clear {
	clear: both;
}

/* for modern browser */
.clearfix {
  display: inline-block;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  line-height:0;
  font-size:0;
}

/* Hides from IE-mac */
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* End hide from IE-mac */

table {
	border-collapse: collapse;
	}


/* link */

a {
	color: #000;
}

a:hover {
	text-decoration: underline;
}

a * {
	cursor: pointer;
}

a:focus {
	outline: none;
}

a.links1 {
	color: #853626;
}

a.links1:hover {
	color: #ffffff;
	text-decoration: none;
	background: #853626;
}



/* --------------------------------------------------------------------- */
/* margin-padding */
/* --------------------------------------------------------------------- */

/* margin - top */
.mt0 {
	margin-top: 60px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.mt60 {
	margin-top: 80px !important;
}


/* margin - bottom */
.mb10 {
	margin-bottom: 10px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}


/* margin - right */
.mr20 {
	margin-right: 20px !important;
}


/* margin - left */
.ml20 {
	margin-left: 20px !important;
}

.ml32 {
	margin-left: 32px !important;
}

.ml40 {
	margin-left: 40px !important;
}


/* padding - top */
.pt5 {
	padding-top: 5px !important;
}

.pt10 {
	padding-top: 10px !important;
}

.pt15 {
	padding-top: 15px !important;
}

.pt16 {
	padding-top: 16px !important;
}

.pt20 {
	padding-top: 20px !important;
}

.pt24 {
	padding-top: 24px !important;
}

.pt25 {
	padding-top: 25px !important;
}

.pt28 {
	padding-top: 28px !important;
}

.pt30 {
	padding-top: 30px !important;
}

.pt32 {
	padding-top: 30px !important;
}

.pt35 {
	padding-top: 35px !important;
}

.pt40 {
	padding-top: 40px !important;
}

.pt50 {
	padding-top: 50px !important;
}

.pt60 {
	padding-top: 60px !important;
}

.pt100 {
	padding-top: 100px !important;
}

.pt140 {
	padding-top: 140px !important;
}


/* padding - bottom */
.pb5 {
	padding-bottom: 5px !important;
}

.pb10 {
	padding-bottom: 10px !important;
}

.pb20 {
	padding-bottom: 20px !important;
}

.pb25 {
	padding-bottom: 25px !important;
}

.pb30 {
	padding-bottom: 30px !important;
}

.pb40 {
	padding-bottom: 40px !important;
}

.pb50 {
	padding-bottom: 50px !important;
}

.pb60 {
	padding-bottom: 60px !important;
}

.pb80 {
	padding-bottom: 80px !important;
}

.pb100 {
	padding-bottom: 100px !important;
}

.pb160 {
	padding-bottom: 160px !important;
}

/* padding - left */
.pl45 {
	padding-left: 45px !important;
}


/* padding - right */
.pr170 {
	padding-right: 170px !important;
}


/* --------------------------------------------------------------------- */
/* text */
/* --------------------------------------------------------------------- */

/* size */
.txt10 {
	font-size: 77% !important;
}

.txt11 {
	font-size: 85% !important;
}

.txt12 {
	font-size: 93% !important;
}

.txt14 {
	font-size: 108% !important;
}

.txt16 {
	font-size: 123.1% !important;
}

.txt18 {
	font-size: 136% !important;
}

/* weight */
.txtBold {
	font-weight: bold !important;
}

.txtNormal {
	font-weight: normal !important;
}

/* color */
.txtColor1 {
	color: #e71216 !important;;
}

.txtColor2 {
	color: #8e8e8e !important;;
}

/* line height */
.txtLine140 {
	line-height: 1.4 !important;
}

.txtLine160 {
	line-height: 1.6 !important;
}

.txtLine180 {
	line-height: 1.8 !important;
}

/* etc */
.txtAlignRight {
	text-align: right;
}

.txtAlignCenter {
	text-align: center !important;
}

.txtZoom1 {
	font-size: 115%;
	font-weight: normal;
	letter-spacing: 0.09em;
	-webkit-font-smoothing: antialiased;
}


/* --------------------------------------------------------------------- */
/* elements */
/* --------------------------------------------------------------------- */
.fixed {
	position: fixed !important;
	overflow-x: scroll;/* cocoro only */
    top: 0px;
}

.imgBlock,
.imgBlock img {
	display: block;
}

.listBlock,
.listBlock ul,
.listBlock li,
.listBlock dl,
.listBlock dt,
.listBlock dd {
	display: block;
	list-style-type: none;
}

.listInline,
.listInline ul,
.listInline li,
.listInline dl,
.listInline dt,
.listInline dd {
	display: inline;
	list-style-type: none;
}

.listType1 li:after  {
	content: "、";
}
.listType1 li.last:after  {
	content: "";
}

.listDisc,
.listDisc ul,
.listDisc li {
	list-style: disc;
}
.listDisc li.none {
	list-style: none;
}

th,td {
	vertical-align: top;
}

tr.vMid th,
tr.vMid td,
th.vMid,
td.vMid {
	vertical-align: middle !important;
}

tr.vTop th,
tr.vTop td,
th.vTop,
td.vTop {
	vertical-align: top !important;
}

a.blank {
	background: url(../images/icon_03.gif) no-repeat left 2px;
	padding-left: 15px;
	text-decoration: none;
	}
	a.blank span {
		background: url(../images/dot_x_01.gif) repeat-x left bottom;
		padding-bottom: 0;
	}
	a.blank:hover span {
		background: url(../images/dot_00.gif) repeat-x left bottom;

	}

/* sns */
nav.detailSNS {
	display: block;
	/*width: 200px;*/
	/* width: 230px\9; */
	width: 240px\9;
	height: 20px;
	}
	nav.detailSNS ul li {
		float: left\9;
		display: inline-block !important;
		display: block\9 !important;
		list-style: none;
		position: relative;
		overflow: hidden;
		vertical-align: top;
	}
	nav.detailSNS ul li.twitter {
		/*width: 100px !important;*/
		width: 80px\9 !important;
	}
	nav.detailSNS ul li.facebook {
		/*width: 100px !important;*/
		/* width: 126px\9 !important; */
		width: 50px\9 !important;
	}
	nav.detailSNS ul li.fbshare {
		/*width: 100px !important;*/
		width: 100px\9 !important;
	}

/* txtHide */
.txtHide {
	text-indent: 100%;
	/text-indent: -9999px;/*IE*/
    white-space: nowrap;
    overflow: hidden;
    position: relative;/*IE*/
    text-align: left;
}

/* objCenter */
.objCenter {
	margin: 0 auto;
}




/* --------------------------------------------------------------------- */
/* title */
/* --------------------------------------------------------------------- */



/* --------------------------------------------------------------------- */
/* ui */
/* --------------------------------------------------------------------- */
div#areaUI {
	width: 100%;
	height: 46px;
	text-align: center;
	background: #541103 url(../images/bg_menu.gif) repeat-x center top;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 1000;
}
div#areaUI .inner {
	width: 1024px;
	height: 46px;
	text-align: left;
	margin: 0 auto;
	background: url(../images/bg_menu2.gif) no-repeat center top;
	position: relative;
}

p#areaUI_LOGO {
	position: absolute;
	left: 0;
	top: 13px;
	}
	p#areaUI_LOGO a img {
		-webkit-transition: all 200ms cubic-bezier(.250, .460, .450, .940);
		-moz-transition: all 200ms cubic-bezier(.250, .460, .450, .940);
		transition: all 200ms cubic-bezier(.250, .460, .450, .940);
	}
	p#areaUI_LOGO a:hover img {
		filter:alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5;
	}

nav#areaUI_MENU {
	display: block;
	padding: 19px 0 0 207px;
	}
	nav#areaUI_MENU ul li {
		float: left;
		position: relative;
		}
		nav#areaUI_MENU ul li span.area {
			display: block;
			padding-right: 12px;
		}
		nav#areaUI_MENU ul li span.area a {
			display: block;
			position: relative;
			}
			nav#areaUI_MENU ul li span.area a img.icon {
				position: absolute;
				left: 0;
				top: -1px;
			}
			nav#areaUI_MENU ul li span.area a:hover img.icon {
				-webkit-animation: scaleBounce 1s forwards linear;
				-webkit-transform-origin: 50% 50%;
				-moz-animation: scaleBounce 1s forwards linear;
				-moz-transform-origin: 50% 50%;
				animation: scaleBounce 1s forwards linear;
				transform-origin: 50% 50%;
			}
			nav#areaUI_MENU ul li span.area a img.button {
				padding-left: 22px;
				-webkit-transition: all 200ms cubic-bezier(.250, .460, .450, .940);
				-moz-transition: all 200ms cubic-bezier(.250, .460, .450, .940);
				transition: all 200ms cubic-bezier(.250, .460, .450, .940);
			}
			nav#areaUI_MENU ul li span.area a:hover img.button {
				filter:alpha(opacity=50);
				-moz-opacity: 0.5;
				opacity: 0.5;
			}


/* nav#areaUI_MENU ul li > SUBMENU_FEATURE */
div#SUBMENU_FEATURE {
	visibility: hidden;
	/* filter:alpha(opacity=0); */
	-moz-opacity: 0;
	opacity: 0;
	width: 640px;
	height: 70px;
	background: url(../images/bg_submenu.png) no-repeat 0px 20px;
	position: absolute;
	left: -35px;
	top: -70px;
	z-index: 100;
	/**/
	-webkit-transition: all 600ms cubic-bezier(.250, .460, .450, .940);
	-moz-transition: all 600ms cubic-bezier(.250, .460, .450, .940);
	transition: all 600ms cubic-bezier(.250, .460, .450, .940);
	/**/
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}
.lte-ie8 .div#SUBMENU_FEATURE {
	background: url(../images/bg_submenu.png) no-repeat left top;
}
nav#areaUI_MENU ul li:hover div#SUBMENU_FEATURE,
.SUBMENU_ON {
	visibility: visible !important;
	/* filter:alpha(opacity=1) !important; */
	-moz-opacity: 1 !important;
	opacity: 1 !important;
	/**/
	-webkit-transform: translateY(0px) !important;
	-moz-transform: translateY(0px) !important;
	transform: translateY(0px) !important;
}
.topView nav#areaUI_MENU ul li:hover div#SUBMENU_FEATURE {
	visibility: hidden !important;
	/* filter:alpha(opacity=1) !important; */
	-moz-opacity: 0 !important;
	opacity: 0 !important;
	/**/
	-webkit-transform: translateY(-10px) !important;
	-moz-transform: translateY(-10px) !important;
	transform: translateY(-10px) !important;
	}
	div#SUBMENU_FEATURE .submenuInner {
		width: 640px;
		height: 18px;
		position: relative;
		top: 17px;
		/* background: #ff0000; */
	}
	/* train */
	div#SUBMENU_FEATURE .submenuInner p#cocoroIcon {
		position: absolute;
		top: -3px;
		left: -20px;
		z-index: 101;
		/**/
		filter:alpha(opacity=0);
		-moz-opacity: 0;
		opacity: 0;
	}
	/* submenus */
	nav#areaUI_MENU ul li ul#SUBMENU li {
		position: absolute;
		bottom: -1px;
		z-index: 103;
	}
	ul#SUBMENU li#ts1 {
		left: -2px;
	}
	ul#SUBMENU li#ts2 {
		left: 87px;
	}
	ul#SUBMENU li#ts3 {
		left: 177px;
	}
	ul#SUBMENU li#ts4 {
		left: 266px;
	}
	ul#SUBMENU li#ts5 {
		left: 356px;
	}
	ul#SUBMENU li#ts6 {
		left: 445px;
	}
	ul#SUBMENU li#ts7 {
		left: 535px;
	}
	ul#SUBMENU li#ts8 {
		left: 623px;
		}
		ul#SUBMENU li span.box {
			display: block;
			width: 18px;
			height: 18px;
			position: relative;
		}
		ul#SUBMENU li span.box a {
			display: block;
			width: 18px;
			position: relative;
			/**/
			-webkit-perspective: 1500px;
			-moz-perspective: 1500px;
			perspective: 700px;
			}
			ul#SUBMENU li span.box a img.point {
				visibility: hidden;
				/* filter:alpha(opacity=0); */
				-moz-opacity: 0;
				opacity: 0;
				-webkit-transition: all 300ms cubic-bezier(.445,.05,.55,.95);
				-moz-transition: all 300ms cubic-bezier(.445,.05,.55,.95);
				transition: all 300ms cubic-bezier(.445,.05,.55,.95);
			}
			ul#SUBMENU li span.box a:hover img.point {
				visibility: visible;
				/* -moz-opacity: 1; */
				/* opacity: 1; */
				-moz-opacity: 0.3;
				opacity: 0.3;
			}
			ul#SUBMENU li span.box a span.caption {
				display: block;
				padding-bottom: 8px;
				background: url(../images/submenu_pop.png) no-repeat center bottom;
				position: absolute;
				left: 0;
				bottom: 20px;
				z-index: 103;
				/**/
				visibility: hidden;
				/**/
				-webkit-transition: all 300ms cubic-bezier(.445,.05,.55,.95);
				-moz-transition: all 300ms cubic-bezier(.445,.05,.55,.95);
				transition: all 300ms cubic-bezier(.445,.05,.55,.95);
				-webkit-transform-origin: 50% 100%;
				-moz-transform-origin: 50% 100%;
				transform-origin: 50% 100%;
				-webkit-transform: rotateX(45deg) scale(0.8);
				-moz-transform: rotateX(45deg) scale(0.8);
				transform: rotateX(45deg) scale(0.8);
				/* filter:alpha(opacity=0); */
				-moz-opacity: 0;
				opacity: 0;
			}
			ul#SUBMENU li span.box a:hover span.caption {
				visibility: visible;
				-webkit-transform: rotateX(0deg) rotateY(0deg) scale(1);
				-moz-transform: rotateX(0deg) rotateX(0deg) rotateY(0deg) scale(1);
				transform: rotateX(0deg) rotateX(0deg) rotateY(0deg) scale(1);
				-moz-opacity: 1;
				opacity: 1;
			}
		/* submenu current */
		ul#SUBMENU li.current span.box a {
			cursor: default !important;
		}
		ul#SUBMENU li.current span.box a img.point {
			visibility: visible !important;
			-moz-opacity: 1 !important;
			opacity: 1 !important;
		}
		/*
		ul#SUBMENU li.current  span.box a span.caption {
			visibility: visible !important;
			-webkit-transform: rotateX(0deg) !important;
			-moz-transform: rotateX(0deg) !important;
			transform: rotateX(0deg) !important;
			-moz-opacity: 1 !important;
			opacity: 1 !important;
		}
		*/

nav#UI_buttons ul li {
	width: 32px;
	height: 32px;
	-ms-text-align-last: right;
	text-align: left;
	position: fixed;
	top: 0;/* js */
	z-index: 105;
}
nav#UI_buttons ul li.prev {
	background: url(../images/ul-button_prev_bg.png) no-repeat left top;
	left: 0;
}
nav#UI_buttons ul li.next {
	background: url(../images/ul-button_next_bg.png) no-repeat left top;
	right: 0;
	}
	nav#UI_buttons ul li a {
		display: block;
	}
	nav#UI_buttons ul li a span.box {
		display: block;
		width: 32px;
		height: 32px;
		position: relative;
		overflow: hidden;
		}
		nav#UI_buttons ul li a span.box span.arrow {
			display: block;
			width: 10px;
			height: 18px;
			margin-top: 7px;
			filter:alpha(opacity=20);
			-moz-opacity: 0.2;
			opacity: 0.2;
			-webkit-transition: all 300ms cubic-bezier(.445,.05,.55,.95);
			-moz-transition: all 300ms cubic-bezier(.445,.05,.55,.95);
			transition: all 300ms cubic-bezier(.445,.05,.55,.95);
		}
		nav#UI_buttons ul li.prev a span.box span.arrow {
			background: url(../images/ul-button_prev.gif) no-repeat left top;
		}
		nav#UI_buttons ul li.next a span.box span.arrow {
			background: url(../images/ul-button_next.gif) no-repeat left top;
		}
		nav#UI_buttons ul li a:hover span.box span.arrow {
			filter:alpha(opacity=100);
			-moz-opacity: 1;
			opacity: 1;
		}
		nav#UI_buttons ul li.prev a span.box span.arrow {
			margin-left: 10px;
		}
		nav#UI_buttons ul li.next a span.box span.arrow {
			margin-left: 12px;
		}
	/* sizeS */
	nav.sizeS ul li {
		width: 32px;
		height: 32px;
	}
	nav.sizeS ul li.prev {
		background: url(../images/ul-button_prev_bg.png) no-repeat left top;
	}
	nav.sizeS ul li.next {
		background: url(../images/ul-button_next_bg.png) no-repeat left top;
	}
	nav.sizeS ul li a span.box {
		width: 32px;
		height: 32px;
		}
		nav.sizeS ul li a span.box span.arrow {
			width: 10px;
			height: 18px;
			margin-top: 7px;
		}
		nav.sizeS ul li.prev a span.box span.arrow {
			background: url(../images/ul-button_prev.gif) no-repeat left top;
		}
		nav.sizeS ul li.next a span.box span.arrow {
			background: url(../images/ul-button_next.gif) no-repeat left top;
		}
		nav.sizeS ul li.prev a span.box span.arrow {
			margin-left: 10px;
		}
		nav.sizeS ul li.next a span.box span.arrow {
			margin-left: 12px;
		}
	/* sizeM */
	nav.sizeM ul li {
		width: 48px !important;
		height: 48px !important;
	}
	nav.sizeM ul li.prev {
		background: url(../images/ul-button_prev_bg_m.png) no-repeat left top !important;
	}
	nav.sizeM ul li.next {
		background: url(../images/ul-button_next_bg_m.png) no-repeat left top !important;
	}
	nav.sizeM ul li a span.box {
		width: 48px !important;
		height: 48px !important;
		}
		nav.sizeM ul li a span.box span.arrow {
			width: 15px !important;
			height: 26px !important;
			margin-top: 11px !important;
		}
		nav.sizeM ul li.prev a span.box span.arrow {
			background: url(../images/ul-button_prev_m.gif) no-repeat left top !important;
		}
		nav.sizeM ul li.next a span.box span.arrow {
			background: url(../images/ul-button_next_m.gif) no-repeat left top !important;
		}
		nav.sizeM ul li.prev a span.box span.arrow {
			margin-left: 15px !important;
		}
		nav.sizeM ul li.next a span.box span.arrow {
			margin-left: 18px !important;
		}
	/* sizeL */
	nav.sizeL ul li {
		width: 64px !important;
		height: 64px !important;
	}
	nav.sizeL ul li.prev {
		background: url(../images/ul-button_prev_bg_l.png) no-repeat left top !important;
	}
	nav.sizeL ul li.next {
		background: url(../images/ul-button_next_bg_l.png) no-repeat left top !important;
	}
	nav.sizeL ul li a span.box {
		width: 64px !important;
		height: 64px !important;
		}
		nav.sizeL ul li a span.box span.arrow {
			width: 20px !important;
			height: 35px !important;
			margin-top: 15px !important;
		}
		nav.sizeL ul li.prev a span.box span.arrow {
			background: url(../images/ul-button_prev_l.gif) no-repeat left top !important;
		}
		nav.sizeL ul li.next a span.box span.arrow {
			background: url(../images/ul-button_next_l.gif) no-repeat left top !important;
		}
		nav.sizeL ul li.prev a span.box span.arrow {
			margin-left: 20px !important;
		}
		nav.sizeL ul li.next a span.box span.arrow {
			margin-left: 24px !important;
		}





p#areaUI_COPYRIGHT {
	position: absolute;
	right: 0;
	top: 19px;
}

p#UI_LINK_EX {
	position: fixed;
	left: 15px;
	top: 15px;
	z-index: 100;
}

div#UI_SNS {
	position: fixed;
	right: 16px;
	top: 16px;
	z-index: 100;
}
/*
nav.detailSNS {
	display: block;
	width: 230px\9;
	height: 20px;
	}
	nav.detailSNS ul li {
		float: left\9;
		display: inline-block !important;
		display: block\9 !important;
		list-style: none;
		position: relative;
		overflow: hidden;
		vertical-align: top;
	}
	nav.detailSNS ul li.twitter {
		width: 100px\9 !important;
	}
	nav.detailSNS ul li.facebook {
		width: 126px\9 !important;
	}
*/



/* --------------------------------------------------------------------- */
/* loading */
/* --------------------------------------------------------------------- */
div#areaLOADING {
	width: 100%;
	height: 100%;/* js */
	text-align: center;
	background: #e5dacd url(../images/bg.gif) repeat center center;
	position: fixed;
	left: 0;
	top: 0;/* js */
	z-index: 2000;
}
div#LOADING_inner {
	width: 100%;
	height: 100%;/* js */
	position: relative;
}
div#LOADING_inner div#LOADING_box {
	width: 100%;
	height: 90px;
	margin-top: -32px;/* area:80/2=40  menu:47 */
	position: absolute;
	left: 0;
	top: 50%;
}
div#LOADING_box div#LOADING_box2 {
	width: 100%;
	height: 90px;
	position: relative;
	}
	div#LOADING_train  {
		width: 141px;
		position: absolute;
		left: 0;/* js */
		top: 0;
		}
	div#LOADING_bar {
		width: 100%;
		height: 1px;
		text-align: left;
		background: url(../images/loading_bg.gif) repeat-x left top;
		position: absolute;
		left: 0;
		top: 30px;
		}
		div#LOADING_bar span {
			display: block;
			width: 0%;
			height: 1px;
			background: #541103;
			position: relative;
		}
	p#LOADING_txt {
		width: 100%;
		text-align: center;
		position: absolute;
		left: 0;
		top: 46px;
		}
		p#LOADING_txt img {
			display: block;
			margin: 0 auto;
		}

	p#LOADING_num  {
		display: block;
		width: 100%;
		font-family: Georgia-Italic, Georgia, "ＭＳ 明朝", "ヒラギノ明朝 Pro W3", "Times New Roman", Times, serif;
		color: #541103;
		text-align: center;
		line-height: 1.1;
		position: absolute;
		left: 0;
		top: 72px;
		}
		p#LOADING_num span.num  {
			font-size: 138.5%;
		}
		p#LOADING_num span.sub  {
			font-size: 93%;
		}



/* --------------------------------------------------------------------- */
/* top */
/* --------------------------------------------------------------------- */
/* areaTOP */
div#areaTOP {
	width: 100%;
	height: 100%;
	text-align: center;
	background: url(../images/bg.gif) repeat center center;
	position: fixed;
	z-index: 1;
}
div#areaTOP div#topInner {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
div#logoDEMO {
	width: 100%;
	height: 100%;
	text-align: center;
	background: url(../../images/logo_demo.png) no-repeat 50% 40%;
	position: absolute;
	z-index: 1000;
}

/* base */
div#topContents {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 110;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	}
	h1#topLogo {
		margin: 0 auto;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		transform-style: preserve-3d;
		-webkit-transform: translate3d(0,0,0);
		-moz-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		transition: filter 800ms ease-out;
		-webkit-transition: -webkit-filter 700ms ease-out;
		-moz-transition: -moz-filter 700ms ease-out;
		-webkit-transform-origin: 50% 50%;
		-moz-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
	}
	div#topButton {
		margin: 0 auto;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		transform-style: preserve-3d;
		-webkit-transform: translate3d(0,0,0);
		-moz-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		transition: filter 800ms ease-out;
		-webkit-transition: -webkit-filter 700ms ease-out;
		-moz-transition: -moz-filter 700ms ease-out;
		-webkit-transform-origin: 50% 50%;
		-moz-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		}
		div#topButton a {
			display: block;
		}
		div#topButton a span.frame {
			display: block;
			position: relative;
		}
		div#topButton a:hover span.frame {
			-webkit-animation: scaleBounce 1000ms forwards linear;
			-webkit-transform-origin: 50% 50%;
			-moz-animation: scaleBounce 1000ms forwards linear;
			-moz-transform-origin: 50% 50%;
			animation: scaleBounce 1000ms forwards linear;
			transform-origin: 50% 50%;
		}
		div#topButton a span.frame span.main {
			display: block;
			position: absolute;
			top: 0;
			z-index: 105;
		}
		div#topButton a span.frame span.arrow {
			display: block;
			position: absolute;
			top: 0;
			z-index: 101;
			/**/
			-webkit-animation: bounceX 850ms forwards cubic-bezier(.42,0,.58,1) infinite alternate;
			-webkit-transform-origin: 50% 0%;
			-moz-animation: bounceX 850ms forwards cubic-bezier(.42,0,.58,1) infinite alternate;
			-moz-transform-origin: 50% 0%;
			animation: bounceX 850ms forwards cubic-bezier(.42,0,.58,1) infinite alternate;
			transform-origin: 50% 0%;
		}

/* sizeS */
/*div#topContents*/.sizeS {
	width: 581px;
	height: 293px;
	}
	.sizeS h1#topLogo {
		background: url(../../images/top_logo_s.png) no-repeat left top;
		width: 581px;
		height: 221px;
	}
	.sizeS div#topButton {
		width: 230px;
		padding-top: 24px;
		}
		.sizeS div#topButton a span.frame {
			width: 230px;
			height: 48px;
			}
			.sizeS div#topButton a span.frame span.main {
				width: 187px;
				height: 48px;
				background: url(../../images/top_button1_s.png) no-repeat left top;
				left: 0;
			}
			.sizeS div#topButton a span.frame span.arrow {
				width: 60px;
				height: 48px;
				background: url(../../images/top_button2_s.png) no-repeat left top;
				right: 0;
			}

/* sizeM */
/*div#topContents*/.sizeM {
	width: 694px;
	height: 353px;
	}
	.sizeM h1#topLogo {
		background: url(../../images/top_logo_m.png) no-repeat left top;
		width: 694px;
		height: 262px;
	}
	.sizeM div#topButton {
		width: 288px;
		padding-top: 32px;
		}
		.sizeM div#topButton a span.frame {
			width: 288px;
			height: 60px;
			}
			.sizeM div#topButton a span.frame span.main {
				width: 233px;
				height: 60px;
				background: url(../../images/top_button1_m-l.png) no-repeat left top;
				left: 0;
			}
			.sizeM div#topButton a span.frame span.arrow {
				width: 90px;
				height: 60px;
				background: url(../../images/top_button2_m-l.png) no-repeat left top;
				right: 0;
			}

/* sizeL */
/*div#topContents*/.sizeL {
	width: 776px;
	height: 387px;
	}
	.sizeL h1#topLogo {
		background: url(../../images/top_logo_l.png) no-repeat left top;
		width: 776px;
		height: 291px;
	}
	.sizeL div#topButton {
		width: 288px;
		padding-top: 36px;
		}
		.sizeL div#topButton a span.frame {
			width: 288px;
			height: 60px;
			}
			.sizeL div#topButton a span.frame span.main {
				width: 233px;
				height: 60px;
				background: url(../../images/top_button1_m-l.png) no-repeat left top;
				left: 0;
			}
			.sizeL div#topButton a span.frame span.arrow {
				width: 90px;
				height: 60px;
				background: url(../../images/top_button2_m-l.png) no-repeat left top;
				right: 0;
			}

/* sizeXL */
/*div#topContents*/.sizeXL {
	width: 889px;
	height: 428px;
	}
	.sizeXL h1#topLogo {
		background: url(../../images/top_logo_xl.png) no-repeat left top;
		width: 889px;
		height: 333px;
	}
	.sizeXL div#topButton {
		width: 288px;
		padding-top: 42px;
		}
		.sizeXL div#topButton a span.frame {
			width: 288px;
			height: 60px;
			}
			.sizeXL div#topButton a span.frame span.main {
				width: 233px;
				height: 60px;
				background: url(../../images/top_button1_m-l.png) no-repeat left top;
				left: 0;
			}
			.sizeXL div#topButton a span.frame span.arrow {
				width: 90px;
				height: 60px;
				background: url(../../images/top_button2_m-l.png) no-repeat left top;
				right: 0;
			}

/**/

div#areaBOX {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	}
	div#areaBOX ul li {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 0;
	}

/* --------------------------------------------------------------------- */
/* contents */
/* --------------------------------------------------------------------- */
/* スクロール移動用 */
div#areaSCROLL {
	display: block;
	width: auto;/* js */
	height: 1px;
	position: relative;
	z-index: 1;
}

/* areaPAGE */
div#areaPAGE {
	width: 100%;
	text-align: center;
	position: fixed;
	left: 0;
	top: 0;/* js */
	z-index: 100;
	/**/
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	/*
	-webkit-perspective: 1500px;
	-moz-perspective: 1500px;
	perspective: 700px;
	*/
}
div#areaPAGE .inner {
	width: 1024px;
	height: 448px;
	text-align: left;
	margin: 0 auto;
	/* background: #cccccc; */
	position: relative;
}

div#areaPAGE_BG {
	width: 100%;/*js*/
	height: 100%;/*js*/
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	background: url(../images/bg.gif) repeat center center;
	position: fixed;
	z-index: 99;
	left: 0;
	top: 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

div#areaCONTENTS {
	width: 5000px;/* js */
	text-align: left;
	position: absolute;
	left: 0;
	top: 0;
	}
	section.areaSECTION {
		float: left;
	}
	section.areaSECTION div.sectionInner {
		padding-right: 64px;
		position: relative;
		}
		.areaBOX_type1 {
			width: 1024px;
			height: 448px;
			position: relative;
			overflow: hidden;
		}
		.areaBOX_type2_1 {
			width: 576px;
			height: 448px;
			position: relative;
			overflow: hidden;
			background: #ffffff;
			float: left;
		}
		.areaBOX_type2_2 {
			width: 448px;
			height: 448px;
			position: relative;
			overflow: hidden;
			background: #ffffff;
			float: left;
		}
		.areaBOX_type2_3 {
			width: 256px;
			height: 448px;
			position: relative;
			overflow: hidden;
			background: #ffffff;
			float: left;
		}
		.areaBOX_type2_4 {
			width: 1024px;
			height: 448px;
			position: relative;
			overflow: hidden;
			background: #ffffff;
			float: left;
		}
		.areaPartition {
			background: #ffffff url(../images/line_type1.gif) no-repeat 0px 32px;
		}
		.areaOver {
			overflow: visible !important;
		}
		/**/
		.areaBOX_color1 {
			background: #ffffff !important;;
		}
		.areaBOX_color2 {
			background: #e7e3de !important;
		}
		.areaBOX_color3 {
			background: #541103 !important;
		}



/* --------------------------------------------------------------------- */
/* travel */
/* --------------------------------------------------------------------- */
nav#travelMenu {
	display: block;
}
nav#travelMenu ul li {
	width: 255px;
	height: 224px;
	position: absolute;
}
nav#travelMenu ul li#featureBOX1 {
	left: 0;
	top: 0;
}
nav#travelMenu ul li#featureBOX2 {
	left: 256px;
	top: 0;
}
nav#travelMenu ul li#featureBOX3 {
	left: 512px;
	top: 0;
}
nav#travelMenu ul li#featureBOX4 {
	left: 768px;
	top: 0;
}
nav#travelMenu ul li#featureBOX5 {
	left: 0;
	top: 225px;
}
nav#travelMenu ul li#featureBOX6 {
	left: 256px;
	top: 225px;
}
nav#travelMenu ul li#featureBOX7 {
	left: 512px;
	top: 225px;
}
nav#travelMenu ul li#featureBOX8 {
	left: 768px;
	top: 225px;
	}
	nav#travelMenu ul li a {
		display: block;
		width: 255px;
	}
	/* reg */
	nav#travelMenu ul li span.tBox {
		display: block;
		width: 255px;
		height: 224px;
		position: relative;
		}
		span.tBox span.thum {
			display: block;
			width: 255px;
			height: 178px;
			position: relative;
			overflow: hidden;
			}
			span.tBox span.thum img {
				-webkit-transition: all 300ms cubic-bezier(.445,.05,.55,.95);
				-moz-transition: all 300ms cubic-bezier(.445,.05,.55,.95);
				transition: all 300ms cubic-bezier(.445,.05,.55,.95);
				-webkit-transform-origin: 50% 50%;
				-moz-transform-origin: 50% 50%;
				transform-origin: 50% 50%;
			}
			nav#travelMenu ul li a:hover span.tBox span.thum img {
				-webkit-transform: scale(1.05);
				-moz-transform: scale(1.05);
				transform: scale(1.05);
			}
		span.tBox span.name {
			display: block;
			width: 255px;
			height: 46px;
			text-align: center;
			background: #ffffff;
			position: relative;
			}
			span.tBox span.name img {
				display: block;
				margin: 0 auto;
				padding-top: 9px;
			}
		span.tBox span.hoverBG {
			display: block;
			width: 255px;
			height: 178px;
			background: #000000;
			position: absolute;
			left: 0;
			top: 0;
			z-index: 10;
			filter:alpha(opacity=0);
			-moz-opacity: 0;
			opacity: 0;
			-webkit-transition: all 400ms cubic-bezier(.445,.05,.55,.95);
			-moz-transition: all 400ms cubic-bezier(.445,.05,.55,.95);
			transition: all 400ms cubic-bezier(.445,.05,.55,.95);
		}
		nav#travelMenu ul li a:hover span.tBox span.hoverBG {
			filter:alpha(opacity=50);
			-moz-opacity: 0.5;
			opacity: 0.5;
		}
		nav#travelMenu ul li a span.tBox span.hoverCopyJP,
		nav#travelMenu ul li a span.tBox span.hoverCopyENG {
			display: block;
			visibility: hidden;
			width: 255px;
			text-align: center;
			position: absolute;
			left: 0;
			z-index: 15;
			/* filter:alpha(opacity=0); */
			-moz-opacity: 0;
			opacity: 0;
			-webkit-transition: all 400ms cubic-bezier(.165,.84,.44,1);
			-moz-transition: all 400ms cubic-bezier(.165,.84,.44,1);
			transition: all 400ms cubic-bezier(.165,.84,.44,1);
			-webkit-transition-delay: 100ms;
			-moz-transition-delay: 100ms;
			transition-delay: 100ms;
		}
		nav#travelMenu ul li a span.tBox span.hoverCopyJP {
			top: 68px;
			-webkit-transform:translate(0px,10px);
			-moz-transform:translate(0px,10px);
			transform:translate(0px,10px);
		}
		nav#travelMenu ul li a span.tBox span.type2JP {
			top: 53px !important;
		}
		nav#travelMenu ul li a:hover span.tBox span.hoverCopyJP {
			visibility: visible;
			-webkit-transform:translate(0px,0px);
			-moz-transform:translate(0px,0px);
			transform:translate(0px,0px);
			/* filter:alpha(opacity=100); */
			-moz-opacity: 1;
			opacity: 1;
		}
		span.tBox span.hoverCopyENG {
			top: 95px;
			-webkit-transform:translate(0px,-10px);
			-moz-transform:translate(0px,-10px);
			transform:translate(0px,-10px);
		}
		span.tBox span.type2ENG {
			top: 103px !important;
		}
		nav#travelMenu ul li a:hover span.tBox span.hoverCopyENG {
			visibility: visible;
			-webkit-transform:translate(0px,0px);
			-moz-transform:translate(0px,0px);
			transform:translate(0px,0px);
			/* filter:alpha(opacity=100); */
			-moz-opacity: 1;
			opacity: 1;
			}
			span.tBox span.hoverCopyJP img,
			span.tBox span.hoverCopyENG img {
				display: block;
				margin: 0 auto;
			}



/* --------------------------------------------------------------------- */
/* feature1-8 */
/* --------------------------------------------------------------------- */
.featureLayout1 {
	width: 388px;/* 384px */
}
.featureLayout2 {
	width: 192px;
}
.ie9 .featureLayout2 {
	width: 196px;
}
.featureLayout3 {
	width: 960px;
}

h3.featureTitle3_1 {
	display: block;
	/* width: 384px; */
	height: 96px;
	margin-left: 32px;
	}
	h3.featureTitle3_1 img {
		display: block;
		padding-top: 46px;
	}
	h3.featureTitle3_1 img.type2 {
		position: relative;
		top: -2px;
	}
h3.featureTitle3_2 {
	display: block;
	font-weight: bold;
	font-size: 100%;
	line-height: 1.2;
	color: #444342;
	margin-left: 32px;
	padding: 32px 0 14px 0;
	border-bottom: #cfccc7 solid 1px;
	}
	h3.featureTitle3_2 span.jp {
		font-size: 123.1%;
	}
	h3.featureTitle3_2 span.slash {
		font-size: 93%;
		color: #bdb9b4;
	}
	h3.featureTitle3_2 span.en {
		font-size: 93%;
	}

h4.featureTitle4_1 {
	display: block;
	/* width: 384px; */
	font-size: 108%;
	font-weight: bold;
	line-height: 1.2;
	color: #333333;
	margin-left: 32px;
	padding-top: 28px;
}
h4.featureTitle4_2 {
	display: block;
	/* width: 384px; */
	font-size: 93%;
	font-weight: bold;
	line-height: 1.2;
	color: #333333;
	margin-left: 32px;
	padding-top: 28px;
}

p.featureTxt1 {
	display: block;
	/* width: 384px; */
	font-size: 93%;
	line-height: 1.8;
	color: #333333;
	margin-left: 32px;
	padding-top: 8px;
}
p.featureTxt2 {
	display: block;
	font-size: 93%;
	line-height: 1.6;
	color: #333333;
	margin-left: 32px;
	padding-top: 4px;
}

div.featureInfoBox {
	width: 960px;
	margin-left: 32px;
	padding: 9px 0;
	border-bottom: #cfccc7 solid 1px;
	}
	div.featureInfoBox p.pict {
		width: 144px;
		float: left;
	}
	div.featureInfoBox dl.jp {
		width: 416px;
		}
		div.featureInfoBox dl.jp dt,
		div.featureInfoBox dl.jp dd {
			width: 400px;
		}
	div.featureInfoBox dl.en {
		width: 400px;
	}
	div.featureInfoBox dl.infoList {
		float: left;
		color: #333333;
		line-height: 1.4;
		}
		div.featureInfoBox dl.infoList dt {
			font-size: 93%;
			font-weight: bold;
			padding: 0.4em 0;
			}
			div.featureInfoBox dl.infoList dt span.num {
				color: #853626;
			}
		div.featureInfoBox dl.infoList dd {
			font-size: 77%;
		}

/* feature1 */
.feature1Icon1 {
	left: 932px;
	top: -64px;
}
.feature1Icon2 {
	left: 1198px;
	top: 386px;
}
.feature1Icon3 {
	left: 1510px;
	top: -38px;
}
.feature1Icon4 {
	left: 2228px;
	top: 396px;
}

/* feature2 */
.feature2Icon1 {
	left: 894px;
	top: -23px;
}
.feature2Icon2 {
	left: 1491px;
	top: 346px;
}
.feature2Icon3 {
	left: 2000px;
	top: -17px;
}

/* feature3 */
.feature3Icon1 {
	left: 960px;
	top: 390px;
}
.feature3Icon2 {
	left: 1464px;
	top: -14px;
}
.feature3Icon3 {
	left: 1983px;
	top: 382px;
}

/* feature4 */
.feature4Icon1 {
	left: 882px;
	top: -17px;
}
.feature4Icon2 {
	left: 1430px;
	top: 392px;
}
.feature4Icon3 {
	left: 1973px;
	top: 10px;
}

/* feature5 */
.feature5Icon1 {
	left: 902px;
	top: -23px;
}
.feature5Icon2 {
	left: 1500px;
	top: 366px;
}
.feature5Icon3 {
	left: 1982px;
	top: 14px;
}

/* feature6 */
.feature6Icon1 {
	left: 964px;
	top: 368px;
}
.feature6Icon2 {
	left: 1495px;
	top: -36px;
}
.feature6Icon3 {
	left: 2002px;
	top: 400px;
}

/* feature7 */
.feature7Icon1 {
	left: 930px;
	top: -17px;
}
.feature7Icon2 {
	left: 1505px;
	top: 356px;
}
.feature7Icon3 {
	left: 2012px;
	top: -25px;
}

/* feature8 */
.feature8Icon1 {
	left: 960px;
	top: -22px;
}
.feature8Icon2 {
	left: 1481px;
	top: 394px;
}
.feature8Icon3 {
	left: 1984px;
	top: -21px;
}

/* feature common */
.featureIcon {
	position: absolute;
	z-index: 100;
	}
	.featureIcon img {
		display: block;
		-webkit-transform-origin: 50% 50%;
		-moz-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
	}

.featureIcon img.type1 {
	-webkit-animation: bounceY2 1800ms 0ms forwards cubic-bezier(.42,0,.58,1) infinite alternate;
	-moz-animation: bounceY2 1800ms 0ms forwards cubic-bezier(.42,0,.58,1) infinite alternate;
	animation: bounceY2 1800ms 0ms forwards cubic-bezier(.42,0,.58,1) infinite alternate;
}
.featureIcon img.type2 {
	-webkit-animation: bounceY2 1800ms 900ms forwards cubic-bezier(.42,0,.58,1) infinite alternate;
	-moz-animation: bounceY2 1800ms 900ms forwards cubic-bezier(.42,0,.58,1) infinite alternate;
	animation: bounceY2 1800ms 900ms forwards cubic-bezier(.42,0,.58,1) infinite alternate;
}
.featureIcon img.type3 {
	-webkit-animation: bounceY2 1800ms 1200ms forwards cubic-bezier(.42,0,.58,1) infinite alternate;
	-moz-animation: bounceY2 1800ms 1200ms forwards cubic-bezier(.42,0,.58,1) infinite alternate;
	animation: bounceY2 1800ms 1200ms forwards cubic-bezier(.42,0,.58,1) infinite alternate;
}
.featureIcon img.type4 {
	-webkit-animation: bounceY2 1800ms 1800ms forwards cubic-bezier(.42,0,.58,1) infinite alternate;
	-moz-animation: bounceY2 1800ms 1800ms forwards cubic-bezier(.42,0,.58,1) infinite alternate;
	animation: bounceY2 1800ms 1800ms forwards cubic-bezier(.42,0,.58,1) infinite alternate;
}


/* --------------------------------------------------------------------- */
/* about */
/* --------------------------------------------------------------------- */
h2.aboutTitle2_1_jp {
	position: absolute;
	left: 64px;
	top: 234px;
}
h2.aboutTitle2_1_en {
	position: absolute;
	left: 349px;
	top: 247px;
}

div.aboutTxt_jp,
div.aboutTxt_en {
	font-size: 93%;
	line-height: 1.8;
	color: #333333;
	margin-top: 285px;
}
div.aboutTxt_jp {
	width: 352px;
	float: left;
	}
	div.aboutTxt_jp p {
		width: 256px;
		margin-left: 64px;
	}
div.aboutTxt_en {
	width: 256px;
	float: left;
	}
	div.aboutTxt_en p {
		width: 256px;
	}


ul#aboutPict1 li {
	position: absolute;
	top: 0;
	z-index: 101;
}
ul#aboutPict1 li.pict1 {
	left: 0;
}
ul#aboutPict1 li.pict2 {
	left: 256px;
}
ul#aboutPict1 li.pict3 {
	left: 512px;
}
ul#aboutPict1 li.pict4 {
	left: 768px;
}

p#aboutPict2 {
	position: absolute;
	right: -43px;
	bottom: -13px;
	z-index: 102;
}



/* --------------------------------------------------------------------- */
/* concept */
/* --------------------------------------------------------------------- */
section#concept .areaBOX_type1 {
	text-align: center;
	background: url(../../images/concept_bg.gif) no-repeat 320px 0px !important;
}

h2.conceptTitle2_1 {
	width: 336px;
	text-align: center;
	margin: 0 auto;
	padding-top: 44px;
}

p.conceptTxt_jp,
p.conceptTxt_en {
	width: 320px;
	font-size: 93%;
	line-height: 1.8;
	text-align: left;
	margin: 0 auto;
}
p.conceptTxt_jp {
	color: #ffffff;
	padding-top: 34px;
}
p.conceptTxt_en {
	color: #947a76;
	padding-top: 26px;
}


p.conceptPict1 {
	position: absolute;
	left: 0;
	top: 0;
}
p.conceptPict2 {
	position: absolute;
	right: 0;
	top: 0;
}



/* --------------------------------------------------------------------- */
/* movie */
/* --------------------------------------------------------------------- */
.movieLayout1 {
	width: 388px;/* 384px */
}
.movieLayout2 {
	width: 192px;
}

h3.movieTitle3_1 {
	display: block;
	font-size: 108%;
	font-weight: bold;
	line-height: 1.6;
	color: #333333;
	margin-left: 32px;
	padding-top: 28px;
	}
	h3.movieTitle3_1 strong {
		display: block;
	}

h4.movieTitle4_1,
p.movieTxt1,
ul.movieStaffList {
	display: block;
	font-size: 93%;
	line-height: 1.8;
	color: #333333;
	margin-left: 32px;
	padding-top: 24px;
}
h4.movieTitle4_1 {
	font-weight: bold;
}
h4.movieTitle4_2 {
	display: block;
	font-size: 93%;
	font-weight: bold;
	line-height: 1.2;
	color: #333333;
	margin-left: 32px;
	padding-top: 28px;
}

p.movieTxt1 {
	padding-top: 0;
}
p.movieTxt2 {
	display: block;
	font-size: 123.1%;
	font-style: italic;
	line-height: 1.8;
	color: #853626;
	margin-left: 32px;
	padding-top: 24px;
	}
	p.movieTxt2 strong {
		display: block;
		font-weight: bold;
	}
p.movieTxt3 {
	display: block;
	font-size: 93%;
	line-height: 1.6;
	color: #333333;
	margin-left: 32px;
	padding-top: 4px;
}

p.movieButton {
	position: absolute;
	bottom: 32px;
	left: 32px;
	}
	p.movieButton a {
		display: block;
		width: 384px;
	}
	p.movieButton a.jp {
		background: url(../../images/movie_button_jp_on.gif) no-repeat left top;
	}
	p.movieButton a.en {
		background: url(../../images/movie_button_en_on.gif) no-repeat left top;
		}
		p.movieButton a img {
			-webkit-transition: all 200ms cubic-bezier(.250, .460, .450, .940);
			-moz-transition: all 200ms cubic-bezier(.250, .460, .450, .940);
			transition: all 200ms cubic-bezier(.250, .460, .450, .940);
		}
		p.movieButton a:hover img {
			filter:alpha(opacity=0);
			-moz-opacity: 0;
			opacity: 0;
		}

ul.movieActressList {
	display: block;
	font-size: 93%;
	line-height: 1.8;
	color: #333333;
	margin-left: 32px;
	margin-top: 24px;
	border-top: #eeeae5 solid 1px;
	}
	ul.movieActressList li {
		padding: 4px 0;
		border-bottom: #eeeae5 solid 1px;
		}
		ul.movieActressList li span {
			font-weight: bold;
		}
		ul.movieActressList li a {
			color: #853626;
		}
		ul.movieActressList li a:hover {
			color: #ffffff;
			text-decoration: none;
			background: #853626;
		}



/* --------------------------------------------------------------------- */
/* map */
/* --------------------------------------------------------------------- */
section#map .areaBOX_type1 {
	background: #e7e3de url(../../images/map_bg.gif) no-repeat left top !important;
}

ul#mapList li {
	position: absolute;
}
ul#mapList li.tram1 {
	left: 240px;
	top: 152px;
}
ul#mapList li.tram2 {
	left: 92px;
	top: 352px;
}
ul#mapList li.tram3 {
	left: 267px;
	top: 90px;
}
ul#mapList li.tram4 {
	left: 101px;
	top: 193px;
}
ul#mapList li.tram5 {
	left: 502px;
	top: 66px;
}
ul#mapList li.tram6 {
	left: 87px;
	top: 292px;
}
ul#mapList li.tram7 {
	left: 668px;
	top: 54px;
}
ul#mapList li.tram8 {
	left: 725px;
	top: 90px;
	}
	ul#mapList li a {
		display: block;
		position: relative;
		}
		/* icon */
		ul#mapList li a img.icon {
			position: absolute;
		}
		ul#mapList li.type1 a img.icon {
			left: 0;
			top: 0;
		}
		ul#mapList li.type2 a img.icon {
			left: 0;
			bottom: 0;
		}
		ul#mapList li.type3 a img.icon {
			right: 0;
			top: 0;
		}
		ul#mapList li.type1 a img.button {
			padding: 4px 0 0 25px;
		}
		ul#mapList li.type2 a img.button {
			padding: 0 0 24px 5px;
		}
		ul#mapList li.type3 a img.button {
			padding: 4px 25px 0 0;
		}
		/**/
		ul#mapList li a:hover img.icon {
			-webkit-animation: scaleBounce 1s forwards linear;
			-webkit-transform-origin: 50% 50%;
			-moz-animation: scaleBounce 1s forwards linear;
			-moz-transform-origin: 50% 50%;
			animation: scaleBounce 1s forwards linear;
			transform-origin: 50% 50%;
		}
		ul#mapList li a img.button {
			padding-left: 22px;
			-webkit-transition: all 200ms cubic-bezier(.250, .460, .450, .940);
			-moz-transition: all 200ms cubic-bezier(.250, .460, .450, .940);
			transition: all 200ms cubic-bezier(.250, .460, .450, .940);
		}
		ul#mapList li a:hover img.button {
			filter:alpha(opacity=50);
			-moz-opacity: 0.5;
			opacity: 0.5;
		}
		/* off */
		ul#mapList li a.linkOff,
		ul#mapList li a.linkOff * {
			cursor: default !important;
		}
		ul#mapList li a.linkOff:hover img.icon {
			-webkit-animation: none;
			-moz-animation: none;
			animation: none;
		}
		ul#mapList li a.linkOff img.button {
			-webkit-transition: none;
			-moz-transition: none;
			transition: none;
			filter:alpha(opacity=50);
			-moz-opacity: 0.5;
			opacity: 0.5;
		}


h2.mapTitle2_1 {
	width: 192px;
	font-size: 100%;
	font-weight: bold;
	color: #333333;
	line-height: 1.4;
	padding: 28px 0 12px 0;
	border-bottom: #cfccc7 solid 1px;
	position: relative;
	left: 800px;
	}
	h2.mapTitle2_1 span.jp {
		display: block;
		font-size: 108%;
	}
	h2.mapTitle2_1 span.en {
		display: block;
		font-size: 77%;
	}

ul#mapLinkList {
	width: 192px;
	padding: 8px 0 16px 0;
	border-bottom: #cfccc7 solid 1px;
	position: relative;
	left: 800px;
	}
	ul#mapLinkList li {
		width: 192px;
		padding-top: 8px;
		}
		ul#mapLinkList li a {
			display: block;
		}
		ul#mapLinkList li.jp a {
			background: url(../../images/map_button1_hover.gif) no-repeat left top;
		}
		ul#mapLinkList li.en a {
			background: url(../../images/map_button2_hover.gif) no-repeat left top;
			}
			ul#mapLinkList li a img {
				-webkit-transition: all 200ms cubic-bezier(.250, .460, .450, .940);
				-moz-transition: all 200ms cubic-bezier(.250, .460, .450, .940);
				transition: all 200ms cubic-bezier(.250, .460, .450, .940);
			}
			ul#mapLinkList li a:hover img {
				filter:alpha(opacity=0);
				-moz-opacity: 0;
				opacity: 0;
			}

p.mapTxt {
	width: 192px;
	font-size: 93%;
	color: #333333;
	line-height: 1.5;
	padding-top: 12px;
	position: relative;
	left: 800px;
}


/* --------------------------------------------------------------------- */
/* js- loading */
/* --------------------------------------------------------------------- */
div#areaUI,
div#areaTOP,
div#areaPAGE,
div#areaPAGE_BG,
nav#UI_buttons,
p#UI_LINK_EX,
div#UI_SNS,
div#ytArea1,
div#ytArea {
	visibility: hidden;
}






/* --------------------------------------------------------------------- */
/* css Animation */
/* --------------------------------------------------------------------- */