@charset "utf-8";
/*
Theme Name: iidafm css
Theme URL: 
Description: prog.CSS
Version: 1.0
Author: 飯田エフエム放送
Author URL: iida.fm
*/

/* CSS Document */
/* タイトル部分
----------------------------- */
.prog {
width:565px;
margin:5px 0;
    overflow: hidden;
}

.prog :after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .prog {
    height: 1em;
    overflow: visible;
}
/**/
.prog h2 {
width:560px;
height:40px;
margin:0;
padding:0;
font-size:1em;
line-height:125%;
color:#666666;
background:url(../img/prog/title-prog.jpg) no-repeat left center;
text-indent:-9999em;
}
.prog h2 a {
width:560px;
height:40px;
margin:0;
padding:0;
background:url(../img/prog/title-prog.jpg) no-repeat left center;
text-indent:-9999em;
text-decoration:none;
display:block;
}
/* プログラム部分
----------------------------- */
.progbox {
margin:10px 5px;
padding:0;
}
.progtitle-on {
margin:10px 0;
padding:28px 5px 0 5px;
background:url(../img/prog/prog-nowonair.gif) no-repeat left top;
}
.progtitle-off {
margin:10px 0;
padding:0 5px 0 5px;
}
.progbox h3 {
margin:2px 0;
padding:10px 10px 5px 10px;
font-size:1em;
color:#0066CC;
line-height:125%;
border-bottom:#999999 solid 1px;
letter-spacing:0.15em;
background:#CCCCCC;
}
.progbox h3 a {
color:#0066CC;
}
.prog-inbox-on {
clear:both;
position:relative;
margin:5px;
padding:0px;
}
.prog-inbox-off {
clear:both;
position:relative;
margin:5px;
padding:0px;
background:url(../img/osirase/end.gif) no-repeat center left;
    overflow: hidden;
}

.prog-inbox-off:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .prog-inbox-off {
    height: 1em;
    overflow: visible;
}
/**/
.prog-text {
float:left;
width:250px;
margin:0;
padding:0;
}
.prog-text p {
margin:0 0 10px 0;
padding:0;
font-size:0.85em;
color:#660000;
}
.deta p {
margin:2px 0;
padding:2px 0;
font-size:0.8em;
color:#333333;
background:url(../img/pub/border-line.gif) repeat-x left bottom;
}
.prog-banner {
float:right;
width:280px;
height:200px;
margin:0;
padding:0;
}
.prog-banner img {
margin:50px 15px;
border:none;
}
.con-prog {
clear:both;
width:560px;
margin:10px 0;
padding:0;
    overflow: hidden;
}

.con-prog:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .con-prog {
    height: 1em;
    overflow: visible;
}
/**/
.con-prog p {
width:160px;
height:25px;
margin:0 20px;
padding:0;
background:url(../img/prog/prog-continue.gif) no-repeat 0 0;
text-indent:-9999em;
}
.con-prog p a {
width:160px;
height:25px;
margin:0;
padding:0;
background:url(../img/prog/prog-continue.gif) no-repeat 0 0;
text-indent:-9999em;
display:block;
text-decoration:none;
}
.con-prog p a:hover {
width:160px;
height:25px;
margin:0;
padding:0;
background:url(../img/prog/prog-continue.gif) no-repeat 0 -25px;
text-indent:-9999em;
display:block;
text-decoration:none;
}

/* ブログリンク
----------------------------- */
.btn-blogbox {
clear:both;
position:relative;
margin:50px 20px 50px 10px;
padding:20px;
border:#666666 solid 1px;
    overflow: hidden;
}

.btn-blogbox :after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .btn-blogbox  {
    height: 1em;
    overflow: visible;
}
/**/
.btn-blogbox h4 {
margin:0 0 5px 0;
padding:0;
font-size:0.85em;
color:#6666CC;
border-bottom:#6666CC solid 1px;
}
.btn-blogbox h4 a {
color:#6666CC;
}
.btnblog-text {
float:left;
width:250px;
margin:0 10px 0 0;
padding:0;
}
.btn-blog {
float:right;
width:176px;
height:70px;
margin:0;
padding:0;
}
.btn-blog p {
width:176px;
height:70px;
margin:0;
padding:0;
background:url(../img/prog/btn-blog.jpg) no-repeat 0 0;
text-indent:-9999em;
}
.btn-blog p a {
width:176px;
height:70px;
margin:0;
padding:0;
background:url(../img/prog/btn-blog.jpg) no-repeat 0 0;
text-indent:-9999em;
display:block;
text-decoration:none;
}
.btn-blog p a:hover {
width:176px;
height:70px;
margin:0;
padding:0;
background:url(../img/prog/btn-blog.jpg) no-repeat 0 -71px;
text-indent:-9999em;
display:block;
text-decoration:none;
}
/* スタッフ関連
----------------------------- */
.mix {
clear:both;
position:relative;
width:560px;
margin:0;
padding:0;
}
.mix h4 {
width:560px;
height:57px;
margin:5px 0;
padding:0;
background:url(../img/staff/title-staff.jpg) no-repeat left center;
text-indent:-9999em;
}
.mix h4 a {
width:563px;
height:57px;
margin:5px 0;
padding:0;
background:url(../img/staff/title-staff.jpg) no-repeat left center;
text-indent:-9999em;
display:block;
text-decoration:none;
}
.staffbox {
float:left;
width:80px;
margin:0 5px;
padding:0;
}
.staffbox img {
width:80px;
height:106px;
margin:0 auto;
padding:0;
border:none;
}
.staffbox p {
margin:2px 0;
padding:0;
font-size:0.75em;
text-align:center;
}