@charset "UTF-8";

/**************************************
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 : #9e0909 ;
}

#sb-content h3, #sb-content h4{
	margin-bottom : 20px ;
	border-bottom : 1px solid #fff ;
}

#sb-content dl{
	width : 460px ;
}

/**************************************
COMMON source 1 [lineupSection] 
***************************************/
body #page #pageBodyArea #contentBlock .lineupList{
	margin : 20px 0 10px 15px ;
}

body #page #pageBodyArea #contentBlock .lineupList dl{
	width : 230px ;
	float : left ;
	text-align : center ;
}

body #page #pageBodyArea #contentBlock .lineupList dl dt{
	padding : 0 0 5px 0 ;
}

/**************************************
CSS for Phoenix/Index.php [h] 
***************************************/
body #page #pageBodyArea #contentBlock .headImage{
	margin : 0 0 20px 0 ;
	border-bottom : 1px solid #343434 ;
	position: relative ;
	zoom : 1 ;
}

body #page #pageBodyArea #contentBlock .btnList{
	width: 720px;
	position : absolute ;
	bottom : 10px ;
	left : 0 ;
}

body #page #pageBodyArea #contentBlock .btnList li{
	float: left ;
	display: inline ;
}

body #page #pageBodyArea #contentBlock .btnList li.list1{
	margin-right: 5px ;
}

body #page #pageBodyArea #contentBlock #mainContentBox{
	overflow : hidden ;
}

body #page #pageBodyArea #contentBlock #otherContentBox{
	margin : 0 0 0 20px ;
	float : left ;
	_width : 410px ;
	width : 390px ;
	display : inline ;
}

body #page #pageBodyArea #contentBlock #sideContentBox{
	margin: 0 0 30px 0 ;
	padding: 0 0 0 23px ;
	float : left ;
	display : inline ;
}

body #page #pageBodyArea #contentBlock #sideContentBox ul li{
	margin : 0 0 5px 0 ;
}

body #page #pageBodyArea #contentBlock #bannerContentBox{
	padding: 30px 0 0 0 ;
	border-top : 1px solid #343434 ;

}

body #page #pageBodyArea #contentBlock #bannerContentBox .ColL{
	width : 410px ;
}

body #page #pageBodyArea #contentBlock #bannerContentBox .ColR{
	width : 287px ;
}

body #page #pageBodyArea #contentBlock #bannerContentBox ul.float li{
	margin : 0 5px 0 0 ;
}

/**************************************
CSS for Phoenix/ph_mecha.php [h] 
***************************************/
body #page #pageBodyArea #contentBlock .headImageMecha{
	margin : 0 0 20px 0 ;
	width : 720px ;
	height : 420px ;
	background : #000 url(../concept/img/bg_hd_mecha.jpg) 0 0 no-repeat ;
}

body #page #pageBodyArea #contentBlock .headImageMecha h2{
	padding : 37px 0 30px ;
}

body #page #pageBodyArea #contentBlock .headImageMecha p{
	margin-left : 410px ;
	width : 300px ;
}

body #page #pageBodyArea #contentBlock .headImageMecha .banner{
	margin-top: 120px;
}

body #page #pageBodyArea #contentBlock .detailInner{
	padding : 10px 0 0 25px ;
	background : url(../concept/img/bg_detail_hd.gif) 0 0 no-repeat ;
	overflow : hidden ;
}

/*** detailBox1 ***/
body #page #pageBodyArea #contentBlock .detailBox1{
	padding-bottom : 10px ;
	background : url(../concept/img/bg_detail1_ft.gif) 0 100% no-repeat ;
}

body #page #pageBodyArea #contentBlock .detailBox1 p{
	margin-top : 15px ;
	width : 460px ;
	float : left ;
	line-height : 2em ;
}

body #page #pageBodyArea #contentBlock .detailBox1 img{
	margin-left : 50px ;
}

/*** detailBox2 ***/
body #page #pageBodyArea #contentBlock .detailBox2{
	padding-bottom : 10px ;
	background : url(../concept/img/bg_detail2_ft.gif) 0 100% no-repeat ;
}

body #page #pageBodyArea #contentBlock .detailBox2 .detailInner{
	border-bottom : 1px solid #343434 ;
}

body #page #pageBodyArea #contentBlock .detailBox2 p{
	margin : 15px 50px 0 0 ;
	width : 450px ;
	float : left ;
	line-height : 2em ;
}

/*** lineupList2 ***/
body #page #pageBodyArea #contentBlock .lineupList2{
	margin : 20px 0 10px 50px ;
}

body #page #pageBodyArea #contentBlock .lineupList2 dl{
	margin-right : 10px ;
	width : 230px ;
	float : left ;
	text-align : center ;
}

body #page #pageBodyArea #contentBlock .lineupList2 dl dt,
body #page #pageBodyArea #contentBlock .lineupList2 dl dd{
	width : 160px ;
}

/** [colmnBox1] 
***************************************/
body #page #pageBodyArea #contentBlock .colmnBox1{
	position : relative ;
}

body #page #pageBodyArea #contentBlock .colmnBox1 dl{
	margin-left: 15px;
	padding : 15px 0 ;
	width : 330px ;
	float : left ;
	display : inline ;
}

body #page #pageBodyArea #contentBlock .colmnBox1 dl dt,
body #page #pageBodyArea #contentBlock .colmnBox1 dl dd{
	margin-left : 110px;
	width : 220px ;
}

body #page #pageBodyArea #contentBlock .colmnBox1 dl dd{
	font-size : 90% ;
}

body #page #pageBodyArea #contentBlock .colmnBox1 dl .image1{
	position : absolute ;
	top : 15px ;
	left : 15px ;
}

body #page #pageBodyArea #contentBlock .colmnBox1 dl .image2{
	position : absolute ;
	top : 15px ;
	left : 360px ;
}

/**************************************
CSS for Phoenix/ph_kine.php [h] 
***************************************/
body #page #pageBodyArea #contentBlock .headImageKine{
	margin : 0 0 20px 0 ;
	width : 720px ;
	height : 420px ;
	background : #000 url(../concept/img/bg_hd_kine.jpg) 0 0 no-repeat ;
}

body #page #pageBodyArea #contentBlock .headImageKine h2{
	padding : 37px 0 40px 0 ;
}

body #page #pageBodyArea #contentBlock .headImageKine p{
	margin-left : 410px ;
	width : 300px ;
}

/*** detailBox3 ***/
body #page #pageBodyArea #contentBlock .detailBox3{
	padding-bottom : 10px ;
	background : url(../concept/img/bg_detail3_ft.gif) 0 100% no-repeat ;
}

body #page #pageBodyArea #contentBlock .detailBox3 .detailInner{
	padding : 10px 0 0 10px ;
	background : url(../concept/img/bg_detail3_hd.gif) 0 0 no-repeat ;
}

body #page #pageBodyArea #contentBlock .detailBox3 .ColL{
	margin : 15px 50px 0 0 ;
	width : 390px ;
	float : left ;
	line-height : 2em ;
	display : inline ;
}

/** [colmnBox2] 
***************************************/
body #page #pageBodyArea #contentBlock .colmnBox2{
	margin : 15px 0 ;
	width : 390px ;
	min-height : 114px ;
	_height : 114px ;
	position : relative ;
}

body #page #pageBodyArea #contentBlock .colmnBox2 dt,
body #page #pageBodyArea #contentBlock .colmnBox2 dd{
	margin-top : 5px ;
	margin-left : 120px;
}

body #page #pageBodyArea #contentBlock .colmnBox2 dd{
	font-size : 90% ;
}

body #page #pageBodyArea #contentBlock .colmnBox2 .image{
	position : absolute ;
	top : 0 ;
	left : 0 ;
}

/** [colmnBox3] 
***************************************/
body #page #pageBodyArea #contentBlock .colmnBox3{
	margin : 15px 0 ;
	width : 390px ;
	min-height : 133px ;
	_height : 133px ;
	position : relative ;
}

body #page #pageBodyArea #contentBlock .colmnBox3 dt,
body #page #pageBodyArea #contentBlock .colmnBox3 dd{
	margin-top : 5px ;
	margin-left : 150px;
}

body #page #pageBodyArea #contentBlock .colmnBox3 dd{
	font-size : 90% ;
}

body #page #pageBodyArea #contentBlock .colmnBox3 .image{
	position : absolute ;
	top : 0 ;
	left : 0 ;
}
