@charset "UTF-8";

/**************************************
 IEPNGFIX [shadowbox] 
***************************************/
img{ behavior: url("/bz/brightz/js/iepngfix.htc") }

.mR10{ margin-right: 10px !important;}
.mR20{ margin-right: 20px !important;}
.mR30{ margin-right: 30px !important;}
.mR40{ margin-right: 40px !important;}
.mR50{ margin-right: 50px !important;}

.mL10{ margin-left: 10px !important;}
.mL20{ margin-left: 20px !important;}
.mL30{ margin-left: 30px !important;}
.mL40{ margin-left: 40px !important;}
.mL50{ margin-left: 50px !important;}

.mT40{ margin-top: 40px !important;}
.mT50{ margin-top: 50px !important;}
.mT60{ margin-top: 60px !important;}

/**************************************
COMMON source 1 [shadowbox] 
***************************************/
#sb-nav-close {
	background-image : url(../concept/img/btn_close.gif) ;
	background-repeat : no-repeat ;
}

#sb-body, #sb-loading, #sb-info, #sb-wrapper, #sb-content{
	background-color : #343434 ;
}

#sb-content a,
#sb-content a:link,
#sb-content a:visited{
	color: #fff;
}

#sb-content a:hover{
	color: #7fa7cb;
}

#sb-content h3{
	margin-bottom: 20px;
}

/**************************************
COMMON source 2 [headImage] 
***************************************/
body #page #pageBodyArea #contentBlock .headImage{
	margin : 0 0 20px 0 ;
	position : relative ;
	zoom : 1 ;
}

body #page #pageBodyArea #contentBlock .headImage .mainImage{
	border-bottom : 1px solid #343434 ;
}

body #page #pageBodyArea #contentBlock .headImage .btnList{
	position : absolute ;
	bottom : 20px ;
	right : 0 ;
}

body #page #pageBodyArea #contentBlock .headImage .btnList2{
	position : absolute ;
	bottom : 0 ;
	right : 0 ;
}

.copy_inhibit{
	width: 720px;
	height: 300px;
	display: block;
	overflow: hidden;
	background: url(../concept/img/pic_main_brightz.jpg) 0 0 no-repeat;
	text-indent: -9999px;
}

/**************************************
COMMON source 3 [lineupSection] 
***************************************/
body #page #pageBodyArea #contentBlock .lineupList{
	margin : 20px 0 10px 15px ;
	display : inline ;
}

body #page #pageBodyArea #contentBlock .lineupList dl{
	width : 240px ;
	float : left ;
	text-align : center ;
	display : inline ;
}

body #page #pageBodyArea #contentBlock .lineupList dl dt{
	padding : 0 0 5px 0 ;
}

/**************************************
COMMON source 4 [tabSection] 
***************************************/
body #page #pageBodyArea #contentBlock #tabSection .tabList li.detail a{
	width : 241px ;
	height: 30px ;
	display : block ;
	background : url(../concept/img/btn_detail.gif) 0 0 no-repeat ;
	text-indent : -9999px ;
	overflow : hidden ;
}

body #page #pageBodyArea #contentBlock #tabSection .tabList li.detail a.select,
body #page #pageBodyArea #contentBlock #tabSection .tabList li.detail a:hover{
	background : url(../concept/img/btn_detail_ov.gif) 0 0 no-repeat ;
}

body #page #pageBodyArea #contentBlock #tabSection .tabList li.episode a{
	width : 239px ;
	height: 30px ;
	display : block ;
	background : url(../concept/img/btn_episode.gif) 0 0 no-repeat ;
	text-indent : -9999px ;
	overflow : hidden ;
}

body #page #pageBodyArea #contentBlock #tabSection .tabList li.episode a.select,
body #page #pageBodyArea #contentBlock #tabSection .tabList li.episode a:hover{
	background : url(../concept/img/btn_episode_ov.gif) 0 0 no-repeat ;
}

body #page #pageBodyArea #contentBlock #tabSection .tabList li.technology a{
	width : 239px ;
	height: 30px ;
	display : block ;
	background : url(../concept/img/btn_technology.gif) 0 0 no-repeat ;
	text-indent : -9999px ;
	overflow : hidden ;
}

body #page #pageBodyArea #contentBlock #tabSection .tabList li.technology a.select,
body #page #pageBodyArea #contentBlock #tabSection .tabList li.technology a:hover{
	background : url(../concept/img/btn_technology_ov.gif) 0 0 no-repeat ;
}

body #page #pageBodyArea #contentBlock #tabSection .tabList li.movie a{
	width : 240px ;
	height: 30px ;
	display : block ;
	background : url(../concept/img/btn_movie.gif) 0 0 no-repeat ;
	text-indent : -9999px ;
	overflow : hidden ;
}

body #page #pageBodyArea #contentBlock #tabSection .tabList li.movie a.select,
body #page #pageBodyArea #contentBlock #tabSection .tabList li.movie a:hover{
	background : url(../concept/img/btn_movie_ov.gif) 0 0 no-repeat ;
}

body #page #pageBodyArea #contentBlock #tabSection #page2,
body #page #pageBodyArea #contentBlock #tabSection #page3{
	display : none ;
}

body #page #pageBodyArea #contentBlock #tabSection h3{
	padding-top : 20px ;
	border-top : 1px solid #343434 ;
}


/******************Epd*******************/
body #page #pageBodyArea #contentBlock #tabSection .tabList li.detailEpd a{
	width : 360px ;
	height: 30px ;
	display : block ;
	background : url(../concept/img/btn_detail_epd.gif) 0 0 no-repeat ;
	text-indent : -9999px ;
	overflow : hidden ;
}

body #page #pageBodyArea #contentBlock #tabSection .tabList li.detailEpd a.select,
body #page #pageBodyArea #contentBlock #tabSection .tabList li.detailEpd a:hover{
	background : url(../concept/img/btn_detail_epd_ov.gif) 0 0 no-repeat ;
}


body #page #pageBodyArea #contentBlock #tabSection .tabList li.epd a{
	width : 360px ;
	height: 30px ;
	display : block ;
	background : url(../concept/img/btn_epd.gif) 0 0 no-repeat ;
	text-indent : -9999px ;
	overflow : hidden ;
}

body #page #pageBodyArea #contentBlock #tabSection .tabList li.epd a.select,
body #page #pageBodyArea #contentBlock #tabSection .tabList li.epd a:hover{
	background : url(../concept/img/btn_epd_ov.gif) 0 0 no-repeat ;
}

body #page #pageBodyArea #contentBlock .headImage #page2Title{
	display : none ;
}

/*******************Dt*******************/
body #page #pageBodyArea #contentBlock #tabSection .tabList li.detailDt a{
	width : 360px ;
	height: 30px ;
	display : block ;
	background : url(../concept/img/btn_detail_dt.gif) 0 0 no-repeat ;
	text-indent : -9999px ;
	overflow : hidden ;
}

body #page #pageBodyArea #contentBlock #tabSection .tabList li.detailDt a.select,
body #page #pageBodyArea #contentBlock #tabSection .tabList li.detailDt a:hover{
	background : url(../concept/img/btn_detail_dt_ov.gif) 0 0 no-repeat ;
}

body #page #pageBodyArea #contentBlock #tabSection .tabList li.episodeDt a{
	width : 360px ;
	height: 30px ;
	display : block ;
	background : url(../concept/img/btn_episode.gif) 0 0 no-repeat ;
	text-indent : -9999px ;
	overflow : hidden ;
}

body #page #pageBodyArea #contentBlock #tabSection .tabList li.episodeDt a.select,
body #page #pageBodyArea #contentBlock #tabSection .tabList li.episodeDt a:hover{
	background : url(../concept/img/btn_episode_ov.gif) 0 0 no-repeat ;
}

/**************************************
COMMON source 4 [columnBox] 
***************************************/
body #page #pageBodyArea #contentBlock .columnBox{
	margin-left : 20px ;
	_height : 140px ;
	min-height : 140px ;
	position : relative ;
}

body #page #pageBodyArea #contentBlock .columnBox .ColL{
	width : 220px ;
}

body #page #pageBodyArea #contentBlock .columnBox .ColR{
	width : 460px ;
}


/**************************************
CSS for Brightz/Index.php [h] 
***************************************/
body #page #pageBodyArea #contentBlock #informationSection .aboutBox p,
body #page #pageBodyArea #contentBlock #informationSection .functionBox p,
body #page #pageBodyArea #contentBlock #informationSection .lineupBox p{
	margin-left : 20px ;
}

body #page #pageBodyArea #contentBlock #informationSection .aboutBox{
	margin : 0 30px 25px 0 ;
	float : left ;
	width : 420px ;
}

body #page #pageBodyArea #contentBlock #informationSection .functionBox{
	margin : 0 0 25px ;
	float : left ;
	width : 270px ;
}

body #page #pageBodyArea #contentBlock #informationSection .functionBox li{
	margin : 0 0 6px ;
}

#sb-content p.ColR{
	width : 233px ;
}

body #page #pageBodyArea #contentBlock #informationSection .lineupBox{
	padding : 20px 0 0 ;
	border-top : 1px solid #343434 ;
}

body #page #pageBodyArea #contentBlock #informationSection .lineupBox li{
	margin : 0 8px 7px 0 ;
}

/**************************************
CSS for Brightz /dt/index.php [h] 
***************************************/
body #page #pageBodyArea #contentBlock #mainContentBlock h3{
	margin-bottom : 20px ;
	padding-top : 20px ;
	border-top : 1px solid #343434 ;
}

.red{color: #ff0000 !important;}
/**************************************
CSS for Brightz /kp/index.php [h] 
***************************************/
body #page #pageBodyArea #contentBlock .movieBox{
	margin-left : 20px ;
	_height : 140px ;
	min-height : 140px ;
	position : relative ;
}

body #page #pageBodyArea #contentBlock .movieBox .ColL,
body #page #pageBodyArea #contentBlock .movieBox .ColR{
	width : 340px ;
}
/**************************************
CSS for Brightz/newcollection.php [h] 
***************************************/
.newcollection #mainVisual{
	width:720;
	height:590;
	background: url(../concept/img/bzcoll_pic_main.jpg) 0 0 no-repeat;
}
.newcollection #mainVisual h2{
	margin-bottom:320px;
}

.newcollection ul.menu{
	margin-left:393px;
}

.newcollection ul.menu li a{
	display: block;
	height: 36px;
	background: url(../concept/img/bzcoll_menu.gif) 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

/*----- list01 -----*/
.newcollection ul.menu li.list01 a{
	width: 327px;
}
.newcollection ul.menu li.list01 a:hover{ background-position: 0 -36px;}

/*----- list02 -----*/
.newcollection ul.menu li.list02 a{
	width: 327px;
	background-position: -327px 0;
}
.newcollection ul.menu li.list02 a:hover{ background-position: -327px -36px;}

/*----- list03 -----*/
.newcollection ul.menu li.list03 a{
	width: 327px;
	background-position: -654px 0;
}
.newcollection ul.menu li.list03 a:hover{ background-position: -654px -36px;}

/*----- bnr01 -----*/
.newcollection .bnr01{
	margin-left:393px;
	padding-bottom:35px;
}
.newcollection .bnr01 a{
	display: block;
	width:327px;
	height: 52px;
	background: url(../concept/img/bzcoll_bnr.gif) 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
.newcollection .bnr01 a:hover{ background-position: 0 -52px;}


/*--===== .newcollection =====--*/
.newcollection .ColL{
	float: left;
	display:inline;
}

.newcollection .ColR{
	float: right;
	display:inline;
	
}

.newcollection .arrow01{
	margin-top:5px;
}
.newcollection .arrow01 a{
	padding:3px 20px 3px 0;
	background: url(../concept/img/bzcoll_icon.gif) 100% 0 no-repeat;
	color:#fff;
	text-decoration:none;
}
.newcollection .arrow01 a:hover{
	color:#c80000;
}

.newcollection .icon_clear a{
	margin-top:5px;
	margin-right:10px;
	width:70px;
	height:27px;
	background: url(../concept/img/bzcoll_icon_clear.gif) 0 100% no-repeat;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}

/*----- section01 -----*/
.newcollection .section01{
	padding-left:16px;
	background:url(../concept/img/bzcoll_bg_section01.gif) 0 100% repeat-x;
}
.newcollection .section01 .ColL{
	position:relative;
}
.newcollection .section01 .ColR{
	width:385px;
}
.newcollection .section01 .price{
	margin-top:50px;
	position:absolute;
	top:0;
	left:200px;
	white-space:nowrap;
}
.newcollection .section01 .tumbnail{
	width:92px;
}
.newcollection .section01 .tumbnail li{
	margin-right:4px;
	margin-bottom:4px;
	float: left;
	display:inline;
}
.newcollection .grayBox{
	margin-top:50px;
	padding:17px;
	background-color:#2c2c2c;
}

/*----- section02 -----*/
.newcollection .section02 h4{
	margin-top:50px;
	margin-bottom:50px;
}
.newcollection .section02 h4 span a{
	margin-top:-20px;
	width:205px;
	height:20px;
	position:absolute;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}

/*--===== shadowbox =====--*/
.newcollection #sb-info{ display: none;}

.newcollection #Close{
	width: 21px;
	height: 21px;
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
}

.newcollection #sb-body,
.newcollection #sb-loading,
.newcollection #sb-info,
.newcollection #sb-wrapper,
.newcollection #sb-content{ background-color : #000;}

.newcollection #sb-body{ margin-top: -27px;}

.newcollection #sb-content{
	padding: 0px;
	overflow:hidden;
	position:relative;
}

.newcollection #sb-content h3{
	margin-bottom: 0;
}


.newcollection #sb-content dl dd,
.newcollection #sb-content p{
	font-size : 100% ;
	font-family : Arial,'ＭＳ Ｐゴシック',sans-serif ;
	line-height: 1.5em;
}
/* IE6 */
* html .newcollection #sb-content dl dd,
* html .newcollection #sb-content p{
	font-size : 12px;
}
/* IE7 */
*:first-child+html .newcollection #sb-content dl dd,
*:first-child+html .newcollection #sb-content p{
	font-size : 12px;
}

.newcollection #sb-content p.TextS{
	font-size: 90% !important;
	_font-size: 9px !important
}

/*----- page1 -----*/
.newcollection .page1 #sb-content,
.newcollection .page1 .ColL{ margin: 0 !important;}

.newcollection .page1 .bg{
	width:800px;
	height:450px;
	background:url(../concept/img/bzcoll_pic1_01.jpg) 0 0 no-repeat;
}

.newcollection .page1 h3,
.newcollection .page1 .summary{
	margin-left:20px;
	width:410px;
}

/*----- page2 -----*/
.newcollection .page2 #sb-content,
.newcollection .page2 .ColL{ margin: 0 !important;}

.newcollection .page2 .bg{
	width:800px;
	height:450px;
	background:url(../concept/img/bzcoll_pic2_01.jpg) 0 0 no-repeat;
}

.newcollection .page2 h3,
.newcollection .page2 .summary{
	margin-left:20px;
	width:300px;
}

/*----- page3 -----*/
.newcollection .page3 #sb-content,
.newcollection .page3 .btm{ margin: 0 !important;}

.newcollection .page3 .bg{
	width:800px;
	height:450px;
	background:url(../concept/img/bzcoll_pic3_01.jpg) 0 0 no-repeat;
}

.newcollection .page3 .btm{
	position:absolute;
	bottom:20px;
}

.newcollection .page3 h3,
.newcollection .page3 .summary{
	margin-left:330px;
	width:450px;
}

/*----- superClear -----*/
#superClear{
	display:none;
}
.newcollection .superClear #sb-content,
.newcollection .superClear .ColL{ margin: 0 !important;}

.newcollection .superClear .bgRed{
	width:640px;
	height:368px;
	background-color : #ac0707;
}

.newcollection .superClear h3{
	margin-top:50px;
	margin-left:20px;
}

.newcollection .superClear p.summary{
	margin-left:20px;
	width:290px;
}


/**************************************
CSS for Lineup/index.php [h] 
***************************************/
.color {
	border-color : #e8e8e8 ;
}


/**************************************
CSS for Brightz /executive.php [h] 
***************************************/
.executive #mainVisual{ height: 460px;}

.executive #mainVisual img{
	display: none;
	position: absolute;
}

.executive .loader{
	width: 720px;
	height:1px;
	background: #d8a98c;
	overflow: hidden;
}

.executive .section01 .ColL{
	width: 360px;
}

.executive .section01 .menu li{
	margin-bottom: 5px;
}

.executive .boderB{
	border-bottom: 1px solid #d8a98c;
}

.executive .popup{
	padding: 25px;
	width: 750px;
	height: 420px;
	_height: 470px;
}

.executive .page1{ background:url(../concept/img/exe_pic1_01.jpg) 0 0 no-repeat;}
.executive .page2{ background:url(../concept/img/exe_pic2_01.jpg) 0 0 no-repeat;}
.executive .page3{ background:url(../concept/img/exe_pic3_01.jpg) 0 0 no-repeat;}
.executive .page4{ background:url(../concept/img/exe_pic4_01.jpg) 0 0 no-repeat;}

.executive .page3 h3{ margin-top: 300px;
					*margin-top: 330px;
					_margin-top: 330px;
}

.executive .page1 .summary{ width: 440px;}
.executive .page2 .summary{ width: 310px;}
.executive .page3 .summary{ width: 490px;}
.executive .page4 .summary{ width: 290px;}

/*--===== shadowbox =====--*/
.executive #sb-info{ display: none;}

.executive #Close{
	width: 21px;
	height: 21px;
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
}

.executive #sb-body,
.executive #sb-loading,
.executive #sb-info,
.executive #sb-wrapper,
.executive #sb-content{ background-color : #000;}

.executive #sb-body{ margin-top: -27px;}

.executive #sb-content{
	padding: 0px;
	overflow:hidden;
	position:relative;
}

.executive #sb-content h3{
	margin-bottom: 0;
}


.executive #sb-content dl dd,
.executive #sb-content p{
	font-size : 100% ;
	font-family : Arial,'ＭＳ Ｐゴシック',sans-serif ;
	line-height: 1.7em;
}
/* IE6 */
* html .executive #sb-content dl dd,
* html .executive #sb-content p{
	font-size : 12px;
}
/* IE7 */
*:first-child+html .executive #sb-content dl dd,
*:first-child+html .executive #sb-content p{
	font-size : 12px;
}

.executive #sb-content p.TextS{
	font-size: 90% !important;
	_font-size: 9px !important;
	line-height: 1.5em;
}



/*----- superClear -----*/
#superClear{
	display:none;
}
.executive .superClear #sb-content,
.executive .superClear .ColL{ margin: 0 !important;}

.executive .superClear .bgRed{
	width:640px;
	height:368px;
	background-color : #ac0707;
}

.executive .superClear h3{
	margin-top:50px;
	margin-left:20px;
}

.executive .superClear p.summary{
	margin-left:20px;
	width:290px;
}