@charset "Shift_JIS";
/*
	Site Name: おはようコールABC
	Version: 
	Author: 
*/
/*
===== CONTENTS ===========================================

	 1: Layout
	 2: 自己紹介
	 3: アンケート
	 4: 右サイドメニュー
	 5: 非表示

==========================================================
*/
/*
===== 1: Layout ====================================
*/
#content_area #introduction {
	background: #FFFFFF;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	position: relative;
	behavior: url(../js/PIE.htc); /* for IE8 */
	padding: 10px 0px;
	margin: 10px 0px 0px 10px;
	float: left;
	width: 420px;
}
#content_area #cast_select {
	background: #FFFFFF;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	position: relative;
	behavior: url(../js/PIE.htc); /* for IE8 */
	padding: 5px 0px;
	margin: 10px 10px 0;
}
/*
===== 2: 自己紹介 ====================================
*/
#introduction h3 {
	background: url(../../img/cast/bg_cast01.gif) no-repeat 2% 100% #06cf9b;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 0px 1px 2px #CCCCCC;
	-webkit-box-shadow: 0px 1px 2px #CCCCCC;
	box-shadow: 0px 1px 2px #CCCCCC;
	position: relative;
	behavior: url(../js/PIE.htc); /* for IE8 */
	margin: 5px 15px;
	padding: 5px 5px 2px;
	font-size: 153.9%;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
}
#introduction .detail {
	display: table;
	margin: 20px 15px;
}
#introduction .detail .detail-photo, #introduction .detail .detail-txt {
	display: table-cell;
	vertical-align: top;
}
#introduction .detail .detail-txt {
	padding-left: 20px;
}
#introduction .detail .detail-txt p.detail-charge {
	background: url(../../img/cast/ico_mike.gif) no-repeat;
	text-indent: 20px;
	font-size: 123.1%;
	font-weight: bold;
	color: #06cf9b;
}
#introduction .detail .detail-txt ul {
	margin: 5px 0px;
}
#introduction .detail .detail-txt ul li {
	display: inline;
}
/*
===== 3: アンケート ====================================
*/
#questionnaire {
	margin: 30px 15px 0px;
}
#questionnaire .qa-box {
	border: 3px solid #fff3f3;
	margin: 10px 0px;
}
#questionnaire .qa-box dl {
	margin: 10px 15px 20px;
}
#questionnaire .qa-box dl dt {
	font-size: 108%;
	font-weight: bold;
	color: #f78688;
}
#questionnaire .qa-box dl dt span {
	color: #ffb900;
}
#questionnaire .qa-box dl dd {
	line-height: 2;
	margin: 0px 0px 0px 1.2em;
}
#questionnaire .qa-box dl dd span {
	border-bottom: 1px dotted #CCCCCC;
}
/*
===== 4: 右サイドメニュー ====================================
*/
#cast_select h3 {
	background: #ffb900;
	border-left: 10px solid #f8cc63;
	text-align: center;
	color: #FFFFFF;
	text-shdow: 1px 1px 2px #F60;
	margin: 10px 10px 0.5rem;
	padding: 10px 0px;
	font-size: 1.2em;
	font-weight: bold;
}
#cast_select img {
	max-width: 100%;
}
#cast_select ul {
	margin: 0 auto 1rem;
	width: 96%;
}
#cast_select ul li {
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 10px;
	vertical-align: top;
	text-align: center;
	width: 32%;
}
#cast_select .mc_list li {
    width: 38%;
    max-width: 170px;
	margin-left: 2%;
	margin-right: 2%;
}
#cast_select ul li p{
	margin-top: 0.5em;
	font-size: 0.875rem;
    font-weight: bold;
    text-align: center;
	line-height: 1.2;
}
#cast_select .mc_list li p{
	font-size: 1rem;
}
#cast_select ul li p span{
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	display: block;
	font-weight: normal;
	font-size: 0.75em;
	/*font-size: 0.6em;*/
}
#cast_select ul li a {
	text-decoration: none;
	color: #333;
	font-size: 78%;
	line-height: 1.4;
}
/* スマホ横対応 */
@media screen and (min-width: 480px) {
	#cast_select ul {
		width: 98%;
	}
	#cast_select ul li {
		width: auto;
	}
	#cast_select ul li, #cast_select ul li.center, #cast_select ul li.left {
		margin-left: 1%;
		margin-right: 1%;
	}
	#cast_select ul li.cast-empty {
		display: block;
		margin: 0;
	}
}
/*
===== 5: 非表示 ====================================
*/
#page_back {
	display: none;
}
.page_back {
	display: none;
}