/*-------------------------------------
サイドバー
-------------------------------------*/
@charset "UTF-8";
/*

------------------------------------------------------------------------------------------------------

サイドエリア

------------------------------------------------------------------------------------------------------
*/
#sideToggle {
	display: none;
}
#sideArea a {
	text-decoration: none;
	color: #545454;/*color: #444444;*/
}
#sideArea a:hover {
	text-decoration: none;
	color: #007ee2;
	text-decoration: underline;
}
#sideArea {
	float: left;
	width: 340px;
	background-color: #fff;
	margin: 10px 0 0 0;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
}
#sideArea .sideBlocks {
	width: 300px;
	padding: 20px;
	float: left;
	clear: both;
	border-bottom: solid 3px #eeeeee;
}
ul.tablist li a {
	border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	behavior: url(/js/PIE.htc);
}
#sideArea .sideBlocks .aboutGate a:hover img {
	opacity: .7;
}
#sideArea .adArea {
	width: 300px;
	padding: 30px 0;
	float: left;
}
#sideArea a.areaBg {
	color: #007ee2;
	background-color: #eeeeee;
}
#sideArea a.areaBg1 {
	color: #eeeeee;
	background-color: #007ee2;
}
#sideArea a.areaBg2 {
	color: #1fa65f;
	background-color: #007ee2;
}
#sideArea a.areaBg3 {
	color: #f9ab14;
	background-color: #007ee2;
}
#sideArea a.areaBg4 {
	color: #399ce6;
	background-color: #007ee2;
}
#sideArea a.areaBg5 {
	color: #007ee2;
	background-color: #eeeeee;
}
#sideArea a.areaBg6 {
	color: #eeeeee;
	background-color: #007ee2;
}
#sideArea a.areaBg7 {
	color: #eeeeee;
	background-color: #007ee2;
}
#sideArea a.areaBg8 {
	color: #007ee2;
	background-color: #eeeeee;
}
#sideArea a.areaBg9 {
	color: #007ee2;
	background-color: #eeeeee;
}
#sideArea a.areaBg10 {
	color: #007ee2;
	background-color: #eeeeee;
}
#sideArea a.areaBg11 {
	color: #007ee2;
	background-color: #eeeeee;
}
.popin {
	width: 95%;
	margin: 0 5% 10px 0;
	float: left;
	text-align: right;
	font-size: .8em;
}
/*---GodoTopics----------*/
#sideArea .godoTopics {
}
#sideArea .godoTopics h3 {
	width: 300px;
	float: left;
	font-size: 1em;
	padding: 0 0 15px 0;
	color: #007ee2;
}
#sideArea .godoTopics dl {
	float: left;
	margin: 0 0 10px 0;
}
#sideArea .godoTopics dt {
	width: 80px;
	float: left;
	margin: 0 10px 0 0;
}
#sideArea .godoTopics dt img {
	width: 100%;
}
#sideArea .godoTopics dd {
	width: 210px;
	float: right;
}
#sideArea .godoTopics dd.topictitle {
	width: 210px;
	float: left;
	font-size: 1em;
	margin: 0 0 5px 0;
}
#sideArea .godoTopics dd.topicDescription {
	float: left;
	font-size: .8em;
}
#sideArea .godoTopics p a,#sideArea .newsRank p a {
	float: right;
	color: #ffffff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-size: .8em;
	padding: 5px 10px 5px 10px;
	margin: 0 0 10px 0;
	background-color: #007ee2;
}
/*---美女----------*/

#sideArea .sideBlocks.beautyBlocks {
	width: 340px;
	height: 226px;
	position: relative;
	border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	padding: 0;
	margin: 0;
}
#sideArea .sideBlocks.selectBlocks h3 {
	width: 340px;
	float: left;
	padding: 0;
	margin: 0;
}
#sideArea .sideBlocks.beautyBlocks h3 img {
	border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	width: 340px;

}
#sideArea .sideBlocks.beautyBlocks h4 {
	position: absolute;
	z-index: 9999;
	bottom: 0px;
	left: 5px;

}
#sideArea .sideBlocks.beautyBlocks p {
	position: absolute;
	top: -2px;
	right: -2px;
}
/*---GodoTopics----------*/
#sideArea .twitterArea {
	border: none;
}
/*---絞り込み検索----------*/

#sideArea .sideBlocks.selectBlocks {
	width: 340px;
	position: relative;
	padding: 0 0 15px 0;
	float: left;
	color: #fff;
	/*
	border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;

	border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
*/
	background-color: #007ee2;
	background-image: url(/images/side_bg.png);
	background-position: top left;
	background-repeat: no-repeat;
}
#sideArea .sideBlocks.selectBlocks p {
	position: absolute;
	top: -5px;
	right: -5px;
}
#sideArea .sideBlocks.selectBlocks h3 {
	width: 300px;
	padding: 20px 20px;
	font-size: 1em;
	line-height: 1.2em;
	float: left;
}
#sideArea .selectBlocks h3 span {
	font-size: 11px;
}
#sideArea .selectBlocks dl.selectDetail {
	width: 300px;
	float: left;
	padding: 0 20px;
	margin: 0 0 3px 0;
}
#sideArea .selectBlocks dt {
	width: 80px;
	font-size: .8em;
	float: left;
	margin: 0 10px 0 0;
}
#sideArea .selectBlocks dd {
	width: 210px;
	font-size: .8em;
	float: left;
}
#sideArea .selectBlocks input {
	border: none;
	padding: 0 5px;
	margin: 0 0 5px 0;
	height: 25px;
	font-size: .9em;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	cursor: pointer;
}
#sideArea .selectBlocks select {
	font-size: .9em;
	clear: both;
	border: none;
	height: 25px;
	margin: 0 5px 5px 0;
	background-color: #fff;
}
#sideArea .selectBlocks select:focus {
	outline: 0;
}
#contentsarea_0_txtFromDate, #contentsarea_0_txtToDate {
	width: 80px;
	margin: 0 0 5px 0;
	background-color: #fff;
}
#sideArea .selectBlocks .selectDate {
	float: left;
	clear: both;
}
.selectSubmit {
	width: 340px;
	float: left;
	text-align: center;
	margin: 10px 0 0 0;
}
.selectSubmit input {
	width: 150px;
	padding: 5px;
	background-color: #fff;
	color: #007ee2;
}
#sideArea input:focus {
	outline: 0;
}
/*---sokuhou----------*/
#sideArea .sokuhou h3 {
	float: left;
	clear: both;
	color: #ff4444;
	font-size: 1em;
	margin: 0 0 10px 0;
}
#sideArea .sokuhou #sokuhouTab ul.tablist {
	margin: 0 0 0 0;
	padding: 5px 0 20px 0;
	width: 300px;
	float: left;
	clear: both;
}
#sideArea .sokuhou ul.tablist li {
	float: left;
}
#sideArea .sokuhou ul.tablist li a {
	font-size: .8em;
	margin: 0 1px 0 0;
	padding: 10px 10px 10px 10px;
}
#sideArea .sokuhou ul.tablist li a.sokuhou1 {
	background-color: #ff4444;
	color: #eeeeee;
}
#sideArea .sokuhou ul.tablist li a.sokuhou2 {
	background-color: #eeeeee;
	color: #ff4444;
}
#sideArea .sokuhou ul.tablist li a.sokuhou3 {
	background-color: #eeeeee;
	color: #ff4444;
}
#sideArea .sokuhou .tabcontents ul {
	padding: 5px 0 0 0;
	width: 300px;
	clear: both;
	float: left;
}
#sideArea .sokuhou .tabcontents li {
	font-size: .9em;
	padding: 0 0 4px 15px;
	background-repeat: no-repeat;
	background-position: left 7px;
	background-image: url("/images/list_icon05.png");
}
#sideArea .sokuhou .tabcontents li span {
	font-size: .7em;
	color: #999999;
}
/*---allnewsOita----------*/
#sideBlocks .memberArea {
}
#sideArea .memberArea h3 {
	width: 300px;
	float: left;
	clear: both;
	font-size: 1em;
	padding: 0 0 15px 0;
	color: #007ee2;
}
#sideArea .memberArea ul {
}
#sideArea .memberArea li {
	float: left;
	clear: both;
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
	font-size: 1em;
}
#sideArea .memberArea li a {
	float: left;
	clear: both;
}
#sideArea .memberArea li span {
	float: left;
	background: #007ee2;
	padding: 2px;
	margin: -5px 10px 5px 0;
}
#sideArea .memberArea li span img {
	width: 30px;
	float: left;
	background: #007ee2;
}
/*---allnewsOita----------*/
#sideArea .allnewsOita {
/*height:330px;*/

}
#sideArea .allnewsOita h3 span {
	padding: 10px;
	color: #fff;
	background-color: #007ee2;
	font-size: .8em;
	margin: 0 10px 5px 0;
}
#sideArea .allnewsOita h3 {
	color: #007ee2;
	font-size: 1em;
	margin: 0 0 15px 0;
}
#sideArea .allnewsOita ul {
	padding: 10px 0 20px 0;
	width: 300px;
	/*height:300px;*/
	float: left;
	clear: both;
}
#sideArea .allnewsOita li {
	font-size: .9em;
	padding: 0 0 4px 15px;
	background-repeat: no-repeat;
	background-position: left 7px;
	background-image: url("/images/list_icon01.png");
}
#sideArea .allnewsOita li span {
	font-size: .7em;
	color: #999999;
}
/*---ランキング----------*/
#sideArea .newsRank h3 {
	width: 300px;
	float: left;
	clear: both;
	padding: 0 0 15px 0;
	color: #007ee2;
	font-size: 1em;
}
#sideArea .newsRank ul.tablist {
	width: 300px;
	float: left;
	clear: both;
	margin: 0 0 10px 0;
	padding: 0 0 15px 0;
}
#sideArea .newsRank ul.tablist li {
	float: left;
}
#sideArea .newsRank ul.tablist li a {
	font-size: .8em;
	margin: 0 1px 0 0;
	padding: 10px 10px 10px 10px;
	background-color: #eeeeee;
}
#sideArea .newsRank ul.tablist li a.areaBg1 {
	color: #eeeeee;
	background-color: #007ee2;
}
#sideArea .newsRank dl {
	width: 300px;
	float: left;
	clear: both;
	padding: 0 0 5px 0;
	font-size: .9em;
}
#sideArea .newsRank dt {
	width: 40px;
	float: left;
}
#sideArea .newsRank dd {
	width: 260px;
	float: left;
}
#sideArea .newsRank span {
	font-size: .7em;
	color: #999999;
}
/*---電子書籍----------*/
#sideArea .digitalMagazine {
	float: left;
	clear: both;
	position: relative;
}
#sideArea .digitalMagazine h3 {
	font-size: 1em;
	padding: 0 0 15px 0;
	color: #007ee2;
}
#sideArea .digitalMagazine ul {
	margin: 0 0 0 30px;
}
#sideArea .digitalMagazine ul.slides li {
	width: 270px;
}
#sideArea .digitalMagazine img {
	width: 200px;
}
#sideArea .digitalMagazine h4 {
	font-size: .9em;
	font-weight: bold;
	color: #007ee2;
}
#sideArea .digitalMagazine h5 {
	background-color: #007ee2;
	font-size: .8em;
	color: #fff;
	margin: 10px 0 0 0;
	padding: 0 5px 0 5px;
	float: left;
	clear: both;
}
#sideArea .digitalMagazine p {
	margin: 10px 0 0 0;
	font-size: .8em;
	float: left;
	clear: both;
}
#sideArea .flexsliderMagazine {
	width: 300px;
	height: 370px;
}
/*---天気----------*/
#sideArea .sideWeather h3 {
	width: 300px;
	float: left;
	clear: both;
	padding: 0 0 15px 0;
	color: #007ee2;
	font-size: 1em;
}
#sideArea .sideWeather ul.tablist {
	width: 300px;
	float: left;
	clear: both;
}
#sideArea .sideWeather ul.tablist li {
	float: left;
}
#sideArea .sideWeather ul.tablist li a {
	font-size: .8em;
	margin: 0 1px 0 0;
	padding: 10px 10px 10px 10px;
}
.sideWeatherContents {
	margin: 10px 0 0 0;
	padding: 15px 0 0 0;
	width: 300px;
	float: left;
	clear: both;
}
.sideWeatherContents h2 {
	clear: both;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 20px 0;
	color: #007ee2;
}
.sideWeatherContents h4 {
	color: #545454;
	/*color: #444444;*/
	font-weight: bold;
	font-size: 1.1em;
	margin: 0 0 10px 0;
}
.sideWeatherContents h5 {
	margin: 0 0 10px 0;
	font-size: 1.1em;
}
.sideWeatherContents h5 img {
	float: left;
	clear: both;
	margin: -5px 10px 0 0;
}
.sideWeatherContents span.text {
	font-size: 12px;
	font-weight: normal;
}
.sideWeatherContents p {
	font-size: .8em;
	line-height: 1em;
}
.sideWeatherContents table {
	width: 94%;
	font-size: .8em;
	line-height: 1em;
	text-align: center;
}
.sideWeatherContents th {
	text-align: center;
	font-weight: bold;
	margin: 1px 1% 1px 1%;
	padding: 10px 1% 10px 1%;
	border-right: #f2f2f2 solid 1px;
	border-bottom: #eee solid 1px;
	background-color: #eee;
}
.sideWeatherContents td {
	text-align: center;
	margin: 1px 1% 1px 1%;
	padding: 10px 2% 10px 2%;
	border-bottom: #eee solid 1px;
}
.sideWeatherContents dl {
	width: 300px;
	margin: 10px 0 10px 0;
}
.sideWeatherContents dt {
	font-size: .7em;
	width: 50px;
	text-align: center;
	margin: 2px 0 2px 0;
	padding: 1px;
	float: left;
	color: #fff;
	background-color: #f9ab14;
}
.sideWeatherContents dd {
	font-size: .8em;
	margin: 2px 0 2px 10px;
	padding: 1px;
	width: 185px;
	float: left;
}
.sideWeatherContents dd span {
}
#sideArea .sideWeather dl.pmArea {
	width: 100%;
	margin: 10px 0 0 0;
	float: left;
	clear: both;
}
#sideArea .sideWeather dl.pmArea dt {
	color: #007ee2;
}
#sideArea .sideWeather dd.pmArea dt {
	width: 100%;
}
/*---動画メニュー----------*/
#sideArea .movieSide {
}
#sideArea .movieSide h3 {
	color: #007ee2;
	margin: 0 0 10px 0;
}
#sideArea .movieSide h3 img {
	width: 150px;
}
#sideArea .movieSide ul {
}
#sideArea .movieSide ul li {
	padding: 0 0 4px 15px;
	background-repeat: no-repeat;
	background-position: left 7px;
	background-image: url("/images/list_icon01.png");
}
#sideArea .movieSide p a {
	font-size: .8em;
	float: left;
	margin: 10px 0 0 0;
	color: #fff;
	background-color: #007ee2;
	padding: 5px 10px 5px 10px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
/*---読者投稿----------*/

#sideArea .searchBox {
}
#sideArea .searchBox h3 {
	color: #007ee2;
	margin: 0 0 10px 0;
}
#sideArea .searchBox dl.selectDetail {
	margin: 0 0 3px 0;
}
#sideArea .searchBox dt {
	width: 80px;
	font-size: .8em;
	float: left;
	margin: 0 10px 0 0;
}
#sideArea .searchBox dd {
	width: 210px;
	fon4size: .8em;
	float: left;
}
#sideArea .searchBox select {
	font-size: .9em;
	clear: both;
	padding: 5px;
	background-color: #fff;
	border: solid 1px #eee;
}
#sideArea .searchBox select:focus {
	outline: 0;
}

/*
------------------------------------------------------------------------------------------------------

タブレットサイト設定

------------------------------------------------------------------------------------------------------
*/

@media only screen and (min-width: 700px) and (max-width: 1024px) {
#sideToggle {
	position: fixed;
	top: 65px;
	right: 0;
	display: block;
	z-index: 999999;
}
#sideToggle img {
	width: 40px;
}
.menuclose {
	display: none;
}
#sideArea {
	width: 340px;
	position: fixed;
	top: 150px;
	right: -380px;
	z-index: 9999;
	display: block;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	height: 70%;
	-moz-box-shadow: 0 0 7px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.6);
	box-shadow: 0px 0px 7px rgba(0,0,0,0.6);
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
}
}

@media only screen and (max-width: 699px) {
#sideToggle {
	position: fixed;
	/* top: 50px; */
	right: 0;
	display: block;
}
#sideToggle img {
	width: 40px;
}
.menuclose {
	display: none;
}
#sideArea {
	width: 330px;
	position: fixed;
	top: 110px;
	right: -380px;
	z-index: 9999;
	display: block;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	height: 80%;
	-moz-box-shadow: 0 0 7px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.6);
	box-shadow: 0px 0px 7px rgba(0,0,0,0.6);
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
}
}