@charset "utf-8";
/* CSS Document */

/* news */
#news #content{
	width:960px;
	}

*html #news #content{
	width:auto;
	}

*:first-child+html #news #content{
	width:auto;
	}


#news #content p img{
	border:1px solid #fff;
	}
#news #content p img.noborder{
	border:none;
	}
	
#newsList{
	width:208px;
	height:707px;
	background:url(../images/bg_blue.png);
	overflow:auto;
	float:left;
	}

#newsList dl{
	margin:0 10px;
	text-align:left;
	font-size:1.2em;
	padding:10px 0;
	}

#newsList dt.dtNews{
	background:url(../images/news/icon_news.gif) left no-repeat;
	padding-left:40px;
	color:#f00;
	}

#newsList dt.dtMedia{
	background:url(../images/news/icon_media.gif) left no-repeat;
	padding-left:40px;
	color:#0096ff;
	}
*html #newsList dt{
	display:list-item;
	margin-left:0;
	padding:0;
	}
	
*html #newsList dt.dtNews{
	list-style:url(../images/news/icon_news.gif) outside;
	background:none;
	}
	
*html #newsList dt.dtMedia{
	list-style:url(../images/news/icon_media.gif) outside;
	background:none;
	}
	
#newsList dd{
	margin-bottom:10px;
	color:#fff;
	}
#newsList dd a{
	color:#fff;
	}
#newsList dd a:hover{
	color:#fff;
	text-decoration:underline;
	}
#newsWrap{
	margin-left:225px;
	width:736px;
	}
#newsWrap ul{
	margin-bottom:15px;
	}
#newsWrap ul li{
	display:inline;
	}

#newsArea{
	width:736px;
	height:707px;
	overflow:auto;
	text-align:left;
	}
	
.newsBox{
	margin-bottom:100px;
	margin-right:20px;
	}

.mediaBox{
	margin-bottom:100px;
	}
	
#newsArea h4{
	font-weight:bold;
	color:#f00;
	font-size:1.4em;
	margin-bottom:20px;
	}
	
#newsArea .mediaBox h4{
	color:#0096ff;
	}

#newsArea h5{
	font-weight:bold;
	color:#0096ff;
	font-size:1.2em;
	margin-bottom:10px;
	}

/* introduction */

#introduction #content p.txtL{
	font-size:1.6em;
	font-weight:bold;
	color:#0096ff;
	}


#introduction #content p{
	margin:0 20px 20px 20px;
	text-align:center;
	line-height:1.6;
	}

#introduction #content p strong{
	color:#f00;
	}
	
/* story */
#story #content{
	height:671px;
	}

#story #content p{
	font-size:1.6em;
	}
	
#story #content #panel1 p strong{
	color:#f00;
	}

ul#changeBtn{
	margin:15px 0;
	}

ul#changeBtn li{
	display:inline;
	}
	







/* staff */

#staff #content{
	height:671px;
	}

dl.staffList{
	font-size:1.6em;
	margin-left:10px;
	}


dl.staffList dt{
	width:100px;
	float:left;
	display:inline-block;
	margin-bottom:60px;
	height:22px;
	border-left:5px solid #ff2900;
	padding-left:8px;
	font-weight:bold;
	}

dl.staffList dd{
	margin-bottom:60px;
	margin-right:0;
	width:200px;
	float:left;
	display:inline-block;
	height:22px;
	}

dl.staffList dd.staffListL{
	width:800px;
	}
	
#panel2 dl.staffList dt{
	border-left:5px solid #0096ff;
	}

.castProfile {
    overflow: auto;
	width: 500px;
	height: 120px;
	background-color: #000;
	padding:10px;
	text-align:left;
	font-size:1.2em;
}

#wrap .castProfile {
	display: none;
}







/* character */

#character #content{
	height:671px;
	}

*html #character #content{
	width:auto;
	}

*:first-child+html #character #content{
	width:auto;
	overflow:hidden;
	}

.charaList{
	width:208px;
	height:656px;
	background:url(../images/bg_blue.png);
	overflow:auto;
	float:left;
	}

.charaList ul{
	margin:0 10px;
	text-align:left;
	padding:10px 0;
	}
.charaList ul li a{
	width:188px;
	height:40px;
	display:block;
	text-indent:-9999px;
	}
	
.charaList ul li#torikoCharaBtn01 a{
	background:url(../images/character/toriko/chara_btn_toriko01.gif) left top no-repeat;
	
	}

.charaList ul li#torikoCharaBtn01 a:hover{
	background:url(../images/character/toriko/chara_btn_toriko01.gif) right top no-repeat;
	}

.charaList ul li#torikoCharaBtn02 a{
	background:url(../images/character/toriko/chara_btn_toriko02.gif) left top no-repeat;
	}

.charaList ul li#torikoCharaBtn02 a:hover{
	background:url(../images/character/toriko/chara_btn_toriko02.gif) right top no-repeat;
	}

.charaList ul li#torikoCharaBtn03 a{
	background:url(../images/character/toriko/chara_btn_toriko03.gif) left top no-repeat;
	}

.charaList ul li#torikoCharaBtn03 a:hover{
	background:url(../images/character/toriko/chara_btn_toriko03.gif) right top no-repeat;
	}
.charaList ul li#torikoCharaBtn04 a{
	background:url(../images/character/toriko/chara_btn_toriko04.gif) left top no-repeat;
	
	}

.charaList ul li#torikoCharaBtn04 a:hover{
	background:url(../images/character/toriko/chara_btn_toriko04.gif) right top no-repeat;
	}

.charaList ul li#torikoCharaBtn05 a{
	background:url(../images/character/toriko/chara_btn_toriko05.gif) left top no-repeat;
	}

.charaList ul li#torikoCharaBtn05 a:hover{
	background:url(../images/character/toriko/chara_btn_toriko05.gif) right top no-repeat;
	}

.charaList ul li#torikoCharaBtn06 a{
	background:url(../images/character/toriko/chara_btn_toriko06.gif) left top no-repeat;
	}

.charaList ul li#torikoCharaBtn06 a:hover{
	background:url(../images/character/toriko/chara_btn_toriko06.gif) right top no-repeat;
	}

.charaList ul li#torikoCharaBtn07 a{
	background:url(../images/character/toriko/chara_btn_toriko07.gif) left top no-repeat;
	
	}

.charaList ul li#torikoCharaBtn07 a:hover{
	background:url(../images/character/toriko/chara_btn_toriko07.gif) right top no-repeat;
	}

.charaList ul li#torikoCharaBtn08 a{
	background:url(../images/character/toriko/chara_btn_toriko08.gif) left top no-repeat;
	}

.charaList ul li#torikoCharaBtn08 a:hover{
	background:url(../images/character/toriko/chara_btn_toriko08.gif) right top no-repeat;
	}

.charaList ul li#torikoCharaBtn09 a{
	background:url(../images/character/toriko/chara_btn_toriko09.gif) left top no-repeat;
	}

.charaList ul li#torikoCharaBtn09 a:hover{
	background:url(../images/character/toriko/chara_btn_toriko09.gif) right top no-repeat;
	}

.charaList ul li#torikoCharaBtn10 a{
	background:url(../images/character/toriko/chara_btn_toriko10.gif) left top no-repeat;
	
	}

.charaList ul li#torikoCharaBtn10 a:hover{
	background:url(../images/character/toriko/chara_btn_toriko10.gif) right top no-repeat;
	}

.charaList ul li#torikoCharaBtn11 a{
	background:url(../images/character/toriko/chara_btn_toriko11.gif) left top no-repeat;
	}

.charaList ul li#torikoCharaBtn11 a:hover{
	background:url(../images/character/toriko/chara_btn_toriko11.gif) right top no-repeat;
	}

.charaList ul li#torikoCharaBtn12 a{
	background:url(../images/character/toriko/chara_btn_toriko12.gif) left top no-repeat;
	}

.charaList ul li#torikoCharaBtn12 a:hover{
	background:url(../images/character/toriko/chara_btn_toriko12.gif) right top no-repeat;
	}

.charaList ul li#torikoCharaBtn13 a{
	background:url(../images/character/toriko/chara_btn_toriko13.gif) left top no-repeat;
	
	}

.charaList ul li#torikoCharaBtn13 a:hover{
	background:url(../images/character/toriko/chara_btn_toriko13.gif) right top no-repeat;
	}

.charaList ul li#torikoCharaBtn14 a{
	background:url(../images/character/toriko/chara_btn_toriko14.gif) left top no-repeat;
	}

.charaList ul li#torikoCharaBtn14 a:hover{
	background:url(../images/character/toriko/chara_btn_toriko14.gif) right top no-repeat;
	}
.charaWrap{
	margin-left:208px;
	}
.charaWrap h4{
	margin-left:10px;
	}
	
#content .charaWrap p{
	clear: none;
	margin:0 10px 20px 10px;
	}
	
*html #content .charaWrap div{
	background:url(../images/character/toriko/ie6_bg.png) left top no-repeat;
	}
	
#content .charaWrap div#torikoPanels1{
	background:url(../images/character/toriko/chara_bg_toriko01.png) left top no-repeat;
	}
#content .charaWrap div#torikoPanels2{
	background:url(../images/character/toriko/chara_bg_toriko02.png) left top no-repeat;
	}
#content .charaWrap div#torikoPanels3{
	background:url(../images/character/toriko/chara_bg_toriko03.png) left top no-repeat;
	}
#content .charaWrap div#torikoPanels4{
	background:url(../images/character/toriko/chara_bg_toriko04.png) left top no-repeat;
	}

.charaList ul li#onepieceCharaBtn01 a{
	background:url(../images/character/onepiece/chara_btn_onepiece01.gif) left top no-repeat;
	
	}

.charaList ul li#onepieceCharaBtn01 a:hover{
	background:url(../images/character/onepiece/chara_btn_onepiece01.gif) right top no-repeat;
	}

.charaList ul li#onepieceCharaBtn02 a{
	background:url(../images/character/onepiece/chara_btn_onepiece02.gif) left top no-repeat;
	}

.charaList ul li#onepieceCharaBtn02 a:hover{
	background:url(../images/character/onepiece/chara_btn_onepiece02.gif) right top no-repeat;
	}

.charaList ul li#onepieceCharaBtn03 a{
	background:url(../images/character/onepiece/chara_btn_onepiece03.gif) left top no-repeat;
	}

.charaList ul li#onepieceCharaBtn03 a:hover{
	background:url(../images/character/onepiece/chara_btn_onepiece03.gif) right top no-repeat;
	}
.charaList ul li#onepieceCharaBtn04 a{
	background:url(../images/character/onepiece/chara_btn_onepiece04.gif) left top no-repeat;
	
	}

.charaList ul li#onepieceCharaBtn04 a:hover{
	background:url(../images/character/onepiece/chara_btn_onepiece04.gif) right top no-repeat;
	}

.charaList ul li#onepieceCharaBtn05 a{
	background:url(../images/character/onepiece/chara_btn_onepiece05.gif) left top no-repeat;
	}

.charaList ul li#onepieceCharaBtn05 a:hover{
	background:url(../images/character/onepiece/chara_btn_onepiece05.gif) right top no-repeat;
	}

.charaList ul li#onepieceCharaBtn06 a{
	background:url(../images/character/onepiece/chara_btn_onepiece06.gif) left top no-repeat;
	}

.charaList ul li#onepieceCharaBtn06 a:hover{
	background:url(../images/character/onepiece/chara_btn_onepiece06.gif) right top no-repeat;
	}

.charaList ul li#onepieceCharaBtn07 a{
	background:url(../images/character/onepiece/chara_btn_onepiece07.gif) left top no-repeat;
	
	}

.charaList ul li#onepieceCharaBtn07 a:hover{
	background:url(../images/character/onepiece/chara_btn_onepiece07.gif) right top no-repeat;
	}

.charaList ul li#onepieceCharaBtn08 a{
	background:url(../images/character/onepiece/chara_btn_onepiece08.gif) left top no-repeat;
	}

.charaList ul li#onepieceCharaBtn08 a:hover{
	background:url(../images/character/onepiece/chara_btn_onepiece08.gif) right top no-repeat;
	}

.charaList ul li#onepieceCharaBtn09 a{
	background:url(../images/character/onepiece/chara_btn_onepiece09.gif) left top no-repeat;
	}

.charaList ul li#onepieceCharaBtn09 a:hover{
	background:url(../images/character/onepiece/chara_btn_onepiece09.gif) right top no-repeat;
	}

.charaList ul li#onepieceCharaBtn10 a{
	background:url(../images/character/onepiece/chara_btn_onepiece10.gif) left top no-repeat;
	
	}

.charaList ul li#onepieceCharaBtn10 a:hover{
	background:url(../images/character/onepiece/chara_btn_onepiece10.gif) right top no-repeat;
	}

.charaList ul li#onepieceCharaBtn11 a{
	background:url(../images/character/onepiece/chara_btn_onepiece11.gif) left top no-repeat;
	}

.charaList ul li#onepieceCharaBtn11 a:hover{
	background:url(../images/character/onepiece/chara_btn_onepiece11.gif) right top no-repeat;
	}

.charaList ul li#onepieceCharaBtn12 a{
	background:url(../images/character/onepiece/chara_btn_onepiece12.gif) left top no-repeat;
	}

.charaList ul li#onepieceCharaBtn12 a:hover{
	background:url(../images/character/onepiece/chara_btn_onepiece12.gif) right top no-repeat;
	}

.charaList ul li#onepieceCharaBtn13 a{
	background:url(../images/character/onepiece/chara_btn_onepiece13.gif) left top no-repeat;
	
	}

.charaList ul li#onepieceCharaBtn13 a:hover{
	background:url(../images/character/onepiece/chara_btn_onepiece13.gif) right top no-repeat;
	}

.charaList ul li#onepieceCharaBtn14 a{
	background:url(../images/character/onepiece/chara_btn_onepiece14.gif) left top no-repeat;
	}

.charaList ul li#onepieceCharaBtn14 a:hover{
	background:url(../images/character/onepiece/chara_btn_onepiece14.gif) right top no-repeat;
	}
#content .charaWrap div#onepiecePanels1{
	background:url(../images/character/onepiece/chara_bg_onepiece01.png) left top no-repeat;
	}
#content .charaWrap div#onepiecePanels2{
	background:url(../images/character/onepiece/chara_bg_onepiece02.png) left top no-repeat;
	}
#content .charaWrap div#onepiecePanels3{
	background:url(../images/character/onepiece/chara_bg_onepiece03.png) left top no-repeat;
	}
#content .charaWrap div#onepiecePanels4{
	background:url(../images/character/onepiece/chara_bg_onepiece04.png) left top no-repeat;
	}
#content .charaWrap div#onepiecePanels5{
	background:url(../images/character/onepiece/chara_bg_onepiece05.png) left top no-repeat;
	}
#content .charaWrap div#onepiecePanels6{
	background:url(../images/character/onepiece/chara_bg_onepiece06.png) left top no-repeat;
	}
#content .charaWrap div#onepiecePanels7{
	background:url(../images/character/onepiece/chara_bg_onepiece07.png) left top no-repeat;
	}
#content .charaWrap div#onepiecePanels8{
	background:url(../images/character/onepiece/chara_bg_onepiece08.png) left top no-repeat;
	}
#content .charaWrap div#onepiecePanels9{
	background:url(../images/character/onepiece/chara_bg_onepiece09.png) left top no-repeat;
	}
#content .charaWrap div#onepiecePanels10{
	background:url(../images/character/onepiece/chara_bg_onepiece10.png) left top no-repeat;
	}
#content .charaWrap div#onepiecePanels11{
	background:url(../images/character/onepiece/chara_bg_onepiece11.png) left top no-repeat;
	}
#content .charaWrap div#onepiecePanels12{
	background:url(../images/character/onepiece/chara_bg_onepiece12.png) left top no-repeat;
	}


/* preview */

ul#previewList{
	}


ul#previewList li{
	display:inline-block;
	float:left;
	width:459px;
	height:265px;
	background:url(../images/preview/preview_bg.png) center top no-repeat;
	margin:0 5px 10px 5px;
	}


ul#previewList li div.movieBox{
	padding:16px 0 16px 70px;
	
	}


ul#previewList li h4{
	margin-left:2px;

	}


/* special */

ul#specialList{
	margin-left:20px;
	}


ul#specialList li{
	width:909px;
	height:315px;
	background:url(../images/special/special_bg.png) center top no-repeat;
	margin:0 0 20px 0;
	}


ul#specialList li div{
	padding:0 0 16px 10px;
	}


ul#specialList li h4{
	padding:11px 0 0 310px;
	}

ul#specialList li img.imgLeft{
	margin:15px 0 0 6px;
	}


ul#specialList li img.specialTxt{
	margin:20px 0 5px 20px;
	}

ul#specialList li img.specialBtn{
	margin-left:0;
	clear:both;
	}


/* link */

dl.linkList{
	margin-left:10px;
	}


dl.linkList dt{
	width:270px;
	float:left;
	display:inline-block;
	margin-bottom:40px;
	height:22px;
	border-left:5px solid #f00;
	padding-left:8px;
	font-size:1.4em;
	
	}

dl.linkList dd{
	margin-bottom:40px;
	margin-right:0;
	float:left;
	display:inline-block;
	height:22px;
	width:185px;
	font-size:1.2em;
	vertical-align:bottom;
	padding-top:5px;
	}

/* campaign */
body#campaign{
	background:#000;
	width:600px;
	margin:0;
	padding:0;
	vertical-align : middle;
	font-size:62.5%;
	line-height:1.4;
	color:#fff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	
	text-align:left;
	}
	
body#campaign .seBtn{
	margin-bottom:10px;
	}
	
body#campaign #seInfo{
	background:#002870;
	text-align:left;
	padding:9px;
	margin-bottom:20px;
	}

body#campaign #seInfo strong{
	color:#ffef00;
	font-size:1.2em;
	}

body#campaign #seInfo2{
	background:#9d000d;
	text-align:left;
	padding:9px;
	margin-bottom:20px;
	}

body#campaign .seInfoPLeft{
	float:left;
	width:320px;
	}



body#campaign #seInfo3{
	background:#a82f00;
	text-align:left;
	padding:9px;
	margin-top:10px;
	}

/* clearfix */
	
.clearfix:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix{
  overflow:hidden;
}
/* Hides from IE-mac \*/
* html .clearfix{
  height:1%;
  overflow:visible;
}
/* End hide from IE-mac */