@charset "utf-8";
/* CSS Document */


/* tv トップ
--------------------------*/

#tv .panelitem {
	margin-left:-20px;
}

#tv .panelitem a {
	margin:18px 0 5px 20px;
	padding-bottom:7px;
}
#tv .panelitem .inner  {
	height:262px;
}

#tv .panelitem .mark {
	display:block !important;
}
.top_index .infoboxs {
    width: 940px;
    padding: 12px 20px 16px;
    margin: -26px 0 26px -20px;
    background: #F7F7F7;
    -moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.2);
    box-shadow:0px 0px 5px 0px rgba(0,0,0,0.2);
}
.top_index .infoboxs .tabbtn ul {
    float: left;
    margin: 0 0 0 14px;
}
.top_index .infoboxs .arrow_list {
    margin-top: 8px;
}
.top_index .infoboxs .infoarea {
    width: 478px;
    float: left;
}

.infobanner {
    width: 460px;
    float: right;
}
.top_index .infoboxs .infobanner p{
   font-size: 10px;
    line-height: 1;
    padding: 5px 0 0;
    margin: 0;
}
.top_index .infoboxs .infobanner img {
    max-width: 100%;
    height: auto;
}

.top_index .clumnL .tabbtn,
.top_index .clumnR .tabbtn {
	width:460px;
}
.top_index .contentsArea .contentsbox .tabbtn a {
    padding: 2px 4px 3px;
}
.top_index .clumnL .programitem {
	margin-top:35px;
}
.top_index .clumnL .programitem a {
	margin-top:9px;
}
.top_index .clumnL .btn_all {
	margin-top:17px;
}
.top_index .clumnR .btn_all {
	clear: both;
	padding-top: 17px;
    position: absolute;
    bottom: 10px;
    width: 428px;
}
.top_index .clumnL .btn a,
.top_index .clumnR .btn a {
	display:block;
	padding:2px 0 3px;
}
.top_index .clumnR .txtclumn,
.top_index .clumnR .floatbox {
	float:none;
	width:460px;
}
.top_index .clumnR .txtclumn {
	margin-top:35px;
}
.top_index .clumnR .floatbox {
	width: auto;
    height:317px;
	padding: 17px 16px 43px;
	border:1px solid #D5DCEC;
    position: relative;
}
.top_index .clumnR .floatbox p + p {
	padding-right:0;
	
	line-height: 1.45;
	word-break:break-all;
	word-wrap:break-word;
}
.top_index .clumnR .imgL .img {
	display:table-cell;
	width:280px;
	vertical-align:middle;
}
.top_index .clumnR .imgL .img img {
	display:block;
	max-width:280px;
	max-height:200px;
	margin:0 auto;
}
.top_index .clumnR .imgL .img .txt {
	display:inline-block;
	padding:1px 0 0 1px;
	font-size:13px;
	font-weight:bold;
	color:#545454;
}
.top_index .clumnR .imgL .blank {
	padding:0;
	background:none;
}
.top_index .clumnR .imgL .blank:after {
	content:"";
	display:inline-block;
	width:10px;
	height:10px;
	background:url(../images/icon_blank.gif) no-repeat right center;
	padding-left:5px;
}
.top_index .info {
	margin-top:39px;
}
.top_index .arrow_list {
	margin-top:18px;
	padding-left:1px;
}
.top_index .arrow_list li {
	margin-top:9px;
	background-position:left 4px;
}
.top_index .arrow_list li:first-child {
	margin-top:0;
}
.top_index .arrow_list .date {
	width:76px;
	font-size:12px;
}
.top_index .arrow_list .category {
    margin-top: -3px;
    margin-right: 4px;
}
.top_index .arrow_list .txtlink {
	line-height:1;
}
.top_index .program {
	margin-top:48px;
}
.top_index .programlist {
	margin-top:6px;
}
.top_index .panelitem {
	padding-bottom:42px;
}

/* tv ニュース一覧
--------------------------*/
.news_index .clumnR .list h3 a {
	font-weight:bold;
}

/* tv ニュース詳細
--------------------------*/
.news_detail .clumnR {
	padding-bottom:43px;
}
.news_detail .clumnR .list {
	border:0;
}
.news_detail .clumnR .tabbtn {
	width:699px;
	margin:0;
}
.news_detail .clumnR .tabbtn ul {
	float:none;
	width:41px;
	margin:0 auto;
}

/* tv 番組一覧
--------------------------*/
.program_index .programlist {
	margin-top:20px;
	padding-bottom:27px;
}
.program_index .panelitem .txt p span:first-child {
	margin-top:6px;
}

/* tv 番組詳細
--------------------------*/
.program_detail .two-clumn3 {
	margin-top:35px;
}
.program_detail .detailcont {
	margin-top:0px;
}
.program_detail .detailinfo {
	margin-top:40px;
	padding-bottom:52px;
}

#tv .detailinfo{
	width:700px;
}

#tv .detailinfo .tabbtn ul {
	float:left;
	margin:1px 0 0 57px;
}
.program_detail .detailinfo .arrow_list {
	width:760px;
	margin-top:16px;
}
.program_detail .detailinfo .arrow_list li {
	background-position:left 5px;
}
.program_detail .detailinfo .arrow_list .txtlink {
	width:658px;
}
.program_detail .two-clumn3 .clumnR {
	float:right;
	width:160px;
}
.program_detail .two-clumn3 .clumnR .info {
	padding:10px 10px 18px;
	background-color:#F8F8F3;
}
.program_detail .two-clumn3 .clumnR .info p {
	margin-bottom:10px;
	font-size:14px;
	font-weight:normal;
	text-align:center;
	word-break:break-all;
	word-wrap:break-word;
}
.program_detail .two-clumn3 .clumnR .info .clock {
	margin-bottom:0;
	font-size:15px;
	font-weight:bold;
	color:#262626;
	text-align:left;
}
.program_detail .two-clumn3 .clumnR .btn {
	margin-top:12px;
}
.program_detail .two-clumn3 .clumnR .btn li {
	margin-top:8px;
}
.program_detail .two-clumn3 .clumnR .btn li:first-child {
	margin-top:0;
}
.program_detail .two-clumn3 .clumnR .btn li a {
	line-height:1.3;
}
.program_detail .two-clumn3 .clumnR .list {
	float:none;
	width:144px;
	padding:14px 7px;
	text-align:left;
}
.program_detail .two-clumn3 .clumnR .btn li:first-child .list {
	padding:6px 7px 7px;
}
.program_detail .two-clumn3 .clumnR .linkicon {
	margin-top:21px;
}
.program_detail .two-clumn3 .clumnR .linkicon li {
	margin-top:9px;
}
.program_detail .two-clumn3 .clumnR .linkicon li:first-child {
	margin-top:0;
}
.program_detail .detailinfo .bloglist .newest {
	margin-top:15px;
}
.program_detail .detailinfo .bloglist .newest p {
	font-size:14px;
}
.program_detail .detailinfo .bloglist .newest h3 {
	margin-top:10px;
}
.program_detail .detailinfo .bloglist .article pre p {
	word-break:break-all;
	word-wrap:break-word;
	white-space: pre-wrap;
}
.program_detail .detailinfo .bloglist .arrow_list {
	padding-top:16px;
	border-top:1px solid #D5DCEC;
}
.program_detail .detailinfo .bloglist .arrow_list .txtlink {
	width:358px;
}

/* tv 問い合わせ先一覧
--------------------------*/
.contact_index .list-clumn .list .linkicon li {
	margin-top:8px;
}

/* tv 番組表
--------------------------*/
.programlist_index .icon {
	margin-top:30px;
}
.programlist_index .icon .listicon {
	float:right;
}
.programlist_index .tabare .visible {
	display:none;
}
.programlist_index .tabare h2 {
	float:none;
}
.programlist_index .tabare .fixed {
	padding:15px 0 20px;
	background-color:#fff;
	position:fixed;
	top:20px;
}
.programlist_index .tabare .tab {
	margin-top:15px;
}
.programlist_index .tabare .tab li {
	float:left;
	width:125px;
	height:51px;
	margin-left:3px;
	background-color:rgb(187,187,187);
	border:1px solid rgb(153,153,153);
	/* Firefox v3.5+ */
	-moz-box-shadow:1px 2px 3px 0px rgba(0,0,0,0.2);
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-box-shadow:1px 2px 3px 0px rgba(0,0,0,0.2);
	/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
	box-shadow:1px 2px 3px 0px rgba(0,0,0,0.2);
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX = 1,OffY = 2,Color = #33000000,Positive = true)";
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX = 1,OffY = 2,Color = #33000000,Positive = true);
	text-align:center;
	cursor:pointer;
}
.programlist_index .tabare .tab li:hover,
.programlist_index .tabare .tab .select {
	width:125px;
	height:51px;
	padding:1px;
	background-color:rgb(49,85,154);
	border:0;
	/* Firefox v3.5+ */
	-moz-box-shadow:1px 2px 3px 0px rgba(0,0,0,0.2);
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-box-shadow:1px 2px 3px 0px rgba(0,0,0,0.2);
	/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
	box-shadow:1px 2px 3px 0px rgba(0,0,0,0.2);
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX = 1,OffY = 2,Color = #33000000,Positive = true)";
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX = 1,OffY = 2,Color = #33000000,Positive = true);
}
.programlist_index .tabare .tab li span {
	display:block;
	margin:0;
	padding:0;
	background:none;
	font-family:"Hiragino Kaku Gothic Pro",Meiryo,Osaka,"MS PGothic",sans-serif;
	font-size:12px;
	font-weight:bold;
	color:rgb(255,255,255);
	line-height:1.4;
	/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
	text-shadow:-1px -1px 0px rgba(0,0,0,0.3);
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=-1,OffY=-1,Color=#4d000000,Positive=true)";
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=-1,OffY=-1,Color=#4d000000,Positive=true);
}
.programlist_index .tabare .tab li span:first-child {
	padding-top:6px;
	font-size:14px;
}
.programlist_index .tabare .tabBox {
	width:940px;
	margin-top:10px;
	background-color:#fff;
	word-break:break-all;
	word-wrap:break-word;
}
.programlist_index table {
	border-bottom:1px solid #D5DCEC;
}
.programlist_index table th {
	width:26px;
	background-color:#D5DCEC;
	border-bottom:2px solid #fff;
	font-size:12px;
	font-weight:bold;
	color:#305299;
	text-align:center;
	vertical-align:top;
	/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
	text-shadow:1px 1px 0px rgb(255,255,255);
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#ffffffff,Positive=true)";
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#ffffffff,Positive=true);
}
.programlist_index table tr:first-child td {
	border:0;
}
.programlist_index table td p {
	min-height:1em;
	margin-bottom:5px;
}
.programlist_index table td p:first-child {
	min-height:1em;
	margin:5px 0 0;
}
.programlist_index table td.clock,
.programlist_index table td.text {
	border-top:1px solid #D5DCEC;
}
.programlist_index table td.clock {
	width:120px;
	min-height:1em;
	margin-top:5px;
	padding-left:15px;
	font-size:16px;
	font-weight:bold;
	color:#262626;
	word-break:break-all;
	word-wrap:break-word;
}
.programlist_index table td.text {
	width:770px;
	font-size:12px;
	word-break:break-all;
	word-wrap:break-word;
}
.programlist_index table td.text p:first-child {
	min-height:1em;
	background-position:left bottom;
	background-repeat:no-repeat;
	font-size:16px;
}
.programlist_index table td.text .new {
	padding-left:26px;
	background-image:url(../images/new.png);
}
.programlist_index table td.text .focus {
	padding-left:26px;
	background-image:url(../images/focus.png);
}
.programlist_index table td.text .new-focus {
	padding-left:52px;
	background-image:url(../images/new-focus.png);
}



/* 右バナースポンサー用 */
p.banner_text{
	padding:15px 5px 0 5px;
	border-top:1px dotted #999;
	text-align:center;
	color:#999;
}


/* tv SNS用
--------------------------*/

.tw{
	float:right;
	width:320px;
	margin:30px 16px 0 5px;
	padding-bottom:-30px;
}

.fb{
	width:320px;
	float:left;
	margin:10px 0 0 22px;	
}

#mytweets {
		width: 320px; /* 画像の幅と同じサイズを指定 */
		background: url('フッター用の画像のURL') bottom left no-repeat;
		border:#C3C3C3 1px solid;
	}
	.mytweets-header {
		position: relative;
		background: url('../images/aka_tw.jpg') no-repeat;
		height: 50px; /* ヘッダー用の画像の高さから次の行で「ヘッダー内の上下余白に指定した数値×2」を引いた数値を指定 ※画像の高さが62pxなら50pxと指定します。※ */
	}
	.twitter-follow-me {
		/* フォローボタンの表示位置指定 */
		position: absolute;
		right: 15px;
	}
	.mytweets-body {
		background: url('ツイート表示部分用の画像のURL') repeat-y;
		padding-left: 0; /* 画像に描いてある枠線が見えるように適当に指定 */
		margin-top:0;
		margin-bottom:-8px;
		
	}
	
	
	

/* ボタン共通 */
ul li.btn_k a {
	display:inline-block;
	color:#fff;
	text-align:center;
	background:#900;
	-moz-box-shadow:1px 2px 3px 0px rgba(0,0,0,0.2);
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-box-shadow:1px 2px 3px 0px rgba(0,0,0,0.2);
	/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
	box-shadow:1px 2px 3px 0px rgba(0,0,0,0.2);
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX = 1,OffY = 2,Color = #33000000,Positive = true)";
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX = 1,OffY = 2,Color = #33000000,Positive = true);
	font-size:12px;
	font-weight:bold;
	/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
	text-shadow:-1px -1px 0px rgba(0,0,0,0.3);
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=-1,OffY=-1,Color=#4d000000,Positive=true)";zoom:1;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=-1,OffY=-1,Color=#4d000000,Positive=true);
}


ul li.btn_k  a:hover {
	background-image:none;
	text-decoration:none;
}


ul li.btn_k a:hover {
	background-image:none;
	background-color:#C00;
}




p.wp-caption-text{
	text-align:center;
}


p.banner_text2{
	text-align:center;
	font-weight:bold;
	color:#1196b7;
	font-size:16px;
}

.top_index .clumnR p.sptitle{
	font-size:1.5em;
	margin:20px 0 0;
	text-align:center;
	font-weight:bold;
	color:#235c57;
}



/*テレビトップページ*/

.two-clumntv2  span.icon{
 	position: absolute;
	z-index: 1;
	margin:10px 0 0 -15px;
}

p.comment{
    position:absolute;
    bottom:0;
    left:0px;
    width:499px;
    text-align:left;
    padding-left:5px;
    color:#fff;
    line-height:150%;
    background-color:#000;
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
	}

.two-clumntv2 .infoarea {
	margin:0;
	clear:both;
	background:#fafafa;
	border:1px solid #d4d4d4;
	padding:10px 5px 10px 10px;
	box-shadow:0px 0px 10px #d1d1d1;
}

.two-clumntv2 .infoarea li{
	border-bottom:dotted 1px #CCC;
	margin-bottom:5px;
	padding-bottom:3px;
}

.two-clumntv2 .infoarea h2{
	color:#333;
	display:block;
	padding:1px 10px 1px;
	margin-left:25px;
	margin-right:5px;
	font-size:1.2em;
	border-bottom:dotted 3px #2eae49;
}

.two-clumntv2 .infoarea li.tvlist{
	background:#0b7922;
	padding:5px 5px 2px;
	list-style-type:none;
	border-bottom:none;
}

.two-clumntv2 .info {
	margin-top:10px;
	clear:both;
	background:#fafafa;
	border:1px solid #d4d4d4;
	padding:10px 5px 10px 10px;
	box-shadow:0px 0px 10px #d1d1d1;
}


.two-clumntv2 .info li{
	border-bottom:dotted 1px #CCC;
	margin-bottom:5px;
	padding-bottom:3px;
}

.two-clumntv2 .info h2{
	color:#333;
	display:block;
	padding:1px 10px 1px;
	margin-left:25px;
	margin-right:20px;
	font-size:1.2em;
	border-bottom:dotted 3px #2eae49;
}

.two-clumntv2 .info li.tvlist{
	background:#0b7922;
	padding:5px 5px 2px;
	list-style-type:none;
	border-bottom:none;
}

.two-clumntv2 .sliderArea{
	float:left;
	width:480px;
	background:#f0f0f0;
	text-align:center;
	padding-top:10px;
}

div.slider {
	width:460px;
	background:#CCCCCC;
	display:block;
	margin:0 auto 10px;
	padding-bottom:8px;
}



#tvtweets {
		width: 100%; /* 画像の幅と同じサイズを指定 */
		background: url('フッター用の画像のURL') bottom left no-repeat;
		border:#C3C3C3 1px solid;
	}
	.tvtweets-header {
		position: relative;
		background: url('../images/tv/my_sns.jpg') no-repeat;
		background-size:cover;
		height: 50px; /* ヘッダー用の画像の高さから次の行で「ヘッダー内の上下余白に指定した数値×2」を引いた数値を指定 ※画像の高さが62pxなら50pxと指定します。※ */
	}
	.twitter-follow-me {
		/* フォローボタンの表示位置指定 */
		position: absolute;
		right: 15px;
	}
	.mytweets-body {
		background: url('ツイート表示部分用の画像のURL') repeat-y;
		padding-left: 0; /* 画像に描いてある枠線が見えるように適当に指定 */
		margin-top:0;
		margin-bottom:-8px;
		
	}

.two-clumntv2 .clumnL .weekprogram{
	width:190px;
	float:right;
	margin:0 10px 0 10px;
}

.programitem2{
	margin:0 auto 0;
	width:190px;
	min-height:377px;
	border:8px solid #CCCCCC;
	font-size:12px;
}

.programitem2 .onAir{
	background-color:#2eae49;
	margin-bottom:5px;
}

.programitem2 span.ontext{
	float:left;
	color:#FFF;
	padding:3px 5px 3px;
	height:25px;
}

.programitem2 span.week{
	float:right;
	height:21px;
	line-height:21px;
	color:#FFF;
	padding:1px 5px 2px;
	background-color:#0b7922;
	margin:0 0 1px 8px;
}

.programitem2 span.ontext span{
	font-size:14px;
	font-weight:bold;
	line-height:25px;
}	

.programitem2 p{
	margin:6px 0 0;
	clear:both;
}

.programitem2 p.time_line{
	padding:3px 3px 0;
	border-bottom:1px dotted #CCC;
	margin:0 3px 5px;
	clear:both;
}

li.onair{
	width:190px;
	background-color:#2eae49;
	font-weight:bold;
	padding:3px 2px 5px 0;
	margin:4px 0 5px 0;
}

li.onair a{
	font-size:12px;
	color:#FFF;
	font-weight:bold;
	margin:0 0 5px 0;
}

.programitem2 dt{
	float:left;
	margin-left:2px;
	padding:5px 1px 0 2px;
	width:37px;
}

.programitem2 dd{
	margin-left:45px;
	padding:4px 1px 1px 4px;
	border-left:1px dotted #CCC;
}

.programitem2 dd span.line{
	margin-left:5px;
}


.programitem2 dt a{
	color:#333333;
}

.programitem2 dd a{
	color:#333333;
}

.programitem2 span.attention{
	background:#f0f0f0;
	display:block;
	padding:5px 4px 5px;
	}



/*わらびん*/

.wrabin_content{
		width:760px;
}

.housou_prev{
	width:730px;
	margin:15px 0 15px 0;
	letter-spacing:0.8px;
	line-height:20pt;
	background:#FFF;
	padding:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:5px solid #a8d680;
	background:#f8ffd4;
}

.housou_prev .text{
	width:340px;
	float:left;
	margin:0 8px 5px;
	line-height:15pt;
	font-size:14px;
}

.housou_prev span.konkai{
	width:180px;
	display:block;
}
.housou_prev span.konkai img{
	width:100%;
	height:auto;
}

.housou_prev .douga{
	width:370x;
	float:right;
	margin-right:8px;
}

.housou_prev .douga iframe{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:5px solid #ede865;
}


.housou_prev .warabindate{
	font-weight:bold;
	color:#333;
	font-size:18px;
	margin-bottom:10px;
	display:inline-block;
}

.housou_prev .warabintitle{
	font-weight:bold;
	color:#ec3884;
	font-size:18px;
	margin-bottom:10px;
	display:inline-block;
}

/*これからの放送*/

.housou_next{
	clear:both;
	width:730px;
	margin:15px 0 15px 0;
	letter-spacing:0.8px;
	line-height:20pt;
	background:#f9ebf1;
	padding:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:5px solid #e47ba5;
}

.housou_next .text{
	margin:5px 0 5px 0;
	padding:0 10px 0;
	width:100%;
	float:left;
	font-size:0.9em;
	color:#333;
}

.housou_next span.douga{
	width:45%;
	float:right;
}

.housou_next .line-clear{
	clear:both;
	padding:0 10px 0;
	border-bottom:dotted 1px #F0F0F;
}

.housou_next span.jikai{
	width:200px;
	display:block;
}

.housou_next span.jikai img{
	width:100%;
	height:auto;
}

.housou_next span.yokoku{
	background:#25b9e4;
	text-align:center;
	padding:3px 10px 3px;
	color:#FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:2px solid #1999be;
}


.housou_next span.yokoku a{
	display:block;
}

.housou_next span.yokoku a:hover{
	text-decoration:none;
	display:block;
	opacity: 0.5 ;
}


/*募集コーナー*/

.message_post{
	width:720px;
	margin:15px 0 15px 0;
	letter-spacing:0.8px;
	line-height:20pt;
	padding:10px 15px 10px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:5px solid #92ceff;
	background:#ecf7ff;
}

.message_post span.message_title{
	margin:0 0 -5px 0;
	line-height:15pt;
	font-size:14px;
	font-weight:bold;
	background:#77cc2b;
	border-left:solid 5px #4e8f14;
	color:#FFF;
	display:block;
	padding:4px 0 4px 10px;
}


.message_post span.message_title2{
	margin:0 0 -5px 0;
	line-height:15pt;
	font-size:14px;
	font-weight:bold;
	background:#ef2dbb;
	border-left:solid 5px #c40f93;
	color:#FFF;
	display:block;
	padding:4px 0 4px 10px;
}

.message_post span.message_title3{
	margin:0 0 -5px 0;
	line-height:15pt;
	font-size:14px;
	font-weight:bold;
	background:#3bc3f0;
	border-left:solid 5px #1b96be;
	color:#FFF;
	display:block;
	padding:4px 0 4px 10px;
}

.message_post span.message_title4{
	margin:0 0 -5px 0;
	line-height:15pt;
	font-size:14px;
	font-weight:bold;
	background:#bea91b;
	border-left:solid 5px #908013;
	color:#FFF;
	display:block;
	padding:4px 0 4px 10px;
}


.message_post hr{
	border-bottom:solid 1px #CCC;
	margin:20px 0 25px;
	display:block;
}


.message_post span.post{
	width:200px;
	display:block;
}
.message_post span.post img{
	width:100%;
	height:auto;
}


/*ナビ*/
.warabin_list ul {
	margin:0 0 16px 0;
	list-style-type:none;
	background:#42b6cf;
	color:#FFF;
	padding:10px 0 10px 25px;
}


.warabin_list li {
	position: relative;
	display:inline-block;
	padding-left:5px;
	margin-right:25px;
}
.warabin_list li a {
	font-size:15px;
	font-weight:bold;
	display:block;
	color:#FFF;
}

.warabin_list li a:hover {
	font-size:15px;
	font-weight:bold;
	display:block;
	color:#FFF;
}

.warabin_list li::after,
.warabin_list li::before {
	display: block;
	content: '';
	position: absolute;
}
.warabin_list li::after {
	top: .35em;
	left: -1.2em;
	width: 14px;
	height: 14px;
	background-color: #40cbe4;
	border-radius: 100%;
}
.warabin_list li::before {
	z-index: 2;
	top: .625em;
	left: -.975em;
	width: 4px;
	height: 4px;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


/* うちなー企業*/
.uchina_list ul {
	margin-left:0;
	list-style-type:none;
	background:#1d57cd;
	color:#FFF;
	padding:8px 0 8px 25px;
}


.uchina_list li {
	position: relative;
	display:inline-block;
	padding-left:5px;
	margin-right:25px;
}
.uchina_list li a {
	font-size:15px;
	display:block;
	color:#FFF;
}

.uchina_list li::after,
.uchina_list li::before {
	display: block;
	content: '';
	position: absolute;
}
.uchina_list li::after {
	top: .35em;
	left: -1.2em;
	width: 14px;
	height: 14px;
	background-color: #70bcef;
	border-radius: 100%;
}
.uchina_list li::before {
	z-index: 2;
	top: .625em;
	left: -.975em;
	width: 4px;
	height: 4px;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


/* 回り込み解除のためのクラス */
.clearfix{
    zoom:1;
}
.clearfix:after{
    content:"";
    display: block;
    clear: both;
    height: 0;
    visibility:hidden;
}
 
/* サークルのスタイル */
.clearfix{
    zoom:1;
}
.clearfix:after{
    content:"";
    display: block;
    clear: both;
    height: 0;
    visibility:hidden;
}

/* サークルのスタイル */
.sns_circle{
    position:relative;
    width: 30px;
    height: 30px;
    margin:0 3px 0 3px;
    background-color: #999;
    float:left;
    list-style: none;
}

/* Webフォントに関する指定 */
.sns_circle span{
    position:absolute;
    font-size:35px;
    color:#FFF;
}

/* Webフォントに関する指定(はてぶ) */
.sns_circle.hatebu.sns_circle span{
    position:absolute;
    padding:4px 0 0 8px;
    color:#FFF;
    font-size: 30px;
}

/* Webフォントに関する指定(Twitter) */
.sns_circle.twitter.sns_circle span{
    position:absolute;
    padding:0 0 0 6px;
    color:#FFF;
    font-size: 22px;
}

/* Webフォントに関する指定(Facebook) */
.sns_circle.facebook.sns_circle span{
    position:absolute;
    padding:2px 0 0 10px;
    color:#FFF;
    font-size: 20px;
}

/* Webフォントに関する指定(Google+) */
.sns_circle.googleplus.sns_circle span{
    position:absolute;
    padding:3px 0 0 8px;
    color:#FFF;
    font-size: 18px;
}

/* Webフォントに関する指定(Pocket) */
.sns_circle.pocket.sns_circle span{
    position:absolute;
    padding:6px 0 0 12px;
    font-size: 28px;
    color:#FFF;
}

/* リンク領域をブロック全体に */
.sns_circle a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
    color:#FFF;
}

/* マウスオーバー時のスタイル */
.sns_circle a:hover{
    background-color:#FFF;
    opacity: 0.5;
}

/* シェアボタンエリア */
ul.circle_group{
    width: 760px;
    list-style: none;
    padding:0;
	margin-bottom:10px;
	margin-left:650px;
}

/* Font Awesome hatena bookmark（手作り） */
.fa-hatena:before {
    content: "B!";
    font-family: Verdana;
    font-weight: bold;
}

/* アイコン毎の配色と配置 */
.sns_circle.hatebu{
    background-color: #006fbb;
}
.sns_circle.twitter{
    background-color: #00acec;
}
.sns_circle.facebook{
    background-color: #265a96;
}
.sns_circle.googleplus{
    background-color: #dd4b39;
}
.sns_circle.pocket{
    background-color: #EE4256;
}


/*おうちパーティ*/

.recipe_title{
	font-size:1.5em;
	font-weight:bold;
	color:#ce5e13;
}

.recipe_point{
	font-weight:bold;
	background:#f2f1a8;
	padding:3px 5px 3px;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
	display:inline-block;
}

.ouchi_btn{
	margin:10px 0 20px;
	padding:10px 20px 10px;
	background:#ce5e13;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */ 
	display:inline;
}

.ouchi_btn a{
	color:#FFF;
	font-size:1.1em;
	font-weight:bold;
}


.ouchi_btn2{
	margin:10px 0 20px;
	padding:10px 20px 10px;
	background:#f2f1a8;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */ 
	display:inline;
}

.ouchi_btn2 a{
	color:#FFF;
	font-size:1.1em;
	font-weight:bold;
}


.board{
	letter-spacing:1px;
	margin-top:10px;
	padding:10px 20px 20px;
	background:#fff9e4;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */ 
}

.board p.recipe_text{
	color:#333;
	line-height:15pt;
	margin:30px 0 20px;
}

.recipe_list{
	margin-top:15px;
	font-weight:bold;
	font-size:1.2em;
	background: linear-gradient(transparent 60%, #e3da91 60%);
}


.recipe_point3{
	font-weight:bold;
	background:#dffaab;
	padding:3px 5px 3px;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
	display:inline-block;
}

.recipe_point2{
	font-weight:bold;
}

.ouchi_obi{
	margin-top:10px;
}

ul.shop_sp{
	width:700px;
	margin:10px auto 15px;
}

ul.shop_sp li{
	width:250px;
	list-style-type:none;
	display:inline-block;
	margin-right:7px;
	vertical-align:top;
}

ul.shop_sp li.last{
	width:430px;
	list-style-type:none;
	padding-top:10px;
	display:inline-block;
	font-weight:bold;
}

ul.shop_sp li img{
	width:100%;
	height:auto;
}

ul.ouchi_sp{
	width:700px;
	margin:0 auto;
}

ul.ouchi_sp li{
	width:340px;
	list-style-type:none;
	display:inline-block;
	margin-right:7px;
}

ul.ouchi_sp li.last{
	width:340px;
	list-style-type:none;
	display:inline-block;
}

ul.ouchi_sp li img{
	width:100%;
	height:auto;
}

span.ouchi_n{
	font-size: 1.5em;
	font-weight: bold;
}


.tablelist table{
	border:1px #333 solid;
	font-size:16px;
}

.tablelist table tr{
	padding:5px;
	font-weight:bold;
}

.tablelist table tr td.kumi{
	padding:5px;
	border:1px #333 solid;
	font-weight:bold;
}

.tablelist table tr td{
	padding:5px;
	border:1px #333 solid;
}

ul.recipe{
	width:100%;
	margin-left:0;
	list-style-type:none;
}

ul.recipe li{
	margin-right:5px;
	width:32%;
	text-align:center;
	margin-bottom:25px;
	display:inline-block;
	font-weight:bold;
	color:#333;
	text-decoration:none;
	vertical-align:top;
}

ul.recipe li img{
	width:100%;
	height:auto;
}

ul.recipe li span{
	display:block;
	background:#f2f1a8;
	font-weight:bold;
	padding:3px 5px 3px;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
}

ul.recipe li a{
	color:#333333;
}

ul.recipe li a:hover{
	text-decoration:none;
}




/*あるある沖縄*/

.aruaru_bg{
	background: #FFF;
	margin:0 0 10px;
	width:680px;
	padding-bottom:20px;
}


.aruaru_bg .vote{
	padding:10px 10px 10px 25px;
}

h3.midashi{
	width:680px;
	font-size:1.8em;
	color: #000;
	padding-top:16px;
	font-weight: bold;
	text-align: center;
	margin:24px 0 8px;
	display:block;
}

.vote_title{
	font-size:1.2em;
	font-weight:bold;
	margin:18px 0 4px 0;
}

.vote_tel{
	font-size:1.5em;
	font-weight:bold;
	color:#FF0000;
	margin-bottom:8px;
	margin-left:13px;
}

.curled-box {
	width: 30px;
	height: 30px;
	-webkit-border-radius: 25px;/* width,heightの半分 */
	-moz-border-radius: 25px;
	border-radius: 25px;
	background:#f18e19;
	color:#FFF;
	display:inline-block;
	text-align:center;
	margin-right:8px;
	line-height:25pt;
	font-weight:bold;
}

.vote_pre{
	margin:24px 16px 16px 0;
	font-size:1.1em;
	font-weight:bold;
	color:#FFF;
	background:#e74629;
	padding:5px 5px 5px 15px;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
}

p.aruaru_detail{
	padding:10px 0 0 30px;
}

span.aruaru_date{
	font-size:14px;
	font-weight:bold;
}

ul.vote_prelist{
	width:680px;
	list-style-type:none;
	margin:0 10px 20px 0;
}

ul.vote_prelist li{
	display:inline-block;
	width:330px;
	margin-bottom:8px;
}

ul.vote_prelist li span.img{
	float:left;
	width:100px;
}

ul.vote_prelist li span.img2{
	float:left;
	width:128px;
}

ul.vote_prelist li span.text{
	float:left;
	width:195px;
	font-size:0.9em;
}

ul.vote_prelist li span.text2{
	float:left;
	width:195px;
	font-size:0.9em;
}


ul.vote_prelist li span.text span.mei{
	font-size:15px;
	font-weight:bold;
	color:#FF0000;
}

ul.vote_prelist li span.text2 span.mei{
	font-size:15px;
	font-weight:bold;
	color:#FF0000;
}

ul.vote_prelist li span.text span.name{
	font-size:14px;
	font-weight:bold;
	color:#000000;
}

ul.vote_prelist li span.text2 span.name{
	font-size:14px;
	font-weight:bold;
	color:#000000;
}


/*3列*/

ul.three_c{
	width:700px;
	margin:10px 0 20px;
}

ul.three_c li{
	width:230px;
	list-style-type:none;
	display:inline-block;

}

h2.uchina_midashi{
	margin:20px 5px 10px;
	background: #f7e300;
	box-shadow: 0px 0px 0px 5px #f7e300;
	border: dashed 1px #fff;
	padding: 0.2em 1.2em;
	color: #454545;
	text-align:center;
}

h2.uchina_midashi2{
	margin:20px 5px 10px;
	background: #e60012;
	box-shadow: 0px 0px 0px 5px #e60012;
	border: dashed 1px #fff;
	padding: 0.2em 1.2em;
	color: #fff;
	text-align:center;
}


.uchina_title{
	margin:24px 0 0;
}

ul.quiz_list{
	margin:10px 0 20px;
}

ul.quiz_list li{
	padding-left:60px;
	list-style-type:none;
	background:url("https://www.rbc.co.jp/wordpress/wp-content/uploads/question-1.png") no-repeat center left;
	height:50px;
	line-height:40pt;
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:15px;
}


/*2列*/

ul.two_c{
	width:700px;
	margin:24px 0 20px;
}

ul.two_c li{
	width:330px;
	margin:0 8px 10px 0;
	list-style-type:none;
	display:inline-block;
	text-align:center;
}

ul.two_c li img{
	width:100%;
	height:auto;
}


/*家さがし*/

.iesagashi .IE{
  margin-top:50px; /* IE10以下 */
  padding-top:-50px; /* IE10以下 */
}

.iesagashi p{
	line-height:18pt;
}

.iesagashi p .cat{
	background:#f7dc16;
	padding:2px 5px 2px;
	font-weight:bold;
}