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


/*======================================================
	Reset CSS
=======================================================*/
body {
    line-height:1;
    margin:0;
/*	font-family: YuGothic, '游ゴシック', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
/*	font-family: "ＭＳ Ｐゴシック", "MS PGothic", YuGothic, '游ゴシック', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;*/
	font-family: YuGothic, '游ゴシック', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: -0.03em;

	background:url(http://cdn-agqr.joqr.jp/img/bg_main.gif);
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

ul, ol {
	list-style:none;
	padding:0;
	margin:0;
}

li {
	padding:0;
	margin:0;
}

input, select {
    vertical-align:middle;
}

a {
    display: block;
	text-decoration:none;
}

a {
    -webkit-tap-highlight-color:transparent;
}

img {
border: none;
outline: none;
}

/*======================================================

	micro clearfix

=======================================================*/

.cf:before, .cf:after {
    content:"";
    display:table
}
.cf:after { clear:both }
.cf { zoom:1 } /* For IE 6/7 */


/*======================================================
	Base Layout
=======================================================*/

/* Header */
.header {
	border-top:4px solid #e30067;
}

.header ul {
	width:1250px;
	margin:0 auto;
	padding:10px 0 10px 0;
}

.header ul li.logo,
.header ul li.logo02 {
	float:left;
}

.header ul li.bnr {
	float:right;
}

.header ul li.logo a {
	width:283px;
	min-height:80px;
	margin:15px 0 0 0;
	background:url(http://cdn-agqr.joqr.jp/img/logo_main.png) no-repeat;
}

.header ul li.logo a:hover {
	background:url(http://cdn-agqr.joqr.jp/img/logo_main_ov.png) no-repeat;
}

.header ul li.logo02 a {
	width:82px;
	min-height:32px;
	margin:50px 0 0 35px;
	background:url(/img/logo_main02.png) no-repeat;
/*
	background:url(http://cdn-agqr.joqr.jp/img/logo_main02.png) no-repeat;
*/
}

.header ul li.logo02 a:hover {
	opacity:0.7;
}

.header ul li.logo a span,
.header ul li.logo02 a span {
	opacity:0;
}

.header ul li.bnr img:hover {
	opacity:0.8;
}

.header-play {
	background:#000;
	height:104px;
}

.header-play .inner {
	width:1250px;
	margin:0 auto;
	padding:10px 0 0 0;
}

.header-play .inner .leftSide {
	float:left;
	background:url(/img/bg_top_play01.png) no-repeat;
	width:610px;
	height:84px;
}

.header-play .inner .rightSide {
	float:right;
	background:url(/img/bg_top_play02.png) no-repeat;
	width:610px;
	height:84px;
}

.header-play .inner .leftSide ul {
padding: 0 0 0 10px;
}

.header-play .inner .rightSide ul {
padding: 0 0 0 10px;
}

.header-play .inner .leftSide li,
.header-play .inner .rightSide li {
	display:inline-block;
}

.header-play .inner .leftSide li:last-child img {
/*	padding:0 0 10px 15px;*/
}

.header-play .inner .rightSide li:last-child img {
/*	padding:0 0 10px 25px;*/
}


/* Contents Column */
.container {
	width:1250px;
	margin:18px auto 40px auto;
}

.leftColumn {
	float:left;
	width:180px;
}

.main {
	float:left;
	width:700px;
	margin:0 0 0 25px;
}

.rightColumn {
	float:right;
	width:320px;
}

/* Footer */
.loopslider {
	margin: 0 auto;
	width: 100%;
	height: 88px;
	text-align: left;
	position: relative;
	overflow: hidden;
	z-index:2;
}

.loopslider2 {
	margin: -88px auto 0;
	width: 100%;
	height: 88px;
	text-align: left;
	position: relative;
	overflow: hidden;
	z-index:1;
}


.loopslider ul,
.loopslider2 ul {
	height: 88px;
	float: left;
	display: inline;
	overflow: hidden;
}
.loopslider ul li,
.loopslider2 ul li {
	width: 1500px;
	height: 88px;
	float: left;
	display: inline;
	overflow: hidden;
}


/* =======================================
	ClearFixElements
======================================= */
.loopslider ul:after,
.loopslider2 ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.loopslider ul,
.loopslider2 ul {
	display: inline-block;
	overflow: hidden;
}


.footer .ftArea {
/*
	background:url(/img/bg_footer.png) center top repeat-x;
	min-height:250px;
*/
 	background:#E70067;
 	padding:10px 0 40px 0;
}

.footer .ftArea .inner {
	width:1250px;
	margin:0 auto;
}

.footer .ftArea .inner .leftSide {
	float:left;
	width:580px;
	font-size:12px;
	color:#fff;
}

.footer .ftArea .inner .leftSide ul {
	padding:110px 0 0 0;
}

.footer .ftArea .inner .leftSide ul li {
	display:inline-block;
	vertical-align:bottom;
}

.footer .ftArea .inner .leftSide ul li a {
	display:inline;
	color:#fff;
}

.footer .ftArea .inner .leftSide ul li a:hover {
	text-decoration:underline;
}

.footer .ftArea .inner .leftSide ul li:after {
	content:"\007c";
	color:#fff;
	margin:0 0 0 7px;
}

.footer .ftArea .inner .leftSide ul li:first-child {
	margin:0 14px 0 0;
}

.footer .ftArea .inner .leftSide ul li:first-child:after,
.footer .ftArea .inner .leftSide ul li:last-child:after {
	content:"";
}

.footer .ftArea .inner .leftSide p {
	line-height:120%;
	margin:20px 0 0 0;
}

.footer .ftArea .inner .rightSide {
	float:right;
	width:507px;
}

.footer .ftArea .inner .rightSide ul {
	padding:120px 0 0 0;
}

.footer .ftArea .inner .rightSide ul li {
	float:left;
	height:100px;
	border:1px solid #f6aacd;
}

.footer .ftArea .inner .rightSide ul li:first-child {
	width:234px;
}

.footer .ftArea .inner .rightSide ul li:last-child {
	width:234px;
	margin:0 0 0 12px;
}

.footer .ftArea .inner .rightSide ul li dl {
	width:90%;
	padding:20px 15px 0 15px;
	margin:0;
}

.footer .ftArea .inner .rightSide ul li dt {
	width:61px;
	float:left;
}

.footer .ftArea .inner .rightSide ul li dd {
	margin-left:70px;
	font-size:10px;
	color:#fff;
	line-height:120%;
	padding:5px 0 0 0;
}

.footer .copyright {
	font-size:12px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	margin:30px 0 30px 0;
}

/*======================================================
	Left Column
=======================================================*/

.leftColumn .bnr01 {
	margin:0 0 8px 0;
}

.leftColumn .bnr02 {
	margin:0 0 8px 0;
}

.leftColumn .bnr03 {
	margin:0 0 15px 0;
}

.leftColumn .bnr04 {
	margin:-20px 0 8px 0;
}

.leftColumn .mobile-plus {
	background:url(/img/bg_left_mobile_plus.png) no-repeat;
	min-height:380px;
	padding:45px 0 0 17px;
}

.leftColumn .ag-i {
	background:url(/img/bg_left_ag_i.png) no-repeat;
	min-height:318px;
	padding:40px 0 0 17px;
	margin:-30px 0 0 0;
}


.leftColumn .mobile-plus .text01,
.leftColumn .ag-i .text01 {
	width:145px;
	font-size:12px;
	color:#333;
	line-height:120%;
}

.leftColumn .mobile-plus .text02 {
	width:145px;
	font-size:10px;
	color:#333;
	margin:10px 0 0 0;
}

.leftColumn .mobile-plus ul {
	margin:10px 0 0 2px;
}

.leftColumn .ag-i ul {
	margin:5px 0 0 2px;
}


.leftColumn .mobile-plus ul li:first-child,
.leftColumn .ag-i ul li:first-child {
	margin:0 0 10px 0;
}

.leftColumn .mobile-plus ul li,
.leftColumn .ag-i ul li {
	margin:0 0 5px 0;
}

.leftColumn .mobile-plus ul li:first-child a img:hover,
.leftColumn .ag-i ul li:first-child a img:hover {
	opacity:1;
}

.leftColumn .mobile-plus ul li a img:hover,
.leftColumn .ag-i ul li a img:hover {
	opacity:0.8 ;
}


/* twitter */

.leftColumn .twitterArea {
	margin:0 0 15px 0;
}

.leftColumn .twitterArea .twitter-header {
/*	min-height:132px;*/
/*	background:#00b9f5;*/
	margin:0 0 -2px 0;
	/* 左上角丸 */
	border-top-left-radius: 6px; 
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	/* 右上角丸 */
	border-top-right-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px; 
}

.leftColumn .twitterArea .twitter-header .logo {
	padding:15px 0 0 15px;
}

.leftColumn .twitterArea .twitter-header .twitter-ag {
	padding:10px 0 0 15px;
}

.leftColumn .twitterArea .twitter-header .follow-ag {
	padding:5px 0 0 15px;
}

/* トピックスメニュー */

.leftColumn .topics-menu {
	font-size:12px;
	margin:0 0 8px 0;
}

.leftColumn .topics-menu ul {
	border-bottom:1px dotted #bbb;
	padding:0 0 8px 0;
}

.leftColumn .topics-menu ul li {
	background:#ececec;
	margin:0 0 1px 0;
}

.leftColumn .topics-menu ul li:first-child {
	background-color:rgba(236,0,107,0.80);border-top-left-radius: 6px; 
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	/* 右上角丸 */
	border-top-right-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px; 
}

.leftColumn .topics-menu ul li:first-child a:before {
	content:"\0025b6";
	color:#fff;
	font-size:10px;
}

.leftColumn .topics-menu ul li a:before {
	content:"\0025b6";
	color:#ef006a;
	font-size:10px;
}

.leftColumn .topics-menu ul li:first-child a {
	color:#fff;
	padding:12px 0 12px 8px;
}

.leftColumn .topics-menu ul li a {
	color:#111;
	padding:9px 0 9px 8px;
}

.leftColumn .topics-menu ul li a span {
	margin:0 0 0 5px;
}

.leftColumn .topics-menu ul li a span:hover {
	text-decoration:underline;
}

/*======================================================
	Right Column
=======================================================*/

/* Serch Box */
.rightColumn .serchBox {
	position:relative;
	background-color:#fff;
	padding:0px;
	margin:0 0 0 0;
}
.rightColumn .serchBox dt{
	padding:3px 10px;
}
.rightColumn .serchBox dt input{
	width:300px;
	height:36px;
	background:none;
	border:none;
	font-size:14px;
}
.rightColumn .serchBox dd{
	position:absolute;
	background:#fff;
	top:0;
	right:0;
	z-index:1;
}
.rightColumn .serchBox dd button{
	display:block;
	padding:3px 10px 0 0;
	background:none;
	border:none;
}
.rightColumn .serchBox dd button span {
	display:block;
	width:19px;
	height:35px;
	background:url(/img/icon_right_searchbox.png) no-repeat;
	background-position:0 10px;
}

.rightColumn .serchBox dd button span:hover {
	background:url(/img/icon_right_searchbox_ov.png) no-repeat;
	background-position:0 10px;
}

.rightColumn .serchBox input:focus,
.rightColumn .serchBox button:focus {
	outline:none;
}

.rightColumn .bnrArea01 {
	border-bottom:1px dotted #bbb;
	margin:20px 0 0 0;
	padding:0 0 15px 0;
}

.rightColumn .bnrArea02,
.rightColumn .bnrArea03 {
	border-bottom:1px dotted #bbb;
	margin:20px 0 0 0;
	padding:0 0 15px 0;
}

.rightColumn .bnrArea04 {
	margin:20px 0 0 0;
	padding:0 0 15px 0;
}


.rightColumn .bnrArea02 ul li,
.rightColumn .bnrArea03 ul li,
.rightColumn .bnrArea04 ul li {
	padding:0 0 5px 0;
}

.rightColumn .bnrArea01 a img:hover,
.rightColumn .bnrArea02 a img:hover,
.rightColumn .bnrArea03 a img:hover,
.rightColumn .bnrArea04 a img:hover {
	opacity:0.8;
}

/*======================================================
	/*  下層ページ　共通CSS
=======================================================*/

.breadcrumbs li {
	display:inline-block;
	font-size:12px;
	color:#fff;
}

.breadcrumbs li:after {
	content:"\00bb";
	margin:0 0 0 7px;
}

.breadcrumbs li:last-child:after {
	content:"";
}

.breadcrumbs li a {
	display:inline;
	color:#fff;
	text-decoration:none;
}

.breadcrumbs li a:hover {
	color:#ef006a;
	text-decoration:underline;
}

.sns h2,
.topics h2 {
	font-size:22px;
	color:#fff;
	font-weight:bold;
	border-top:3px solid #e9006c;
	margin:20px 0 0 0;
	padding:15px 0 0 0;
}


.topics-cat h2,
.topics-detail h2 {
	background:#000;
	border-left:solid 4px #ef006a;
	font-size:22px;
	color:#fff;
	font-weight:bold;
	margin:20px 0 0 0;
	padding:20px 0 24px 20px;
}

.topics-cat h2 span,
.topics-detail h2 span {
	font-size:12px;
	font-weight:normal;
	margin:0 0 0 10px;
}

/*======================================================
	Page Layout
=======================================================*/


/*  Top Page
--------------------------------------------- */

/* Main Visual */
#mainVisual {
	width:700px;
	height:200px;
	overflow:hidden;
}

#mainVisual .bx-wrapper .bx-viewport {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border:none;
    left: 0px;
    background-color:transparent;
}

#mainVisual .bx-wrapper {
	position: relative;
	margin:0 auto 0 auto;
	padding:0;
	*zoom: 1;
	width:100%;
	height:auto;
}

#mainVisual .bx-wrapper img {
	display: block;
	margin-left:auto;
	margin-right:auto;
}

#mainVisual .bx-wrapper .bx-pager .bx-pager-item,
#mainVisual .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

#mainVisual .bx-wrapper .bx-pager {
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	position:absolute;
	bottom:20px;
	right:30px;
	z-index:99;
}


#mainVisual .bx-wrapper .bx-pager.bx-default-pager a {
	background: url(/img/mv/icon.png) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 13px;
	height: 12pxpx;
	margin: 0 5px;
	outline: 0;
}

#mainVisual .bx-wrapper .bx-pager.bx-default-pager a:hover,
#mainVisual .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: url(http://cdn-agqr.joqr.jp/img/mv/icon_ov.png) no-repeat;
}

#mainVisual .bx-wrapper .bx-prev,
#mainVisual .bx-wrapper .bx-next {
	display:none;
}

/* Tab */
#tabs {
	margin:20px 0 0 0;
	position:relative;
}

#tabs .topics {
	position:absolute;
	top:10px;
	left:0;
}

#tabs .tabmenu {
	position:absolute;
	z-index:1;
	font-size:10px;
	top:0;
	right:0;
}


#tabs .tabmenu li {
	width:100px;
	margin:0 0 0 5px;
}

#tabs .tabmenu li span {
	text-indent: -9999px;
}


#tabs .tab01 {
	display:block;
	background:url(http://cdn-agqr.joqr.jp/img/img_top_tab01.png) no-repeat;
	width:100px;
	height:58px;
}

#tabs .tab01-1 {
	display:block;
	background:url(http://cdn-agqr.joqr.jp/img/img_top_tab01.png) no-repeat;
	width:100px;
	height:58px;
}

#tabs .tab01:hover {
	display:block;
	background:url(http://cdn-agqr.joqr.jp/img/img_top_tab01_ov.png) no-repeat;
	width:100px;
	height:58px;
}

#tabs .selected span.tab01 {
	display:block;
	background:url(http://cdn-agqr.joqr.jp/img/img_top_tab01_cr.png) no-repeat;
	width:100px;
	height:58px;
}

#tabs span.tab02 {
	display:block;
	background:url(/img/img_top_tab02.png) no-repeat;
	width:100px;
	height:58px;
}

#tabs .tab02:hover {
	display:block;
	background:url(/img/img_top_tab02_ov.png) no-repeat;
	width:100px;
	height:58px;
}

#tabs .selected span.tab02 {
	display:block;
	background:url(/img/img_top_tab02_cr.png) no-repeat;
	width:100px;
	height:58px;
}


#tabs span.tab03 {
	display:block;
	background:url(http://cdn-agqr.joqr.jp/img/img_top_tab03.png) no-repeat;
	width:100px;
	height:58px;
}

#tabs .tab03:hover {
	display:block;
	background:url(http://cdn-agqr.joqr.jp/img/img_top_tab03_ov.png) no-repeat;
	width:100px;
	height:58px;
}

#tabs .selected span.tab03 {
	display:block;
	background:url(http://cdn-agqr.joqr.jp/img/img_top_tab03_cr.png) no-repeat;
	width:100px;
	height:58px;
}

#tabs span.tab04 {
	display:block;
	background:url(/img/img_top_tab04.png) no-repeat;
	width:100px;
	height:58px;
}

#tabs .tab04:hover {
	display:block;
	background:url(/img/img_top_tab04_ov.png) no-repeat;
	width:100px;
	height:58px;
}

#tabs .selected span.tab04 {
	display:block;
	background:url(/img/img_top_tab04_cr.png) no-repeat;
	width:100px;
	height:58px;
}

#tabs span.tab05 {
	display:block;
	background:url(http://cdn-agqr.joqr.jp/img/img_top_tab05.png) no-repeat;
	width:100px;
	height:58px;
}

#tabs .tab05:hover {
	display:block;
	background:url(/img/img_top_tab05_ov.png) no-repeat;
	width:100px;
	height:58px;
}

#tabs .selected span.tab05 {
	display:block;
	background:url(http://cdn-agqr.joqr.jp/img/img_top_tab05_cr.png) no-repeat;
	width:100px;
	height:58px;
}

#tabs .box01,
#tabs .box02,
#tabs .box03,
#tabs .box04,
#tabs .box05 {
	width:700px;
	background:#000;
	color:#fff;
	font-size:14px;
	margin:34px 0 0 -10px;
	padding:20px 10px;
	box-sizing:border-box;
}

#tabs a {
	display:inline;
	color:#fff;
}

#tabs a:hover {
	color:#E60066;
	text-decoration:underline;
}

#tabs .box01 li,
#tabs .box02 li,
#tabs .box03 li,
#tabs .box04 li,
#tabs .box05 li {
	font-size:14px;
	line-height:150%;
	margin:0 0 20px 0;
}

#tabs .box01 li:last-child,
#tabs .box02 li:last-child,
#tabs .box03 li:last-child,
#tabs .box04 li:last-child,
#tabs .box05 li:last-child {
	margin:0 0 0 0;
}
#tabs .box01 {
	border:5px solid #e30067;
}

#tabs .box02 {
	border:5px solid #efb300;
}

#tabs .box03 {
	border:5px solid #009817;
}

#tabs .box04 {
	border:5px solid #0071e1;
}

#tabs .box05 {
	border:5px solid #9226fe;
}

.text {
    display: block;
    padding-left: 145px;
}
.text::before {
    content: "";
    display: block;
    float: left;
    margin-left: -145px;
    width: 1em;
    text-align: center;
}

#tabs li.icon01:before {
	content:url(/img/icon_top_tab01.png);
}

#tabs li.icon02:before {
	content:url(http://cdn-agqr.joqr.jp/img/icon_top_tab02.png);
}

#tabs li.icon03:before {
	content:url(/img/icon_top_tab03.png);
}

#tabs li.icon04:before {
	content:url(http://cdn-agqr.joqr.jp/img/icon_top_tab04.png);
}

.main .bnrArea01 {
	border-bottom:1px dotted #bbb;
	padding:25px 0 30px 0;
}

.main .bnrArea01 li {
	margin:5px 0 0 0;
}

.main .bnrArea02 {
	margin:30px 0 30px 0;
}

.main ul.bnrArea02  {
	zoom: 1;
	width:710px;
}

.main ul.bnrArea02:after {
	content:"."; 
	display: block; 
	height:0px; 
	clear:both; 
	line-height:0; 
	visibility:hidden;
}

.main ul.bnrArea02 li {
	float:left;
	width:345px;
	margin:0 10px 5px 0;
}

.main .bnrArea01 a img:hover,
.main .bnrArea02 a img:hover {
	opacity:0.8;
}

/*  Player
--------------------------------------------- */

.agplayer {
	width:720px;
}

.agplayer .header .inner {
	width:670px;
	margin:0 auto;
	padding:23px 0 0 0;
	
}
.agplayer .header .inner .leftSide {
	float:left;
	width:212px;
}

.agplayer .header .inner .leftSide h1 {
	background:url(/player/img/logo_player.png) no-repeat;
	width:212px;
	height:60px;
}

.agplayer .header .inner .leftSide h1 span {
	opacity:0;
}

.agplayer .header .inner .rightSide {
	float:right;
}

.agplayer .header .inner .rightSide ul {
	width:70px;
}

.agplayer .header .inner .rightSide ul li {
	display:inline-block;
	padding:10px 0 0 0;
}

.agplayer .header .inner .rightSide ul li a img:hover {
	opacity:0.8;
}

.agplayer .main {
	width:670px;
	padding:20px 0 30px 0;
}

.agplayer .main .leftSide {
	float:left;
	width:320px;
	color:#fff;
	font-size:12px;
}

.agplayer .main .leftSide a {
	display:inline;
	color:#EB006B;
	text-decoration:underline;
}

.agplayer .main .leftSide .program {
	background:#000;
	margin:13px 0 0 0;
	padding:15px;
	line-height:120%;
}

.agplayer .main .leftSide .program h2 {
	font-size:16px;
	font-weight:normal;
	line-height:120%;
	border-bottom:1px solid #666;
	padding:0 0 5px 0;
}

.agplayer .main .leftSide .program .program-detail {
	padding:15px 0 0 0;
}

.agplayer .main .leftSide .program .program-personality:before {
	content: url(/player/img/icon_personality.gif);
}

.agplayer .main .leftSide .program .program-personality {
	padding:15px 0 0 0;
}

.agplayer .main .leftSide .program .text {
	padding:25px 0 0 0;
}

.agplayer .main .rightSide {
	float:right;
	width:325px;
}

.agplayer .btn {
	width:206px;
	margin:0 auto;
}

.agplayer .btn img:hover {
	opacity:0.8;
}

/*  SNS
--------------------------------------------- */


.sns .inner {
	margin:20px 0 0 0;
}

.sns .inner p {
	font-size:14px;
	line-height:150%;
	color:#fff;
	padding:20px 15px 0 15px;
}

.sns .inner ul {
	padding:20px 15px;
}

.sns .inner ul li {
	padding:15px 0;
	border-bottom:1px solid #666;
}

.sns .inner ul li:first-child {
	border-top:1px solid #666;
}

.sns .inner ul li a {
	display:inline;
	color:#fff;
	margin:0 0 0 10px;
	padding:0 0 2px 0;
}

.sns .inner ul li a:hover {
	color:#ef006a;
	text-decoration:underline;
}

.sns .inner .leftSide {
	float:left;
	width:340px;
	background:#000;
	/* 左上角丸 */
	border-top-left-radius: 6px; 
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	/* 右上角丸 */
	border-top-right-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
}

.sns .inner .leftSide .title {
	height:46px;
	background:#00b9f5;
	/* 左上角丸 */
	border-top-left-radius: 6px; 
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	/* 右上角丸 */
	border-top-right-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
}

.sns .inner .leftSide .title img {
	padding:12px 0 0 12px;
}

.sns .inner .leftSide ul li:before {
	content:url(http://cdn-agqr.joqr.jp/sns/img/icon_tw.png);
}

.sns .inner .rightSide {
	float:right;
	width:340px;
	background:#000;
	/* 左上角丸 */
	border-top-left-radius: 6px; 
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	/* 右上角丸 */
	border-top-right-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
}

.sns .inner .rightSide .title {
	height:46px;
	background:#395596;
	/* 左上角丸 */
	border-top-left-radius: 6px; 
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	/* 右上角丸 */
	border-top-right-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
}

.sns .inner .rightSide .title img {
	padding:9px 0 0 12px;
}


.sns .inner .rightSide ul li:before {
	content:url(http://cdn-agqr.joqr.jp/sns/img/icon_fb.png);
}


/*  トピックス一覧
--------------------------------------------- */


.topics .topics-list {
	background:#000;
	margin:20px 0 0 0;
	padding:25px 15px;
}

.topics .topics-list li {
	margin:0 0 10px 0;
	font-size:14px;
	line-height:150%;
}

.topics .topics-list li a {
	display:inline;
	color:#fff;
}

.topics .topics-list li a:hover {
	color:#E60066;
	text-decoration:underline;
}

.topics .topics-list li.text {
    display: block;
    padding-left: 145px;
}

.topics .topics-list li.text::before {
    content: "";
    display: block;
    float: left;
    margin-left: -145px;
    width: 1em;
    text-align: center;
}

.topics .topics-list li.icon01:before {
	content:url(/topics/img/icon_topics_01.png);
}

.topics .topics-list li.icon02:before {
	content:url(/topics/img/icon_topics_02.png);
}

.topics .topics-list li.icon03:before {
	content:url(/topics/img/icon_topics_03.png);
}

.topics .topics-list li.icon04:before {
	content:url(/topics/img/icon_topics_04.png);
}


/*  トピックス　カテゴリー
--------------------------------------------- */

.topics-cat a {
	display:inline;
	color:#ef006a;
}

.topics-cat a:hover {
	text-decoration:underline;
}

.topics-cat .box01,
.topics-cat .box02,
.topics-cat .box03,
.topics-cat .box04 {
	background:#000;
	margin:30px 0 0 0;
	padding:20px 24px;
	color:#fff;
}

.topics-cat .box01 h3,
.topics-cat .box02 h3,
.topics-cat .box03 h3,
.topics-cat .box04 h3 {
	font-size:22px;
	font-weight:bold;
	color:#fff;
	line-height:120%;
	border-bottom:1px solid #666;
	padding:0 0 10px 0;
}


.topics-cat .box01 .articles,
.topics-cat .box02 .articles,
.topics-cat .box03 .articles,
.topics-cat .box04 .articles {
	font-size:14px;
	line-height:180%;
	margin:20px 0 0 0;
}


.topics-cat .box01 .articles p,
.topics-cat .box02 .articles p,
.topics-cat .box03 .articles p,
.topics-cat .box04 .articles p {
	margin:0 0 15px 0;
}


.topics-cat .box01 .articles img,
.topics-cat .box02 .articles img,
.topics-cat .box03 .articles img,
.topics-cat .box04 .articles img {
	max-width:100%;
	display:block;
	margin:0 0 15px 0;
}

.topics-cat .box01 {
	border-top:3px solid #edb200;
}

.topics-cat .box02 {
	border-top:3px solid #edb200;
}

.topics-cat .box03 {
	border-top:3px solid #edb200;
}
.topics-cat .box04 {
	border-top:3px solid #edb200;
}

.topics-cat .box01 .date {
	background:url(/topics/img/icon_topics-cat_01.jpg) no-repeat;
	height:30px;
	padding:4px 0 0 0;
}

.topics-cat .box02 .date {
	background:url(/topics/img/icon_topics-cat_01.jpg) no-repeat;
	height:30px;
	padding:4px 0 0 0;
}

.topics-cat .box03 .date {
	background:url(/topics/img/icon_topics-cat_01.jpg) no-repeat;
	height:30px;
	padding:4px 0 0 0;
}

.topics-cat .box04 .date {
	background:url(/topics/img/icon_topics-cat_01.jpg) no-repeat;
	height:30px;
	padding:4px 0 0 0;
}

.topics-cat .box01 .date span,
.topics-cat .box02 .date span,
.topics-cat .box03 .date span,
.topics-cat .box04 .date span {
	font-size:14px;
	color:#fff;
	padding:0 0 0 145px;
}

/*  トピックス　詳細
--------------------------------------------- */

.topics-detail a {
	display:inline;
	color:#ef006a;
}

.topics-detail a:hover {
	text-decoration:underline;
}

.topics-detail .box01,
.topics-detail .box02,
.topics-detail .box03,
.topics-detail .box04 {
	background:#000;
	margin:0 0 0 0;
	padding:20px 24px;
	color:#fff;
}

.topics-detail .box01 h3,
.topics-detail .box02 h3,
.topics-detail .box03 h3,
.topics-detail .box04 h3 {
	font-size:22px;
	font-weight:bold;
	color:#fff;
	line-height:120%;
	border-bottom:1px solid #666;
	padding:0 0 10px 0;
}


.topics-detail .box01 .articles,
.topics-detail .box02 .articles,
.topics-detail .box03 .articles,
.topics-detail .box04 .articles {
	font-size:14px;
	line-height:180%;
	margin:20px 0 0 0;
}


.topics-detail .box01 .articles p,
.topics-detail .box02 .articles p,
.topics-detail .box03 .articles p,
.topics-detail .box04 .articles p {
	margin:0 0 15px 0;
}


.topics-detail .box01 .articles img,
.topics-detail .box02 .articles img,
.topics-detail .box03 .articles img,
.topics-detail .box04 .articles img {
	max-width:100%;
	display:block;
	margin:0 0 15px 0;
}

.topics-detail .box01 {
	border: 5px solid #edb200;
}

.topics-detail .box02 {
	border:5px solid #009a24;
}

.topics-detail .box03 {
	border:5px solid #0071e1;
}
.topics-detail .box04 {
	border:5px solid #9100fd;
}

.topics-detail .box01 .date {
	background:url(/topics/img/icon_topics-cat_01.jpg) no-repeat;
	height:30px;
	padding:4px 0 0 0;
}

.topics-detail .box02 .date {
	background:url(/topics/img/icon_topics-cat02.png) no-repeat;
	height:30px;
	padding:4px 0 0 0;
}

.topics-detail .box03 .date {
	background:url(/topics/img/icon_topics-cat03.png) no-repeat;
	height:30px;
	padding:4px 0 0 0;
}

.topics-detail .box04 .date {
	background:url(/topics/img/icon_topics-cat04.png) no-repeat;
	height:30px;
	padding:4px 0 0 0;
}

.topics-detail .box01 .date span,
.topics-detail .box02 .date span,
.topics-detail .box03 .date span,
.topics-detail .box04 .date span {
	font-size:14px;
	color:#fff;
	padding:0 0 0 145px;
}

.topics-detail .pagination a {
	color:#fff;
}

.topics-detail .pagination .topics_prev a,
.topics-detail .pagination .topics_top a  {
	margin:0 0 0 5px;
}

.topics-detail .pagination .topics_next a  {
	margin:0 5px 0 0;
}


.topics-detail .pagination {
	display:table;
	table-layout:fixed;
	width:100%;
	margin:20px 0 0 0;
}

.topics-detail .pagination li {
	display:table-cell;
	font-size:14px;
}

.topics-detail .pagination .topics_prev {
	text-align:left;
}

.topics-detail .pagination .topics_prev:before {
	content:"\0025c0";
	font-size:10px;
	color:#ef006a;
}

.topics-detail .pagination .topics_top {
	text-align:center;
}

.topics-detail .pagination .topics_top:before {
	content:"\0025b6";
	font-size:10px;
	color:#ef006a;
}

.topics-detail .pagination .topics_next:after {
	content:"\0025b6";
	font-size:10px;
	color:#ef006a;
}


.topics-detail .pagination .topics_next {
	text-align:right;
}




/* Tab */
#topicstabs {
	margin: 20px 0 -12px 0;
	position:relative;
	width: 712px;
}

#topicstabs .tabmenu li {
	float: left;
	width: 166px;
	height: 63px;
	margin-right: 12px;
}

#topicstabs .tabmenu li a {
	display: block;
	width: 166px;
	height: 63px;
	text-indent: -9999px;
}

#topicstabs .tabmenu li.tab01 a {background: url(http://cdn-agqr.joqr.jp/topics/img/tab01.png) no-repeat;}
#topicstabs .tabmenu li.tab02 a {background: url(http://cdn-agqr.joqr.jp/topics/img/tab02.png) no-repeat;}
#topicstabs .tabmenu li.tab03 a {background: url(http://cdn-agqr.joqr.jp/topics/img/tab03.png) no-repeat;}
#topicstabs .tabmenu li.tab04 a {background: url(http://cdn-agqr.joqr.jp/topics/img/tab04.png) no-repeat;}

#topicstabs .tabmenu li.tab01 a:hover {background: url(http://cdn-agqr.joqr.jp/topics/img/tab01_ov.png) no-repeat;}
#topicstabs .tabmenu li.tab02 a:hover {background: url(http://cdn-agqr.joqr.jp/topics/img/tab02_ov.png) no-repeat;}
#topicstabs .tabmenu li.tab03 a:hover {background: url(http://cdn-agqr.joqr.jp/topics/img/tab03_ov.png) no-repeat;}
#topicstabs .tabmenu li.tab04 a:hover {background: url(http://cdn-agqr.joqr.jp/topics/img/tab04_ov.png) no-repeat;}

#topicstabs .tabmenu li.tab01 a.crnt {background: url(http://cdn-agqr.joqr.jp/topics/img/tab01_cr.png) no-repeat;}
#topicstabs .tabmenu li.tab02 a.crnt {background: url(http://cdn-agqr.joqr.jp/topics/img/tab02_cr.png) no-repeat;}
#topicstabs .tabmenu li.tab03 a.crnt {background: url(http://cdn-agqr.joqr.jp/topics/img/tab03_cr.png) no-repeat;}
#topicstabs .tabmenu li.tab04 a.crnt {background: url(http://cdn-agqr.joqr.jp/topics/img/tab04_cr.png) no-repeat;}




/*  番組表
--------------------------------------------- */

.schedule-ag .title,
.schedule-am .title {
	width:1236px;
	font-size:14px;
	color:#fff;
	margin:30px 0 10px 0;
}
.schedule-ag .title {
	padding-top: 9px;
}

.schedule-ag .title .leftSide,
.schedule-am .title .leftSide {
	float:left;
	width:620px;
}

.schedule-ag .title .leftSide li,
.schedule-am .title .leftSide li {
	display:inline-block;
	margin-right:10px;
}

.schedule-ag .title .leftSide li:last-child,
.schedule-am .title .leftSide li:last-child {
	margin-right:0;
}

.schedule-ag .title .leftSide li a,
.schedule-am .title .leftSide li a  {
	color:#fff;
	text-decoration:underline;
}

.schedule-ag .title .leftSide li a:hover,
.schedule-am .title .leftSide li a:hover  {
	color:#ef006a;
	text-decoration:none;
}

.schedule-ag .title .leftSide li a img:hover,
.schedule-am .title .leftSide li a img:hover  {
	opacity:0.8;	
} 

.schedule-ag .title .rightSide  {
	float:right;
	/* padding:20px 0 0 0; */
	padding:10px 0 0 0;
}

.schedule-am .title .rightSide  {
	float:right;
	padding:30px 0 0 0;
}


.schedule-ag .title .rightSide li,
.schedule-am .title .rightSide li  {
	display:inline-block;
	margin-left:10px;
}

.schedule-ag .title .rightSide li:first-child,
.schedule-am .title .rightSide li:first-child {
	margin-left:0;
}

.schedule-ag .timetb-ag,
.schedule-am .timetb-am {
	width:1250px;
	line-height:120%;
	border-collapse:collapse;
}
.schedule-ag .timetb-ag {
	margin-top:-15px;
}

.schedule-ag .timetb-ag thead.scrollHead,
.schedule-ag .timetb-ag tbody.scrollBody,
.schedule-am .timetb-am thead.scrollHead,
.schedule-am .timetb-am tbody.scrollBody {
  display:block;
}

.schedule-ag .timetb-ag tbody.scrollBody,
.schedule-am .timetb-am tbody.scrollBody {
  overflow-y:scroll;
/*  height:970px;*/
  height:770px;
}

.schedule-ag .timetb-ag td,
.schedule-ag .timetb-ag th,
.schedule-am .timetb-am td,
.schedule-am .timetb-am th {
 	table-layout:fixed;
	box-sizing:border-box;
}


.schedule-ag .timetb-ag thead {
	width:1236px;
	color:#fff;
	text-shadow: 1px 1px 1px #ca1b6a;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	background: #f07597;
	background: -moz-linear-gradient(top,  #f07597 0%, #ee7798 50%, #ed0077 51%, #e8006f 71%, #e30068 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f07597), color-stop(50%,#ee7798), color-stop(51%,#ed0077), color-stop(71%,#e8006f), color-stop(100%,#e30068));
	background: -webkit-linear-gradient(top,  #f07597 0%,#ee7798 50%,#ed0077 51%,#e8006f 71%,#e30068 100%);
	background: -o-linear-gradient(top,  #f07597 0%,#ee7798 50%,#ed0077 51%,#e8006f 71%,#e30068 100%);
	background: -ms-linear-gradient(top,  #f07597 0%,#ee7798 50%,#ed0077 51%,#e8006f 71%,#e30068 100%);
	background: linear-gradient(to bottom,  #f07597 0%,#ee7798 50%,#ed0077 51%,#e8006f 71%,#e30068 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f07597', endColorstr='#e30068',GradientType=0 );
}

.schedule-am .timetb-am thead {
	width:1236px;
	color:#fff;
	text-shadow: 1px 1px 1px #ce2355;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	background: #ff9a28;
	background: -moz-linear-gradient(top,  #ff9a28 0%, #ff9a3f 50%, #ff6f0b 51%, #fd6709 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9a28), color-stop(50%,#ff9a3f), color-stop(51%,#ff6f0b), color-stop(100%,#fd6709));
	background: -webkit-linear-gradient(top,  #ff9a28 0%,#ff9a3f 50%,#ff6f0b 51%,#fd6709 100%);
	background: -o-linear-gradient(top,  #ff9a28 0%,#ff9a3f 50%,#ff6f0b 51%,#fd6709 100%);
	background: -ms-linear-gradient(top,  #ff9a28 0%,#ff9a3f 50%,#ff6f0b 51%,#fd6709 100%);
	background: linear-gradient(to bottom,  #ff9a28 0%,#ff9a3f 50%,#ff6f0b 51%,#fd6709 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9a28', endColorstr='#fd6709',GradientType=0 );
}

.schedule-ag .timetb-ag thead tr,
.schedule-am .timetb-am thead tr {
		height:50px;
}

.schedule-ag .timetb-ag th,
.schedule-am .timetb-am th {
	width:53px;
	color:#fff;
	border:1px solid #ccc;
}


.bg-etc td{
	width:171px; !important
}

.schedule-ag .timetb-ag td,
.schedule-am .timetb-am td {
	width:171px;
	border:1px solid #ccc;
	font-size:12px;
	padding:10px;
}

.schedule-ag .timetb-ag tbody td,
.schedule-am .timetb-am tbody td {
	background:#fff;
	vertical-align:top;
}

.schedule-ag .timetb-ag .time1,
.schedule-am .timetb-am .time1 {
	background:#33ccff;
	vertical-align:middle;
}

.schedule-ag .timetb-ag .time2,
.schedule-am .timetb-am .time2 {
	background:#0066ff;
	vertical-align:middle;
}

.schedule-ag .timetb-ag .time3,
.schedule-am .timetb-am .time3 {
	background:#0033cc;
	vertical-align:middle;
}

.schedule-ag .timetb-ag .time4,
.schedule-am .timetb-am .time4 {
	background:#000099;
	vertical-align:middle;
}

.schedule-ag .timetb-ag .bg-f,
.schedule-am .timetb-am .bg-f  {
	background:#e2ffff;
}

.schedule-ag .timetb-ag .bg-r,
.schedule-am .timetb-am .bg-r {
	background:#f8fae0;
}

.schedule-ag .timetb-ag .bg-l,
.schedule-am .timetb-am .bg-l {
	background:#ffe1dd;
}

.schedule-ag .timetb-ag .bg-etc,
.schedule-am .timetb-am .bg-etc {
	background:silver;
}

.schedule-ag .timetb-ag .time,
.schedule-ag .timetb-ag .rp,
.schedule-am .timetb-am .time,
.schedule-am .timetb-am .rp {
	margin:0 0 5px 0;
}

.schedule-ag .timetb-ag .time span,
.schedule-am .timetb-am .time span {
	padding:0 0 0 5px;
}

.schedule-ag .timetb-ag .rp span,
.schedule-am .timetb-am .rp span {
	padding:0 5px 0 0;
}

.schedule-ag .timetb-ag .title-p,
.schedule-am .timetb-am .title-p {
	margin:0 0 5px 0;
	color:#333;
	font-weight:bold;
}

.schedule-am .timetb-am .title-p a {
	display:inline;
	color:#0060ff;
	text-decoration:underline;
}

.schedule-am .timetb-am .title-p a:hover {
	color:#ef006a;
	text-decoration:none;
}

.schedule-ag .timetb-ag .bnr img,
.schedule-am .timetb-am .bnr img {
	max-width:150px;
	margin:0 0 5px 0;
}

/*  スクロールバー　CSS
--------------------------------------------- */

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 8px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #ccc;
	position: relative;
}

.jspDrag
{
	background: #e9006c;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 0 0 0;
}


#___gcse_0 .gsc-control-cse {
  border-color: black; !important;
  background-color: black; !important;
  padding: 3px;
  width: auto;
}