@charset "utf-8";

/*//////////////////////////////////////////////////////////
//  - CSS
//  - Author: Eiji Kobayashi
//  - Update: 2013-10-03 (THU)
//////////////////////////////////////////////////////////*/


/* - Common
----------------------------------------------------------*/

.clear		{ clear: both; }
.textcenter	{ text-align: center; }
.textright	{ text-align: right; }
strong		{ font-weight: bold; }

#anythinggoes {
	color: #fff;
	font-size: 12px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Tahoma, "ＭＳ Ｐゴシック", Sans-Serif;
	width: 980px;
	background: #e60012 url(http://image.pia.jp/images2/static/pia/feature/stage/anything/hdr_main_visual.jpg) no-repeat 0 0;
	margin: 0 auto;
	padding: 0;
}

#anythinggoes a { color: #ffff00; }

#anythinggoes a,
#anythinggoes ul li,
#anythinggoes ol li {
	margin: 0;
	padding: 0;
}

#anythinggoes ul,
#anythinggoes ul li,
#anythinggoes ol,
#anythinggoes ol li {
	list-style: none outside !important;
}

#anythinggoes img,
#anythinggoes ul li,
#anythinggoes ol li {
	vertical-align: bottom;
}


/* - Header
----------------------------------------------------------*/

#anythinggoes #anything-header {
	position: relative;
	width: 980px;
	height: 490px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
}

#anythinggoes #anything-header ul,
#anythinggoes #anything-header p {
	top: 0;
}

#anythinggoes #anything-header a.link {
	position: absolute;
	left: 608px;
	top: 376px;
	width: 280px;
	height: 50px;
	background: url(http://image.pia.jp/images2/static/pia/feature/stage/anything/hdr_btn_ticket_off.gif) no-repeat 0 0;
}

#anythinggoes #anything-header a:hover.link { background: url(http://image.pia.jp/images2/static/pia/feature/stage/anything/hdr_btn_ticket_on.gif) no-repeat 0 0; }


/* - Navigation
----------------------------------------------------------*/

#anythinggoes #anything-navi {
	position: relative;
	width: 950px;
	height: 115px;
	background: url(http://image.pia.jp/images2/static/pia/feature/stage/anything/gnavi_off.png) no-repeat 0 0;
	*background: url(http://image.pia.jp/images2/static/pia/feature/stage/anything/gnavi_off.gif) no-repeat 0 0;
	margin: 0 auto;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	z-index: 10000;
}

#anythinggoes #anything-navi.fixed {
	position: fixed !important;
	left: 50% !important;
	top: 10px !important;
	margin-left:-475px !important;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}

	* html div#anythinggoes div#anything-navi.fixed {
		position: absolute;
		top: expression(eval(document.documentElement.scrollTop+10)+'px');
	}

#anythinggoes #anything-navi a {
	display: block;
	position: absolute;
	top: 52px;
	height: 40px;
	background: url(http://image.pia.jp/images2/static/pia/feature/stage/anything/gnavi_off.png) no-repeat 0 0;
	*background: url(http://image.pia.jp/images2/static/pia/feature/stage/anything/gnavi_off.gif) no-repeat 0 0;
}

#anythinggoes #anything-navi #nav1 a { left: 61px; width: 248px; background-position: -61px -52px; }
#anythinggoes #anything-navi #nav2 a { left: 334px; width: 114px; background-position: -334px -52px; }
#anythinggoes #anything-navi #nav3 a { left: 471px; width: 91px; background-position: -471px -52px; }
#anythinggoes #anything-navi #nav4 a { left: 587px; width: 109px; background-position: -587px -52px; }
#anythinggoes #anything-navi #nav5 a { left: 719px; width: 173px; background-position: -719px -52px; }

#anythinggoes #anything-navi a:hover,
#anythinggoes #anything-navi a.current {
	background: url(http://image.pia.jp/images2/static/pia/feature/stage/anything/gnavi_on.png) no-repeat 0 0;
	*background: url(http://image.pia.jp/images2/static/pia/feature/stage/anything/gnavi_on.gif) no-repeat 0 0;
}

#anythinggoes #anything-navi #nav1 a:hover,
#anythinggoes #anything-navi #nav1 a.current { left: 61px; width: 248px; background-position: -61px -52px !important; }
#anythinggoes #anything-navi #nav2 a:hover,
#anythinggoes #anything-navi #nav2 a.current { left: 334px; width: 114px; background-position: -334px -52px !important; }
#anythinggoes #anything-navi #nav3 a:hover,
#anythinggoes #anything-navi #nav3 a.current { left: 471px; width: 91px; background-position: -471px -52px !important; }
#anythinggoes #anything-navi #nav4 a:hover,
#anythinggoes #anything-navi #nav4 a.current { left: 587px; width: 109px; background-position: -587px -52px !important; }
#anythinggoes #anything-navi #nav5 a:hover,
#anythinggoes #anything-navi #nav5 a.current { left: 719px; width: 173px; background-position: -719px -52px !important; }


/* - Social Button
----------------------------------------------------------*/

#anythinggoes #anything-social {
	position: relative;
	width: 950px;
	height: 30px;
/*	background-color: #00ff00;*/
	text-align: right;
	margin: 10px auto;
	padding: 0;
}

#anythinggoes #anything-social.fixed {
	margin-top: 115px !important;
}

#anythinggoes #anything-social ul {
	position: absolute;
	right: 0;
}


/* - Contents Block
----------------------------------------------------------*/

#anythinggoes #anything-contents {
	width: 950px;
	margin: 20px auto;
	padding: 0 0 30px 0;
}

#anythinggoes #anything-contents.fixed {
/*	margin-top: 115px !important;*/
}

#anythinggoes #anything-contents #anything-main {
	float: left;
	width: 650px;
/*	background-color: #fff;*/
}

#anythinggoes #anything-contents #anything-aside {
	float: right;
	width: 285px;
}

#anythinggoes #anything-contents,
#anythinggoes #anything-contents #anything-main,
#anythinggoes #anything-contents #anything-aside {
	_zoom: 1;
	overflow: hidden;
}


/* - Main
----------------------------------------------------------*/

#anythinggoes #anything-contents .section {
	margin: 0 0 40px 0;
	padding: 0;
}

#anythinggoes #anything-contents .section h2 {
	margin: 0 0 20px 0;
}

#anythinggoes #anything-contents .section h3 {
	margin: 0 0 15px 0;
	padding: 0 15px;
}

#anythinggoes #anything-contents .section p {
	margin: 5px 0 10px 0;
	padding: 0 15px;
}

#anythinggoes #anything-contents .pict {
	text-align: center;
	margin: 0 0 30px 0;
}

#anythinggoes #anything-contents #anything-interview .ask {
	color: #fff000;
	margin: 0 0 10px 0;
	padding: 0 15px 0 40px;
}

#anythinggoes #anything-contents #anything-interview .answer {
	margin: 0 0 20px 0;
}

#anythinggoes #anything-contents #anything-interview .answer,
#anythinggoes #anything-contents #anything-interview .answer dl {
	_zoom: 1;
	overflow: hidden;
}

#anythinggoes #anything-contents #anything-interview .answer dl {
	margin: 0 0 15px 0;
	padding: 0 15px 0 40px;
}

#anythinggoes #anything-contents #anything-interview .answer dt {
	float: left;
	font-weight: bold;
	width: 45px;
	padding: 0 10px 0 0;
}

#anythinggoes #anything-contents #anything-interview .answer dd {
	float: left;
	width: 540px;
}

#anythinggoes #anything-contents #anything-interview .answer dd.float {
	width: 410px;
}

#anythinggoes #anything-contents #anything-interview .pictright {
	float: right;
	margin: 0 0 10px 0;
	_zoom: 1;
	overflow: hidden;
}

#anythinggoes #anything-footer {
	position: relative;
	width: 650px;
	height: 60px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
}

#anythinggoes #anything-footer a {
	display: block;
	position: absolute;
	top: 0;
	width: 315px;
	height: 60px;
}

#anythinggoes #anything-footer a.link1       { left: 0; background: url(http://image.pia.jp/images2/static/pia/feature/stage/anything/ftr_btn_ticket_off.gif) no-repeat 0 0; }
#anythinggoes #anything-footer a:hover.link1 { background: url(http://image.pia.jp/images2/static/pia/feature/stage/anything/ftr_btn_ticket_on.gif) no-repeat 0 0; }
#anythinggoes #anything-footer a.link2       { left: 330px; background: url(http://image.pia.jp/images2/static/pia/feature/stage/anything/ftr_btn_official_off.gif) no-repeat 0 0; }
#anythinggoes #anything-footer a:hover.link2 { background: url(http://image.pia.jp/images2/static/pia/feature/stage/anything/ftr_btn_official_on.gif) no-repeat 0 0; }


/* - Aside
----------------------------------------------------------*/

#anythinggoes #anything-aside #anything-news {
	margin: 0 0 25px 0;
}

#anythinggoes #anything-aside #anything-news h3 {
	margin: 0 0 10px 0;
}

#anythinggoes #anything-aside #anything-news li {
	margin: 5px 0 15px 0;
	padding: 0 15px;
}

#anythinggoes #anything-aside #anything-news li span,
#anythinggoes #anything-aside #anything-news li a {
	display: block;
}

#anythinggoes #anything-aside .section {
	margin: 5px 0 15px 0;
}

 {
	_zoom: 1;
	overflow: hidden;
}