@charset "EUC-JP";

/* reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}
/**/

/* common */
body {
margin:0;
background:url(../img/bg.gif) 0 0;
padding: 0;
text-align: left;
font-size:100%;
line-height:1em;
}
strong {
font-weight:bold;
}
a:link		{ color: #FF0066; text-decoration: none; }
a:visited	{ color: #FF6666; text-decoration: none; }
a:active	{ color: #FF0066; text-decoration: underline; }
a:hover		{ color: #FF0066; text-decoration: underline; }

.sideLink a:link		{
color: #FFDBE5;
text-decoration: none;
}
.sideLink a:visited	{
color: #FFC5DB;
text-decoration: none;
}
.sideLink a:active	{ color: #FFDBE5; text-decoration: underline; }
.sideLink a:hover		{ color: #FFDBE5; text-decoration: underline; }

.title a:link {color: #FF0066;text-decoration: none;}
.title a:visited {color: #FF6666;text-decoration: none;}
.title a:active {color: #FF0066;text-decoration: underline;}
.title a:hover {color: #FF0066;text-decoration: underline;}
/**/

#container {
margin:0 auto;
width:770px;
text-align:center;
}
#contents {
background:url(../img/bg2.gif) 0 0;
padding:9px;
margin-bottom:15px;
}
#contents:after {
display: block;
clear: both;
visibility: hidden;
height: 0.1px;
line-height: 0;
font-size: 0.1em;
content: ".";
}
#contents {display: inline-block;}
#contents {zoom: 100%;}
#main {
float:left;
margin-right:5px;
width:547px;
text-align:left;
}
#sub {
float:left;
padding-bottom:40px;
width:200px;
text-align:left;
}

#footer {
border-top:2px solid #99CCFF;
background:#FFF;
padding:10px;
text-align:center;
line-height:1.5em;
color:#666666;
font-size:0.8em;
}
.boxBottom {
margin-bottom:10px;
}

/* ツールバー */
iframe {
background:#000;
}

/* ヘッダー */
h1 {
background:url(../img/header.gif) 0 0 no-repeat;
width:770px;
height:223px;
color: #FFFFFF;
font-size: 1em;
overflow:hidden;
}
h1 a {
display:block;
padding-top:223px;
}
.line {
background:url(../img/message_bg.gif) 0 0 repeat-y;
padding:5px 0 5px 15px;
}

/* 番組紹介 */
#intro {
background:url(../img/program_bg.gif) 0 0 repeat-y;
padding:0 20px;
line-height:1.3em;
color:#000000;
font-size:0.8em;
}
h2 {
font-size: 1em;
}

/*　ナビ　*/
#navi {
margin: 15px 0 0;
padding: 0;
}

#navi li {
	margin:0;
	line-height:0;
}

#navi li img {
	display: block;	
}

/* 記事 */
.titleBox {
background:url(../img/message_bg.gif) 0 0 repeat-y; /*dayの背景色になる*/
width:547px;
color: #0066CC;
}
.titleBox:after {
display: block;
clear: both;
visibility: hidden;
height: 0.1px;
line-height: 0;
font-size: 0.1em;
content: ".";
}
.titleBox {display: inline-block;}
.titleBox {zoom: 100%;}

h3 {
float:left;
padding:10px 0 0 15px;
width:377px;
font-size: 0.9em;
}
.day {
float:left;
padding:10px 10px 0 10px;
width:125px;
text-align:right;
font-size: 10px;
}

/* バックナンバー */
.titleBoxBn {
background:url(../img/message_bg.gif) 0 0 repeat-y; /*dayの背景色になる*/
width:547px;
color: #0066CC;
}
.titleBoxBn:after {
display: block;
clear: both;
visibility: hidden;
height: 0.1px;
line-height: 0;
font-size: 0.1em;
content: ".";
}
.titleBoxBn {display: inline-block;}
.titleBoxBn {zoom: 100%;}

.titleBoxBn h3 {
/*background:#E5E5E6;*/
}
.titleBoxBn .day {
}

/* バックナンバー偶数 */
.titleBoxBn2 {
background:url(../img/message_bg.gif) 0 0 repeat-y; /*dayの背景色になる*/
width:547px;
color: #0066CC;
}
.titleBoxBn2:after {
display: block;
clear: both;
visibility: hidden;
height: 0.1px;
line-height: 0;
font-size: 0.1em;
content: ".";
}
.titleBoxBn2 {display: inline-block;}
.titleBoxBn2 {zoom: 100%;}

.titleBoxBn2 h3 {
/*background:#FFFFFF;*/
}
.titleBoxBn2 .day {
}

/* 記事本文 */
.articleBody {
background:url(../img/message_bg.gif) 0 0 repeat-y;
padding:10px 15px;
width:517px;
line-height:1.4em;
font-size:0.9em;
}
.articleBody font {
line-height:1.3em;
}
.articleImg {
margin-bottom:10px;
text-align:center;
}

/* サイドバー */
.side {
background:url(../img/profile_bg.gif) 0 0 repeat-y;
padding:10px;
line-height:1.3em;
color:#FFECFF;
font-size:0.8em;
}
.sideLink {
	font-size:0.8em;
}
.sideBanner {
margin-bottom:5px;
text-align:center;
}
#profImg {
margin-bottom:10px;
}

/* 前後記事リンク */
#footNavi {
/* border-top:1px solid #CCCCCC; */
background:url(../img/message_bg.gif) 0 0 repeat-y;
padding:10px 20px;
width:507px;
color: #000000;
font-size: 12px;
}
#footNavi:after {
display: block;
clear: both;
visibility: hidden;
height: 0.1px;
line-height: 0;
font-size: 0.1em;
content: ".";
}
#footNavi {display: inline-block;}
#footNavi {zoom: 100%;}

li#prevLink {
float:left;
background:url(../img/icon_prev.gif) left 0 no-repeat;
padding-left:1.4em;
width:240px;
}
li#prevNone {
float:left;
width:240px;
}
li#nextLink {
float:right;
background:url(../img/icon_next.gif) right 0 no-repeat;
padding-right:1.4em;
width:240px;
text-align: right;
}
li#nextNone {
float:right;
width:240px;
text-align: right;
}

