<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	background: #1a1a1a;
	width: 100%;
	min-width: 323px;
	-webkit-text-size-adjust:100%;/*iphone*/
	font-family:DefaultRegular, Arial, Helvetica, sans-serif;
	overflow-y: scroll;
	}
body.ja {
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ','Meiryo UI','ＭＳ Ｐゴシック',sans-serif;
}

/*リンク文字*/
a {
	text-decoration: none;
	outline: none;
}
a img {
	border: none;
	border-style:none;
}
#header a:link, #header a:visited, #header a:active {
	color:#999;
	cursor:pointer;
	cursor: hand;
}
a:focus{
	outline: none;
}
.menu li a {
	padding-left:0px; 
	font-size:12px; 
	cursor:pointer;
	cursor: hand;
}
    

.A0 {
	width:100%;
	height:100%;
}
body#search{
	background: #000;
}


/**************start screen 表紙***************/

body.top #header&gt;div {
    text-align:center;
    font-size:0;
    width:100%;
    height:100%;
}

/*mazdaロゴ (プラットフォームと兼用)*/
#header {
	display: block;
	top:0px;
	left:0px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #1a1a1a;
	position: fixed;
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
	background-position: 30px 20px;
	z-index: 999;
	min-width: 300px;
	font-size:0;
}

/*表紙ページの body*/
body.top {
    background: #060001;
    width:100%;
    height:100%;
    opacity: 0.2;
    filter: alpha(opacity=20);
    -ms-filter: "alpha(opacity=20)";
    -khtml-opacity: 0.2;
    -moz-opacity: 0.2;
}

/*車種名*/
.model_title {
    display:inline-block;
    width:100%;
    color:#ffffff;
    text-align:center;
    margin-top:35px;
    margin-bottom:50px;
    font-size:0;
}

img.carname {
    width:65%;
    max-width:420px;
}
.model_title span{
	padding-left:0.5em;
}


/*車種名と取扱説明書の間の改行*/
br.kai {
    margin:0;
    padding:0;
    height:0;
    line-height:5px;
}

/*取扱説明書*/
#manual {
	max-width:400px;
	min-width:240px;
	width:50%;
	padding-top:5px;
}

/*****************for js*************************/
body.js #manual {
	max-width:150px;
}
/************************************************/

/*ENTERボタン*/
.start_bn {
	width:100%;
}
.start_bn p {
	display:inline-block;
	width:100%;
	cursor: pointer;
	cursor: hand;
	margin-top:1.1em;
	margin-bottom:0;
	color:#fff;
	font-size:1.8em;
}
div.start_bn p img {
	width:18%;
	max-width:160px;
	min-width:110px;
}

/*車画像*/
body.top .view {
	display: block;
	margin: 1em auto 0px; auto;
	width: 100%;
	max-width: 1000px;
	z-index:-1;
}

/***********************プラットフォーム*****************************/
/*グローバルメニュー(上部)*/
div.A2-1 {
	display: table;
	width: 90%;     
	margin: 25px auto 0 auto;
}
	div.A2-1-1 {
		display: table-cell;
		width: 20%;
		vertical-align: top;
	}
	/*車名タイトル*/
	div.A2-1-2 {
		display: table-cell;
		width: 60%;
		padding-left: 0%;
		text-align: center;
		margin: 0 auto;
		vertical-align:bottom
	}
		.menu_title { 
		    margin:0 auto;
	         }
			 div.A2-1-2 .menu_title img {
				vertical-align: middle;
				width:620px;
				height: 22px;
			 }
			
			div.A2-1-2 .menu_title img+img {
				vertical-align: middle;
				display:none;
				height:38px;
			}

	div.A2-1-3 {
		display: table-cell;
		width: 20%;
	}
		div.A2-1-3 .menu_title2 {
			position:absolute;
			color:#999;
			font-size:12px;
			text-align: center;
			background-color: #333333;
			width:170px;
			right:30px;
			padding:4px 0px;
		}
			div.A2-1-3 .menu_title2 a img {
				vertical-align: middle;
				padding-right: 4px;
				width: 17px;
				height: 17px;
			}
			div.A2-1-3 p.menu_title2 a {
				text-decoration: underline;
				color: #FFFFFF;
			}
			.menu_title2 a:hover {
				color:#ffffff;
			}

/*グローバルメニュー(下部)*/
.gmenu {
	position:relative;   /*0810 add*/
	width : 100%;
	color: #999;
	margin-top:30px;
	clear:both;
}
	.menu {
		position: relative;
		color:#999;
		margin:0 auto; 
		padding:0; 
		height:45px; 
		width:100%; 
		max-width:820px;
		text-align: center;    /*Align Center the text of each menu */
	}
		.menu li {
			 position: relative;
			 width:150px;
			 list-style:none;
			 display: inline-block;  /*Each menu in-line elements (to the left and right center )*/
			 color:#999;
			 height:25px;
		 }
			 .gmenu_visual_chi,.gmenu_scene_chi,.gmenu_word_chi,.gmenu_movie_chi,.gmenu_inquiry_chi {
				position: relative;
				height:35px;  /*Need bottom adjustment of spacing img menus and blue lines*/
				margin:0 auto;
				width:140px;
				overflow:hidden;
				color:tranparent;
				box-sizing:border-box;
				-moz-box-sizing:border-box;
			}
			#visual .gmenu_visual_chi, #scene .gmenu_scene_chi, #search .gmenu_word_chi, #movie .gmenu_movie_chi {
				border-bottom: 3px solid #0086d3;
			}
			.gmenu_scene,.gmenu_word,.gmenu_movie,.gmenu_inquiry { 
				    background:url("../img/kugiri_line.png");
				    background-repeat:no-repeat;
				    margin-left:-4px;
		         }
			/*****************各メニューの画像設定**************/
			.gmenu img {
				 height:25px;
				 width:135px;
				 bottom:12px;
				 left:0;
			 }
			 #header a .on{
				display: none;
			 }
			 #header a .off{
				display: inline;
			 }
			 #visual #header .gmenu_visual a .on, #scene #header .gmenu_scene a .on, #search #header .gmenu_word a .on, #movie #header .gmenu_movie a .on {
					display: inline;
			 }
			 #visual #header .gmenu_visual a .off, #scene #header .gmenu_scene a .off, #search #header .gmenu_word a .off, #movie #header .gmenu_movie a .off {
					display: none;
			 }
			 
			 
/**********************for en***************************/
body.en li.gmenu_visual {
	width:150px;
}
body.en .gmenu_visual_chi {
	width:140px;
}
body.en li.gmenu_scene {
	width:180px;
}
body.en .gmenu_scene_chi {
	width:170px;
}

body.en li.gmenu_word {
	width:120px;
}
body.en .gmenu_word_chi {
	width:110px;
}
body.en .gmenu_word_chi img {
	margin-left:-10px;
}

body.en li.gmenu_inquiry {
	width:120px;
}
body.en .gmenu_inquiry_chi {
	width:110px;
}
body.en .gmenu_inquiry_chi img {
	margin-left:-14px;
}
/*********************************************************/


/**********************for es***************************/
body.es li.gmenu_visual {
	width:160px;
}
body.es .gmenu_visual_chi {
	width:150px;
}
body.es .gmenu div.gmenu_visual_chi img {
	width:140px;
}

body.es li.gmenu_scene {
	width:180px;
}
body.es .gmenu_scene_chi {
	width:170px;
}
body.es .gmenu div.gmenu_scene_chi img {
	width:160px;
}

body.es li.gmenu_word {
	width:100px;
}
body.es .gmenu_word_chi {
	width:90px;
}
body.es .gmenu div.gmenu_word_chi img {
	width:80px;
}

body.es li.gmenu_movie {
	width:115px;
}
body.es .gmenu_movie_chi {
	width:105px;
}
body.es .gmenu div.gmenu_movie_chi img {
	width: 95px;
	height: 25px;
}

body.es li.gmenu_inquiry {
	width:120px;
}
body.es .gmenu_inquiry_chi {
	width:110px;
}
body.es .gmenu div.gmenu_inquiry_chi img {
	width: 100px;
}
/*********************************************************/

/**********************for fr***************************/
body.fr li.gmenu_visual {
	width:162px;
}

body.fr .gmenu_visual_chi {
	width:152px;
}

body.fr .gmenu div.gmenu_visual_chi img {
	width:142px;
}

body.fr li.gmenu_scene {
	width:190px;
}
body.fr .gmenu_scene_chi {
	width:180px;
}
body.fr .gmenu div.gmenu_scene_chi img {
	width:170px;
}

body.fr li.gmenu_word {
	width:88px;
}
body.fr .gmenu_word_chi {
	width:78px;
}
body.fr .gmenu div.gmenu_word_chi img {
	width:68px;
}

body.fr li.gmenu_movie {
	width:140px;
}
body.fr .gmenu_movie_chi {
	width:130px;
}
body.fr .gmenu div.gmenu_movie_chi img {
	width: 120px;
	height: 25px;
}

body.fr li.gmenu_inquiry {
	width:140px;
}
body.fr .gmenu_inquiry_chi {
	width:130px;
}
body.fr .gmenu div.gmenu_inquiry_chi img {
	width: 120px;
}
/*********************************************************/

/**********************for de***************************/
body.de li.gmenu_visual {
	width:148px;
}
body.de .gmenu_visual_chi {
	width:138px;
}
body.de .gmenu div.gmenu_visual_chi img {
	width:128px;
}

body.de li.gmenu_scene {
	width:148px;
}
body.de .gmenu_scene_chi {
	width:138px;
}
body.de .gmenu div.gmenu_scene_chi img {
	width:128px;
}

body.de li.gmenu_word {
	width:98px;
}
body.de .gmenu_word_chi {
	width:88px;
}
body.de .gmenu div.gmenu_word_chi img {
	width:78px;
}

body.de li.gmenu_movie {
	width:145px;
}
body.de .gmenu_movie_chi {
	width:135px;
}
body.de .gmenu div.gmenu_movie_chi img {
	width: 125px;
	height: 25px;
}

body.de li.gmenu_inquiry {
	width:115px;
}
body.de .gmenu_inquiry_chi {
	width:105px;
}
body.de .gmenu div.gmenu_inquiry_chi img {
	width: 95px;
}
/*********************************************************/

/**********************for nl*****************************/
body.nl li.gmenu_visual {
	width:148px;
}
body.nl .gmenu_visual_chi {
	width:138px;
}
body.nl .gmenu div.gmenu_visual_chi img {
	width:128px;
}

body.nl li.gmenu_scene {
	width:170px;
}
body.nl .gmenu_scene_chi {
	width:160px;
}
body.nl .gmenu div.gmenu_scene_chi img {
	width:150px;
}

body.nl li.gmenu_word {
	width:98px;
}
body.nl .gmenu_word_chi {
	width:88px;
}
body.nl .gmenu div.gmenu_word_chi img {
	width:78px;
}

body.nl li.gmenu_movie {
	width:145px;
}
body.nl .gmenu_movie_chi {
	width:135px;
}
body.nl .gmenu div.gmenu_movie_chi img {
	width: 125px;
	height: 25px;
}

body.nl li.gmenu_inquiry {
	width:97px;
}
body.nl .gmenu_inquiry_chi {
	width:87px;
}
body.nl .gmenu div.gmenu_inquiry_chi img {
	width: 77px;
}
/*********************************************************/
/*ツールチップ*/
.ui-tooltip {
	font-size: 0.6em;
	width: 300px;
	text-align: center;
	word-wrap: break-word;
	background-color:#404040;
	background-image: none;
	border:none;
	color: rgb(175,176,176);
	box-shadow: 0px 0px;
}

/******************タイトル*****************/
.line_title {
	margin-top: 0;
	text-align:center;
	color: #FFFFFF;
	font-size: 120%;
	padding: 0 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin:0 0 10px 0;
	font-size:19.2px;
}



/*******************ビジュアル検索ページ******************/
#container, #container_v {
	background: none;
	margin-bottom: 65px;
}
#visual .box {
	height: 522px;
	width: 928px;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
}


/*******************シーン別検索ページ（章タイトル）******************/
div.col2 {
	position:absolute;
	display:block;
	margin: 5px 5px;
	width: 316px;
	height:295px;
	background:#292929;
	top:-100px;
	left:-500px;
}
div.col2 div {
	display:block;
	position:relative;
	width:100%;
	top:0px;   
	vertical-align:top;
}
div.col2 div:first-child {
	top:160px;  
}
div.col2 div img {
	right:0;
	width:100%;
	height:160px;
}
div.col2 div  p {
	margin:0 10px 5px 15px;;
	color:#afb0b0;
	font-size:80%;
}
#scene p.sectitle {
	display:table;
	padding:15px 0 0px;
	font-size:100%;
	width: 286px;
	margin-bottom:7px;
	padding-bottom:5px;
}
#scene #container &gt; div:first-child p.sectitle {
	border-bottom:solid 1px #96c6d4;
}
#scene #container &gt; div:first-child + div p.sectitle {
	border-bottom:solid 1px #8fbfa1;
}
#scene #container &gt; div:first-child + div + div p.sectitle {
	border-bottom:solid 1px #cfdaa9;
}
#scene #container &gt; div:first-child + div + div + div p.sectitle {
	border-bottom:solid 1px #e1c471;
}
#scene #container &gt; div:first-child + div + div + div + div p.sectitle {
	border-bottom:solid 1px #cb7350;
}
#scene #container &gt; div:first-child + div + div + div + div + div p.sectitle {
	border-bottom:solid 1px #ce7b81;
}
#scene #container &gt; div:first-child + div + div + div + div + div + div p.sectitle {
	border-bottom:solid 1px #d4b3d1;
}
#scene #container &gt; div:first-child + div + div + div + div + div + div + div p.sectitle {
	border-bottom:solid 1px #bc9a7b;
}

/*******************シーン別検索ページ（大タイトル）******************/
div.colm1 {
	position:absolute;
	display:block;
	margin: 5px 10px;
	//padding-bottom:10px;
	width: 316px;
	height:295px;
	top:-100px;
	left:-500px;
	overflow:hidden;
	background:#292929;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.scene01 p.line_title,p.l01 {
	color:#96c6d4;
}
.scene02 p.line_title,p.l02 {
	color:#8fbfa1;
}
.scene03 p.line_title,p.l03 {
	color:#cfdaa9;
}
.scene04 p.line_title,p.l04 {
	color:#e1c471;
}
.scene05 p.line_title,p.l05 {
	color:#cb7350;
}
.scene06 p.line_title,p.l06 {
	color:#ce7b81;
}
.scene07 p.line_title,p.l07 {
	color:#d4b3d1;
}
.scene08 p.line_title,p.l08 {
	color:#bc9a7b;
}
p.l01,p.l02,p.l03,p.l04,p.l05,p.l06,p.l07,p.l08,p.l09{
		margin: 5px 10px 2px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
}
div.colm1 div p {
	margin:0 10px;
	color:#666666;
	font-size:80%;
	line-height:140%;
	padding:1px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
div.colm1 div p a {
	color:#afb0b0;
}
div.colm1 div p a:after, div.howto_back_bt a:after {
	content: url(../img/arrow.png); 
	color:#0086d3;
}
div.colm1 div.menu_btn,div.colm1 div.menu_btn2 {
	position: absolute;
	bottom: 0;
	width:100%;
	height:50px;
	cursor:pointer;
	background:url("../img/aco_closed.png") no-repeat center;
}
div.colm1 div.menu_btn.opened,div.colm1 div.menu_btn2.opened {
	height:20px;
}


/*******************i-searchページ******************/
body#search div#container {
	margin-top: 230px;
}
#searchBg  {
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;	
}
div#searchBg div#noresult{
	display: none;
	color: #F1F1F1;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 240px;
}
.searchForm {
	background: none;
	margin-bottom: 20px;
	text-align: center;
	width: 100%;
	z-index: 5;
}
.searchForm ul.movie_search {
	padding: 0px;
	margin: 0 auto;
}
div.movie_search {
	text-align: center;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
}
div.searchText {
	display: inline-block;
	vertical-align: middle;
	width: 36%;
}
#keywords1 {
	height: 36px;
	border: 0px;
	padding: 0px 10px;
	width: 100%;
	vertical-align: middle;
	font-family:DefaultRegular, Arial, Helvetica, sans-serif;
	font-size:15px;
}
body.ja #keywords1{
	font-family:Arial, Helvetica, sans-serif;
}

input[type="text"] {
	-webkit-appearance: none;
	border-radius: 0;
}
#ajaxLoader {
	display: none;
	background-image: url("../img/load.gif");
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	width: 7%;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
}
ul.movie_search li div.onload {
	background: #595959;
	color: #B0B0B0;
}
#load_container {
	display: none;
}

/*******************動画を見るページ******************/
.v_box {
	width:100%;
	margin:0 0 auto;
	overflow-x:hidden;
}
#container_v {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}






















select {
	height: 45px;
	font-size: 100%;
	padding-left: 12px;
	border: 1px solid #B3B3B3;
	border-radius: 4px;
	text-indent: .01px;
	text-overflow: "";
}












.centered div.sec {
	position: relative;
	margin-left: 10px;
	padding: 5px;
	font-size: 20px;
	color: #FFFFFF;
	font-weight: bold;
	font-family:DefaultBold, Arial, Helvetica, sans-serif;
}
body.ja .centered div.sec {
	font-weight: bold;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ','Meiryo UI','ＭＳ Ｐゴシック',sans-serif;
}

p.sec {
	/*position: relative;*/
	/*padding: 6px 5px 6px 15px;*/
	margin: 0px;
	font-size: 20px;
	color: #FFFFFF;
	font-weight: bold;
	font-family:DefaultBold, Arial, Helvetica, sans-serif;
	/*float: left;*/
}
body.ja p.sec{
	font-weight: bold;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ','Meiryo UI','ＭＳ Ｐゴシック',sans-serif;
}


ul.accordion ul {
	display: none;
}
div.card {
	width: 240px;
	height: 160px;
}





p.menu {
	color: #FFFFFF;
	margin: 5px 0px;
	padding: 0.5em 0em;
	text-align: center; //
	background: -webkit-gradient(linear, left top, right top, from(#3867A8),
		to(#001133)); //
	background: -moz-linear-gradient(left, #3867A8, #001133); //
	background: -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3867A8', endColorstr='#001133', GradientType=0)";
	//
	background: linear-gradient(to right, #3867A8, #001133);
}



p.menu_title {
	color: #FFFFFF;
	font-weight: bold;
	font-family:DefaultBold, Arial, Helvetica, sans-serif;
	font-size: 17px;
}
body.ja p.menu_title{
	font-weight: bold;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ','Meiryo UI','ＭＳ Ｐゴシック',sans-serif;
}

p.menu_title2 {
	color: #FFFFFF;
	font-weight: bold;
	font-family:DefaultBold, Arial, Helvetica, sans-serif;
}
body.ja p.menu_title2{
	font-weight: bold;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ','Meiryo UI','ＭＳ Ｐゴシック',sans-serif;
}


div.movie_link a:link {
	font-weight: bold;
	font-family:DefaultBold, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #00a0e8;
	vertical-align: super;
}
body.ja div.movie_link a:link {
	font-weight: bold;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ','Meiryo UI','ＭＳ Ｐゴシック',sans-serif;
}


























/* setting */
div.set {
	margin-left: 50px;
}
div.set div {
	text-align: left;
	width: 100%;
}
div.set td img {
	border: none;
}




div.set div div.active {
	font-size: 150%;
	text-align: center;
	color: #FFFFFF;
	background: -webkit-gradient(linear, left top, right top, from(#158eb3),
		color-stop(0.5, #33a0db), to(#158eb3));
	background: -moz-linear-gradient(left, #158eb3, #33a0db 50%, #158eb3);
	background: -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#158eb3', endColorstr='#33a0db', GradientType=0)";
	background: -ms-linear-gradient(left, #158eb3, #33a0db);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#158eb3',
		endColorstr='#33a0db', GradientType=0); /* IE7,8,9 */
	border: 1px solid #FFFFFF;
}

div.set div div img {
	padding: 0px 10px;
}
div.set td ul li a {
	padding: 10px;
}
div.set p {
	margin: 0px;
	font-weight: bold;
	font-family:DefaultBold, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFFFFF;
}
body.ja div.set p{
	font-weight: bold;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ','Meiryo UI','ＭＳ Ｐゴシック',sans-serif;
}


div.set p.set_text {
	font-size: 25px;
}


div.content {
	position: absolute;
	height: 100%;
	left: 240px;
	top: 0px;
	background-color: #FFFFFF;
	margin: 0px;
}

p.close {
	text-align: right;
	background: #B02635;
	color: white;
	width: 100%;
	margin: 0px;
	padding: 3px 0px;
}

/* visual search */


#visual .visual {
	width: 100%;
	height: 100%;
}

#visual .switch {
	margin-top:5em;
	height: 100px;
}
#visual .switch&gt;a {
	display: block;
	width: 180px;  /*330_change*/
	margin: auto;
	height: 100%;
	cursor: pointer;
	cursor: hand;
}


#visual .box iframe {
	width: 100%;
	height: 100%;
	border:none;
}

/* search form */








/* movie*/
.movie_search li {
	list-style: none;
	vertical-align: bottom;
}
ul.movie_search input.movie_search_bt {
	line-height: 35px;
	border-radius: 0;
	-webkit-appearance: none;
	padding: 0 22px;
	background-color: #118fbf;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	border-style: none;
	display: inline-table;
	margin-left: 15px;
	vertical-align: middle;
	height: 36px;
	cursor: pointer;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
	display:inline;
	vertical-align:middle;
	letter-spacing: 4px;
	font-family: DefaultBold, Arial, Helvetica, sans-serif;
	font-size:13px; 
	width: 7%;
	padding: 0px 13px;
	letter-spacing:1px;
}
body.ja ul.movie_search input.movie_search_bt {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.movie_search_bt p {
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
	display: table-cell;
}
.ul.movie_search input.movie_search_bt:hover {
	background-color: #00ACED;
}
.movie_cap {
	height: 100px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.movie_cap img {
	margin: 0px 15px;
	padding: 0px;
	margin-bottom: 5px;
	width: 190px;
	height: 100px;
	bottom: 0;
}
.scene_cap img {
	margin: 0px 15px;
	padding: 5px 0px;
	width: 190px;
	height: 100px;
	bottom: 0;
	position: absolute;
}
.scene_movie_cap {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.scene_movie_cap img {
	padding: 0 20px;
	width: 190px;
	height: 100px;
	margin-top: 53px;
}
.movie_link {
	padding-left: 11px;
}
/* card common style */
div.col3 {
	margin: 10px;
}
/* ClearFix */
.clearfix {
	zoom: 1;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
/* global menu */
li a:link {
	color: #FFFFFF;
}
div.A2-2 p.menu img {
	height: 40px;
}
div.A2-2 div {
	border: 1px solid #717171;
	display: table-cell;
	width: 15%;
}
div.A2-2 div:hover {
	border: 1px solid #ac1223;
}
.centered {
	margin: 0 auto;
}
/* scene Chapter*/




/* scene_big */
div.colm1.filler {
	background: transparent;
}

#search div.box p.enable&gt;a{
	color: #afb0b0;
	cursor: pointer;
}
#search div.box p &gt; a {
	cursor: text;
	color: #666666;
}
#search div.box p.enable &gt; a:after{
	content: url(../img/arrow.png);
	color: #0086d3;
}
#search div.box p &gt; a:after{
	content: none;
}
/*movie*/

#container_v div.colm1 {
	display:block;
	margin: 5px 5px;
	padding-bottom:10px;
	width: 316px;
	height:295px;
	overflow:hidden;
	background:#292929;
}
#container_v div.colm2 {
	display:block;
	margin: 5px 5px;
	padding-bottom:10px;
	width: 642px;
	height:295px;
	overflow:hidden;
	background:#292929;
}
#container_v div.colm3 {
	display:block;
	margin: 5px 5px;
	padding-bottom:10px;
	width: 642px;
	height:610px;
	overflow:hidden;
	background:#292929;
}
#container_v p.l1 {
	margin: 5px 10px;  /*0404_change*/
	color:#f1f1f1;
	font-size:1.1em;     /*0404_add*/
	height:52px;      /*0404_add*/
}
#container_v div. #container_v colm1 img.colm1 {
	width:316px;
	height:177px;
}
#container_v div.colm2 img.colm2, #container_v div.colm3 img.colm2 {
	width:652px;
	height:360px;
}

#container_v div.colm2 img.colm1, #container_v div.colm3 img.colm1 {
	display:none;
}
#container_v div.colm2 div, #container_v div.colm3 div {
	columns:316px auto;
	-moz-columns: 316px auto;
	-webkit-columns: 316px auto;
	-o-columns: 316px auto;
	-ms-columns: 316px auto;
}
#container_v div.colm1 div p, #container_v div.colm2 div p, #container_v div.colm3 div p {
	margin:0 10px;
	/*color:#666666;
	font-size:80%;
	line-height:140%; */
}
#container_v div.colm1 div p a, #container_v div.colm2 div p a, #container_v div.colm3 div p a {
	/*color:#afb0b0;*/
}
#container_v div.colm2 div.boxcol1, #container_v div.colm3 div.boxcol1 {
	float: left;
	width: 50%;
	height: 40%;
}
#container_v div.colm2 div.boxcol2, #container_v div.colm3 div.boxcol2 {
	float: right;
	width: 50%;
	height: 40%;
}
#container_v div.box div.boxcol a p.video_link {
	position:absolute;         /*0404_change*/
	bottom:0em;
	color: #0086d3;
	font-size: 1em;
	right:0px;  /*0404_add*/
}
.colm1 img.video_cap {
	float:left;
}
.colm1 img.video_cap+img {
	margin:4em 0 0 -12em;
	width:54px;
}
.colm3 img.video_cap {
	float:left;
}

.colm3 img.video_cap+img {
	margin:8em 0 0 -24em;
}

p.video_link {
	clear:both;
}

div.video-container{
max-width:100%;
height:auto;
}
 
div.video{
position:relative;
margin:0 0 0 0;
padding-bottom:57.25%;
height:0;
overflow:hidden;
}
 
div.video iframe,
div.video object,
div.video embed{
position:absolute;
top:1em;
left:2em;
width:90%;
height:90%;
}

img.youtube_cap {
	margin-top:1em;
	margin-left:2em;
	width:90%;
	display:block;
}

img.yt_play {
	margin:-36% 0 0 43%;
}

@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, img.yt_play { margin-bottom:9em } /* IE11 */	
}
html&gt;/**/body img.yt_play {
     margin-bottom:9em;
}















#container.show {
	-webkit-transform: translate3d(240px, 0px, 1px);
	min-width: 320px;
}

/* contact */


/* google map */

/* welcome movie */


/* read the first */
.ui-widget-overlay {
	z-index: 1000;
}

.ui-dialog {
	z-index: 1001;
	max-width: 800px;
	margin: auto;
	border: none;
	background: #1a1a1a;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	position: fixed; //330_add
}

.ui-dialog .ui-widget-content {
	border: none;
	background-color: transparent;
}
.ui-dialog .ui-dialog-content {
	max-width: 730px;
	margin: 0 35px;
	padding: 0;
	word-wrap:break-word;
}
.ui-state-default .ui-icon, .ui-dialog-titlebar .ui-dialog-titlebar-close {
	border: none;
	background-color: transparent;
	background-image: url(../img/close_dialog.png);
}
.ui-dialog .ui-dialog-buttonpane button {
	border-radius: 10px;
	border:none;
	background-color: #333333;
}
.ui-dialog .ui-widget-header {
	background: none;
	border: none;
}
.ui-dialog .ui-button:focus {
	outline: 0;
}

.ui-dialog iframe {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}


/* Suggest */
.ui-autocomplete {
	z-index: 1000;
}

/*Visual search tool chip*/

div.ext1,div.ext2 {
	display:inline-block;
	float:left;
	width:90px;  /*330_change*/	
	height: 77.5px;
	z-index:1000;
}

#noVisual{
	display: none;
	height: 300px;
	width: 320px;
	color: #F1F1F1;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	background: #333333;
}
#noVisual div {
	padding: 35% 15% 0% 15%;

}



.caption {
	position:absolute;
	right:0;
	color:#ffffff;
}
.caption {
	position:absolute;
	right:0;
	color:#ffffff;
}

sup.sup {
	 height: 0;
    line-height: 1;
    vertical-align: baseline;
    position: relative;
    bottom: 0.4em;
	
}

/*except japan*/
html[lang="en"] #search p.index_title, 
html[lang="en"] #search form.searchForm,
/*html[lang="en"] #search #container,*/
html[lang="en"] #search #load_container,
html[lang="en"] #search #searchBg {
	display:none;
}
html[lang="es"] #search p.index_title, 
html[lang="es"] #search form.searchForm,
/*html[lang="es"] #search #container,*/
html[lang="es"] #search #load_container,
html[lang="es"] #search #searchBg {
	display:none;
}
html[lang="fr"] #search p.index_title, 
html[lang="fr"] #search form.searchForm,
/*html[lang="fr"] #search #container,*/
html[lang="fr"] #search #load_container,
html[lang="fr"] #search #searchBg {
	display:none;
}
html[lang="de"] #search p.index_title, 
html[lang="de"] #search form.searchForm,
/*html[lang="de"] #search #container,*/
html[lang="de"] #search #load_container,
html[lang="de"] #search #searchBg {
	display:none;
}
html[lang="nl"] #search p.index_title, 
html[lang="nl"] #search form.searchForm,
/*html[lang="nl"] #search #container,*/
html[lang="nl"] #search #load_container,
html[lang="nl"] #search #searchBg {
	display:none;
}
/*except japan*/

.menu li a {
	font-size:0px;
}

body.top #header {
	position:relative;
}

/*****************new line*******************/
wbr:after {
	content:"\00200B";
}

</pre></body></html>