/* @override http://angel.moto.co.jp/30th/angelina_day/css/style.css */

@charset "utf-8";
 
.clearfix:after{
	content: ".";
	display: block;
	height:0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display:inline-block;
}
body {
	margin: 0;
	padding: 0;
	display: block;
	font: 75%/1.5em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Lucinda Grande", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Verdana, Arial, Helvetica, sans-serif;	background-color: black;
}

html>/**/body {
  font-size: 10px;
}

/* メインタイトル部分 */

#mainTitle {
	display: block;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid silver;
	height: 480px;

}

#mainTitle h1 {
	display: block;
	margin-top: 300px;
	margin-left: 340px;

	color: orange;
	position: absolute;
	z-index: 5;
	background-image: url(../images/angelinaDayTitle_570x120.png);
	width: 570px;
	height: 120px;
	text-indent: -9999px;
}

#mainTitle .slideArea {
	display: block;
	width: 900px;
	overflow: hidden;
}

/* スライドする写真と説明文のブロック */

#mainTitle .itemChunk {
	display: block;
	height: 480px;
	width: 900px;
	float: left;
	overflow: hidden;
}

#mainTitle .itemChunk .items {
	width: 900px;
	height: 480px;
}

#mainTitle .itemChunk .title {
	font-weight: bold;
	font-size: 180%;
	color: white;
	margin: -38px 0 0 30px;
	display: block;
	position: relative;
	z-index: 30;
	width: 480px;
}



*:first-child+html #mainTitle .itemChunk .title {

}

/* クリックコントローラー */

#mainTitle .controller {
	display: block;
	height: 60px;
	position: relative;
	top: -61px;
	border-top: 1px solid white;
	background-image: url(../images/transparentBlack.png);
}

/* スライド操作のサムネイル（ポインター） */

#mainTitle .slidePointer {
	list-style-type: none;
	display: block;
	border-left: 1px solid silver;
	padding-left: 30px;
	margin-left: 600px;
	padding-bottom: 10px;
	padding-top: 0;
	height: 48px;
	background-color: black;
	z-index: 50;
	position: relative;
	margin-top: -120px;
}

#mainTitle .slidePointer li {
	display: inline-block;
	background-color: white;
	width: 45px;
	height: 32px;
	font-size: 5px;
	margin-right: 14px;
	text-indent: 0;
	border: 1px solid silver;
	margin-top: 12px;
}

#mainTitle .slidePointer li.now {
	border: 1px solid orange;
}

*:first-child+html .slidePointer li {
	display:block;
	float: left;
}

#mainTitle .slidePointer img{
	width: 45px;
	height: 32px;
}

/* タブ部分 */

#switchTab {
	display: block;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	height: 564px;
	background-color: #424242;

/* CSS3 角丸 Safari,Google Chrome用 */  
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
/* CSS3 角丸 Firefox用 */ 
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
}

#tabs {
	display: block;
	width: 900px;

	list-style-type: none;
	padding-left: 0;
	background-color: gray;
	margin-top: 20px;
	
/* CSS3 角丸 Safari,Google Chrome用 */  
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
	-webkit-box-shadow: 0px 0px 30px black;
/* CSS3 角丸 Firefox用 */ 
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;

}

#switchTab .section {
	display: inline-block;
	color: white;
	font-weight: bold;
	font-size: 140%;
	float: left;
	margin: 15px 20px 9px;
}

#selectArea {
	list-style-type: none;
	margin:0px;
	padding-left: 0;
	display: inline-block;
	font-size: 130%;
	float: left;
}

#selectArea li {
	display: inline-block;
	float: left;
	width: 110px;
	text-align: center;
	margin-top: 1px;
	margin-bottom: 0;
	padding-top: 14px;
	padding-bottom: 10px;
	border-left: 1px solid #6a6a6a;
	border-right: 1px solid #9a9a9a;
	background-image: url(../images/tabBG.jpg);
	height: 17px;
}

#selectArea li a{
	color: white;
	font-weight: bold;
	text-decoration: none;
}

#selectArea li a:hover{
	text-decoration: underline;
}

#selectArea .select.active {
	color: white;
	background: url(../images/tabBG.jpg) 0 50px;
}

#selectArea li:hover {
	cursor: pointer;
}

#selectArea .cafeBohemia2010 {
	padding-top: 8px;
	height: 24px;
}


#switchTab .foriPad {
	display: inline-block;
	font-size: 100%;
	color: white;
	width: 150px;
	line-height: 1.2em;
	background: url(../images/twoFingerScroll.jpg) no-repeat 0 -4px;
	padding: 0 5px 9px 30px;
	margin: 7px 0 0 10px;
	height: 27px;
}

/* コンテンツ部分 */

.contentArea {
	display: block;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-color: #424242;
	height: 570px;
}

.contentArea .story {
	padding: 21px;
	height: 477px;
	overflow: auto;
	color: white;
	display: none;
	clear: left;	
}

#movies,
#talkmovies {
	padding: 20px;
	height: 499px;
	color: white;
	overflow: hidden;
	display: block;
}

.contentArea .live,
.contentArea .talkShow {
	height: 520px;
	color: white;
	overflow: hidden;
	display: block;
}
/* コンテンツ部分：映像コンテンツ */

#movies .movieList,
#talkmovies .movieList {
	display: block;
	background-color: black;
	margin-top: -20px;
	margin-left: -19px;
	float: left;
	margin-bottom: 0;
	padding: 20px 20px 0;
	height: 500px;
}

#movies .movieList img,
#talkmovies .movieList img {
	display: block;
	border: 1px solid silver;
	margin-bottom: 5px;
}

#movies .movieList .movSelect.active,
#talkmovies .movieList .talkMovSelect.active {
	border: 1px solid orange;
}



#movies .caption,
#talkmovies .caption {
	display: block;
	margin: 0 0 30px;
	font-size: 120%;
	text-align: center;
	width: 120px;
}

#movies .movieContent,
#talkmovies .movieContent {
	display: block;
	float: left;
	margin-left: 40px;
	margin-top: -10px;
}

#movies .movContent,
#talkmovies .talkMovContent {
	display: none;
}
#movies .movContent.active,
#talkmovies .talkMovContent.active {
	display: block;
}

/* コンテンツ部分：レポート */
.contents.report,
.contents.cafeBohemia2010 {
	padding: 21px;
	height: 477px;
	overflow: auto;
	color: white;
	display: none;
	clear: left;
}

.contents .subtitle {
	font-size: 150%;
}

.contents h2 {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 240%;

}

.contents.alignCenter {
	text-align: center;
}

.contents p {
	margin: 20px 0 0;
	font-size: 180%;
	line-height: 1.6em;
}

.contents.report p.alignCenter {
	text-align: center;
}

.contents.active a {
		color: #f9ffcd;
}

.contents .setlist{
	list-style-type: none;
	padding-left: 0;
	font-size: 180%;
	line-height: 1.6em;
}

.contents .list {
	list-style-type: square;
	font-size: 180%;
	line-height: 1.6em;


}

#footer {
	color: silver;
	text-align: center;
	font-size: 10px;
	margin: 20px;
}