@charset "shift_jis";
/**********************************************************************
FBC福井放送 共通CSS
[ /css/common.css ]

**********************************************************************/



/* 目次
-------------------------------------------------
 ・タグの初期化
 ・共通クラス
 ------------------------------------------------- */



/* タグの初期化
------------------------------------------------- */
body, h1, h2, h3, h4, h5, p, dl, dt, dd, ul, ol, li, img, caption, fieldset, form, input, select, label {
	margin: 0;
	padding: 0;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

body {
	width:100%;
	font-size:small;
	background-image:url(../images/common/bg.gif);
}

img {
	border: none;
}

ul, ol{
	list-style-type: none;
}

/* Link
------------------------------------------------------*/
a { 
	color: #2963B8;
	text-decoration: none;
}

a:hover { 
	color: #8B8B8B;
	text-decoration: underline;
}

a:link    {color: #2963B8; text-decoration: none;}
a:active  {color: #2963B8; text-decoration: none;}
a:visited {color: #2963B8; text-decoration: none;}
a:hover   {color: #FD801A; text-decoration: underline;}

a.recommned:link {color: #A29C82; text-decoration: none;}
a.recommned:visited {color: #A29C82; text-decoration: none;}
a.recommned:hover   {color: #A29C82; text-decoration: underline;}

a.textlink:link {color: #FFF; text-decoration: underline;}
a.textlink:visited {color: #FFF; text-decoration: underline;}
a.textlink:hover   {color: #FFF; text-decoration: underline;}

/* block
------------------------------------------------------*/
div, ul, ol, dl,
h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, address  {
	display: block;
}

/* Image
------------------------------------------------------*/
img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

/* 共通クラス
------------------------------------------------- */
.floatLeft  {float: left;}
.floatRight {float: right;}
.clearer    {
	clear: both;
	font-size: 1px;
	line-height: 0%;
	height: 0px;
	text-indent: -9999px;
}

/* clearfixハック */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* イメージhoverクラス */
a.imghover:hover img {
	filter:alpha(opacity=70);
	opacity:0.7;
}

/* ラッパー
------------------------------------------------- */
div#Wrapper {
	width: 100%;
	margin:0 auto;
	position:relative;
}
/* Wrapperの中のimgタグをブロック要素に */
div#Wrapper img {
	/*display:block;*/
}

/* コンテナ
------------------------------------------------- */
div#Container {
	width: 1000px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
}


/*ヘッダー
------------------------------------------------- */
div#Header {
	width: 1000px;
	margin:auto;
	background-color:#FFF;
/**	height: 115px;**/
}

div#Header h1 {
	width:91px;
	margin-left:20px;
	_margin-left:10px;
	padding-top: 18px;
	padding-bottom: 23px;
	float:left;
}

div#Header h2 {
	width:103px;
	margin:10px 0 0 20px;
	float:left;
}

div#Headbnr {
	width:468px;
	margin:13px 0 15px 10px;
	float:left;
}
div#Weather {
	margin:7px 10px 9px 0px;
	_margin:7px 5px 9px 0px;
	float:right;
}
/*メインナビ
------------------------------------------------- */
div#Navi {
	min-height: 29px;
	_height: 29px;
}

ul#MainNav {
	width:1000px;
	float:right;
	height:29px;
	background-color:#292929;
}

ul#MainNav li {
	float:left;
}
ul#MainNav a {
	display:block;
	background-image:url(../images/common/menu.gif);
	background-repeat:no-repeat;
	width:125px;
	height:29px;
	text-indent:-9999px;
}
li#Menu01 a { background-position: 0px 0px; }
li#Menu02 a { background-position: -125px 0px; }
li#Menu03 a { background-position: -250px 0px; }
li#Menu04 a { background-position: -375px 0px; }
li#Menu05 a { background-position: -500px 0px; }
li#Menu06 a { background-position: -625px 0px; }
li#Menu07 a { background-position: -750px 0px; }
li#Menu08 a { background-position: -875px 0px; }
li#Menu01 a:hover { background-position: 0px -30px; }
li#Menu02 a:hover { background-position: -125px -30px; }
li#Menu03 a:hover { background-position: -250px -30px; }
li#Menu04 a:hover { background-position: -375px -30px; }
li#Menu05 a:hover { background-position: -500px -30px; }
li#Menu06 a:hover { background-position: -625px -30px; }
li#Menu07 a:hover { background-position: -750px -30px; }
li#Menu08 a:hover { background-position: -875px -30px; }



/*メインフラッシュ部分
------------------------------------------------- */
p#MainImg {
	margin-bottom:15px;
}


/*トップコンテンツ部分
------------------------------------------------- */

div#MainContents {
	width:870px;
	background-color:#FFF;
	margin-top:15px;
	float:left;
}

div#BottomContents {
	width:950px;
}

div#Mainflash {
	margin:0 0 13px 5px;
}

div#ContentsInner {
/*	min-height:2190px;
	_height:2090px;*/
}

div#BlankContents {
	width:1000px;
	background-color:#FFF;
	margin-top:15px;
	float:left;
}



/*右ラージバナー
------------------------------------------------- */
div#RightBnrArea {
	width:120px;
	float:right;
	margin-top:15px;
}

img#mobile {
	margin-top:10px;
}


/*FBCのおすすめ部分
------------------------------------------------- */
div#Recommend {
	width:195px;
	background-color:#EBEBEB;
	color:#333;
	float:left;
	margin:0 0 0 5px;
	_margin:0 0 0 3px;
	line-height:130%;
}
div#Recommend div.program {
	width:75px;
	border:solid 1px #CCC;
	background:#FFF;
	padding:2px;
	float:left;
}
div#Recommend dl {
	border-bottom:#FFF solid 1px;
	padding:5px;
	display:block;
}

div#Recommend dt {
	float:left;
	width:79px;
}
div#Recommend dd {
	width:100px;
	float:right;
	padding:3px;
}

p.ProgramTitle {
	color:#3C69B5;
	font-weight:bold;
}

div#Recommend dl.Recommend dd a:hover { background-color:#FFF; }

/*Rightcontents
------------------------------------------------- */
div#Rightcontents {
	width:640px;
	float:right;
}


/*WHATS NEW
------------------------------------------------- */
div#Whatsnew {
	width:640px;
	float:right;
	margin-right:10px;
	_margin-right:5px;
	_padding-left:10px;
	min-height:152px;
	_height:152px;
}
div#WhatsnewOverflow {
	height: 135px;
	overflow: auto;
}
div#Whatsnew ul {
	padding-left:18px;
}

div#Whatsnew li {
	list-style-image:url(../images/top/arrow_whatsnw.gif);
	border-bottom:dotted 1px #CCC;
	padding:3px 0 3px 0;
}

div#Whatsnew img.icon_new {
	width:23px;
	margin:4px;
	display:inline;
}

div#Whatsnew a { color:#393939; }
div#Whatsnew a:hover { color:#FD801A; }

/*Topics
------------------------------------------------- */
div#TopicsWrapper {
	width:640px;
	float:right;
}

div#TopicsWrapper img {
	margin-left:-8px;
	_margin-left:0;
}

div#ojyama {
	width:204px;
	float:left;
}
div#tv {
	width:204px;
	float:left;
	margin-left:15px;
}

div#radio {
	width:204px;
	float:right;
	margin-right:10px;
}

div#event {
	width:204px;
	float:left;
}
div#info {
	width:204px;
	float:left;
	margin-left:15px;
}

div#pinton {
	width:204px;
	float:right;
	margin-right:10px;
}

div#TopicsUpper {
	margin:15px 0;
}

div#ojyama li,
div#tv li,
div#radio li,
div#event li,
div#info li,
div#pinton li {
	list-style-image:url(../images/top/arrow_02.gif);
	margin-left:16px;
	_margin-left:20px;
	width:180px;
	line-height:140%;
}

div#TopicsWrapper a { color:#393939; }
div#TopicsWrapper a:hover { color:#FD801A; }

/*ページトップ
------------------------------------------------- */
div#Pagetop {

	/* Original Code
	padding:40px 0px 37px 780px;
	_padding:40px 0px 37px 780px;
	font:Arial, Helvetica, sans-serif;
	width:88px;
	position:relative;
	*/
	
	/* Start of Modified code - June 7, 2008 */
	float: left;
	margin: 15px 0px 10px 0px;
	_margin: 15px 0px 10px 0px;
	_padding: 0px;
	font:Arial, Helvetica, sans-serif;
	width:88px;
	position:relative;
	/* End of Modified code - June 7, 2008 */
	
}
div#Pagetop img {
	display:inline;
}

a.pagetop:link {color: #333; text-decoration: none;}
a.pagetop:visited {color: #333; text-decoration: none;}
a.pagetop:hover   {color: #06F; text-decoration: underline;}

/*ミドルバナー枠
------------------------------------------------- */
div#MiddleBnr {
	border:#CCCCCC solid 1px;
	border-left:none;
	border-right:none;
	margin:40px 0 0 0;
	padding:10px 0;
	min-height: 60px;
	_height: 60px;
}

div#MiddleBnr li {
	float:left;
	margin:0 10px 10px 0;
}

div#MiddleBnr ul {
	margin:10px 0 10px 35px;
}

/*フッター部分
------------------------------------------------- */
div#Footer {
	font-size:x-small;
	color:#CAC7B9;
	margin:8px 0 0 20px;
}
div#Footer ul {
	width:830px;
	clear: both;
}
div#Footer li {
	float:left;
	padding:0 9px 0 9px;
	border-right:solid 1px #A29C82;
	margin-top:8px;
}
div#Footer a:link { color:#3364AE; }


/*スモールバナー枠
------------------------------------------------- */
div#SmallBnr {
	margin-bottom:10px;
	min-height: 53px;
	_height: 53px;
}

div#SmallBnr li {
	float:left;
	margin:0 5px 10px 0;
}

div#SmallBnr ul {
	margin:10px 0 0 35px;
}


/*ボトムビッグバナー枠
------------------------------------------------- */
div#BottomBnr {
	width:468px;
	margin:12px auto 10px auto;
	border:#FFFF00;
	min-height: 60px;
	_height: 60px;
}


/*コピーライト
------------------------------------------------- */
div#Copyright {
	width:151px;
	margin:10px auto 0px;
	padding-bottom:10px;
}