@charset "utf-8";

@import url("jquery.fancybox-1.3.4.css");

/* =====clearfixハック===== */
.clearfix:after {
    content: "."; 
    display: block; 
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

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

/* =====初期設定=====*/

*{
	font-size: 100%;
	outline: 0;
	-webkit-text-size-adjust:none;
}

html {
	border: none; 
}

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,embed { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
fieldset { border: none; }
caption,th { text-align: left; }
ul, ol { list-style: none; }
img { border: 0px; vertical-align:bottom; }
table { border: 0px none #000; border-collapse: collapse;padding: 0; margin: 0; }

body{
	line-height: 1.6em;
	background: #fff;
/*	background: url(../common_images/global_bg.png) center top repeat-y; */
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif; 
/* font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; */
	color: #474445; 
	border: none; 
}

*:first-child+html body{font-size: 75%;}/* for IE7 */
* html body{font-size: 75%;}/* for IE5-6 */

/* ======デフォルトリンク====== */

a { 
	text-decoration: none; 
}

a:link { 
	color: #0085C7; 
}

a:visited {
	color: #0085C7; 
}

a:active,
a:hover { 
	color: #0085C7; 
}


/* フォント設定 */
.fontGothic {
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif  !important; 
}

.fontMincho {
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif !important;
}

/* @font-face {
    font-family: 'TrajanProBold';
    src: url('font/trajanpro-bold-webfont.eot');
    src: url('font/trajanpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/trajanpro-bold-webfont.woff') format('woff'),
         url('font/trajanpro-bold-webfont.ttf') format('truetype'),
         url('font/trajanpro-bold-webfont.svg#TrajanProBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TrajanProRegular';
    src: url('font/trajanpro-regular-webfont.eot');
    src: url('font/trajanpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/trajanpro-regular-webfont.woff') format('woff'),
         url('font/trajanpro-regular-webfont.ttf') format('truetype'),
         url('font/trajanpro-regular-webfont.svg#TrajanProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
} */


/* =====▼ヘッダー=====*/
#headerWrapper {
	width: 970px; 
	height: 75px; 
	text-align: left; 
	margin: 0 auto; 
	position: relative; 
}

#headerWrapper h1 {
	position: absolute; 
	left: 0px; 
	top: 16px; 
}

#headerWrapper .btnForIpad {
	position: absolute; 
	top: 11px; 
	right: -4px; 
}

ul#header {
	width: 430px; 
	height: 22px; 
	position: relative; 
}

ul#header li#top, 
ul#header li#concept, 
ul#header li#product, 
ul#header li#qAndA {
	position: absolute; 
	top: 0px; 
}

ul#header li#top { left: 0px; }
ul#header li#concept { left: 64px; }
ul#header li#product { left: 168px; }
ul#header li#lineup { left: 273px; }
ul#header li#qAndA { left: 360px; }

.sf-menu, .sf-menu * {margin: 0; padding: 0; list-style: none; }
.sf-menu {line-height: 0; }
.sf-menu ul {position: absolute; top: -999em; }
.sf-menu ul li {width: auto; }
.sf-menu li:hover {visibility: inherit; }
.sf-menu li {float: left; position: relative; }
.sf-menu a {display: block; position: relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left: 0; top: 29px; z-index: 99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {top: 0; }

.sf-navbar {height: 22px;  width: 343px;  padding: 0px;  position: absolute;  top: 29px;  left: 239px;  }
.sf-navbar li {position: relative; padding: 0px;  }
.sf-navbar li li {position: relative; float: left;  }
.sf-navbar ul li {width: auto; float: left; }
ul.sf-navbar .current ul,ul.sf-navbar ul li:hover ul,ul.sf-navbar ul li.sfHover ul {left: 0; top: 22px; }
ul.sf-navbar .current ul ul {top: -999em; }

#headerWrapper ul li ul.concept {
	width: 350px; 
	height: 18px; 
	top: 22px; 
	left: -124px; 
}

#headerWrapper ul li ul.product {
	width: 348px; 
	height: 18px; 
	top: 22px; 
	left: -121px; 
}

#headerWrapper ul li ul.lineup {
	width: 255px; 
	height: 18px; 
	top: 22px; 
	left: -84px; 
}

/* パンクズ */
.pankuzu {
	width: 860px; 
	margin: 12px auto 0 auto; 
	font-size: 12px; 
	height: 12px; 
	line-height: 12px; 
	text-align: right; 
	color: #0085C7; 
}

/* =====▲ヘッダー=====*/

/* =====▼フッター=====*/
#footerWrapper {
	width: 970px; 
	height: 27px; 
	text-align: left; 
	margin: 60px auto 20px auto; 
}

#footerWrapper ul {
	float: left; 
	height: 27px; 
	border-left: 1px solid #ccc; 
	overflow: hidden; 
	width: 637px; 
}

#footerWrapper ul li {
	float: left; 
	width: 126px; 
	height: 27px; 
	line-height: 27px; 
	padding: 0; 
	border-right: 1px solid #ccc; 
	overflow: hidden; 
	font-size: 10px; 
	text-align: center; 
}

#footerWrapper ul li a,
#footerWrapper ul li a:hover,
#footerWrapper ul li a:active,
#footerWrapper ul li a:visited {
	color: #474445; 
}

#footerWrapper .copyright {
	font-family: Helvetica; 
	float: right; 
	font-size: 9px; 
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif  !important; 
	height: 27px; 
	line-height: 27px; 
	width: 280px; 
	text-align: right; 
}

/* .pageTopLink {
	width: 970px; 
	margin: 30px auto; 
	text-align: right; 
} */

.pageTopLink {
	width: 860px; 
	height: 15px; 
	text-align: right; 
	margin: 34px 0 0 0; 
}

.pageTopLink a {
	float: right; 
}

/* =====▲フッター=====*/

/* =====▼コンテンツ=====*/
#contentsWrapper {
	width: 970px; 
	text-align: left; 
	margin: 0 auto; 
}

.mainImage {
 	display: none;  
/* 	opacity: 0;  */
}
/* =====▲コンテンツ=====*/

/* =====▼ TopPage=====*/
.slideAreaWrapper {
	width: 970px; 
	height: 460px; 
	overflow: hidden; 
	/* background: url('../top_images/main_00.jpg') left top no-repeat;  */
}

.slideArea {
	width: 970px; 
	height: 460px; 
	overflow: hidden; 
 	display: none;  
}

.topPageIcon {
	width: 970px; 
	height: 30px; 
	position: relative; 
	margin: 14px 0; 
}

.topPageIcon li {
	float: left; 
	height: 30px; 
	position: absolute; 
}

.topPageIcon li.brandMovie {
	left: 20px; 
}

.topPageIcon li.product {
	left: 220px; 
}

.topPageIcon li.lineup {
	left: 413px; 
}

.topPageIcon li.howTo {
	left: 616px; 
}

.topPageIcon li.qAndA {
	left: 774px; 
}
/* =====▲TopPage=====*/



/* =====▼ムービーのモーダル=====*/
.movieFrame {
	padding: 0; 
	margin: 0; 
	line-height: 0; 
}

.movieFrame img,
.movieFrame embed {
	border: 1px solid #0f0; 
	padding: 0px; 
	margin: 0px; 
}

video {
	border: 1px solid #0f0; 
	margin: 0; 
	padding: 0; 
}