@charset "shift_jis";


/*=========================================================


	Site Name   ラジテレ サポート・お問い合わせ
	File Name   connect.css

	Update Date 2011/06/06


==========================================================*/




ul,li {list-style:none;
}

.company {
	font-weight: bold;
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-right: 0px;
}

#company_list {
	margin-bottom: 20px;
	width: 950px;
	overflow: hidden;
	clear: both;
}

#company_list li {
	float:left;
	margin-right: 8px;
	list-style-type:none;
	width: 182px;
	margin-bottom: 10px;
}

.cyusyaku {
	color:#FF0000;
}

.no_margin {
	margin: 0px;
	padding: 0px;
}








div#important div.titleBox {
	margin: 0px 80px 30px 80px;
}

div#important div.titleBox h3 {
	margin-bottom: 30px;
	text-align: center;
	font-size: 140%;
}
div#important div.titleBox p.center {
	margin-bottom: 30px;
	text-align: center;
}
div#important div.titleBox p.copy {
	margin-bottom: 5px;
	text-align: center;
}
div#important div.titleBox p.copyright {
	margin-bottom: 30px;
	text-align: right;
	line-height: 1.3;
}
div#important div.titleBox p.copyright span.ps {
	color: #CC0000;
	font-weight: bold;
}


div#important div.txtBox {
	margin: 0px 80px 30px 80px;
}
div#important div.txtBox .m30 {
	margin: 0px 0px 30px;
}
div#important div.txtBox p {
	margin-bottom: 10px;
}
div#important div.txtBox p.none {
	margin-bottom: 10px;
}
div#important div.txtBox p.center {
	text-align: center;
}
div#important div.txtBox p.pagebacknav {
	text-align: right;
	margin: 0px 0px 10px;
	zoom: 1;
}
div#important div.txtBox p.btn {
	margin: 50px 0px;
	text-align: center;
}
div#important div.txtBox p.btn img {
	margin: 0px 10px;
}
div#important div.txtBox .coution {
	color: #CC0000;
	margin-left: 1.5em;
	text-indent: -1.5em;
}

div#important div.txtBox h4 {
	margin: 40px 0px 30px 0px;
	font-size: 120%;
	text-align: center;
}

div#important div.txtBox dl.infoBox {
	margin: 0px 20px 30px 20px;
}

div#important div.txtBox dl.infoBox dt {
	margin: 0px 0px 10px;
	font-size: 116%;
	font-weight: bold
}

div#important div.txtBox dl.infoBox dt.center {
	text-align:center;
}

div#important div.txtBox dl.infoBox dt.none {
	display: none;
}

div#important div.txtBox dl.infoBox dd {
	margin: 0px 0px 0px 30px;
}

div#important div.txtBox dl.infoBox dd.none {
	margin: 0px 0px 0px 0px;
}

div#important div.txtBox dl.infoBox dd p{
	margin: 50px 0 50px 0;
	font-size:190%;
	font-weight:bold;
	text-align:center;
}

div#important div.txtBox dl.infoBox dd img.m5 {
	margin: 5px 0px;
}
div#important div.txtBox dl.infoBox dd ul {
	margin: 0px 0px 30px 20px;
}
div#important div.txtBox dl.infoBox dd ul li {
	margin: 0px 0px 10px 0px;
	list-style-type: disc;
}
div#important div.txtBox dl.infoBox dd ol {
	margin: 0px 0px 30px 20px;
}
div#important div.txtBox dl.infoBox dd ol li {
	margin: 0px 0px 10px 0px;
	list-style-type: decimal;
}

div#important div.txtBox dl.infoBox dd ul.none li, 
div#important div.txtBox dl.infoBox dd ol.none li {
	list-style-type: none;
}


div#important div.lineBox {
	margin: 0px 100px 30px 100px;
	padding: 15px 15px 0px 15px;
	border: 1px solid #cccccc;
}

div#important div.lineBox dl.information {
}
div#important div.lineBox dl.information dt {
	margin: 0px 0px 10px;
	font-size: 116%;
	font-weight: bold
}
div#important div.lineBox dl.information dd {
}


div#important div.txtBox table.serial {
	width: 100%;
	margin: 0px 0px 30px 0px;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
div#important div.txtBox table.serial th {
	border-right: 1px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	padding: 5px 10px;
}
div#important div.txtBox table.serial td {
	border-right: 1px solid #cccccc;
	padding: 5px 10px;
}


div#important div.txtBox table.change {
	width: 100%;
	margin: 0px 0px 30px 0px;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}
div#important div.txtBox table.change th {
	padding: 8px 10px;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
div#important div.txtBox table.change tr.title th {
	width: 33%;
	background: #666666;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
}
div#important div.txtBox table.change th.title {
	vertical-align: middle;
}
div#important div.txtBox table.change td {
	padding: 8px 10px;
	vertical-align: middle;
	text-align: center;
	font-weight: normal;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

div#important div.txtBox table.change tr.bg th, 
div#important div.txtBox table.change tr.bg td {
	background: #dddddd;
}
div#important div.txtBox table.change tr.bg td.white {
	width: 14%;
	background: #FFFFFF;
	border-right: 1px solid #FFFFFF;
}
div#important div.txtBox table.change tr.none th, 
div#important div.txtBox table.change tr.none td {
	border-bottom: 1px solid #FFFFFF;
}



div#important div.mobileList {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
}
div#important div.txtBox table.mobileList {
	width: 100%;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
div#important div.txtBox table.mobileList th {
	border-right: 1px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	padding: 5px 10px;
	font-weight: bold;
	background-color: #EEE;
	vertical-align: top;
}
div#important div.txtBox table.mobileList td {
	vertical-align: top;
	padding: 5px 5px 5px 20px;
}
div#important div.txtBox table.mobileList td ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 15px;
}
div#important div.txtBox table.mobileList td ul li {
	list-style-type: disc;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 3px;
	padding-left: 0px;
}
div#important div.txtBox table.mobileList tr.top_line {
	border-top: 1px solid #cccccc;
}

.line_sol_left {
	border-left: solid 1px #CCC;
}

td.td_mobile_line {
	padding-left: 20px;
	width: 923px !important;
	display: inline-block;
	border-right: 1px #ccc solid;
}

span.mobile_line {
	float: left;
	margin-right: 20px;
	width: 130px;
}

table.time {
	width: 600px;
}

/*
----------------------------------------------------------------------------
	画面幅＜640px＞以下のときに適用
----------------------------------------------------------------------------
*/
@media screen and (max-width: 640px) {

	#company_list {
		width: 100%;
	}
	div#important div.txtBox table.mobileList td {
		display: inline-block;
	}


span.mobile_line {
	float: none;
	width: auto;
}
table.time {
	width: auto;
	font-size: 13px;
}
table.time th,
table.time td {
	padding: 5px !important;
}

	#middlebox img,
	#rightbox img {
		width: 100%;
		height: auto;
		max-width: 360px;
	}
}


/* 20211221 */

@media screen and (min-width: 641px) {
    span.mobile_line.w160{
        width: 168px;
    } 
    span.mobile_line.w115{
        width: 115px;
    } 
    span.mobile_line:last-child{
        margin-right: 0;
    }
    
}
ul.annotation.txt11{
    margin-bottom: 1em;
}
ul.annotation.txt11 > li{
    padding-left: 1.6em;
    text-indent: -1.6em;
}