/* clearfix ========================================= */
.clearfix {zoom:1;}
.clearfix:after { content: ""; display: block; clear: both; }

/* Global properties ================================ */
html{width:100%;}
body{
	background:#FFF;
	border:0;
	font:12px Arial, Helvetica, sans-serif;
	color:#000;
	min-width:940px;
	line-height:150%;
	overflow-x: hidden;
}

/*anchor*/
a{text-decoration: none; outline:none; color:#079EFF;}
a:hover{ filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60;}

/*midashi*/
h1.title{ font-size:217%; margin: 30px 10px 30px 0; border: 0; font-weight: normal; display: inline-block; line-height:130%;}
h1.title2{ font-size:28px; margin: 0 10px 20px 0; border: 0; }
h2.title{ font-size:16px; margin: 0 10px 20px 0; border: 0; display: inline-block;}
h2{font-size:14px; margin:0 0 10px;}
h3{font-size:14px; margin: 40px 10px 40px 0; border: 0;}
h4{}

/*green line*/
hr.green {border-top: 1px solid #A6CE57; color: #A6CE57; background-color: #A6CE57; height: 1px; position:relative; top:165px; margin:0;}
hr.green2 {border-top: 1px solid #A6CE57; color: #A6CE57; background-color: #A6CE57; height: 1px; position:relative; bottom:250px; margin:0;}

/*layout*/
.left { float:left;}
.right { float:right;}
.lcenter { text-align:center;}
.lright { text-align:right; }

/*column*/
.col1{ width:670px; margin-right:30px;}
.col2{ width:240px;}
.coltl{ width:440px; padding-right:29px; }
.coltr{ width:440px; padding-left:30px; }
.coltopl{ width:450px; padding-right:20px; }
.coltopr{ width:450px; padding-left:20px; }

/*color*/
.lg { color:#6CB226; }
.lo { color:#FF7D1A; }
.bgg { background-color:#D6E3B0; }
.bgd { background-color:#51504E; }

/*margin*/
.mgl21{ margin-left:21px;}
.mgr10{ margin-right:10px;}
.mgr15{ margin-right:15px;}
.mgr18{ margin-right:18px;}
.mgr28{ margin-right:28px;}
.mgb16{ margin-bottom:16px; }
.mgb30{ margin-bottom:30px; }
.mgb60{ margin-bottom:60px; }

/* Global Structure ================================= */
.main {margin: 0 auto; width: 940px; }
#content {margin-bottom:60px;}

/* header =========================================== */
header{ height:155px;}
header > h1.top-txt {text-align:center; margin:10px 0 20px; font-size:14px; color:#3A7F1B;height:25px;line-height: 1.846153846;}
nav > .menu { width:100%; overflow:hidden;}
nav > .menu > li { float:left;}
nav > .menu > li > a{ display:block; width:124px; font-size:16px; text-align:center; height:88px; line-height:88px; color:#6CB227;}
nav > .menu > li > a.logo{ display:block; width:196px; height:88px; text-align:center;}
.sub_list {	bottom: 20px; list-style: none; z-index: 9999; position: relative; }
.sub_list li { background-color:#FFF; }
.sub_list a { display:block; width:124px; font-size:16px; text-align:center; height:44px; line-height:44px; color:#6CB227;}

/* footer =========================================== */
footer { height:230px; color:#000; text-align:center;}
footer > .menu1,footer > .menu2,.copy,footer > .logo,footer > .sns{margin-top:16px;}
footer > .menu1 > a { margin:0 20px; font-size:16px; color:#6CB227;}
footer > .menu2 > a { margin:0 10px; width:80px; font-size:12px; color:#6CB227;}
.copy {width:100%; color:#666; font-size:12px; text-align:center;}


/* content ========================================== */
.wrp { clear: both; overflow: hidden; }
.txt { overflow: hidden; }
.txt a {color:#079EFF;}
.musicsearch, .guestp, .djs, .tcs {border-bottom:1px dotted #999999; border-top:1px dotted #999999; padding-top:20px; }
.txt img { margin-right:4px;}

div.pagetop { margin-bottom:40px; }
div.pagination {font-family: "Lucida Sans Unicode", "Lucida Grande", LucidaGrande, "Lucida Sans", Geneva, Verdana, sans-serif; padding:0; margin:20px 0 40px; width:400px; float:left; }
div.pagination a, div.pagination span { border:2px solid #A5CC57; margin: 0; padding: 6px 4px; background-color: #FFF; text-decoration: none; color: #A5CC57; }
div.pagination a:hover, div.pagination a:active { background-color: #FFF; color: #A5CC57; }
div.pagination span.current {background-color: #A5CC57; color: #FFF; }

.snsIcons {list-style:none; margin-top:20px;}
.snsIcons li{float:left; margin-right:8px;}

/*----------------------------------
 top
------------------------------------*/
.top .noa { padding:10px 14px; width: 788px; /* (942px - 28px) - (112px + 14px) */}
.top .noai, .top .noab { width:98px; }
.top .noat { width:660px; color:#FFF; line-height:220%; width: 534px; /* 660px - (112px + 14px) */}
.top .noat strong { font-size:16px; }
.top .noai, .top .noat { padding-right:13px; border-right:1px solid #FFF; }
.top .noab, .top .noat { padding-left:14px; }
.top .noat {display:inline-block;}
.top .prog {border:5px solid #6DB328; padding:8px;}
.top .prog .title { overflow: hidden; }
.top .prog .wrp { }
.top .prog h2 { font-size:18px; margin:0 0 4px; }
.top .prog h2 a { color:#6CB226; }
.top .prog .title img { margin-top:6px; }
.top .prog .title img.left { border:1px solid #CCC; margin-right:12px; }
.top .prog .bgr { border-top:1px solid #6DB328;}
.top .prog .txt {padding:8px 0;}
.top figure { margin-right:8px; }
.top .tevent div { height:200px; overflow:hidden; }
.top .tevent figure span { display: inline-block; background-color: #ccc; background-position: center center; background-repeat: no-repeat; width: 132px; height: 132px; background-size: cover; border:2px solid #A6CE57; }
.top .tnews figure span { display: inline-block; background-color: #ccc; background-position: center center; background-repeat: no-repeat; width: 108px; height: 108px; background-size: cover; border:2px solid #A6CE57; }
.top .more { color:#079EFF; text-align:right;}
.top .more a, .blog a, .top .event a { color:#079EFF; }
.top .more img { margin:2px;}
.top .event div.wrp div { width:138px; margin-bottom:10px; }

.top .event img, .top .guest img, .blog img, .banner img { border:1px solid #CCC; }
.top .guest, .blog, .banner { border-top:1px dotted #999999; padding-top:20px; }
.blog div.wrp div { width:214px; }
.blog div.wrp div:not(:last-child){margin-right:28px;}
.banner { margin-bottom:40px; }
.banner div{float:left;}
.banner div:not(:last-child){margin-right:15px;}

.twitterBtn,
.facebookBtn { margin: 0 0 0 4px; padding: 0; width: 58px; height: 82px; text-align: center; line-height: 82px; }
.twitterBtn a,
.facebookBtn a { height: 82px; line-height: 82px; display: block; layout-grid-line: 82px; /* for IE7 before */ }
.twitterBtn a { background: #55acee; }
.facebookBtn a { background: #3b5998; }
.twitterBtn img,
.facebookBtn img { margin: 0 ; padding: 0; vertical-align:middle; }


/* H1 Title Common  ========================================== */
.snsBtnWrap { margin-top: 16px; }
.snsBtnWrap .twitterBtn,
.snsBtnWrap .facebookBtn,
.snsBtnWrap .twitterBtn a,
.snsBtnWrap .facebookBtn a { width: 40px; height: 40px; line-height: 40px; layout-grid-line: 40px; /* for IE7 before */ }

/*----------------------------------
 News Index
------------------------------------*/
.news .every {background-color:#ECFFD2;}
.news .title a { font-size:14px; }
.news .title-every { font-size:16px; color:#FF6600; margin-bottom:10px; line-height:150%; }
.news .topbd { border-top:1px dotted #999999;}
.news .topbs { border-top:1px solid #999999;}
.news .more { color:#079EFF; text-align:right;}
.news .more a  { color:#079EFF; }
.news .more img { margin:2px;}
.news article { padding:20px 10px; border-bottom:1px dotted #999999; }
.news figure { margin-right:18px; width:108px; height:108px; overflow:hidden; border:2px solid #A6CE57;}
.news figure span { display: inline-block; background-color: #ccc; background-position: center center; background-repeat: no-repeat; width: 108px; height: 108px; background-size: cover; }
.news .cat { width:95px; height:20px; text-align:center; padding:4px 0; margin-bottom:10px; color:#FFF;}
.news .cat:hover{ filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60;}
.news .nbg1 { background-color:#FF9900;}
.news .nbg2 { background-color:#0000FF;}
.news .nbg3 { background-color:#66CC00;}
.news .nbg4 { background-color:#FF5551;}
.news .nbg5 { background-color:#0000FF;}
.news .nbg6 { background-color:#1FCCBF;}
.news .nbg8 { background-color:#ff0000;}
.news .recent {list-style-type: square; list-style-position: inside; color:#079EFF;}
.news .recent a {color:#079EFF;}
.news .banner img {border:2px solid #999; margin-bottom:8px;}
.news .banner { margin-bottom:0px; border-top:0;}
.news aside { padding:20px 10px; border-bottom:1px solid #999999; }
.news div.pagetop { float:right; width:270px; margin:20px 0 40px; }

/*----------------------------------
 News Detail
------------------------------------*/
.news .dtitle img { margin-right:8px; }
.news .image_nav { text-align: center; overflow:hidden; list-style:none; margin-bottom:20px; margin-top:20px;}
.news .image_nav li { display: -moz-inline-box; display: inline-block; /display: inline; /zoom: 1; margin:0 4px; }
.news .image_nav li span { border:2px solid #A6CE57; display: inline-block; background-color: #ccc; background-position: center center; background-repeat: no-repeat; width: 38px; height: 38px; background-size: cover; }
.news .image_nav li a{ display:block; height:48px; color:#6CB227;}
.relevance h2, .catlist h2 { margin-right:20px;}

/*----------------------------------
 Timetable
------------------------------------*/
#pdfdownload{text-align:right; margin: 0 0 4px 0;}
#pdfdownload a{color:#079EFF;}
.timetable table { width:820px; margin:0 60px; } 
.timetable tr {border-top:solid 1px #CCCCCC;}
.timetable tr:first-child {border-top:none;}
.timetable td { padding:17px; }
.timetable .time {text-align:center; font-size:16px; width:91px;}
.timetable .time img { margin-top:10px;}
.timetable .prog { border-right:solid 1px #CCCCCC; width:371px;}
.timetable .prog a { font-size:14px;}
.tab { padding-top:20px; margin-bottom:20px; border-top:1px dotted #999999; font-size:14px; }
.tab div {float:left; width:122px; height:43px; text-align:center; line-height:43px; border:1px #B1D46B solid; margin-right:5px; }
.tab a { color:#000; }
.tab div.select {background-color:#B1D46B; color:#FFF;}
.timetable figure { margin-right:18px; }
.timetable .txt { margin:8px 0;}
.timetable div { margin-bottom:8px;}
.timetable a {color:#079EFF;}
.timetable .title {float:left; width:210px; }
.timetable .icrd {overflow: hidden; }
.timetable .onair {background-color:#ECFFD2;}
.timetable article {margin-bottom:40px; border-bottom:solid 1px #CCCCCC;  border-top:solid 1px #CCCCCC;}


/*----------------------------------
 Program
------------------------------------*/
.program .coltl{ border-right:1px solid #6DB328; }
.program .title h2 { font-size:16px; }
.program .title span { font-size:14px; }
.program div { margin-bottom:8px;}
.program h3 { margin:0;}
.program .title {float:left; width:375px; }
.program .icrd {overflow: hidden; }
.program article { margin-bottom:20px; }
.program article ul,.program article li{list-style:none;}
.program article a{color:#079EFF; font-size:14px;}
.program article.plist h2, .program article.blog h2 { border-bottom:1px solid #6CB226; }
.program article.plist h3 { line-height:24px; width:262px; }
.program article.plist .txt { width:178px; }
.program article.plist .txt img { margin:0; }
.program article.plist h3.before { line-height:24px; width:140px; }
.plist ul { border-bottom:1px solid #CCCCCC; margin-bottom:10px;}
.plist li { padding:2px 8px;}
.program article.pblog h3 { line-height:24px; width:349px; }
.program article.pblog .txt { width:91px; }
.program article.pblog hr { margin:4px; }
.program article.pblog a, .program .dj a { color:#069EFF; }

/*----------------------------------
 Musicsearch
------------------------------------*/
.msform { margin:0 20px 20px; padding:14px; }
.msform h3 { display:inline-block; width:60px; margin:0; }
.msform label { color:#FFF; margin-right:16px; }
.msform .left { width:752px; }
.musicsearch table { width:900px; margin:0 20px 40px;}
.musicsearch td,.musicsearch th { text-align:left;  width:348px; padding:8px 14px;}
.musicsearch .time {text-align:center; width:150px;}

/*----------------------------------
 Guests Index
------------------------------------*/
.guests {margin-bottom:40px; border-bottom:solid 1px #CCCCCC;  border-top:solid 1px #CCCCCC;}
.guests .more { color:#079EFF; margin-top:10px; }
.guests .more a  { color:#079EFF; }
.guests article { margin:20px; padding:20px; }
.guests figure { margin-right:18px; }
.guests .djset { width:160px; height:240px; margin-right:35px; }
.guests .djsetr { width:160px; height:240px; margin-right:0; }
.guests .parform { height:25px; background:url(../image/common/performing_live.gif) no-repeat right;}
.guests h2 a { color:#6CB226; font-size:16px;}
h3 img { margin:2px; }
h3 a {color:#079EFF; }

/*----------------------------------
 Guests Index New
------------------------------------*/
.guestn {margin-bottom:40px; border-bottom:solid 1px #CCCCCC;  border-top:solid 1px #CCCCCC; padding:20px;}
.guestn article { margin:0; padding:10px; float:left; width:280px; /*height:450px;*/ }
.guestn h2 .lnk { font-size:14px; margin-top:7px;}
.guestn h2 .lnk a { color:#6CB226; }
.guestn h2 .dte { color:#FF7D1A; font-size:13px; margin-top:7px;}
.guestn .txt {font-size:12px;}

/*----------------------------------
 Guests Past
------------------------------------*/
.guestp article { padding:20px 0; }
.guestp .gsset { width:302px; height:280px; margin-right:17px; }
.guestp .gssetr { width:302px; height:280px; margin-right:0; }
.gpagetop {float:right; width:270px; margin:20px 0 40px;}

/*----------------------------------
 DJs Index
------------------------------------*/
.djs article { padding:20px 0; }
.djs .djset { width:160px; height:240px; margin-right:35px; }
.djs .djsetr { width:160px; height:240px; margin-right:0; }

/*----------------------------------
 About
------------------------------------*/
.about .topbd { border-top:1px dotted #999999;}
.about .title { font-size:16px; font-weight:bold; }
.about article { padding:20px 10px; border-bottom:1px dotted #999999; }
.about article div { margin-bottom:10px; }
.about article a  { color:#079EFF; }
.about td { padding:8px; }
.about td.ti { width:150px; }
.about aside { padding:20px 10px; border-bottom:1px solid #999999; }
.about aside ul {list-style-type: square; list-style-position: inside; color:#079EFF;}
.about aside a {color:#079EFF;}
.about div.pagetop { margin:20px 0 40px; }

/*----------------------------------
 カルーセル
------------------------------------*/
div.carou {  height: 300px; width: 100%; overflow:hidden; position: relative; }
#wrapper { background-color: #fff; width: 100%; height: 300px; 	overflow: hidden; position: absolute; top: 166px; left: 0; }
#carousel div { display: block; float: left; overflow:hidden; }
#prev, #next { background-color: rgba(255, 255, 255, 0.7); display: block; height: 300px; width: 50%; /* top: 167px; */ top: 0; position: absolute; }
#prev:hover, #next:hover { background-color: #fff; background-color: rgba(255, 255, 255, 0.8); }
#prev { left: -470px; }
#next { right: -470px; }

/*----------------------------------
 Tokyo Club Summit
------------------------------------*/
.tcs { background:#fff url(/club-summit/images/bg_tcs.gif) 0 0 no-repeat; }
.tcs article { padding:20px 0; }
.tcs h2.title { color: #6CB226; }
.tcs p.info { font-size: 14px; padding-bottom: 20px; border-bottom:1px dotted #999999; }
.tcs .date { font-size: 16px; color: #FF7D1A; }

.tcs .guset { width: 607px; margin-left:24px; float: left; }
.tcs .guset img { margin-right: 24px; }

.tcs .guset01 { float: left; }
.tcs .guset01 p { float: left; }

.tcs .guset02 { float: left; }

.tcs .special { width: 304px; float: left; }

.tcs .djMans { margin: 0 24px; float: left; }
.tcs .djMans img { margin: 0 20px 20px 0; float: left; }

.tcs .cast { margin-bottom: 200px; }
.tcs .cast h3 { margin: 20px 0 5px 0; color: #FF7D1A; font-weight: normal;}
.tcs .cast h4 { margin: 0 0 5px 0; font-size: 12px; font-weight: normal;}
/*----------------------------------
 InterFM Countdown Special 2013 & InterFM New Year’s Special 2014
------------------------------------*/
.NewYear2014 {
	margin: 0;
	padding: 0;
	text-align: center;
}

.NewYear2014 img {
	vertical-align:bottom;
	border:none;
}

.titleH1 {
	margin: 15px 0 0 0;
}

.YouTube {
	margin: 30px 0 0 0;
}

.rockshowTitle {
	margin: 25px 0 0 0;
}

.rockshowParagraph {
	margin: 25px 0 0 0;
}

.DJ, .rockshowBlog, .rockshowRequest {
	margin: 25px 0 0 0;
	font-size: 16px;
	line-height: 22px;
}

.DJ {
	color: #ff6600;
}



.awesomeBeatsTitle {
	margin: 50px 0 0 0;
}

.awesomeBeatsPhoto {
	margin: 25px 0 0 0;
}

.awesomeBeatsParagraph01 {
	margin: 25px 0 0 0;
}

.awesomeBeatsParagraph02 {
	margin: 25px 0 0 0;
}

.awesomeBeatsBlog {
	margin: 40px 0 0 0;
	font-size: 16px;
	line-height: 24px;
}

.awesomeBeatsRequest {
	margin: 25px 0 0 0;
	font-size: 16px;
	line-height: 24px;
}




/*----------------------------------
 Jack AD *Add 2015.12.25
------------------------------------*/

.jackAD_LeftTop {
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0 0 0 -670px;
  z-index: 10;
}

.jackAD_RightTop {
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0 0 0 486px;
  z-index: 10;
}

.jackAD_LeftBottom {
  position: absolute;
  top: 466px;
  left: 50%;
  margin: 0 0 0 -670px;
  z-index: 10;
}

.jackAD_RightBottom {
  position: absolute;
  top: 466px;
  left: 50%;
  margin: 0 0 0 486px;
  z-index: 10;
}

.jackAD_second_LeftBottom {
  position: absolute;
  top: 183px;
  left: 50%;
  margin: 0 0 0 -670px;
  z-index: 10;
}

.jackAD_second_RightBottom {
  position: absolute;
  top: 183px;
  left: 50%;
  margin: 0 0 0 486px;
  z-index: 10;
}




/*----------------------------------
 Jack AD *Add 2017.05.17
------------------------------------*/

.urgent{
	text-align: center;
	padding: 20px 0 45px 0;
	font-size: 1.5em;
}

.urgent a{
	color: #f63f4c;
	text-decoration: underline;
}

.urgent a:hover{
	color: #f6939a;
}