@charset "utf-8";

@import url("common.css");


/*************************
オンエア情報　一覧
*************************/
#blue div.onair_block{
	width:620px;
	margin:0 30px 0 ;
	clear:both;
	overflow:hidden;
}

#blue div.onair_block dl{
	float:left;
	width:460px;
	margin:15px 15px 0 0;
}

#blue div.onair_block dl dt{
	background:url(../../images/icon_blue_heart.gif) no-repeat left 2px;
	text-indent:25px;
	font-size:115.4%;
	font-weight:bold;
	color:#25bad8;
}

#blue div.onair_block dl dt a{
	color:#25bad8;
	font-weight:bold;
	font-size:115.4%;
	text-decoration:underline;
}

#blue div.onair_block dl dt span.corner_name{
	margin-left:25px;
	font-size:100%;
	color:#ffa200;
}

#blue dl dd{
	margin:0 0 0 35px;
}

#blue div.onair_block figure{
	float:right;
	width:140px;
	height:78px;
	margin-top:15px;
}

#blue div.onair_block figure img{
	width:140px;
	height:78px;
}

/*************************
オンエア情報　詳細
*************************/
#blue div.onair_detail_block{
	width:630px;
	margin:0 0 0 30px;
}

#blue div.onair_detail_block h3{
	font-size:123.1%;
	font-weight:bold;
	color:#e2627a;
	margin:15px 0;
}

#blue div.onair_detail_block h3 span{
	font-weight:normal;
	color:#ffa200;
	margin-left:15px;
}
	
#blue div.onair_detail_block ul{
	width:630px;
	clear:both;
	overflow:hidden;
}

#blue div.onair_detail_block ul li{
	float:left;
	width:200px;
	height:112px;
	margin:0 10px 10px 0;
}

#blue div.onair_detail_block ul li img{
	width:200px;
	height:112px;
}

#blue div.onair_detail_block strong{
	display:block;
	font-weight:normal;
	font-style:normal;
	margin-top:15px;
	padding:3px;
	background:#D0F0FD;
}


/*************************
オンエア情報　コーナー検索結果
*************************/
#blue span.pagenation{
	display: block;
	width: 600px;
	margin: 15px auto;
	font-size:100%;
}
#blue div.search_onair_block{
	width:620px;
	margin:0 30px 0 ;
	padding-bottom:10px;
	clear:both;
	overflow:hidden;
	border-bottom:1px #ccc dashed;
}

#blue div.search_onair_block dl{
	float:left;
	width:460px;
	margin:15px 15px 0 0;
}

#blue div.search_onair_block dl dt{
	background:url(../../images/icon_blue_heart.gif) no-repeat left 2px;
	text-indent:25px;
	font-size:115.4%;
	font-weight:bold;
	color:#25bad8;
}

#blue div.search_onair_block dl dt a{
	color:#25bad8;
	font-weight:bold;
	font-size:115.4%;
	text-decoration:underline;
}

#blue div.search_onair_block dl dt span.oa_day{
	display:block;
	color:#ffb042;
	text-indent:25px;
}

#blue dl dd{
	margin:0 0 0 35px;
}

#blue div.search_onair_block figure{
	float:right;
	width:140px;
	height:78px;
	margin-top:15px;
}

#blue div.search_onair_block figure img{
	width:140px;
	height:78px;
}


/*************************
オンエア情報　日付検索
*************************/
#dayList {
	padding:20px;
}
#dayList li {
	float:left;
	width:30px;
	height:30px;
	line-height:30px;
	margin:0 5px 10px;
	background:#baf8ff;
	border-radius:3px;
	font-size:13px;
	text-align:center;
}
#blue #dayList li a {
	display:block;
	height:100%;
	color:#333;
}
.day_search h3 {
	position:relative;
	width:620px;
	margin:0 auto 20px;
	border-bottom:1px #ffa200 solid;
}
.day_search h3 span {
	display:inline-block;
	position:absolute;
	top:-10px;
	left:0;
	padding-right:10px;
	background:#fff;
	color:#ffa200;
	font-weight:bold;
	font-size:133.3%;
}



/***********************
出演者
***********************/

#pink ul#cast_menu{
	background:url(../../cast/images/cast_menu_bg.gif) no-repeat top left;
	width:680px;
	height:26px;
	color:#ffffff;
	clear:both;
	overflow:hidden;
}

#pink ul#cast_menu li{
	float:left;
	width:136px;
	height:26px;
	text-align:center;
	font-size:115.4%;
	line-height:26px;
	cursor:pointer;
}

#pink div.cast_block{
	clear:both;
	overflow:hidden;
	width:600px;
	padding:0 0 0 60px;
}

#pink div.cast_data{
	width:152px;
	float:left;
	background:#e2627a;
	margin:20px 40px 0 0;
	padding:4px;
	text-align:center;
}
	
#pink div.cast_block div.cast_data p.name{
	font-size:17px;
	color:#ffffff;
	margin-top:3px;
}

#pink div.cast_block div.cast_data p.post{
	font-size:11px;
	color:#ffffff;
	margin-top:2px;
}

#pink div.cast_block div.cast_data p.prof_btn{
	text-indent:-9999px;
	background:url(../../cast/images/prof_btn.gif) no-repeat top left;
	margin:4px 0 0 5px;
}

#pink div.cast_block div.cast_data p.prof_btn a{
	color:#333333;
	text-decoration:none;
	display:block;
	width:142px;
	height:16px;
}

/**************************
プロフィール詳細
**************************/

div#profile_wrap{
	clear:both;
	overflow:hidden;
	padding:20px 0;
}

div#profile{
	float:left;
	width:315px;
	margin:0 20px 0;
	font-size: 13px;
	font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
	color:#333333;
	line-height:1.4em;
	display:inline;
}

div#profile dl{
	color:#e2627a;
}
div#profile dl dt{
	font-size:15px;
}
div#profile dl dd{
	font-size:28px;
	font-weight:bold;
	text-indent:30px;
	margin-top:10px;
}

div#profile ul{
	margin-top:20px;
}
div#profile ul li{
	margin-bottom:5px;
}
div#profile ul li span{
	margin-right:10px;
	color:#e2627a;
	font-weight:bold;
}

div#profile_wrap img#profile_image{
	float:right;
	width:240px;
	margin:0 20px 0 0;
	display:inline;
}
		
/**************************
コーナー紹介
**************************/
#pink ul#corner_menu{
	background:url(../../corner/images/corner_menu_bg.gif) no-repeat top left;
	width:680px;
	height:26px;
	color:#ffffff;
	clear:both;
	overflow:hidden;
}

#pink ul#corner_menu li{
	float:left;
	width:113px;
	height:26px;
	text-align:center;
	font-size:115.4%;
	line-height:26px;
	cursor:pointer;
}

#pink div.corner_wrap div.corner_block{
	clear:both;
	overflow:hidden;
	margin:20px 30px 0;
	width:620px;
}

#pink div.corner_wrap div.corner_block h3{
	float:left;
	width:150px;
}

#pink div.corner_wrap div.corner_block dl{
	float:right;
	width:460px;
	margin:5px 0 0 10px;
}

#pink div.corner_wrap div.corner_block dl dt span{
	font-size:123.1%;
	font-weight:bold;
	color:#e2627a;
}


/**************************
かぞくのsmile ことば
**************************/

#pink div#smile_wrap{
	margin:0 30px;
	padding-top:20px;
	width:620px;
	color:#40210a;
}

#pink div#smile_wrap h3{
	background:url(../../smile_w/images/logo.jpg) no-repeat left top;
	margin-bottom:20px;
	width:620px;
	height:128px;
	text-indent:-9999px;
}

#pink div#smile_wrap p#discription{
	background:url(../../smile_w/images/bg_concept.png) no-repeat left top;
	margin-bottom:30px;
	padding:25px 0;
	width:620px;
	height:273px;
	font-size:92.3%;
	text-align:center;
	line-height:2em;
}

#pink div#smile_wrap p#discription span{
	font-size:125.0%;
	font-weight:bold;
	color:#e2627a;
}

#pink div#smile_wrap div dl{
	margin-bottom:50px;
	padding:10px 0;
	width:300px;
	border-radius:5px;
}

#pink div#smile_wrap div #son{
	float:left;
	background:url(../../smile_w/images/ex_bg_blue.gif) repeat;
}
#pink div#smile_wrap div #daughter{
	float:right;
	background:url(../../smile_w/images/ex_bg_pink.gif) repeat;
}

#pink div#smile_wrap div dl dt{
	margin:0 auto;
	padding:10px;
	width:260px;
	background:#ffffff;
	border-radius:5px;
	font-size:92.3%;
}

#pink div#smile_wrap div dl dd{
	margin:10px auto 0;
	padding:10px;
	width:260px;
	border-radius:5px;
}

#pink div#smile_wrap div #son dd{
	background:url(../../smile_w/images/balloon_blue.png) no-repeat center 158px #fffded;
}

#pink div#smile_wrap div #daughter dd{
	background:url(../../smile_w/images/balloon_pink.png) no-repeat center 158px #fffded;
}

#pink div#smile_wrap div dl dd img{
	display:block;
	margin:0 auto 10px;
	width:218px;
}

#pink div#smile_wrap div dl dd .smile_word{
	padding:10px;
	width:240px;
	border-radius:5px;
	color:#ffffff;
	font-size:115.4%;
	font-weight:bold;
	line-height:1.5em;
}

#pink div#smile_wrap div #son dd .smile_word{
	background:#87bfff;
}

#pink div#smile_wrap div #daughter dd .smile_word{
	background:#ff8d87;
}

#pink div#smile_wrap div dl dd .comment{
	margin:10px auto 0;
	padding:10px;
	width:240px;
	text-align:center;
	font-size:92.3%;
	background:#efefef;
}
#pink div#smile_wrap h4{
	margin-bottom:40px;
	width:620px;
	height:90px;
	text-indent:-9999px;
}

#pink div#smile_wrap #ttl_example{
	background:url(../../smile_w/images/ttl_example.gif) no-repeat left top;
}

#pink div#smile_wrap #ttl_form{
	background:url(../../smile_w/images/ttl_form.gif) no-repeat left top;
}

#pink div#smile_wrap form{
	background:#ffe0d8;
	padding:30px 20px;
	border-radius:5px;
	margin:10px 0 0;
	width:580px;
}

#smile_btn {
	margin:0 auto 50px;
	width:290px;
	height:90px;
}

#smile_btn a {
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
	background:url(../../smile_w/images/btn_form.gif) no-repeat center;
}

#smile_btn a:hover {
	opacity:0.8;
}


/**************************
フォーム共通部分
**************************/

#pink form table{
	border-collapse:collapse;
	border-spacing:0;
	width:580px;
	margin:10px 0 5px;
}

#pink form table th{
	width:100px;
	vertical-align:top;
	font-weight:normal;
}

#pink form table th,
#pink form table td{
	border-bottom:1px dashed #cccccc;
	padding:10px;
	text-align:left;
}

#pink form table th.last_border,
#pink form table td.last_border{
	border:none;
}

#pink form .send_button{
	display:block;
	background:url(../../images/send_btn.gif) no-repeat left top;
	width:180px;
	height:50px;
	margin:20px auto 0;
	padding:0;
	text-indent:-9999px;
	cursor:pointer;
	font-size:0; 
	line-height:0;
	border-style:none;
}


/**************************
情報提供・問い合わせ
**************************/

#pink div#form_wrap{
	padding-top:20px;
}

#pink div#form_wrap h3{
	background:url(../../form/images/ttl_bg.jpg) no-repeat left top;
	width:620px;
	height:210px;
	margin:0 auto;
	text-indent:-9999px;
}


#pink div#form_wrap form{
	padding:10px 50px;
	margin:10px 0 0;
	width:580px;
}

/**************************
めんたいサポーター
**************************/

#pink div#suppo_wrap{
	padding-top:20px;
}

#pink div#suppo_wrap h3{
	background:url(../../suppo/images/ttl_bg.jpg) no-repeat left top;
	width:620px;
	height:150px;
	margin:0 auto;
	text-indent:-9999px;
}

#pink div#suppo_wrap p#discription{
	width:620px;
	margin:20px auto;
	line-height:1.8em;
}

#pink div#suppo_wrap form{
	background:#fffaee;
	padding:20px 20px 30px;
	margin:10px auto 0;
	width:580px;
	border-radius:5px;
}

#pink div#suppo_wrap form span.gray_txt{
	color:#999;
	line-height:2em;
}

#pink div#suppo_wrap form p#befor_send{
	background:#ffffff;
	margin:10px 0 0 ;
	padding:10px;
	border:1px solid #F00;
}

form input#zipsearch{
	padding:2px;
	margin-left:10px;
	height:25px;
}

#comment {
	background:#fffaee;
	padding:20px;
	margin:10px auto 0;
	width:580px;
	border-radius:5px;
	text-align:center;
	font-weight:bold;
}