@charset "UTF-8";

* {
margin: 0;
padding: 0;
border:0;
}

a:link,
a:visited{
color:#008632;
text-decoration:none;
outline: none; 
}

a:hover{
color:#66FF00;
text-decoration:none;
outline: none; 
}


body{
padding:0;
margin:0;
font-family: Meiryo,Verdana;
color:#111111;
text-align:left;
background:#EEEEEE url(../images/bg.gif) no-repeat
}



#AreaLead{
position:absolute;
top:15px;
left:23px;
width:397px;
}

#AreaLists{
width:450px;
margin:0 0 0 425px;
padding:0 0 100px 0;
background-color:#FFFFFF;
border-left:solid 4px #BFBFBF;
border-right:solid 4px #BFBFBF;
border-bottom:solid 4px #BFBFBF;
}




#AreaLead .text{
padding:15px 10px 0 0;
}

#AreaLead p{
font-size:small;
line-height:150%;
padding:0 0 5px 0;
clear:both;
}

#AreaLead dl{
font-size:small;
}
#AreaLead dt{
float:left;
width:65px;
height:60px;
display:block;
}
#AreaLead dd{
float:left;
padding:15px;
}

#AreaLead p.footer{
padding:10px 0 0 0;
}


p.contact {
display:block;
float:right;
}
p.contact a{
text-indent:-10000px;
text-decoration: none;
}

.contact a:link,
.contact a:visited{
display:block;
width:100px;
height:22px;
background-image:url(../images/btn_contact.gif);
background-repeat:no-repeat;
background-position:top;
}

.contact a:hover,
.contact a:active{
background-image:url(../images/btn_contact.gif);
background-repeat:no-repeat;
background-position:bottom;
}






#AreaLists h1{
background-color:#009231;
padding:5px;
}


#AreaLists .download{
background-color:#EBEBEB;
margin:15px 15px 15px 15px;
padding:8px 15px 8px 15px;
}
#AreaLists .download p{
font-size:small;
line-height:130%;
}
#AreaLists .download img{
display:block;
float:left;
padding:6px 5px 6px 0;
}
#AreaLists .download span{
text-align:right;
display:block;
}

#AreaLists h2{
color:#FFFFFF;
border-bottom:3px solid #111111;
margin:0 15px 7px 15px;
font-size:1.0em;
}

#AreaLists em{
display:block;
font-style:normal;
background-color:#111111;
padding:2px 8px 0 8px;
width:125px;
}

#AreaLists i{
font-size:80%;
font-weight:normal;
font-style:normal;
}

#AreaLists dl.fm{
background-color:#FFFA93;
margin:0 15px 5px 15px;
padding:3px 6px 2px 6px;
display:block;
height:20px;
}

#AreaLists dl.fmL{
background-color:#FFFA93;
margin:0 15px 5px 15px;
padding:3px 6px 2px 6px;
display:block;
height:39px;
}

#AreaLists .fm dt{
float:left;
font-size:95%;
font-weight:bold;
}

#AreaLists .fmL dt{
float:left;
font-size:95%;
font-weight:bold;
height:34px;
line-height:110%;
}

#AreaLists .fm dd{
float:right;
font-size:small;
}

#AreaLists .fmL dd{
float:right;
font-size:small;
height:34px;
}



#AreaLists .stream{
float:left;
display:block;
padding:0 0 20px 60px;
width:102px;
font-size:small;
line-height:110%;
text-align:center;
color:#FF6600;
}

#AreaLists .time{
display:block;
float:right;
width:260px;
padding:6px 15px 20px 0;
font-size:small;
line-height:110%;

}


#AreaLists .stream a{
text-indent:-5000px;
text-decoration: none;
width:102px;
height:36px;
display:block;
background-image:url(../images/btn_play.gif);
background-repeat:no-repeat;
background-position:left top;
}

#AreaLists .stream a:hover{
background-image:url(../images/btn_play.gif);
background-repeat:no-repeat;
background-position:left -36px;
}

#AreaLists .stream a:active{
background-image:url(../images/btn_play.gif);
background-repeat:no-repeat;
background-position:left bottom;
}




#AreaLists .S{
font-size:smaller;
}


/*問い合わせ*/

#AreaLeadETC{
position:absolute;
top:15px;
left:23px;
width:220px;
}
#AreaLeadETC p{
text-align:center;
font-size:12px;
padding:5px;
font-weight:bold;
}

#AreaListsETC{
margin:0 30px 0 260px;
padding:0 0 30px 0;
background-color:#FFFFFF;
border-left:solid 4px #BFBFBF;
border-right:solid 4px #BFBFBF;
border-bottom:solid 4px #BFBFBF;
min-height:800px;
}

#AreaListsETC h1{
background-color:#009231;
padding:5px;
}
#AreaListsETC table.contact{
margin:5px 25px;
font-size:small;
line-height:150%;
}

#AreaListsETC table.contact th{
text-align:left;
width:160px;
background-color:#FFFA93;
padding:4px;
margin:1px;
border-left:4px solid #009231;
border-bottom:2px solid #FFFFFF;

}
#AreaListsETC table.contact td{
padding:4px 5px 4px 5px;
}

#AreaListsETC h3{
margin:30px 25px 0 25px;
}


#AreaListsETC p,
#AreaListsETC ul,
#AreaListsETC ol{
margin:10px 25px 20px 25px;
font-size:small;
line-height:140%;
}

#AreaListsETC li{
padding:3px;
margin:0 0 2px 23px;
}

#AreaListsETC p.button{
margin-left:200px;
}

#AreaListsETC input,
#AreaListsETC textarea{
border:1px solid #999999;
padding:3px;
background-color:#EEEEEE;
}

#AreaListsETC p.footer{
text-align:right;
}

#AreaListsETC dl{
padding:15px 25px;
}

#AreaListsETC dt{
font-weight:bold;
background-color:#FFFA93;
padding:3px 3px 3px 5px;
margin:10px 0 5px 0;
}
#AreaListsETC dd{
padding:2px 10px 5px 10px;
font-size:12px;
line-height:150%;
}
#AreaLists br.both{
padding:0;
margin:0;
line-height:0;
}
#AreaListsETC blockquote{
border:1px solid #999999;
padding:10px;
background-color:#EEEEEE;
font-size:small;
line-height:140%;
margin-bottom:20px;
}

#AreaListsETC ol.faqlist{
margin:15px 0 0 30px;
}


#AreaListsETC h2.faq{
color:#FFFFFF;
border-bottom:3px solid #111111;
margin:20px 25px 7px 20px;
font-size:1.0em;
}

#AreaListsETC .faq strong{
display:block;
font-style:normal;
background-color:#111111;
padding:2px 8px 0 8px;
margin:0;
width:250px;
}

/*お知らせ*/
#news h2{
background:#ff6600;
border-bottom:none;
color:#FFFFFF;
padding:2px 5px 2px 5px;
width:130px;
font-size:0.9em;
margin:0 0 0 15px;
}
#news .newslist{
background:#ebebeb;
border: 1px solid #bfbfbf;
height:60px;
overflow-y: auto;
margin:0 15px 20px 15px;
}

#news ul{
font-size:0.75em;
padding:0 3px 3px 8px;
}
#news li{
list-style:disc;
padding:3px 3px 3px 0;
margin-left:15px;
}