@charset "UTF-8";

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video
{
     font-family: 'Meiryo UI', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
     padding: 0;
     margin: 0;
     border: 0;
     font-size: 13px;
     line-height: 1.4em;
     vertical-align:baseline;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

input, select {
     vertical-align: middle;
}

.clearfix:after {content:".";font-size:0.1em;line-height:0;display:block;height:0;visibility:hidden;clear:both;}
.clearfix {display:inline-block;}* html .clearfix{height:1%;}.clearfix{display:block;}
* html .clearfix { height: 1px; height: auto; overflow: hidden; }

html {
	overflow-y: scroll;
}

/*----------------------------------------------
	headerNav
----------------------------------------------*/
#headerBar {
	margin: 0 0 10px;
	clear: both;
	width: 100%;
	background-color: #666;
	background-color: rgba(0,0,0,0.8);
	background-image: url(/img/common2013/headerBar.png);
	background-repeat: repeat-x;
	background-position: top ;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
}
*html #headerBar { background-color: #666; }
html*#headerBar { background-color: #666; }
/*#headerBarLogo {
	float: left;
	display: block;
	width: 50px;
	height: 35px;
	background-image: url(/img/common2013/headerBarLogo.png);
	overflow: hidden;
	text-indent: -9999px;
	border-left: 1px solid #444;
	border-right: 1px solid #444;
}*/
#headerNavi {
	float: left;
	width: 421px;
}
#btnRadio,
#btnMusic,
#btnInformation {
	display: block;
	float: left;
	width: 139px;
	padding: 3px 0 0;
	height: 32px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #FFF;
	line-height: 1em;
	text-align: center;
	border-right: 1px solid #444;
	cursor: default;
}
#btnRadio {
	width: 138px;
	border-left: 1px solid #444;
}
#btnRadio span,
#btnMusic span,
#btnInformation span {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display: block;
	font-size: 10px;
}

#btnRequest,
#btnPresnet {
	display: block;
	position: absolute;
	top: 2px;
	right: 0;
	padding: 4px 0 0 40px;
	width: 80px;
	height: 27px;
	color: #FFF;
	background-color: #E07;
	font-weight: bold;
	font-size: 14px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	line-height: 1.05em;
	background-image: url(/img/common2013/headerBtnMail.png);
}
#btnRequest:hover,
#btnPresnet:hover {
	background-position: 0 31px;
}
#btnPresnet {
	right: 122px;
	background-image: url(/img/common2013/headerBtnPresent.png);
}

#kissnersClubLogin {
	position: absolute;
	top: 0;
	left: 430px;
	line-height: 35px;
	text-align: center;
	color: #E07;
}
#kissnersClubIn {
	position: absolute;
	top: 0;
	left: 430px;
	line-height: 35px;
	text-align: center;
	color: #fff;
}
#kissnersClubIn a {
	color: #E07;
}
#kissnersClubIn a.btLogout {
	margin: 0 0 0 8px;
	padding: 0 8px;

	text-decoration: none;
	color: #fff;

	border: 1px solid #666;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	background: -moz-linear-gradient(top, #666, #111);
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#111));
	background: linear-gradient(to bottom, #666, #111);
}
#kissnersClubIn a.btLogout:hover {
	border: 1px solid #666;
	background: -moz-linear-gradient(top, #888, #111);
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#111));
	background: linear-gradient(to bottom, #888, #111);
}


#headerNavList ul {
	float: left;
	font-size: 12px;
	list-style: none;
}
#headerNavList ul li a {
	display: block;
	width: 139px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}
#navRadio li a {
	width: 138px;
	border-left: solid #000;
}
#headerNavList ul li a:hover {
	background-color: #E07;
	
}

/*----------------------------------------------
----------------------------------------------*/
.centeringWrapper {
	position: relative;
	margin: 0 auto;
	width: 1067px;
	overflow: hidden;
}
#container {
	float: left;
	width: 570px;
	margin-left: -1px;
}
#rightColumn {
	position: relative;
	float: right;
	width: 752px;
}
.formatPage #rightColumn {
	overflow: hidden;
	width: 585px;
	border: 1px solid;
	padding: 14px;
	margin: 0 0 20px 0;
	min-height: 1200px;
}

#mainWrapper {
	padding-top: 45px;
}

/*----------------------------------------------
----------------------------------------------*/
/*snsLinks*/
#snsLinks {
	padding: 30px 0 5px;
}
#snsLinks a {
	display: inline-block !important;
	width: 100%;
	height: 60px;
	text-indent: -9999px;
	background-size: contain;
	background-repeat: no-repeat;
}
#snsLinks .twitter a {
	background-image: url(/img/common2013/sns_btn-tw.png);
}
#snsLinks .facebook a {
	background-image: url(/img/common2013/sns_btn-fb.png);
	margin: 8px 0;
}
#snsLinks .instagram a {
	background-image: url(/img/common2013/sns_btn-ig.png);
}

/*----------------------------------------------
----------------------------------------------*/
/*facebook*/
#windowFacebook {
	overflow: hidden;
	height: 100px;
	margin: 5px 0;
	background-color: #FFF;
	border: 1px solid #335F9C;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.15);
}
#windowFacebook .header {
	display: block;
	background-color: #6D84B4;
	border-bottom: 1px solid #335F9C;
	/*padding: 7px 15px;*/
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	height: 26px;
	background-image: url(/img/common/icon-fb.png);
	background-repeat: no-repeat;
	background-position: 8px 3px;
	line-height: 26px;
	text-indent: 33px;
}



/*----------------------------------------------
	sideContents 左カラムコンテンツ
----------------------------------------------*/
#sideContents {
	margin: 0 15px 0 0;
	width: 300px;
	float: left;
}
*html #sideContents {
	margin: 0;
	overflow: hidden;
}

#siteTitle,
#siteTitle a {
	display: block;
	width: 300px;
	height: 85px;
	text-indent: -9999px;
}
#siteTitle a {
	width: 400px;
	background-image: url("../../../img/common2013/siteTitle.png");
	background-repeat: no-repeat;
	background-position: 0 0;
}

#timeTable {
	margin: 0 0 10px;
}
#timeTable p {
	line-height: 1.2em;
}
#timeTable #nowOnAier {
	width: 272px;
	padding: 5px 10px;
	border: solid 4px #DDD;
	background-color: #FFF;
/*	border-bottom: solid 1px #DDD;*/
	border-bottom: 0;
	border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
}
#timeTable #nowOnAier h1 {
	font-size: 22px;
	color: #E07;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
#timeTable #nowOnAier p,
#timeTable #nowOnAier a {
	line-height: 1.1em;
}
#timeTable #nowOnAier .time {
	font-size: 12px;
	color: #669;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}
#timeTable #nowOnAier .title,
#timeTable #nowOnAier .title a {
	font-size: 16px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
#timeTable #nowOnAier .title a:hover {
	color: #e07;
	text-decoration: underline;
}
#timeTable #nowOnAier .sponsor {
	font-size: 10px;
	color: #666;
	font-weight: normal;
	text-decoration: none;
}
#timeTable #nowOnAier .soundcrew span {
	font-size: 10px;
	color: #E07;
	font-weight: normal;
	text-decoration: none;
}

#timeTable #nowOnAier .program .image {
	float: left;
	width: 70px;
}
#timeTable #nowOnAier .program .text {
}

#timeTable #nowOnAier .corner {
	clear: both;
}
#timeTable #nowOnAier .corner .time {
	display: inline;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
#timeTable #nowOnAier .corner .title,
#timeTable #nowOnAier .corner .title a {
	display: inline;
	font-size: 12px;
	color: #669;
	font-weight: normal;
}
#timeTable #nowOnAier .corner .title a:hover {
	color: #e07;
	text-decoration: underline;
}

#timeTable a.guest {
	display: block;
	width: 150px;
	margin: 5px 0 5px 70px;
	background-color: #e07;
	padding: 3px;

	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-align: center;

	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}
#timeTable #nowOnAirSchedule a.guest {
	margin-left: 0;
}
#timeTable a.guest:hover {
	background: #609;
}



#timeTable .body {
	padding: 0 1px 0 6px;
	width: 285px;
	overflow: hidden;
	background-color: #F6F6F6;
	border-left: 4px solid #DDD;
	border-right: 4px solid #DDD;
	background-image: url("../../../img/iphone/top/timeTableBG.gif");
	background-position: 1px 0;
	background-repeat: repeat-y;
}
#timeTable .body ul {
	height: 250px;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
	list-style: none;
	overflow: auto;
}
#timeTable .body ul li {
	clear: both;
	position: relative;
	padding: 5px 5px 5px 40px;
	border-bottom: 1px dotted #CCC;
	min-height: 40px;
}
/*#timeTable .body ul li:hover {
	background-color: #FFF;
}*/
#timeTable .body ul li .time {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 35px;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#timeTable #nowOnAier .requestMessage,
#timeTable .body ul li .requestMessage {
	display: block;
	float: right;
	width: 40px;
	height: 40px;
	overflow: hidden;
	text-indent: -9999px;
	background-image: url(/img/common2013/btnRequest.png);
	background-position: 0 40px;
}
#timeTable #nowOnAier .mail_type2,
#timeTable .body ul li .mail_type2 {
	background-image: url(/img/common2013/btnMessage.png);
}
#timeTable #nowOnAier .mail_type1_present,
#timeTable .body ul li .mail_type1_present {
	background-image: url(/img/common2013/btnRequestPresent.png);
}
#timeTable #nowOnAier .mail_type2_present,
#timeTable .body ul li .mail_type2_present {
	background-image: url(/img/common2013/btnMessagePresent.png);
}
#timeTable #nowOnAier .requestMessage:hover,
#timeTable .body ul li .requestMessage:hover {
	background-position: 0 0;
}
#timeTable .body ul li .title {
	font-weight: bold;
}
#timeTable .body ul li .title a {
	color: #333;
	text-decoration: none;
}
#timeTable .body ul li .title a:hover {
	color: #e07;
	text-decoration: underline;
}
#timeTable .body ul li .sc {
	font-size: 11px;
	color: #E07;
}
#timeTable .body ul li .sponsor {
	font-size: 11px;
	color: #666;
}
#timeTable .body ul li .guest {
	padding: 0;
/*
	display: block;
	margin: 5px 0 0;
	background-color: #FCC;
	padding: 5px;
	font-size: 12px;
	color: #E07;
	text-decoration: none;
*/
}
#timeTable .footer {
	margin: 0;
	padding: 5px 10px;
	border: solid 4px #DDD;
	background-color: #FFF;
/*	border-top: solid 1px #DDD;*/
	border-top: 0;
	border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
}
#timeTable .footer a {
	display: block;
	padding: 5px;

	text-align: center;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	background: #eee;

	border: 1px solid #ddd;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#timeTable .footer a:hover {
	color: #e07;
	border: 1px solid #e07;
}

#specialBanners a {
	margin: 5px 0;
	display: block;
	overflow: hidden;
	width: 300px;
	height: 50px;
	border-radius: 8px;
	background-color: #FFF;
}

#twitterBox {
	margin: 10px 0;
	overflow: hidden;
}

/*----------------------------------------------
	adBanner
----------------------------------------------*/

#adBanner {
	width: 300px;
	height: 250px;
	overflow: hidden;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color: #EEE;
}
/*#adBanner {
	position: absolute;
	top: 0;
	right: 0;
	width: 370px;
	height: 180px;
	background-color: #EEE;
	border: 1px solid #ddd;
	overflow: hidden;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#sideContents #adBanner {
	position: relative;
	width: 300px;
	height: 145px;
	background-color: #EEE;
	border: none;
	overflow: hidden;
}*/

article.window {
	float: left;
	position: relative;
	display: block;
	margin: 0 0 10px 0;
	width: 180px;

	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
article.hotraxx,
article.information,
article.topics {
	background: #e07;
}
article.event {
	background: #e70;
}
article.guest {
	background: #090;
}
article.kisspress,
article.sports {
	background: #07f;
}
article.window a :first-child {
	border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
}

article.window a {
	position: relative;
	display: block;
	width: 178px;
	text-decoration: none;
	color: #000;
	background: #fff;

	border: 1px solid #DDD;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	overflow: hidden;

	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
article.window a:hover {
	opacity:0.9;
	filter:alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";
}

article.window a img {
	width: 100%;
	margin: 0;
	line-height: 1em;
}
article.window a h1 {
	margin: 0 10px 5px;
	font-size: 12px;
	font-weight: normal;
	color: #000;
}
article.window a p.description {
	margin: 0 10px 5px;
	font-size: 10px;
	font-weight: normal;
	color: #999;
}
article.hotraxx header {
	background-color: #000;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #E07;
}
article.hotraxx header span {
	color: #FFF;
}

article.window a .name {
	overflow: hidden;
	position: relative;
	margin: 5px 0 0;
	padding: 0 10px 5px 13px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 20px;
	line-height: 1em;
}
article.window a .name span {
	float: right;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10px;
	color: #E07;
	font-weight: normal;
	line-height: 18px;
}
article.kisspress .image {
	float: left;
	width: 71px;
	margin: 10px 5px 0 10px;
}
article.kisspress .image,
article.kisspress .image img {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
article.kisspress a h1 {
	overflow: hidden;
	position: absolute;
	top: 10px;
	left: 90px;
	margin: 0;
	padding: 0;
	width: 99px;
	height: 56px;
	background: url("/img/common2013/top_article_head_kissmusicpress.gif") no-repeat;
	text-indent: -9999px;
}
article.kisspress h2 {
	clear: both;
	margin: 0 10px;
}
article.kisspress a .description {
	padding-top: 70px;
	text-align: right;
}
article.kisspress .interview {
	margin: 0 10px 5px 10px;
	font-size: 10px;
	font-weight: normal;
	color: #999;
}

article .name:after {
	content: '';
	position: absolute;
	top: 5px;
	left: -1px;
	width: 10px;
	height: 10px;
}
article.hotraxx .name:after,
article.information .name:after,
article.topics .name:after {
	background-color: #E07;
}
article.event .name:after {
	background-color: #FB3;
}
article.guest .name:after {
	background-color: #8C0;
}
article.kisspress .name:after,
article.sports .name:after {
	background-color: #69c;
}







.articleWidgetR {
	position: relative;
	margin: 0 0 10px;
	width: 180px;
	background-color: #FFF;
	border: 1px solid #DDD;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.articleWidgetR header {
	position: relative;
	border-bottom: 1px solid #DDD;
	height: 28px;
	line-height: 28px;
}
.articleWidgetR header .title{
	font-size: 14px;
	font-weight: bold;
	line-height: 28px;
	text-align: center;
}



#windowNewsFlash {
	border: 1px solid #cc0000;
}
#windowNewsFlash header {
	color: #fff;
	background: #cc0000;
			border-radius: 0.3rem 0.3rem 0 0;
	   -moz-border-radius: 0.3rem 0.3rem 0 0;
	-webkit-border-radius: 0.3rem 0.3rem 0 0;
}
#rightWindows #windowNewsFlash ul {
	height: 150px;
}
#rightWindows #windowNewsFlash ul {
	height: 150px;
	margin: 0;
}
#windowNewsFlash .attention {
	border-top: 1px solid #cc0000;
	padding: 3px 0;
	margin: 0;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 10px;
	color: #666;
	text-align: center;

	background: #fde;
			border-radius: 0 0 0.3rem 0.3rem;
	   -moz-border-radius: 0 0 0.3rem 0.3rem;
	-webkit-border-radius: 0 0 0.3rem 0.3rem;
}
#windowNewsFlash .topNewsFlashMsg {
	padding: 0.5rem;
	font-size: 10px;
	line-height: 1.3;
	background: #f7eeee;
	border-top: 1px dotted #cc0000;
			border-radius: 0 0 0.5rem 0.5rem;
	   -moz-border-radius: 0 0 0.5rem 0.5rem;
	-webkit-border-radius: 0 0 0.5rem 0.5rem;
}



#windowBlog header,
#windowPresent header {
	position: relative;
	border-bottom: 1px solid #DDD;
	height: 36px;
	line-height: 36px;
}
#windowBlog header .title,
#windowPresent header .title {
	position: absolute;
	padding: 20px 0 0 50px;
	display: block;
	width: 100px;
	height: 30px;
	top: -10px;
	left: 0;
	background-image: url(/img/common2013/headIconRSS.png);
	background-repeat: no-repeat;
	font-size: 14px;
	font-weight: bold;
	line-height: 1em;
	text-align: left;
}
#windowPresent header .title {
	background-image: url(/img/common2013/headIconPresent.png);
}
#window_KissPRESS {
	position: relative;
}
#window_KissPRESS header {
	position: relative;
	height: 40px;
}
#window_KissPRESS header a {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 200px;
	height: 40px;
	background-image: url(/img/common2013/headKissPress.png);
	background-repeat: no-repeat;
	background-position: 8px 0;
	overflow: hidden;
	text-align: left;
	text-indent: -9999px;
}
#windowBlog ul li .date {
	display: block;
	clear: both;
	color: #999;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

#windowBlog ul li .blog_title {
	display: block;
	clear: both;
	color: #E07;
}


#rightWindows {
	float: right;
	/*padding: 192px 0 0 0;*/
}

#nowPlaying {
	float: left;
	position: relative;
	margin: 0 0 8px 0;
	/*width: 372px;*/
	width: 562px;
	height: 89px;
	background-color: #000;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#sideContents #nowPlaying {
	float: none;
	clear: both;
	width: 300px;
}
/*#nowPlaying .radiko {
	position: absolute;
	top: 5px;
	right: -6px;
	display: block;
	width: 200px;
	height: 80px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/img/common2013/radikobtnv2.png);
}
#nowPlaying .radiko:hover {
	background-position: 0 80px;
}*/
#nowPlaying .radiko {
	position: absolute;
	top: 5px;
	right: 6px;
	display: block;
	width: 190px;
	height: 79px;
	background-color: #333;
	border-radius: 4px;
	background-image: url(/img/common2013/radiko_w100.png);
	background-repeat: no-repeat;
	background-position: center 20px;
	background-size: 48%;
	overflow: hiddenl;
	text-indent: -9999px;
	text-decoration: none;
	-webkit-transition: 0.2s all linear;
	-moz-transition: 0.2s all linear;
	-o-transition: 0.2s all linear;
	transition: 0.2s all linear;
}
#nowPlaying .radiko span {
	display: block;
	margin: 35px auto;
	width: 160px;
	height: 16px;
	line-height: 16px;
	font-size: 12px;
	text-indent: 0;
	text-align: center;
	color: #FFF;
	-webkit-transition: 0.2s all linear;
	-moz-transition: 0.2s all linear;
	-o-transition: 0.2s all linear;
	transition: 0.2s all linear;
}
#nowPlaying .radiko:hover span {
	width: 190px;
	background-color: #000;
	background-color: rgba(0,0,0,0.7);
}
#nowPlaying .radiko:after {
	position: absolute;
	top: 3px;
	left: 3px;
	content: " ";
	display: block;
	width: 184px;
	height: 30px;
	background-color: rgba(255,255,255,0.3);
	z-index: 100;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-webkit-transition: 0.2s all linear;
	-moz-transition: 0.2s all linear;
	-o-transition: 0.2s all linear;
	transition: 0.2s all linear;
}
#nowPlaying .radiko:hover:after {
	height: 25px;
	background-color: rgba(255,255,255,0.6);
}
#sideContents #nowPlaying .radiko {
	top: 0px;
	right: 1px;
	width: 92px;
	height: 88px;
	background: url(/img/common2013/radikobtnv2s.png);
}
#sideContents #nowPlaying .radiko:hover {
	background-position: 0 -88px;
}
#sideContents #nowPlaying .radiko:after {
	width: 86px;
}

/*#nowPlaying .radiko {
	display: block;
	float: right;
	margin: 1px;
	width: 182px;
	height: 87px;

	text-indent: -9999px;
	overflow: hidden;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;

	background: #00a2e7 url(/img/common2013/head_radiko_w.png) no-repeat center center;
	background: url(/img/common2013/head_radiko_w.png) no-repeat center center, -moz-linear-gradient(top, #33ddff, #00a2e7);
	background: url(/img/common2013/head_radiko_w.png) no-repeat center center, -webkit-gradient(linear, left top, left bottom, from(#33ddff), to(#00a2e7));
	background: url(/img/common2013/head_radiko_w.png) no-repeat center center, linear-gradient(to bottom, #33ddff, #00a2e7);

}
#nowPlaying .radiko:hover {
	background: #e07 url(/img/common2013/head_radiko_w.png) no-repeat center center;
	background: url(/img/common2013/head_radiko_w.png) no-repeat center center, -moz-linear-gradient(top, #f6a, #e07);
	background: url(/img/common2013/head_radiko_w.png) no-repeat center center, -webkit-gradient(linear, left top, left bottom, from(#f6a), to(#e07));
	background: url(/img/common2013/head_radiko_w.png) no-repeat center center, linear-gradient(to bottom, #f6a, #e07);
}
#sideContents #nowPlaying .radiko {
	top: 5px;
	right: 5px;
	float: right;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	width: 87px;
	background: #00a2e7 url(/img/common2013/head_radiko.png) no-repeat center center;
	background: url(/img/common2013/head_radiko.png) no-repeat center center, -moz-linear-gradient(top, #33ddff, #00a2e7);
	background: url(/img/common2013/head_radiko.png) no-repeat center center, -webkit-gradient(linear, left top, left bottom, from(#33ddff), to(#00a2e7));
	background: url(/img/common2013/head_radiko.png) no-repeat center center, linear-gradient(to bottom, #33ddff, #00a2e7);
}
#sideContents #nowPlaying .radiko:hover {
	background: #e07 url(/img/common2013/head_radiko.png) no-repeat center center;
	background: url(/img/common2013/head_radiko.png) no-repeat center center, -moz-linear-gradient(top, #f6a, #e07);
	background: url(/img/common2013/head_radiko.png) no-repeat center center, -webkit-gradient(linear, left top, left bottom, from(#f6a), to(#e07));
	background: url(/img/common2013/head_radiko.png) no-repeat center center, linear-gradient(to bottom, #f6a, #e07);
}*/
#nowPlaying .lismo,
#nowPlaying .docodemo {
	float: right;
	margin: 10px 5px 0 0;
	display: block;
	width: 90px;
	height: 67px;
	border-bottom: 1px solid #000;
	overflow: hidden;
	text-indent: -9999px;
	background-image: url(/img/common/r/btn_lismowave.png);
}
#nowPlaying a.docodemo {
	background-image: url(/img/common/r/btn_docodemo.png);
}
#nowPlaying a.lismo:hover,
#nowPlaying a.docodemo:hover {
	border-bottom: 0px;
	border-top: 1px solid #000;
}



#nowPlaying .nowplaying {
	padding: 7px 0 7px 10px;
	/*width: 255px;*/
	/*width: 400px;*/
	width: 350px;
	float: left;
	overflow: hidden;
}
#sideContents #nowPlaying .nowplaying {
	width: 180px;
}
#nowPlaying ul.text {
	/*margin: 0 0 5px;
	border-bottom: 1px solid #444;
	width: 100%;
	height: 22px;*/
	/* required styles */
	display: block;
	padding: 0;
	margin: 0 0 5px;
	list-style: none;
	line-height: 1;
	position: relative;
	overflow: hidden;
	/* optional styles for appearance */
	/*width: 265px;*/
	width: 400px;
	height: 20px; /* height should be included to reserve visual space for the marquee */
	background-color: #333;
	background-image: url(/img/common/r/bg_nowplaying.png);
	border-bottom: 1px solid #444;
}
#sideContents #nowPlaying ul.text {
	width: 190px;
}
#nowPlaying ul.text li {
	/* required styles */
	position: absolute;
	top: -999em;
	left: 0;
	display: block;
	white-space: nowrap; /* keep all text on a single line */
	padding: 0px 5px;
}

#nowPlaying .nptitle {
	margin: 0 0 7px;
	color: #FFF;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1em;
	font-weight: bold;
	/*display: block;
	width: 110px;
	height: 18px;
	background-image: url(/img/common/r/title_nowplaying.png);
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -9999px;*/
}
#nowPlaying .text span {
	margin: 0 5px 0 0;
	font-family: "Helvetica Neue",Arial,sans-serif;
	line-height: 22px;
	color: #FFF;
}
#nowPlaying .text .title {
	font-weight: bold;
}
#nowPlaying .text .title.maintenance {
	color: #cccccc;
}
#nowPlaying .text .time {
	font-size: 10px;
	color: #999;
}
#nowPlaying .amazon,
#nowPlaying .musiclog {
	position: absolute;
	top: 63px;
	display: block;
	background-color: #633;
	color: #FA9;
	border: 1px solid #944;
	text-decoration: none;
	font-size: 11px;
	width: 90px;
	height: 14px;
	line-height: 14px;
	text-align: center;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#nowPlaying .amazon {
	left: 15px;
}
#nowPlaying .musiclog {
	left: 110px;
}




#rightWindows .articleWidgetR ul {
	width: 180px;
	height: 180px;
	overflow-x: hidden;
	overflow-y: scroll;
	list-style: none;
	margin: 0 0 10px 0;
}
#rightWindows #windowWhatsNew ul {
	height: 200px;
}
#rightWindows #windowBlog ul,
#rightWindows #windowPresent ul {
	height: 300px;
}
.articleWidgetR ul li {
	border-bottom: 1px solid #DDD;
}
.articleWidgetR ul li a {
	display: block;
	padding: 5px 5px 5px 10px;
	text-decoration: none;
	font-size: 11px;
	color: #000;
}
.articleWidgetR ul li.advisory a {
	background: #ffc;
}
.articleWidgetR ul li.warning a {
	background: #fcc;
}
.articleWidgetR ul li.earthquakey a {
	background: #fdc;
}
.articleWidgetR ul li a span {
	text-decoration: none;
	font-size: 11px;
	color: #000;
}
.articleWidgetR ul li a:visited,
.articleWidgetR ul li a:visited span {color: #999;}
.articleWidgetR ul li a:hover,
.articleWidgetR ul li a:hover span {color: #E07;}

.articleWidgetR ul li.advisory a,
.articleWidgetR ul li.warning a,
.articleWidgetR ul li.earthquakey a {
	font-weight: bold;
	color: #f66;
}


#disasterNews {
	width: 180px;
	background-color: #FFD;
	border: solid 1px #DDD;
	margin: 0 0 10px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#disasterNews header {
	border: none;
}
#disasterNews header h1 {
	line-height: 28px;
	text-align: center;
}
#disasterNews ul {
	border-top: 1px dotted #E00;
	list-style: none;
}
#disasterNews ul li {
	border-bottom: 1px dotted #E00;
	cursor: pointer;
}
#disasterNews ul li header {
	color: #333;
	padding: 5px 10px;
	cursor: pointer;
	font-size: 12px;
}

#disasterNews ul li > div {
	padding: 5px 10px;
	border-top: 1px dotted #ccc;
	background: #fff;
}

#disasterNews ul li table {
	width: 100%;
}
#disasterNews ul li table td {
	font-size: 10px;
	border: 1px solid #ccc;
	padding: 3px;
}

#disasterNews .attention {
	margin: 3px 0;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 10px;
	color: #666;
	text-align: center;
}


/*
*/
#footNavi {
	clear: both;
	display: block;
	padding: 20px;
	width: 100%;
	clear: both;
	border-top: 1px solid #000;
	background-color: #FFF;
}
#footNavi ul {
	float: left;
	margin: 0 50px;
	list-style: none;
	line-height: 2em;
}
#footNavi ul li {
	margin: 0 0 5px 0;
}

#siteFooter {
	padding: 20px 0;
	clear: both;
	width: 100%;
	background-color: #000;
}
#siteFooter .copyright{
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
#sponsorBanners {
	margin: 30px 0;
	width: 100%;
	list-style: none;
}
#sponsorBanners li,
#sponsorBanners li a {
	display: block;
	overflow: hidden;
	width: 135px;
	height: 50px;
}
#sponsorBanners li {
	float: left;
	margin: 3px;
}
/*----------------------------------------------
	スクロールバー
----------------------------------------------*/
/*
 * 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: 2px;
	width: 8px;
	height: 100%;
}

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

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #EEE;
	position: relative;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.jspDrag
{
	background: #CCC;
	background: -moz-linear-gradient(left, #DDD, #CCC);
	background: -webkit-gradient(linear, left top, right top, from(#DDD), to(#CCC));
	background: linear-gradient(to right, #DDD, #CCC);
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

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

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

.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 -3px 0 0;
}



/*----------------------------------------------
	デバイスサイズ変更
----------------------------------------------*/
/* jScrollでバグ
@media screen and (max-height: 900px) {
	#timeTable .body ul { height: 600px; }
}
@media screen and (max-height: 800px) {
	#timeTable .body ul { height: 500px; }
}
@media screen and (max-height: 700px) {
	#timeTable .body ul { height: 400px; }
}
@media screen and (max-height: 600px) {
	#timeTable .body ul { height: 300px; }
}*/
/*@media screen and (max-width: 10000px) {
	.centeringWrapper { width: 1447px; }
	#container { width: 950px; }	
	#rightColumn { width: 1132px; }
	article.window.child1, article.window.child2, article.window.child3, article.window.child4, article.window.child5{ margin-top: 0 }
	#rightWindows { position: relative;}
}
@media screen and (max-width: 1447px) {
	.centeringWrapper { width: 1257px; }
	#container { width: 760px; }	
	#rightColumn { width: 942px; }	
	article.window.child1, article.window.child2, article.window.child3, article.window.child4, article.window.child5{ margin-top: 0 }
	#rightWindows { position: relative;}
}*/
@media screen and (max-width: 1257px){
	.centeringWrapper { width: 1067px; }
	#container { width: 570px; }	
	#rightColumn { width: 752px; }	
	article.window.child1, article.window.child2, article.window.child3, article.window.child4, article.window.child5{ margin-top: 0 }
	#rightWindows { position: relative;}
}
@media screen and (max-width: 1067px){
	.centeringWrapper { width: 877px; }
	#container { width: 380px; }
	#rightColumn { width: 562px; }
	article.window.child1, article.window.child2, article.window.child3, article.window.child4, article.window.child5{ margin-top: 0 }

	/*#adBanner { width: 180px; height: 87px;}
	#rightWindows { padding: 99px 0 0 0;}*/
	#container { width: 571px; }	/*(max-width: 1257px)と異なる数値を与える必要がある*/
	#rightWindows { position: absolute; top: 0; right: 0; z-index:1; }/**/
	/*article.window.child1{ margin-top: 1700px }*/
	/*article.window.child3{ margin-top: 1333px }*/
	article.window.child3{ margin-top: 3580px }
	
	#nowPlaying {width: 372px;}
	#nowPlaying ul.text {
		width: 265px;
	}
	#nowPlaying .nowplaying {
		width: 255px;
	}
	#nowPlaying .lismo,
	#nowPlaying .docodemo {
		display: none;
	}
	
	#nowPlaying .radiko {
		width: 87px;
		background: #00a2e7 url(/img/common2013/head_radiko.png) no-repeat center center;
		background: url(/img/common2013/head_radiko.png) no-repeat center center, -moz-linear-gradient(top, #33ddff, #00a2e7);
		background: url(/img/common2013/head_radiko.png) no-repeat center center, -webkit-gradient(linear, left top, left bottom, from(#33ddff), to(#00a2e7));
		background: url(/img/common2013/head_radiko.png) no-repeat center center, linear-gradient(to bottom, #33ddff, #00a2e7);
	
	}
	#nowPlaying .radiko:hover {
		background: #e07 url(/img/common2013/head_radiko.png) no-repeat center center;
		background: url(/img/common2013/head_radiko.png) no-repeat center center, -moz-linear-gradient(top, #f6a, #e07);
		background: url(/img/common2013/head_radiko.png) no-repeat center center, -webkit-gradient(linear, left top, left bottom, from(#f6a), to(#e07));
		background: url(/img/common2013/head_radiko.png) no-repeat center center, linear-gradient(to bottom, #f6a, #e07);
	}

}


.formatPage .centeringWrapper {
	width: 935px;
}
.formatPage footer .centeringWrapper {
	width: 850px;
}