@charset "UTF-8";



/*----------------------------------------------*/
/*----------------------------------------------*/
/*STYLE-----------------------------------------*/
/*----------------------------------------------*/
/*20120601--------------------------------------*/




/*INDEX*/

/*■ STYLE--------------------------------------*/

/*RESET-----------------------------------------*/

/*COMMON----------------------------------------*/

/*FRAME-----------------------------------------*/

/*HEADER----------------------------------------*/

/*CONTENT---------------------------------------*/

/*FOOTER----------------------------------------*/

/*MEMBER----------------------------------------*/

/*PROGRAM---------------------------------------*/

/*APP-------------------------------------------*/
/*[APP]FRAME*/
/*[APP]TITLE & COPY*/
/*[APP]BUTTON*/

/*SNS-------------------------------------------*/
/*[SNS]COMMON*/
/*[SNS]TWITTER*/
/*[SNS]FACEBOOK*/










/*----------------------------------------------*/
/*■ RESET ■*/
/*----------------------------------------------*/

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
margin: 0;
padding: 0;
}

img, fieldset {
border: 0;
}

/* set image max width to 100% */
img {
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
display: block;
}










/*----------------------------------------------*/
/*COMMON*/
/*----------------------------------------------*/

body {
font-size:14px/1.231;
font-family:"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:1;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
color: #111111;
background:#000000;
}

a:link {
text-decoration: underline;
color:#333333;
}
a:visited {
text-decoration: underline;
color: #333333;
}
a:hover {
text-decoration: none;
color:#333333;
}
a:active {
text-decoration: underline;
color: #333333;
}

ul,li {
list-style:none;
}

hr {
display:none;
}

/*float clear*/
.clearfix:after {
content:"";
height:0;
display:block;
visibility:hidden;
clear:both;
}
.clearfix {
display:inline-block;
}
/* Hides from IE-mac \*/
*html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
/* End hide from IE-mac */









/*----------------------------------------------*/
/*FRAME*/
/*----------------------------------------------*/

/*wrapper*/
#wrapper {
width:auto;
height:auto;
margin:0;
padding:0;
text-align:center;
background:url(../images/fj_bg.gif) repeat 0 0;
}


/*container*/
#container {
width:auto;
height:auto;
margin:0;
padding:0 0 10px 0;
text-align:center;
border-bottom:3px solid #CCC;
}















/*----------------------------------------------*/
/*HEADER*/
/*----------------------------------------------*/

/*header bg*/
header {
width:auto;
height:auto;
margin:0;
padding:0;
background:url(../images/fj_title_base.png) no-repeat top center;
}

/*header*/
header hgroup {
width:960px;
height:185px;
margin:0 auto 15px auto;
padding:0;
text-align:left;
background:url(../images/fj_title_bg.png) no-repeat right 10px;
position:relative;
}


/*title*/
header hgroup h1 {
width:480px;
height:125px;
margin:0;
padding:0;
text-indent:-9999px;
background:url(../images/fj_title2014.png) no-repeat 0 0;
position:absolute;
left:20px;
top:25px;
}
header hgroup h1 a {
width:480px;
height:125px;
margin:0;
padding:0;
display:block;
text-decoration:none;
overflow:hidden;
}










/*----------------------------------------------*/
/*CONTENT*/
/*----------------------------------------------*/

/*content*/
section#content {
width:900px;
height:auto;
margin:0 auto;
padding:0;
text-align:left;
}


/*catch & copy*/
article#catch-copy {
width:900px;
height:auto;
margin:0;
padding:0;
text-align:left;
}


/*main frame & sub frame*/
section#main-sub {
clear:both;
width:900px;
height:auto;
margin:0;
padding:0 0 30px 0;
text-align:left;
}


/*main frame*/
article#mainFrame {
float:left;
width:500px;
height:auto;
margin:0;
padding:0;
text-align:left;
}


/*sub frame*/
article#subFrame {
float:right;
width:380px;
height:auto;
margin:0;
padding:0;
text-align:left;
}


/*catch & copy(common)*/
article#catch-copy h3,article#catch-copy p {
height:145px;
margin:0;
padding:0;
text-indent:-9999px;
}
/*catch*/
article#catch-copy h3 {
float:left;
width:405px;
background:url(../images/fj_catch.png) no-repeat 0 0;
}
/*copy*/
article#catch-copy p {
float:right;
width:470px;
background:url(../images/fj_copy.png) no-repeat 0 0;
}


/*page top*/
ul#pageTop {
width:900px;
height:24px;
margin:0;
padding:0;
}
ul#pageTop li {
width:90px;
height:24px;
font-size:0px;
line-height:0px;
vertical-align:baseline;
float:right;
}
ul#pageTop li a {
text-decoration:none;
overflow:hidden;
display:block;
text-indent:-9999px;
}
li#b-pagetop a {
width:90px;
height:24px;
margin:0;
padding:0;
background:url(../images/fj_b_pt.gif) no-repeat 0 0;
}
li#b-pagetop a:hover {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}










/*----------------------------------------------*/
/*FOOTER*/
/*----------------------------------------------*/

/*frame*/
footer {
clear:both;
width:900px;
height:auto;
margin:0 auto;
padding:20px 0;
}


/*logo list*/
footer ul {
float:left;
margin:0;
padding:0;
}
footer ul li {
margin:0;
padding:0;
font-size:0px;
line-height:0px;
vertical-align:baseline;
}


/*copyright*/
footer p {
float:right;
width:229px;
height:30px;
margin:0;
padding:0;
text-indent:-9999px;
background:url(../images/fj_copyright.gif) no-repeat 0 0;
}
footer p small {
display:none;
}









/*----------------------------------------------*/
/*MEMBERS*/
/*----------------------------------------------*/

/*frame*/
section#members {
width:460px;
height:auto;
margin:0 0 20px 0;
padding:20px 15px 15px;
text-align:left;
background:#FFF;
border:5px solid #09C;
}


/*title*/
h3#memTitle {
width:460px;
height:42px;
margin:0;
padding:0;
text-indent:-9999px;
background:url(../../images/fj_mem_title.gif) no-repeat 0 0;
}


/*member list*/
ul#memList {
width:458px;
height:auto;
margin:0;
padding:0;
border:1px solid #666;
list-style:none;
}
ul#memList li {
width:450px;
height:auto;
margin:0;
padding:4px 4px 0 4px;
text-align:left;
background:#000;
}
ul#memList li.memEnd {
padding:4px;
}


/*member box*/
#memBox {
width:440px;
height:auto;
margin:0;
padding:5px;
background:url(../../images/fj_mem_bg.gif) repeat 0 0;
}


/*dj photo*/
.djPhoto {
float:left;
width:60px;
height:auto;
margin:0;
padding:0;
}
img#djFace {
margin:0;
padding:0;
}
h4#djName {
font-size:0.9em;
line-height:1.4em;
color:#FFF;
margin:3px 0 7px 70px;
padding:0;
}
p#djComment {
font-size:0.8em;
line-height:1.3em;
color:#FFF;
margin:0 0 0 70px;
padding:0;
}









/*----------------------------------------------*/
/*PROGRAM*/
/*----------------------------------------------*/

/*frame*/
section#program {
width:460px;
height:auto;
margin:0;
padding:20px 15px 15px;
text-align:left;
background:#FFF;
border:5px solid #09C;
}


/*title*/
h3#prgTitle {
width:460px;
height:33px;
margin:0 0 18px 0;
padding:0;
text-indent:-9999px;
background:url(../../images/fj_prg_title.gif) no-repeat 0 0;
}


/*copy*/
h3#proCopy {
width:460px;
height:58px;
margin:0;
padding:0;
text-indent:-9999px;
background:url(../../images/fj_pro_catch.png) no-repeat 5px 0;
}


/*program list*/
ul#proList {
width:460px;
height:auto;
margin:0;
padding:0;
list-style:none;
}
ul#proList li {
width:458px;
height:auto;
margin:0 0 7px 0;
padding:0;
text-align:left;
background:#FFF;
border:1px solid #999;
}
ul#proList li:last-child {
margin:0;
}


/*program box*/
#proBox {
width:458px;
height:auto;
margin:0;
padding:0;
}


/*logo & title*/
#proSet {
width:438px;
height:auto;
margin:0;
padding:4px 10px 0 10px;
text-align:left;
}


/*sponcer logo*/
img#proLogo {
float:left;
margin:0;
padding:0;
}


/*program title*/
h4#proTitle {
font-size:0.9em;
line-height:1.4em;
font-weight:bold;
color:#09C;
margin:5px 0 0 90px;
padding:0;
}


/*program info*/
p#proInfo {
clear:both;
width:auto;
height:auto;
font-size:0.8em;
line-height:1.3em;
color:#FFF;
margin:3px;
padding:7px 12px;
background:url(../../images/fj_pro_bg.gif) repeat 0 0;
}
.proBlue {
color:#09C;
}










/*----------------------------------------------*/
/*APP*/
/*----------------------------------------------*/

/*----------------------------------------------*/
/*[APP]FRAME*/

/*frame*/
section#app {
width:380px;
height:auto;
margin:0 0 25px 0;
padding:0;
text-align:left;
background:url(../../images/app_title_bg.png) no-repeat 0 0;
}










/*----------------------------------------------*/
/*[APP]TITLE & COPY*/

/*phone image*/
section#app p.appPhone {
margin:11px 0 0 12px;
padding:0;
float:left;
}


/*title set*/
section#app div.appTitleSet {
width:255px;
height:auto;
margin:0 0 0 110px;
padding:0;
}


/*title*/
section#app h3 {
margin:0;
padding:0;
}


/*catch*/
section#app h4 {
width:255px;
height:100px;
margin:0;
padding:0;
text-indent:-9999px;
background:url(../../images/app_copy.png) no-repeat 0 0;
}


/*copy*/
section#app p.appCopy {
display:none;
}









/*----------------------------------------------*/
/*[APP]BUTTON*/

/*btn info(PC)*/
ul.appInfoList {
clear:both;
width:380px;
height:65px;
margin:0;
padding:0;
list-style:none;
background:url(../../images/app_btn_bg.png) no-repeat 0 0;
}
ul.appInfoList li {
width:350px;
height:48px;
font-size:0px;
line-height:0px;
margin:0 auto;
padding:0;
}
ul.appInfoList li a {
width:350px;
height:48px;
margin:0;
padding:0;
text-indent:-9999px;
background:url(../../images/app_btn_info.gif) no-repeat 0 0;
text-decoration:none;
overflow:hidden;
display:block;
}
ul.appInfoList li a:hover {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}









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

/*----------------------------------------------*/
/*[SNS]COMMON*/

/*frame*/
section#sns {
width:340px;
height:auto;
margin:0 0 30px 0;
padding:20px 15px 15px;
text-align:left;
background:#FFF;
border:5px solid #09C;
}



/*title*/
h3#snsTitle {
width:340px;
height:33px;
margin:0 0 18px 0;
padding:0;
text-indent:-9999px;
background:url(../../images/fj_sns_title.gif) no-repeat 0 0;
}










/*----------------------------------------------*/
/*[SNS]TWITTER*/

/*frame*/
article#twitter {
width:340px;
height:auto;
margin:0;
padding:0;
}

/*title*/
h4.twTitle {
width:110px;
height:35px;
margin:0;
padding:0;
text-indent:-9999px;
background:url(../../images/fj_sns_t_tw.gif) no-repeat 0 0;
float:left;
}

div.btnFollow {
margin:0 0 0 120px;
padding:3px 0 0 0;
}

/*text*/
p#tweTxt {
font-size:0.9em;
line-height:1.4em;
margin:0 0 1.0em 5px;
padding:0;
}
p#tweTxt a {
color:#069;
text-decoration:underline;
}
p#tweTxt a:hover {
color:#069;
text-decoration:none;
}


/** Style the tweets */
.twitters {
clear:both;
width:auto;
height:auto;
padding:0;
margin:0;
}

.twitters ul {
width:auto;
height:auto;
margin:0;
padding:0;
list-style: none;
border-top:1px dotted #999;
}
.twitters ul:after {
content:"";
height:0;
display:block;
visibility:hidden;
clear:both;
}
.twitters ul {
display:inline-block;
}
/* Hides from IE-mac \*/
*html .twitters ul {
height:1%;
}
.twitters ul {
display:block;
}
/* End hide from IE-mac */

.twitters ul li {
width:auto;
height:auto;
margin:0;
padding:5px 0;
font-size:0.8em;
line-height:1.3em;
border-bottom:1px dotted #999;
overflow-y: hidden;
overflow-x: hidden;
}
.twitters ul li:last-child {
border-bottom:none;
}

.twitters ul li img {
float:left;
padding-right:.5em;
}

.twitters span.prefix {
font-weight: bold;
}

.twitters span.time {
font-style: italic;
color: #069;
}

.twitters span.status {
font-style: italic;
}









/*----------------------------------------------*/
/*[SNS]FACEBOOK*/

/*frame*/
article#facebook {
width:340px;
height:auto;
margin:0 0 35px 0;
padding:0;
}

/*title*/
h4.fbTitle {
width:110px;
height:35px;
margin:0;
padding:0;
text-indent:-9999px;
background:url(../../images/fj_sns_t_fb.gif) no-repeat 0 0;
}

/*----------------------------------------------*/
/*2017.10.04 add and huck by masato yoshida*/

/*program*/
article#program-frame {
width: 100%;
max-width:890px;
height:auto;
margin:0;
padding:0;
text-align:left;
background: #FFF;
border: 5px solid #09C;
margin-bottom: 20px;
}
article#program-frame a {
	color: #000;
	text-decoration: none;
	display: block;
}
article#program-frame h3.img-prg {
	margin: 0;
	padding: 0;
} 
article#program-frame h3.img-prg img {
	width: 100%;
}
article#program-frame p {
	padding: 10px;
	font-size: 110%;
	line-height: 140%;
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'
}

span.bg-yel {background: #FF0;}
span.blue {color: #06C;}
span.txt-big {font-size: 120%; font-weight: bold;}
.com_ban {margin-bottom: 2rem;}
@media screen and (max-width: 480px) {
	/*program*/
	article#program-frame {
	width: 95%;
	height:auto;
	margin:0 auto;
	padding:0;
	text-align:left;
	background: #FFF;
	border: 3px solid #09C;
	margin-bottom: 20px;
	}
	article#program-frame p {
		padding: 10px;
		font-size: 90%;
		line-height: 140%;
	}

	
}