@charset "UTF-8";

/* ---common--- */
body {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size: 12px;background:url(../img/back.gif);}}

a {outline: none;}
a img{ border:0!important;}
p{ text-align: justify;text-justify: inter-ideograph;}

dl,dt,dd,ul,li{ list-style:none;}
dl,dt,dd,ul,li,h1,h2,h3{ margin:0; padding:0;}

.clear{ clear:both; float:none;}
.fRight{ float:right;}
.fLeft{ float:left;}

/* ---link--- */
a:hover img{ opacity:0.7; filter: alpha(opacity=70); }
body a:link { text-decoration:underline; color:#e32a00; }
body a:visited { text-decoration:underline; color:#d6725b; }
body a:hover { text-decoration:none; color:#d6725b; }
body a:active { text-decoration:underline; color:red; }

#frf_all{}
#wrap{ background: overflow:hidden;}

.m20{ margin:20px;}

#mainContents{ color:#FFF;}


/* top sec COMMON */
#mainContents #topHeader{ background:url(../img/header_accent.gif) no-repeat center 15px; padding:70px 0 10px 0;}
#mainContents #secHeader{ padding:15px 0 10px 0;}
#mainContents #secHeader .home{ background:url(../img/header_accent_sec.gif) no-repeat center;width:620px;height:36px;margin-bottom:10px;}
#mainContents #secHeader .home a{ display:block; width:90px; height:15px; text-indent:-999em;}

#mainContents #topHeader h1,
#mainContents #secHeader h1{ background:url(../img/header_title.gif) no-repeat; width:640px; height:124px; overflow:hidden; text-indent:-999em;}

/* top only */
#mainContents #topHeader #cxWhats{ background:url(../img/whatsnew.gif) no-repeat; width:602px; height:96px; overflow:hidden; position:relative;}
#mainContents #topHeader #cxWhats ul li a img{ border:none;}
#mainContents #topHeader #cxOaTime{ background:url(../img/oatime.jpg) no-repeat; width:620px; height:127px; margin:20px 0 0 0;}
#mainContents #topHeader #cxOaTime h2{ display:none; margin:0; padding:0;}
#mainContents #topHeader #cxOaTime h3.schedule{ float:right; width:260px; height:35px; margin:0; padding:15px 0 0 0;}
#mainContents #topHeader #cxOaTime h3.schedule a{ display:block;width:260px;height:35px; text-indent:-999em;}

/* top only > 次週の放送 * */
.fra1 #nextOA{ height:130px; width:620px;}
.fra1 #nextOA dl{ padding:20px 0 0 20px; width:438px;}
.fra1 #nextOA dl dt{ background:url(../oa/img/com_nextoa.gif) no-repeat; width:94px; height:28px; text-indent:-999em; float:left; text-indent:-999em;}
.fra1 #nextOA dl dd{ padding:0 0 0 10px; width:334px; height:28px; float:left;}
.fra1 #nextOA dl dd#nextOAtitle{ padding:10px 0 0 0;}
.fra1 #nextOA #gameThumbnail{ height:100px; float:right; padding:20px 20px 0 0; background:url(../img/nextoa_thum_bg.gif) no-repeat left 20px;}
.fra1 #nextOA #gameThumbnail img{ margin:5px 0 0 5px;}

/* 初回のみ　→　top only > 次週の放送 */
.fra1 #nextOA_re{ height:130px; width:620px;}
.fra1 #nextOA_re dl{ padding:20px 0 0 20px; width:438px;}
.fra1 #nextOA_re dl dt{ background:url(../oa/img/com_nextoa.gif) no-repeat; width:94px; height:28px; text-indent:-999em; float:left; text-indent:-999em;}
.fra1 #nextOA_re dl dd{ padding:0 0 0 10px; width:334px; height:28px; float:left;}
.fra1 #nextOA_re dl dd#nextOAtitle{ padding:10px 0 0 0; width:580px;}


/* sec only */
#mainContents #secHeader #cxOaTime{ background:url(../img/oatime_sec.gif) no-repeat; width:620px; height:67px; margin:20px 0 0 0;}
#mainContents #secHeader #cxOaTime h2{ display:none; margin:0; padding:0;}
#mainContents #secHeader #cxOaTime h3.schedule{ float:right; width:200px; height:35px; margin:0; padding:15px 0 0 0;}
#mainContents #secHeader #cxOaTime h3.schedule a{ display:block; height:100%; width:100%; text-indent:-999em;}


/* menu start↓----------------- */
	#mainContents #cxMenu{ width:620px; height:65px; overflow:hidden; padding:10px 0 0 0;}
	#mainContents #cxMenu ul,#mainContents #cxMenu ul li{ margin:0; padding:0;}
	#mainContents #cxMenu ul{}
	#mainContents #cxMenu ul li{ height:65px; float:left;}
	#mainContents #cxMenu ul li a{ display:block; height:65px; text-indent:-999em;}

	/* 趣旨 */
	#mainContents #cxMenu ul li#cxMenu01{ width:112px;}
		#mainContents #cxMenu ul li#cxMenu01now{background:url(../img/menu01.gif) no-repeat left 10px; text-indent:-999em; width:112px;}
		#mainContents #cxMenu ul li#cxMenu01 a{ background:url(../img/menu01.gif) no-repeat left top; width:112px;}
		#mainContents #cxMenu ul li#cxMenu01 a:hover{background:url(../img/menu01.gif) no-repeat left 5px;}
	/* 放送内容 */
	#mainContents #cxMenu ul li#cxMenu02{ width:110px;}
		#mainContents #cxMenu ul li#cxMenu02now{background:url(../img/menu02.gif) no-repeat left 10px; text-indent:-999em; width:110px;}
		#mainContents #cxMenu ul li#cxMenu02 a{ background:url(../img/menu02.gif) no-repeat left top; width:110px;}
		#mainContents #cxMenu ul li#cxMenu02 a:hover{background:url(../img/menu02.gif) no-repeat left 5px;}
	/* BBS */
	#mainContents #cxMenu ul li#cxMenu03{ width:77px;}
		#mainContents #cxMenu ul li#cxMenu03now{background:url(../img/menu03.gif) no-repeat left 10px; text-indent:-999em; width:77px;}
		#mainContents #cxMenu ul li#cxMenu03 a{ background:url(../img/menu03.gif) no-repeat left top; width:77px;}
		#mainContents #cxMenu ul li#cxMenu03 a:hover{background:url(../img/menu03.gif) no-repeat left 5px;}
	/* プレゼント */
	#mainContents #cxMenu ul li#cxMenu04{ width:122px;}
		#mainContents #cxMenu ul li#cxMenu04now{ background:url(../img/menu04.gif) no-repeat left 10px; text-indent:-999em; width:122px;}
		#mainContents #cxMenu ul li#cxMenu04 a{ background:url(../img/menu04.gif) no-repeat left top; width:122px;}
		#mainContents #cxMenu ul li#cxMenu04 a:hover{ background:url(../img/menu04.gif) no-repeat left 5px;}
	/* どうぐや */
	#mainContents #cxMenu ul li#cxMenu05{ width:107px;}
		#mainContents #cxMenu ul li#cxMenu05now {background:url(../img/menu05.gif) no-repeat left 10px; text-indent:-999em; width:107px;}
		#mainContents #cxMenu ul li#cxMenu05 a{ background:url(../img/menu05.gif) no-repeat left top; width:107px;}
		#mainContents #cxMenu ul li#cxMenu05 a:hover{background:url(../img/menu05.gif) no-repeat left 5px;}
	/* ブログ */
	#mainContents #cxMenu ul li#cxMenu06{ width:92px;}
		#mainContents #cxMenu ul li#cxMenu06now{background:url(../img/menu06.gif) no-repeat left 10px; text-indent:-999em;}
		#mainContents #cxMenu ul li#cxMenu06 a{ background:url(../img/menu06.gif) no-repeat left top; width:92px;}
		#mainContents #cxMenu ul li#cxMenu06 a:hover{background:url(../img/menu06.gif) no-repeat left 5px;}

/* menu end ↑----------------- */


/* contens title */
#mainContents h2.contTitle { width:620px; height:60px; text-indent:-999em;}
	/* 番組趣旨 */	#mainContents h2.ti01 { background:url(../img/menu01_title.gif) no-repeat;}
	/* 放送内容 */	#mainContents h2.ti02 { background:url(../img/menu02_title.gif) no-repeat;}
	/* BBS */		#mainContents h2.ti03 { background:url(../img/menu03_title.gif) no-repeat;}
	/* プレゼント */ #mainContents h2.ti04 { background:url(../img/menu04_title.gif) no-repeat;}
	/* どうぐや */	#mainContents h2.ti05 { background:url(../img/menu05_title.gif) no-repeat;}
	/* ブログ */	#mainContents h2.ti06 { background:url(../img/menu06_title.gif) no-repeat;}


/* フレーム1 start↓ */
.fra1{ background:url(../img/fra1_main.gif) repeat-y; width:620px; color:#333; overflow:hidden;}
.fra1Inner{ background:url(../img/fra1_top.gif) no-repeat left top; width:620px;}
.fra1Btm{ background:url(../img/fra1_btm.gif) no-repeat left top; width:620px; height:6px; margin:15px 0 0 0;overflow:hidden;}

	/* 初回のみ　→　TOP and OA only 中フレームなし */
	.no_scl{ height:265px; width:580px; margin:0 auto;background:url(../oa/img/oa00_gamemain.gif) no-repeat;}
	.no_scl p{text-indent:-999em;}	

/* フレーム1 > 中フレーム2*/
.fra2{ background:url(../img/fra2_main.gif) repeat-y; width:580px; color:#333; overflow:hidden;}
.fra1 .fra2{ margin:0 0 0 20px;}
.fra2Inner{ background:url(../img/fra2_top.gif) no-repeat left top; width:580px; padding:10px 0 0 0;}
.fra2Btm{ background:url(../img/fra2_btm.gif) no-repeat left top; width:580px; height:4px; overflow:hidden; margin:10px 0 0 0;}

	/* TOP and OA only スクロール */
	#mainContents .fra1 .fra2  #scl{ height:240px; overflow:auto; width:560px; margin:0 auto;}
	#mainContents .fra1 .fra2  #scl2{ height:200px; overflow:auto; width:560px; margin:0 auto;}
		.scrollgeneric {line-height:1px;font-size:1px;position:absolute;top:0;left:0;}
		/* 縦スクロール範囲 */
		.vscrollerbase {width:14px;background-color:#e0e0c1;}
		/* 縦スクロールバー */
		.vscrollerbar {width:12px;background-color:#990000; border:#e0e0c1 1px solid;}
		/* 横スクロール範囲 */
		.hscrollerbase {height:12px;background-color:#e0e0c1;}
		/* 横スクロールバー */
		.hscrollerbar {height:12px;background-color:#990000;}
		/* 縦横スクロールバー */
		.scrollerjogbox {width:12px;height:10px;top:auto;left:auto;bottom:0;right:0;background-color:#990000;}
		/* TOP ONLY 写真 */
		#mainContents .fra1 .fra2 img.photoR{ float:right; margin:0 0 30px 10px;}
		#mainContents .fra1 .fra2 img.photoL{ float:left; margin:0 10px 30px 0;}
		#mainContents .fra1 .fra2 p{ font-size:13px; line-height:1.5em; padding:0 10px 0 10px; letter-spacing:0.05em;}


/* フレーム3 start↓ */
.fra3{ width:620px; overflow:hidden;}
.fra3Top{ background:url(../img/fra3_top.gif) no-repeat left top; width:620px; height:6px; overflow:hidden;}
.fra3Main{ background:url(../img/fra3_main.gif) repeat-y; width:620px; color:#333; overflow:hidden;}
.fra3Btm{ background:url(../img/fra3_btm.gif) no-repeat left top; width:620px; height:6px; clear:both; float:none;}


/* フレーム4 start↓ */
.fra4{ width:580px; overflow:hidden; margin:10px auto 10px auto;}
.fra4Top{ background:url(../img/fra4_top.gif) no-repeat left top; width:580px; height:11px; overflow:hidden;}
.fra4Main{ background:url(../img/fra4_main.gif) repeat-y; width:580px; color:#333; overflow:hidden;}
.fra4Btm{ background:url(../img/fra4_btm.gif) no-repeat left top; width:580px; height:11px; clear:both; float:none;}


/* frame BG COLOR 指定 */
	.fraBgCol{ background-color:#FFF;}
	.fraBgCol2{ background-color:#000;}
	.fraBgCol3{ background-color:#009900;}



/* [メニュー01]　番組趣旨 */
	#shushi{ background:url(../img/king_gifani.gif) no-repeat center 30px; padding:130px 0 0 49px;}
	#shushi p{ width:auto; margin:20px 49px 0 0; font-size:14px; color:#FFF;}
	#shushi p.read{background:url(../img/shushi_read.gif) no-repeat; width:522px; height:141px;}
	#shushi p.read span{ display:none;}
	.kachoGif{ background:url(../img/kacho_gifani.gif) no-repeat center top; height:68px; width:100px; margin:20px 0 0 210px; text-indent:-999em;}

/* [メニュー02]放送内容 */
.archiveCont{ padding:0 0 0 20px; width:auto;}
.archiveCont h3.archiveTi{ background:url(../oa/img/com_archive.gif) no-repeat; width:307px; height:37px; text-indent:-999em; margin:15px 0 5px 0;}

form.archiveCont{ padding:0 0 5px 8px;}
form.archiveCont select {float:left; margin:3px 0 0 0;}
form.archiveCont optgroup{ font-size:10px;}
form.archiveCont option{ font-size:12px; }
form.archiveCont input{ float:left; margin:0 0 0 5px;}

.archiveCont h3.oldArchive { margin:15px 0 5px 0;}
.archiveCont h3.oldArchive a{ display:block; width:457px; height:53px; background:url(../oa/img/com_backnobtn.gif) no-repeat;text-indent:-999em;}
.archiveCont h3.oldArchive a:hover{ display:block; width:457px; height:53px; background:url(../oa/img/com_backnobtn_on.gif) no-repeat; text-indent:-999em;}

	/* [メニュー02]放送内容 > アーカイブ */
	body #subwin1{ width:600px; margin: 0 auto; padding:15px 0 0 0;}
	body #subwin1 h1{ background:url(../oa/img/subw_logo.gif) no-repeat; width:343px; height:66px; margin:0 0 15px 0; text-indent:-999em!important;}
	.cxCloseBtn{ float:right; width:35px; height:35px;}
	.cxCloseBtn a{ display:block;width:35px; height:35px; background:url(../oa/img/btn_close.gif) no-repeat; text-indent:-999em!important;}
	.yellowFra{ background:url(../oa/img/subw_fra_top.gif) no-repeat left top #FFFB00; width:600px; padding:10px 0 0 0;}
	.yellowFraBtm{ background:url(../oa/img/subw_fra_btm.gif) no-repeat left bottom; width:600px; height:10px; overflow:hidden;}
	input.inputBtn{ border:none;background:url(../oa/img/btn_go.gif) no-repeat; width:38px; height:28px;}

/* [メニュー03] BBS */
body#bbs{ text-align:center; color:#FFF;}
body #bbsSubWin{ width:650px; margin:0 auto; padding:0; overflow:hidden; text-align:left;}
#bbsSubWin .read{ color:#FFF; font-size:14px; line-height:1.5em; padding:15px 0 5px 0; letter-spacing:0.1em;}
#bbsSubWin .read2{ color:#f6e101; font-size:12px; line-height:1.4em; padding:15px 0; letter-spacing:0.1em;}

#bbsSubWin dl.bbsCont{}
#bbsSubWin dl.bbsCont dt{}
#bbsSubWin dl.bbsCont dd{ padding:10px 50px 30px 50px; line-height:1.5em;}
#bbsSubWin .bbsBtn{ padding:10px 0; width:400px; margin:0 auto;}
#bbsSubWin .bbsBtn li{ width:auto;}
#bbsSubWin .dataSubmit{ color:#FFFB00; clear:both; padding:10px 0; text-align:center;}


/* [メニュー04] present */
.ouboFlash{ padding:15px 0; width:600px; margin:0 auto; overflow:hidden;}

.present{ padding:10px 0; width:568px;height:140px;margin:0 auto;background:url(../img/present.jpg) no-repeat;}
.present2{ padding:10px 0; width:568px;height:140px;margin:0 auto;background:url(../img/present2.jpg) no-repeat;}
.present3{ padding:10px 0; width:568px;height:140px;margin:0 auto;background:url(../img/present3.jpg) no-repeat;}
.present p{text-indent:-999em;}
.present2 p{text-indent:-999em;}
.present3 p{text-indent:-999em;}

/* [メニュー05] 道具屋 */
.douguya{ width:580px; overflow:hidden; margin:0 auto; padding:15px 0 15px 0;}


/* [メニュー06] ブログ */



/* COMMON > OA TIME BNR */
dl.btnOaTime{ margin:15px 0 0 0; background:url(../img/btn_oatime.gif) no-repeat; width:620px; height:85px;}
dl.btnOaTime dt{ display:none;}
dl.btnOaTime dd.two{ width:160px; height:85px; float:right;}
	dl.btnOaTime dd.two a{ display:block; height:65px; margin:10px 0 0 0; text-indent:-999em;}
dl.btnOaTime dd.next{ width:150px; height:85px; float:right;}
	dl.btnOaTime dd.next a{ display:block; height:65px; margin:10px 0 0 0; text-indent:-999em;}

/* COMMON FOOTER */
ul.footMenu{ clear:both; float:none; overflow:hidden; margin:15px auto 15px auto;}
ul.footMenu li{ width:auto; float:left; padding:0 10px 0 0;}
ul.footMenu li a img{ border:0;}

/* COMMON COPYRIGHT */
dl#copyright{ background:url(../img/nocopy.gif) no-repeat left top; margin:15px 0 0 0; padding:0 0 0 80px; height:100px; color:#999; line-height:1.6em; font-size:10px; font-weight:normal;}
dl#copyright dt{ display:none;}
dl#copyright dd{ float:right; padding:35px 15px 0 0;}
div#copyright2{ clear:both; float:none; background:url(../img/copyright.gif) no-repeat center 25px; height:88px; text-indent:-999em;}



/* NEWWINDOW_MOBILE */
#mobile { width:650px; height:2000px;margin:0 auto;position:relative;background-image: url(../photo/gccxch.jpg);}
#mobile h1{width:650px; height:143px;margin-bottom:10px;}
#mobile h2{width:650px; height:205px;}
#mobile h3{width:650px; height:120px;margin:15px 0 30px 0;}
#mobile .CloseBtn{position:absolute;top:0;right:10px;width:35px; height:35px;z-index:1;}
/*#mobile .anime{width:595px; height:207px;margin:0 0 0 20px; background:url(../img/mobile_anime.gif) no-repeat left; text-indent:-999em;}*/
/*#mobile .illust{width:609px; height:203px;margin:0 0 0 21px; background:url(../img/mobile_illust.gif) no-repeat left; text-indent:-999em;}*/
#mobile .original{width:609px; height:203px;margin:0 0 0 21px; background:url(../img/mobile_original.gif) no-repeat left; text-indent:-999em;}

/* NEWWINDOW_FOD */
#fod { width:650px;margin:0 auto;position:relative;}
#fod h1{width:650px; height:143px;margin-bottom:15px;}
#fod h2{width:650px; height:135px;margin-bottom:20px;}
#fod h3{width:650px; height:117px;margin:20px 0 15px 0;}
#fod .main{width:591px; height: 206px;padding:0 20px 0 39px;}
#fod .main dl{}
#fod .main dt{float:left;}
#fod .main dd{float:right;}
#fod .od_bnr{clear:both;margin-top:27px;width:531px;padding-left:39px;}
#fod .CloseBtn{position:absolute;top:0;right:10px;width:35px; height:35px;z-index:1;}

.m_bottom_13{
	margin-bottom:13px;
}

/* slider */
#slider{
	position:absolute;
	top:21px;
	left:6px;
	width:590px;
	height:69px;
}

/*------------------------
gallery-contents
------------------------*/

.gallery_contents{
	width:620px;
	height:650px;
	background-image: url(../douguya/img/item_bg.gif);
}


.gallery_margin{
	width:620px;
	height:20px;
}


#galleryBox {
	position:relative;
	margin-left:0px;
	width:620px;
	height:530px;

}

.sliderbuttonPrev {
	position:absolute;
	top:130px;
	left:0px;
	width:40px;
	z-index:100;
	cursor:pointer;
}

.sliderbuttonNext {
	position:absolute;
	top:130px;
	right:0px;
	width:40px;
	z-index:100;
	cursor:pointer;
}

.sliderbutton img {
	cursor:pointer
}

#slideshow {
	position:absolute;
	top:0px;
	left:25px;
	width:570px;
	height:270px;
}

#slides,
#slides li {
	width:570px;
	height:270px;
}

.sliderbuttonPrev img,
.sliderbuttonNext img {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
	opacity:0.7;
}

.sliderbuttonPrev img:hover,
.sliderbuttonNext img:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity:1.0;
	opacity:1.0;
	padding-top:-5px;
}

.sliderbuttonPrev img:active,
.sliderbuttonNext img:active {
	padding-top:3px;
}

#pagination {
	position:absolute;
	top:280px;
	left:25px;
	width:580px;
	height:340px;
	overflow:auto;   /* スクロール表示 */ 
	scrollbar-face-color: #333333;
	scrollbar-track-color: #000000;
	scrollbar-arrow-color: #ffffff;
	scrollbar-highlight-color: #333333;
	scrollbar-shadow-color: #333333;
	scrollbar-3dlight-color: #333333;
	scrollbar-darkshadow-color: #333333;
}

#pagination li {
	float:left;
	cursor:pointer;
	overflow:hidden;	
	width:79px;
	height:79px;
}

#pagination li img {
	margin-left:10px;
	margin-top:10px;
}

#pagination li:hover img,
#pagination li.current img {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity:0.5;
}

.buy_button {
	width:130px;
	height:30px;
	margin:0 auto 0 auto;
}

.opacity_no a:hover img	{
	 opacity:1;
	 filter: alpha(opacity=100);
}

/*---------------
clearfix 2011.10.05
-----------------*/

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

/*---------------
プレゼントじゅもん
-----------------*/

.iframe_area{
	width:640px;	
}


#iframe{
	width:620px;
	height:460px;
	margin:20px auto 0 20px;
}

.animation{
	width:600px;
	height:340px;
}


.oubo{
	width:600px;
	height:100px;
	background-image:url(../img/gccx_oubo.png);
	position:relative;

}

.oubo_kettei{
	width:140px;
	height:60px;
	position:absolute;
	top:20px;
	left:410px 
}

#top_container{
	width:620px;
	height:360px;
	position:relative;
}


/*トップ　メニュー*/
#top_container #top_mnu{
position:absolute;
top:0px;
left:0;
z-index:50;
}

#top_container #top_mnu li{
margin:0;
overflow:hidden;
list-style:none;
}

#top_container #top_mnu li#menu06_l{
display:block;
width:600px;
height:100px;
position:absolute;
top:0px;
left:0px;
padding:11px 14px;
background-image:url(../img/gccx_password.png);
background-repeat:no-repeat;
}

#top_container #top_mnu li#menu06_l #text{
width:340px;
border:none;
outline:none;
background:none;
background-color:#fff;
font-size:18px;
line-height:1.0em;
color:#000;
font-weight:bold;
margin:0px;
padding:5px;
position:absolute;
top:42px;
left:60px;
}

#top_container #top_mnu li#menu06_l #submit{
width:140px;
height:60px;
margin:0px;
padding:0;
border:none;
outline:none;
background-image:url(../img/gccx_kettei.png);
background-repeat:no-repeat;
margin-left:0px;
position:absolute;
top:20px;
left:410px;
text-indent:-9999px;
}