@charset "UTF-8";
/* ============================================================

 * www.usjdetko.com
 * contents.css
 *
 * copyright : J:COMWEST
 * author    : creative iD
 
============================================================ */

/** 
 * layout
 */
body { margin-right: 25px; background: #00b392 url(../img/bg2.gif) no-repeat top center; }
#container { width: 925px; margin: 0 auto; }
#container #main { display: inline-block; }
#container #main:after { content: ""; display: block; clear: both; }
#container #side { float: left; width: 255px; margin-right: 16px; padding-top: 25px; display: inline; }
#container #side h1.sitelogo { margin-bottom: 5px; }
#container #side #globalnavi { height: 475px; background: url(../img/gnavi_bg.gif) no-repeat bottom center; }
#container #side #globalnavi ul li { text-align: center; }
#container #content { float: right; width: 639px; }
#container #content ul#submenu { margin: 15px 0 15px 380px; text-align: right; }
#container #content ul#submenu { display: inline-block; }
#container #content ul#submenu:after { content: ""; display: block; clear: both; }
#container #content ul#submenu li { float: left; margin-left: 5px; }
#container #content h2 { margin-bottom: 0; }
#container #content #inner { margin-left: 10px; padding: 20px 35px 20px 25px; width: 569px; background: url(../img/content_inner_bg.gif) repeat-y; }
#container #content #inner { display: inline-block; }
#container #content #inner:after { content: ""; display: block; clear: both; }
#container #content #content-footer { min-height: 155px; margin-left: 10px; background: url(../img/content_bottom.gif) no-repeat; }
#container #content #content-footer .copyright { padding-top: 70px; text-align: center; font-size: 93%; line-height: 1.4; color: #fff; }

#content table.type1 { background-color: #C8C8C8; }
#content table.type1 th,
#content table.type1 td { border: 1px solid #ddd; }
#content table.type1 th { background-color: #fff5d4; padding: 6px 9px; }
#content table.type1 td { background-color: #fff; padding: 6px 9px; }

.ico-arr1 { padding-left: 20px; background: url(../img/arrow_01.gif) no-repeat center left; }
.ico-arr2 { padding-left: 16px; background: url(../img/arrow_02.gif) no-repeat center left; }



/** 
 * 放送内容
 */
/***** title *****/
#content #inner h2.tit { font-size: 138.5%; line-height: 1.4; margin-bottom: 18px; color: #e82115; }
#content #inner #onair-date { border-bottom: 3px solid #e82115; margin-bottom: 20px; padding-bottom: 0; width: 569px; }
#content #inner #onair-date { display: inline-block; }
#content #inner #onair-date:after { content: ""; display: block; clear: both; }
#content #inner #onair-date .date { float: left; color: #000; }
#content #inner #onair-date .date h3 { color: #000; font-weight: normal; }
#content #inner #onair-date .backnumber { float: right; padding-top: 6px; }
#content div.onair { border-bottom: 3px solid #e82115; margin-bottom: 30px; padding-bottom: 10px; }


/***** top *****/
#content div.onair div.top { display: inline-block; }
#content div.onair div.top:after { content: ""; display: block; clear: both; }
#content div.onair div.top { margin-bottom: 25px; }
#content div.onair .bottom { margin-bottom: 0; }
#content div.onair div.top dl { float: left; margin-right: 15px; width: 329px; }
#content div.onair div.top dl.w { float: left; margin-right: 15px; width: 309px; }
#content div.onair div.top dl.s { float: left; margin-right: 15px; width: 399px; }
#content div.onair div.top dt { margin-bottom: 7px; font-size: 108%; line-height: 1.6; font-weight: bold; color: #000; }
#content div.onair div.top dd { font-size: 93%; line-height: 1.6; margin-bottom: 10px; }
#content div.onair div.top .thumb { float: right; width: 225px; }
#content div.onair div.top .thumb-w { float: right; width: 245px; }
#content div.onair div.top .thumb-s { float: right; width: 150px; }


/***** child *****/
#content div.onair div.child { display: inline-block; }
#content div.onair div.child:after { content: ""; display: block; clear: both; }
#content div.onair div.child { margin-bottom: 15px; }
#content div.onair div.child dl { float: right; margin-left: 15px; width: 374px; }
#content div.onair div.child dl.w { float: right; margin-left: 15px; width: 354px; }
#content div.onair div.child dt { margin-bottom: 7px; font-size: 93%; line-height: 1.6; font-weight: bold; color: #000; }
#content div.onair div.child dd { margin-bottom: 10px; font-size: 93%; line-height: 1.6; }
#content div.onair div.child dd h4,
#content div.onair div.child dd h5 { font-size: 100%; }
#content div.onair div.child .thumb { float: right; width: 180px; }
#content div.onair div.child .thumb-w { float: right; width: 200px; }




/** 
 * 出演者紹介
 */
#content dl.profile { margin-bottom: 25px; }
#content dl.profile dt { font-size: 108%; color: #000; font-weight: bold; margin-bottom: 7px; }
#content dl.profile dd { font-size: 93%; line-height: 1.6; }
#content dl.profile-detail { border-bottom: 3px solid #e82115; margin-bottom: 15px; padding-bottom: 15px; }
#content dl.bottom { background: none; }
#content dl.profile-detail dt { font-size: 93%; line-height: 1.6; }
#content dl.profile-detail dd { font-size: 93%; line-height: 1.6; }
#content #tko { float: left; width: 255px; margin-left: 10px; }
#content #inoue { float: right; width: 255px; margin-right: 10px; }




/** 
 * プレゼント
 */ 
#content .pre { background: url(../img/dotted.gif) repeat-x bottom left; margin-bottom: 20px; padding-bottom: 25px; }
#content .pre { display: inline-block; }
#content .pre:after { content: ""; display: block; clear: both; }
#content .pre .info { float: left; margin-right: 15px; }
#content .pre .thumb { float: right; width: 225px; }
#content .privacy { background-color: #eee; padding: 10px; font-size: 85%; }




/** 
 * 放送スケジュール・エリア
 */
#content table#schedule-list { background-color: #c8c8c8; font-size: 85%; line-height: 1.6; }
#content table#schedule-list,
#content table#schedule-list th,
#content table#schedule-list td { border: 1px solid #ddd; }
#content table#schedule-list th { background-color: #f3f3f3; padding: 3px 6px; text-align: center; }
#content table#schedule-list td { background-color: #fff; padding: 3px 6px; }
#content table#schedule-list .jcom { background-color: #fde2d5; }
#content table#schedule-list .bay { background-color: #dcf9e5; }
#content table#schedule-list th.st { width: 26%; }
#content table#schedule-list th.area { width: 52%; }
#content table#schedule-list th.sche { width: 22%; }
#content table#schedule-list td.sche { background-color: #fff8ef; }