@charset "shift_jis";
/* THK筑波放送協会　ホームページCSS トップページ用 */

/***はじめに***************************************************************************
  これは2008年2月に作成したものです。
  作成者はCSSをほとんど理解していないので、どんどん改良してください。
  作成時はFireFoxがCSSにおいて厳密であったため、基本的にFireFoxで確認して作っています。
***************************************************************************************/
/*--------------------------------------
	全体の設定  
---------------------------------------*/
/* 画像、リンクの処理 */
img, a{
	border:0;
}
a{
	color:#336699;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
/*-------------------------------------- 
	BODYの設定
---------------------------------------*/
body{
	margin:0px;
    padding:0px;
    text-align:center;
    background-color:#F0F0F0;
    background-image:url(../image/body.png);
	background-repeat:repeat-y;
	background-position:center;
}

/*-------------------------------------- 
	配置設定
---------------------------------------*/
/* 全体の設定*/
#container{
	position: relative;
	width: 900px;
	height: 100%;
	min-height: 100%;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
}
/* お祈り文 */
body > #container{
	height: auto;
}
/* コンテンツコンテナ */
#contents{
	padding-bottom: 50px;
}
/* ヘッダーの設定 */
#header{
	width:900px;
	height:70px;
	background-color:#000000;
}
#header a{
	color:#FFFFFF;
}
/* メニュー部分 */
#menu{
	width:900px;
	height:30px;
	line-height:30px;
	background:#FFFFFF url(../image/menu_x3.png) 0% 0% repeat-x;
	border-top:#444444 solid 1px;
}
#menu a{
	padding:0 1em;
	vertical-align:middle;
	font:bold 100% 'MS　ゴシック';
	color:#FFFFFF;
	border-left:#444444 solid 1px;
	white-space:nowrap;
}
#menu a:hover{
	background-color: #6699ff !important;
	text-decoration: none;
}
/* 大きい画像（トップイメージ）の設定 */
#topimage{
	width:900px;
	height:150px;
}
/* メインの設定 */
#main{
	width:900px;
    float:left;
}
#main h2{
	padding-left:2px;
	margin-right:10px;
	font-weight:normal;
	font-family:"Impact";
	color:#FFFFFF;
	background:url(../image/h2bg.png) 0 0 repeat-x;
}
/*合同番発用*/
#main h3{
	padding-left:7px;
	margin-right:10px;
        font:'MS　ゴシック';
        line-height:1.5;
	color:#FFFFFF;
	background-color:#ffc5ff;
}

#center{
        width:900px;
	float:left;
	margin-left:5px;
}

#main li{
	border-bottom:#444444 dotted 1px;
}
#main_right{
	width:445px;
	float:right;
}
#main_left{
	width:445px;
	float:left;
	margin-left:5px;
}
/* メイン下の設定*/
#main_under{
	width: 900px;
	height: 200px;
	text-align:center;
}
/* フッター */
#footer{
	width: 100%;
	position: absolute;
	bottom: 0;
	height: 20px;
	color: #FFFFFF; 
	text-align: center;
	background-color: #000000;
	clear: both;
}
#footer p{
	padding: 0;
	line-height: 20px;
}
/*------------------------------------- 
	タグの属性変更
---------------------------------------*/
.f_small{
	padding-left:10px;
	font-size:60%;
}

.ff_small{
	padding-left:10px;
	font-size:80%;
}