@charset "shift_jis";
/* jocr.css */

@import url("normalize.css");
@import url("common.css");


body	{	background: #ebebeb url(../img/bg_body.png) fixed;	color: #333;	}

a	{	color: #0B318F;	}
a:hover	{	color: #f60;	}


/* .btn - リンクボタン
---------------------------------------- */
a.btn,	.btn a	{	background: url(../img/btn_off.png) no-repeat;	text-align: center;	width: 146px;	}
a.btn:hover,	.btn a:hover	{	background-image: url(../img/btn_on.png);	}
a.btn.large,	.btn.large a,	.btn a.large	{	background-image: url(../img/btn_large_off.png);	text-align: center;	width: 306px;	}
a.btn.large:hover,	.btn.large a:hover,	.btn a.large:hover	{	background-image: url(../img/btn_large_on.png);	}


/* #wrapper
---------------------------------------- */

#wrapper	{	background: #fff;	margin: 0 auto;	width: 980px;	}


/* #header
---------------------------------------- */

#header	{	background: url(../img/bg_header.png) repeat-x 50% 0;	min-height: 85px;	overflow: hidden;	padding: 0 16px;	position: relative;	width: auto;	}

#header h1	{	float: left;	font-size: 1em;	margin: 16px;	margin-left: 0; 	}
#header h1 img	{	height: 30px; 	}

#header h2	{	background: #09f url(../img/bg_body.png);	margin: 16px 0 0;	padding: 4px;	overflow: hidden;	text-align: center;	width: auto;	}
#header h2 span	{	background: #09f;	border: 1px solid #0B318F;	box-shadow: 4px 4px 0 #fff inset, -4px -4px 0 #fff inset;	display: block;	font-size: 12px;	font-weight: normal;	line-height: 32px;	padding: 0 8px;	}
#header h2 span img	{	float: left;	margin-right: 16px;	}

#header ul	{	list-style: none;	margin: 0;	overflow: hidden;	padding: 0;	width: auto;	}

/* .header_radiko
#header .header_radiko	{	background: #5CCBFF url(../img/bg_body.png);	height: 200px;	padding: 4px;	position: absolute;	right: 16px;	top: 0;	width: 200px;	}
 */
#header .header_radiko	{	background: none;	padding: 0;	position: absolute;	right: 16px;	top: 0;	width: 208px;	}
#header .header_radiko li	{	background: #66caf2 url(../img/bg_body.png);	padding: 4px;	width: 200px;	}
#header .header_radiko li.radiko_live	{	height: 102px;	}
#header .header_radiko li.radiko_timeshift	{	background-color: #ef8ba5;	height: 90px;	}
#header .header_radiko li.radiko_small	{	height: 94px;	}
#header .header_radiko li.radiko_small img	{	width: 200px;	}
#header .header_radiko.small li	{	height: 94px;	}
#header .header_radiko.small li img	{	width: 200px;	}

/* .header_snsbutton */
#header .header_snsbutton	{	margin-top: 8px;	}
#header .header_snsbutton li	{	float: left;	margin-left: 16px;	}
#header .header_snsbutton li:first-child	{	margin-left: 0;	} 

/* .header_weathernews */
#header .header_weathernews	{	font-size: .8em;	margin: 4px 0;	}
#header .header_weathernews:after	{	content: "|";	margin-left: .5em;	}
#header .header_weathernews li	{	float: left;	margin-right: .5em;	}
#header .header_weathernews li:before	{	content: "|";	margin-right: .5em;	}

#header #header_ad	{	background: #ccc;	height: 90px;	margin: 8px -16px 0;	padding: 8px 16px; 	}


/* #nav
---------------------------------------- */

#nav	{	overflow: hidden;	width: auto;	clear: both;	}

#nav ul	{	overflow: hidden;	text-align: center;	width: 728px;	}
#nav ul li	{	float: left;	}


/* #contents
---------------------------------------- */

#contents	{	padding: 0 16px;	overflow: hidden;	width: auto;	}

#contents h2	{	margin-top: 16px;	}
#contents h3	{	background: #5CCBFF;	border: 1px solid #09f;	box-shadow: 2px 2px 0 #fff inset, -2px -2px 0 #fff inset;	line-height: 1;	padding: 8px;	}

#contents img	{	max-width: 100%;	}

/* .bnr_link */
#contents .bnr_link	{	list-style: none;	margin-left: -4px;	padding: 0;	text-align: center;	}
#contents .bnr_link img	{	margin-left: 4px;	}
#contents ul.bnr_link	{	margin-top: -8px;	}
#contents ul.bnr_link li	{	margin-top: 8px;	}

/* .img_ */
#contents .img_left	{	float: left;	margin: 0 16px 0 0;	text-align: center;	}
#contents .img_right	{	float: right;	margin: 0 0 0 16px;	text-align: center;	}

/* ul.img_list */
#contents ul.img_list	{	list-style: none;	margin: -16px 0 0 -16px;	padding: 0;	text-align: center;	}
#contents ul.img_list li	{	float: left;	margin: 16px 0 0 16px;	width: 200px;	}
#contents ul.img_list.list2 li	{	width: 308px;	}
#contents ul.img_list.list4 li	{	width: 146px;	}

/* ul.media_col */
#contents ul.media_col	{	list-style: none;	margin: -16px 0 0 -16px;	padding: 0;	text-align: center;	}
#contents ul.media_col li	{	float: right;	margin: 16px 0 0 16px;	width: 200px;	}

/* ul.media_row */
#contents ul.media_row	{	background: url(../img/dot_x.png) repeat-x 0 100%;	list-style: none;	padding: 0 0 5px;	}
#contents ul.media_row li	{	background: url(../img/dot_x.png) repeat-x;	margin-top: 4px;	overflow: hidden;	padding-top: 5px;	width: auto;	}

/* .more_link */
#contents .more_link	{	text-align: right;	}

/* table.detail */
#contents table.detail ul.img_list	{	margin-left: -8px;	}
#contents table.detail ul.img_list li	{	margin-left: 8px;	width: 144px;	}
#contents table.detail .img_left,	#contents table.detail .img_right	{	margin-top: 0;	}

/* .end */
#contents .end td,	#contents .end li,	#contents .end dt,	#contents .end dd	{	text-decoration: line-through;	}


/* #contents_main
---------------------------------------- */

#contents_main	{	float: left;	width: 632px;	}


/* #contents_sub
---------------------------------------- */

#contents_sub	{	float: right;	margin-bottom: 40px;	width: 300px;	}

#contents_sub h3 	{	font-size: 1em;	text-align: center;	}

#contents_sub img	{	max-width: 300px;	}

/* .mail */
#contents_sub .mail h4 	{	float: left;	margin: 4px 8px 0 0;	width: 5em;	}
#contents_sub .mail p 	{	margin: 4px 0 0;	overflow: hidden;	}

/* .min_bnr */
#contents_sub .min_bnr	{	list-style: none;	margin: 0;	padding: 0;	}
#contents_sub .min_bnr li	{	margin-top: 8px;	}
#contents_sub .min_bnr a	{	color: #333;	text-decoration: none;	}
#contents_sub .min_bnr img	{	float: left;	margin-right: 8px;	}
#contents_sub .min_bnr p	{	margin: 0;	overflow: hidden;	}

/* ul.img_list */
#contents_sub ul.img_list	{	margin: -8px 0 0 -8px;	}
#contents_sub ul.img_list li	{	margin: 8px 0 0 8px;	width: 146px;	}


/* #contents_nav
---------------------------------------- */

#contents_nav,	.contents_nav	{	background: #5CCBFF url(../img/bg_body.png);	overflow: hidden;	padding: 0 4px 4px;	text-align: center;	width: auto;	}

#contents_nav ul,	.contents_nav ul,	.contents_nav p	{	font-weight: bold;	list-style: none;	margin: 0;	padding: 0;	}
#contents_nav li,	.contents_nav li,	.contents_nav p	{	margin-top: 4px;	}
#contents_nav a,	.contents_nav a	{	background: #fff;	border: 1px solid #09f;	border-radius: 4px;	display: block;	min-height: 16px;	padding: 8px;	text-decoration: none;	width: 274px;	}
#contents_nav a:hover	.contents_nav a:hover	{	background: rgba(255, 255, 255, .7);	border-color: #fff;	}
#contents_nav a img,	.contents_nav a img	{	max-width: 240px;	}
#contents_nav .new a,	.contents_nav .new a	{	background-image: url(../img/new.gif);	background-repeat: no-repeat;	background-position:8px 12px;	}


/* #contents_date
---------------------------------------- */

#contents_date,	.contents_date	{	background: #5CCBFF url(../img/bg_body.png);	overflow: hidden;	padding: 0 4px 4px 0;	text-align: center;	width: auto;	}

#contents_date ul,	.contents_date ul	{	display: -webkit-flex;	display: flex;	-webkit-flex-wrap: wrap;	flex-wrap: wrap;	justify-content: flex-end;	font-weight: bold;	list-style: none;	margin: 0;	padding: 0;	}
#contents_date li,	.contents_date li	{	float: left;	margin-left: 4px;	margin-top: 4px;	}
#contents_date a,	.contents_date a	{	background: #fff;	border: 1px solid #09f;	border-radius: 4px;	display: block;	min-height: 16px;	padding: 4px 16px;	text-decoration: none;	}
#contents_date a:hover,	.contents_date a:hover	{	background: rgba(255, 255, 255, .7);	border-color: #fff;	}
#contents_date a img,	.contents_date a img	{	margin: -8px 0;	}
#contents_date .new a,	.contents_date .new a	{	background-image: url(../img/new.gif);	background-repeat: no-repeat;	background-position:8px 8px;	padding-left: 40px;	text-align: left;	}


/* #contents_link
---------------------------------------- */

#contents_link	{	clear: both;	margin: 0 auto 16px;	overflow: hidden;	text-align: center;	width: auto;	}


/* #twitter
---------------------------------------- */

#twitter	{	background: #55acee url(../img/bg_body.png);	padding: 4px;	}

#twitter iframe[id*="twitter-widget"]	{	background: #fff;	border: 1px solid #0B318F !important;	box-sizing: border-box;	}


/* #pagetop
---------------------------------------- */

#pagetop	{	left: 0;	margin: auto;	position: relative;	right: 0;	width: 948px;	}

#pagetop a	{	bottom: 16px;	position: absolute;	right: 0;	}


/* #footer
---------------------------------------- */

#footer	{	background: #ccc;	clear: both;	font-size: .85em;	overflow: hidden;	padding: 16px;	text-align: right;	width: auto;	}

#footer *:first-child	{	margin-top: 0;	padding-top: 0;	}

#footer ul	{	clear: both;	list-style: none;	margin: 0;	overflow: hidden;	padding: 0;	width: auto;	}

/* .footer_link */
#footer .footer_link	{	background: url(../img/line_x.png) repeat-x 0 100%;	margin: 0 -16px;	padding-bottom: 8px;	text-align: center;	}
#footer .footer_link li	{	float: left;	height: 50px;	margin-top: 8px;	width: 25%;	}
#footer .footer_link li.wide	{	width: 50%;	}

/* .footer_nav */
#footer .footer_nav	{	float: right;	}
#footer .footer_nav:after	{	content: "|";	}
#footer .footer_nav li	{	float: left;	margin-right: .5em;	}
#footer .footer_nav li:before	{	content: "|";	margin-right: .5em;	}