@charset "utf-8";
/**
 * トップページ
 * @author  itakura@re-set.ne.jp(2009.03)
 * @version 1.0.0
 * @update  
 */

#indexinfo{ clear:both; background:#F2F2D7; margin-bottom:10px;}
#indexinfo p{padding:8px 15px; line-height:140%;}

#courseworkbanner{padding:5px 0 15px;}


#price{font-size:11px; width:540px; height:75px; background:url(../img/index/price.jpg); padding:50px 0 0; margin-bottom:10px; line-height:130%;}
#PC{float:left; width:110px;}

#title-pickup{clear:both; background:url(../img/title.gif) no-repeat 0 4px; margin:0 0 8px; height:38px;}
.titledetail-pickup{float:right; text-align:right; line-height:38px; padding:0 5px 0 0; font-size:11px;}
.titledetail-pickup a{background:url(../img/arrow.gif) no-repeat right center; padding:0 15px 0 0; color:#696969;}
.titledetail-pickup a:hover{color:#8D0F04;}
#pickuparea{clear:both;}

dl.newsarea{clear:both; margin:0 0 20px; overflow:hidden;}
dl.newsarea dt{clear:both; float:left; width:60px; line-height:150%;}
dl.newsarea dd{float:left; width:480px; line-height:150%;}
* html dl.newsarea dd p.space15l{padding-left:18px;}
dl.newsarea dd p.infotitle a.infodetail{background:url(../img/arrow_open.gif) no-repeat 0 0; display:block; float:left; width:15px;}
dl.newsarea dd p.infotitle a.detail-on{background:url(../img/arrow_open.gif) no-repeat 0 -45px;}
dl.newsarea dd p.infotitle a img{visibility:hidden;}
dl.newsarea dd p.infotext{clear:both; display:none; padding-bottom:10px;}

#accessmap{border:1px solid #949494; width:270px; float:left;}
#accesstext{width:255px; float:right;}
#accesscontact{margin:10px 0 0; padding:5px 5px 0; background:#EBEBEB ; background-image:url(../img/index/access_body.gif); background-repeat:no-repeat; background-position:top; font-size:12px; line-height:160%;}
#accesscontact-bottom{padding:0 0 10px; background:url(../img/index/access_bottom.gif) no-repeat bottom;}

#voicearea dl{width:340px; float:right;}
#voicearea dl dt{font-size:16px; line-height:130%; font-weight:bold; padding:3px 0 10px;}
#voicearea dl dd{background:#EBEBEB; padding:5px;}
#voicearea{padding:0 0 5px;}
#voicearea:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}
#voicearea{zoom:1;}


/*ツイッター*/
#twitterarea{background:url(../img/index/twitter.jpg) no-repeat 0 0; padding:8px 1px 0; margin-bottom:10px;}
#twitterarea .twitterdate{line-height:20px; padding-left:130px;}
#twitterarea .twittertext{padding:1px 2px 0; line-height:26px;}

/*ホームページ製作対応地域*/
#workarea{
background:url(../img/index/area_body.jpg) no-repeat 0 0;
padding:63px 0 0 220px;
margin-bottom:20px;
}
#workarea #workarea-contact{
position:relative;
height:60px;
}
#workarea #workarea-contact #workarea-contact-btn{
position:absolute;
top:26px;
right:10px;
}
/*メディア掲載*/
#media{
overflow:hidden;
zoom:1;
}
#media-text{
float:right;
width:320px;
margin-bottom:10px;
}
#media-text .madia-link-hp{
background:url(../img/index/medialink1.gif) no-repeat left center;
padding:0 0 0 45px;
}
#link-twitter{
background:url(../img/index/link_twitter.gif) no-repeat 0 0;
height:32px;
line-height:32px;
padding:0 0 0 160px;
margin-bottom:20px;
}
#link-twitter ul li{
display:inline;
padding-left:14px;
background:url(../img/arrow.gif) no-repeat left center;
}

#player-area{
background:#EDEDED;
padding:5px;
overflow:hidden;
zoom:1;
}
#player-area .fL{
width:120px;
}
#player-area .fR{
width:185px;
padding-top:8px;
overflow:hidden;
zoom:1;
}