/* @override 
	http://61.206.114.199:8002/f_spot/css/fspot_2010.css
	http://192.168.11.69:8001/f_spot/css/fspot_2010.css
	http://www.frontale.co.jp/f_spot/css/fspot_2010.css
*/

@charset "UTF-8";

/* CSS Document */

p {
	line-height: 1.6;
}

a {
	overflow: visible;
}

body.top a,
body.top a img {
	color: #52b4ff;

}

p#f_file_thumb {
	overflow: hidden;
	text-align: center;
}


p#f_file_thumb img {
	width: 440px;
	border: 1px solid #222;
}

body.top a:hover {
	text-decoration: none;
}

div#container {
	width: 914px;
	background-image: url(/common_parts/bg_pat_main_fspot.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
}


div#mainContentsArea {
	width: 914px;
	padding: 0;
	background-image: url(/common_parts/bg_mainContentsArea_fspot.gif);
	background-position: 0 0;
	background-repeat: repeat-x;
	z-index: 10;
}

body.dirFmovie div#mainContentsArea {
	background-image: url(/common_parts/bg_mainContentsArea_f_movie.gif);
	background-position: 1px 0;
	background-repeat: repeat-x;
}

p.link_more {
	text-align: right;
	margin: 10px 20px 0 0;
	padding-bottom: 20px;
	line-height: 1;
}

ul {
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	font-size: 1px;
}

p.gotoPageTop {
	width: 890px;
	margin-left: 0;
}

div#footer {
	background-image: url(/common_parts/base_footer_fspot.gif);
}

div#footer p.footerLogoJleague {

	top: 22px;

}

/* タイトルまわり */

div#box_main_img {
	width: 400px;
	float: right;
	position: relative;
	z-index: 100;
}

div#box_main_img h2,
div#box_main_img p {
	position: absolute;
}

div#box_main_img h2 {
	top: 0;
	right: 0;
	z-index: 100;
}

div#box_main_img p {
	top: 50px;
	left: 0;
	margin: 0;
	z-index: 10;
}

/* サブナビ */

/*div#box_snavi {
	width: 375px;
	float: right;
	margin-top: 5px;
	margin-bottom: 8px;
	display: inline;
}


div#box_snavi ul {
	margin: 0;
	padding: 0;
	line-height: 1.2;
}

div#box_snavi ul li {
	font-size: 10px;
	color: #52b4ff;
	display: inline;
	margin-left: 0.2em;
}

div#box_snavi ul li a {
	text-decoration: underline;
	margin-left: 0.1em;
}*/



/* 左コラム */

div#box_left_column {
	width: 485px;
	float: left;
	margin-left: 22px;
	display: inline;
}

/* 左コラムの共通設定 */

div#box_pickup_player div.new,
div#box_f_files div.box_inner,
div#box_ob_colimn div.box_inner {
	clear: both;
	background-image: url(/f_spot/page_parts/bg_left_column_btm.png);
	background-repeat: no-repeat;
	background-position: 0 100%;
	margin-bottom: 20px;
}

div#box_pickup_player h3,
div#box_f_files h3,
div#box_ob_colimn h3 {
	font-size: 1px;
	height: 18px;
	line-height: 1.2;
	padding-left: 9px;
	padding-top: 0px;
	background-image: url(/f_spot/page_parts/bg_left_column_top.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

div#box_pickup_list div.pickup_list div.new h4,
div#box_f_files h4,
div#box_ob_colimn h4 {
	margin: 0 0 0 9px;
}

div#box_pickup_list div.pickup_list h4 {
	margin-left: 0;
}

.link_more a {
	text-decoration: underline;
}

.link_more {
	color: #52b4ff;
}


/* ピックアッププレイヤー */

div#box_pickup_player div.new {
	margin-bottom: 15px;
	padding-bottom: 15px;
	position: relative;
	min-height: 385px;
	overflow: hidden;
}

* html div#box_pickup_player div.new {
	height: 385px;
}

*+html div#box_pickup_player div.new {
	height: 385px;
}


div#box_pickup_list div.new h4 a {
	width: 442px;
	overflow: hidden;
	display: block;
}

div#box_pickup_list div.new h4 img {
	/*    width: 442px;*/
	/*	min-width: 442px;*/
	width: auto;
	height: 277px;
}

div#box_pickup_list h4 img {
	width: 115px;
	margin-bottom: 10px;
}

div#box_pickup_list div.new h5,
div#box_pickup_list div.new h4 span.ttl_pickup_ttl {
	display: none;
}

div.pickup_list div.new h4 span.ttl_pickup_num {
	line-height: 1;
	color: #ffffff;
	font-size: 78px;
	display: block;
	position: absolute;
	left: 68px;
	padding-top: 214px;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

/* FireFox */
@-moz-document url-prefix() {
	div.pickup_list div.new h4 span.ttl_pickup_num {
		padding-top: 220px;
	}
}

div#box_pickup_list div.new p {
	font-size: 12px;
	color: #ffffff;
	margin-left: 20px;
	margin-right: 30px;
	margin-top: 0;
	margin-bottom: 0;
}

div#box_pickup_list div.new span.link_more {
	text-align: right;
	color: #52b4ff;
	float: none;
	display: block;
}

div.pickup_list span.ttl_pickup_num {
	color: #000000;
	font-size: 32px;
	font-weight: bold;

	font-family: 'Helvetica', Verdana, Arial, sans-serif;
	position: absolute;
	top: -5px;
	left: 127px;
}

div.pickup_list span.ttl_pickup_vol {
	color: #37a8ff;
}

div.pickup_list span.ttl_pickup_ttl {
	color: #000000;
	font-size: 14px;
	position: absolute;
	top: 30px;
	left: 127px;
	font-weight: bold;
}

div.pickup_list h5 {
	width: 354px;
	font-size: 12px;
	padding-top: 5px;
	border-top: 1px solid #333233;
	border-color: #cccbcc;
	position: absolute;
	top: 53px;
	left: 127px;
	margin-right: 0;
	margin-top: 0;
	margin-left: 0;
}


div#box_pickup_list p {
	font-size: 10px;
	margin: -3px 0 0 127px;
}

div#box_pickup_list div.pickup_list {
	position: relative;
	margin-bottom: 20px;
	height: auto;
	min-height: 100px;
}

div#box_pickup_player p.link_more {
	width: 481px;
	text-align: right;
	border-bottom: 7px solid #000;
	padding-bottom: 5px;
	line-height: 1;
	margin: 0;
}


/* バナー */

div#box_ban {
	margin-bottom: 20px;
}

div#box_ban p {
	width: 479px;
	height: 68px;
	border: 1px solid #cccbcc;
}


/* 1ショット */

div#box_one_shot {
	width: 481px;
	height: 237px;
	margin-bottom: 20px;
	background-color: #000;
	position: relative;
	clear: both;
}

div#box_one_shot h3 {
	padding-top: 27px;
	padding-left: 1px;
	margin-bottom: 20px;
}

div#box_one_shot p.link_more {
	width: 137px;
	text-align: center;
	margin: 0;
}

p#img_one_shot {
	background-color: #0;
	margin: 0;
	width: 346px;
	height: 231px;
	position: absolute;
	top: 3px;
	right: 3px;
}

/* F-Files */

div#box_f_files h3 {
	padding-bottom: 4px;
}

div#box_f_files div.archiveList {
	width: auto;
	background-image: none;
	margin: 0;
}

div.archiveList dl {

	margin: 0;
}


div.archiveList dt,
div.archiveList h4 {
	width: 447px;
	height: auto;
	background-color: #37a8ff;
	margin: 0 0 10px 8px;
	padding: 7px;
	line-height: 1;
	position: static;
}

div.archiveList h4 {
	font-size: 12px;
	color: #fff;
}

div.archiveList dl dt {
	display: none;
}

div#box_f_files div.archiveList dl dd.thumb2011cont01 {
	width: 464px;
	margin-top: 8px;
}

div#box_f_files div.archiveList dl dd.thumb2011cont01 a {
	width: 235px;
	background-position: -26px -20px;
	border: none;
	padding: 180px 0 0 0;
	color: #e5e5e5;
	margin: 0 auto 0 auto;
}


div.archiveList dd {

	width: 224px;
	color: #fffeff;
	margin-left: 8px;
}

div.archiveList dd span {
	font-size: 10px;
}


div.archiveList dd a:link,

div.archiveList dd a:visited {

	width: 224px;
	margin-bottom: 7px;
	padding: 142px 0 0;
	border: 1px solid #666566;
}

/*2010-3*/

dd.thumb2010cont03 a:link,

dd.thumb2010cont03 a:visited {

	background-image: url(/f_spot/page_parts/thumb_2010_fifa_squad_top.jpg);

	background-position: 0 0;
	background-repeat: no-repeat;
}

dd.thumb2010cont03 a:hover {

	background-image: url(/f_spot/page_parts/thumb_2010_fifa_squad_top.jpg);

	background-position: -224px 0;

}



/*2010-2*/

dd.thumb2010cont02 a:link,

dd.thumb2010cont02 a:visited {

	background-image: url(/f_spot/page_parts/thumb_201001_inamoto_top.jpg);

	background-position: 0 0;
	background-repeat: no-repeat;

}

dd.thumb2010cont02 a:hover {

	background-image: url(/f_spot/page_parts/thumb_201001_inamoto_top.jpg);

	background-position: -224px 0;

}



/* OB's Column */

div#box_ob_colimn h3 {
	padding-bottom: 4px;
}

div#box_ob_colimn p#img_obs_column {
	margin: 0 0 10px 7px;
}






/* 右コラム */

div#box_right_column {
	width: 343px;
	float: right;
	margin-right: 23px;
	margin-top: 335px;
	margin-bottom: 20px;
}


/* 共通設定 */

#box_f_tv,
div#box_f_movie,
div#box_download {
	margin-bottom: 10px;
	background-image: url(/f_spot/page_parts/bg_right_column_btm.png);
	background-position: 0 100%;
	background-repeat: no-repeat;
}

div#box_right_column div.box_inner {
	background-image: url(/f_spot/page_parts/bg_right_column_top.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	position: relative;
}

div#box_right_column h3 {
	padding: 12px 10px 10px 14px;
}

div#box_download p.link_more {
	font-size: 10px;
}

/* F-Movie */

body.top div#box_main_movie {
	width: 317px;
	height: auto;
	background-color: #000;
	background-image: none;
	margin: 0 0 10px 12px;
	padding-bottom: 10px;
	float: none;
	overflow: hidden;
}

body.top div#box_main_movie p#main_movie {
	width: 317px;
}

body.top div#box_main_movie img {
	width: 311px;
	margin-top: 5px;
	margin-left: 3px;
	margin-bottom: 7px;
}

body.top div#box_main_movie p.date,
body.top div#box_main_movie h5 {
	color: #ffffff;
	margin: 0 0 0 10px;
	line-height: 1.6;
	display: block;
}

body.top div#box_main_movie h5 {
	width: 300px;
	font-size: 12px;
	font-weight: bold;
}

body.top div#box_main_movie h5 span.ttl {
	font-size: 10px;
	font-weight: normal;
}


body.top div#box_main_movie p.date {
	font-size: 10px;
}

ul#list_movie_top li.new {
	display: none;
}


ul#list_movie_top li {
	float: left;
	margin-left: 12px;
	margin-bottom: 10px;
}

ul#list_movie_top li a {
	background-color: #000;
}

body.top ul#list_movie_top li img {
	width: 87px;
}

ul#list_movie_top li p.date,
ul#list_movie_top li h5 {
	display: none;
}



/* download */

div#box_wp {
	width: 317px;
	background-color: #000;
	margin: 0 auto 5px;
	padding-bottom: 8px;
	position: relative;
}

div#box_wp h4 {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1000;
}


div#box_wp p#img_wp {
	margin: 0 auto 0 auto;
	text-align: center;
}



div#box_wp ul {
	text-align: right;
	margin-right: 7px;
}

div#box_wp ul li {
	display: inline;
}

div#box_wp ul img {
	width: 54px;

	border: 1px solid #cbcbcb;
}


ul#header_wp_pane {
	padding-left: 86px;
	width: 230px;
	height: auto;
	position: relative;
	padding-top: 10px;
	padding-bottom: 2px;
}

div#box_wp ul#header_wp_pane li {
	color: #fff;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	font-size: 10px;
	text-align: left;
	display: block;
}

div#box_wp ul#header_wp_pane li#wp_month {
	font-size: 78px;
	color: #37a8ff;
	position: absolute;
	top: -12px;
	left: 3px;
	letter-spacing: -8px;
	width: 74px;
	text-align: center;
}

div#box_wp ul#header_wp_pane li#wp_month_year {
	font-size: 20px;
}


/* ダウンロードリスト */

ul#box_download_list {
	margin: 0 13px;
}

ul#box_download_list li {
	color: #52b4ff;
	font-size: 12px;
	display: inline;
	margin-right: 10px;
}


ul#box_download_list li a {
	background-color: #000;
	padding: 5px 8px 5px 6px;
	display: inline-block;
	margin-top: 5px;
	line-height: 1;
}


ul#box_download_list li a:hover {
	background-color: #1a1a1a;
}

div#box_f_movie p.link_more {
	margin-top: 0;
	font-size: 10px;
}


p#img_download {
	margin: 0 0 15px;
	text-align: center;
}

/* 3ボタン */

#threeButtonArea {
	width: 143px;
	background-image: url(/common_parts/three_button_base_pat_fs.gif);
	margin-bottom: 0px;
}

a.buttonFanMail:hover,
a.buttonFlink,
a.buttonFlink:hover,
a.buttonMediaGuide,
a.buttonMediaGuide:hover {
	background-image: url(/common_parts/three_button_parts_fs.gif);
}


/* サブナビ */

div#subNaviArea {
	width: 144px;
}

div#subNaviArea dt a {
	width: 144px;
	height: 24px;
}


/*F-SPOTトップ*/

a.subFspotTop {

	background: url(/common_parts/sub_navi_fspot_2010.png);

	background-position: 0 0;

}



a.subFspotTop:hover {

	background-position: -146px 0;

}



body#dirFspot.subFspotTop a.subFspotTop {

	background-position: -292px 0;

}





/*ピックアッププレイヤー*/

a.subPickup {

	background: url(/common_parts/sub_navi_fspot_2010.png);

	background-position: 0 -24px;

}



a.subPickup:hover {

	background-position: -146px -24px;

}



body#dirFspot.pagePickup a.subPickup {

	background-position: -292px -24px;

}



/*ダウンロード*/

a.subDownload {

	background: url(/common_parts/sub_navi_fspot_2010.png);

	background-position: 0 -48px;

}



a.subDownload:hover {

	background-position: -146px -48px;

}



body#dirFspot.dirDownload a.subDownload {

	background-position: -292px -48px;

}





/*オフィシャルグッズ*/

a.subGoods {

	background: url(/common_parts/sub_navi_fspot_2010.png);

	background-position: 0 -72px;

}



a.subGoods:hover {

	background-position: -146px -72px;

}



body#dirFspot.dirGoods div#subNaviArea a.subGoods {

	background-position: -292px -72px;

}



/*OB'sコラム*/

a.subOBsColumn {

	background: url(/common_parts/sub_navi_fspot_2010.png);

	background-position: 0 -96px;

}



a.subOBsColumn:hover {

	background-position: -146px -96px;

}



body#dirFspot.dirOBsColumn div#subNaviArea a.subOBsColumn {

	background-position: -292px -96px;

}







/*OneShot*/

a.subOneShot {

	background: url(/common_parts/sub_navi_fspot_2010.png);

	background-position: 0 -120px;

}



a.subOneShot:hover {

	background-position: -146px -120px;

}



body#dirFspot.dirOneShot div#subNaviArea a.subOneShot {

	background-position: -292px -120px;

}

/*F-ムービー*/

a.subFmovie {

	background: url(/common_parts/sub_navi_fspot_2010.png);

	background-position: 0 -144px;

}



a.subFmovie:hover {

	background-position: -146px -144px;

}



body#dirFspot.dirFmovie a.subFmovie {

	background-position: -292px -144px;

}



/*F-ファイルズ*/

a.subFfiles {

	background: url(/common_parts/sub_navi_fspot_2010.png);

	background-position: 0 -168px;

}



a.subFfiles:hover {

	background-position: -146px -168px;

}



body#dirFspot.dirFfiles a.subFfiles {

	background-position: -292px -168px;

}


/*F-SPOTのボトム*/



body#dirFspot dt.subBottom {
	display: none;
}



/* バナー */

div.box_home_large_ban li {
	margin-bottom: 10px;
}


div.box_right_ban p {
	margin: 0 10px 10px 0;
	float: left;
}


/* ----以下F-Movie---- */



/* メインコンテンツ */

div#box_main {
	width: 746px;
	float: right;
	padding-left: 24px;
	background-image: url(/f_spot/page_parts/bg_box_main_fspot.png);
	background-position: 0 100%;
	background-repeat: no-repeat;
}


div#box_main div#inner_main {
	position: relative;
	height: auto;
	zoom: 1;
	padding-bottom: 24px;
}

div#box_main div#inner_main:after {
	content: '.';
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}

div#box_main h3 {
	margin-top: 24px;
	margin-left: 4px;
	margin-bottom: 18px;
}

div#box_archive_list {
	width: 123px;
	float: left;
}

div#box_archive_list li {
	margin-left: 3px;
	margin-bottom: 5px;
}

div#box_archive_list li a {
	display: block;
}

div#box_archive_list li#list_on {
	margin-left: 0;
	margin-bottom: 3px;
}

/* sideLeftArea */

div#sideLeftArea {
	width: 144px;

}




/* メインムービー */

div#box_main_movie {
	width: 582px;
	height: 387px;
	float: right;

}

div#box_main_movie div {
	display: none;
}

div#box_main_movie div#new {
	display: block;
}

div#box_main_movie p#main_movie {
	width: 562px;
	background-color: #000;
	margin: 8px auto;
	text-align: center;
	display: block;
}


div#box_main_movie p,
div#box_main_movie h5 {
	color: #ffffff;
	margin: 0 0 0 10px;
}

div#box_main_movie p,
div#box_main_movie h5 span.ttl {
	font-size: 10px;
}

div#box_main_movie h5 {
	width: 400px;
	font-size: 12px;
}

div#box_main_movie p#link_tweet {
	height: 22px;
	float: right;
	line-height: 2;
	padding-top: 6px;
	margin-top: -27px;
	margin-right: 15px;
	display: inline;
}

div#box_main_movie p#link_tweet img {
	margin-left: 4px;
}

div#box_main_movie p#link_tweet a span {
	text-decoration: underline;
	color: #37a8ff;
}

/* movie list */

div#box_list_movie {
	width: 741px;
	height: auto;
	background-color: #fff;
	padding: 18px;
	/*float: right;*/
	margin: 5px 0 0 0;

}

div#box_ttl_list {
	height: auto;
	padding-bottom: 18px;
	zoom: 1;
}





div#box_ttl_list h4 {
	float: left;
}

div#box_ttl_list p.attent {
	margin: 0 21px 0 0;
	float: right;
	color: #888;
}



div#box_list_movie h5 {
	font-size: 16px;
	margin: 18px 0 0 0;
	color: #555;
	padding: 0 0 0.5em 0.15em;
	border-bottom: 1px dotted #777;
}

/* list */

ul#list_movie {
	margin-bottom: 30px;
}

ul#list_movie li.new {
	display: none;
}

ul#list_movie li {
	width: 232px;
	height: 188px;
	float: left;
	margin-right: 14px;
	margin-bottom: 13px;
	background-image: url(/f_spot/f_movie/page_parts/bg_list_movie.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

ul#list_movie li a {
	width: 199px;
	margin-top: 9px;
	margin-left: 15px;
	margin-bottom: 14px;
	background-color: #000;
	text-align: center;
	display: block;
}

ul#list_movie li p,
ul#list_movie li h5 {
	margin: 0 3px 0 7px;
	line-height: 1;
}

ul#list_movie li p,
ul#list_movie li h5 span.ttl {
	font-size: 10px;
}

ul#list_movie li h5 {
	font-size: 12px;
	line-height: 1.4;
}

ul#list_movie li p {
	margin-bottom: 3px;
}


/* 20140523 */

#box_main_tv {}

#box_main_tv p {
	margin-left: 12px;
	margin-bottom: 7px;
	line-height: 0;
}

#img_list_radio {
	margin-left: 12px;
}