@charset "utf-8";
#containerBG {
	background-image: url(../img/sec_common/bg.gif);
	background-repeat: repeat-x;
}
#containerBG #containerBGmain {
	background-image: url(../img/sec_common/star_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#contentsArea {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#rjcHeader {
	height: 125px;
	width: 960px;
	background-image: url(../img/sec_common/main_bg.jpg);
	background-repeat: no-repeat;
}
#rjcHeader h1 {
	text-indent: -9999px;
}
#rjcHeader h1 a{
	display:block;
	width:470px;
	height:130px;
}
#rjcHeader p {
	text-indent: -9999px;
}
#rjcHeaderMenu li {
	float: left;
	margin: 0px;
	padding: 0px;
}
#home #container #containerBG #containerBGmain #contentsArea #rjcHeaderMenu li {
	margin: 0px;
	padding: 0px;
	float: left;
}

#contentsBox {
	padding: 19px;
	border: 1px solid #d4d4d4;
	width: 920px;
	background-color: #FFFFFF;
}
#contentsBox #contentsLeft {
	width: 680px;
	float: left;
	margin-right: 10px;
}
#contentsLeft h2 {
	margin-bottom: 15px;
}
#contentsLeft .contentsInBox {
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 30px;
	width: 660px;
}
#contentsLeft .contentsInBox h3 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #008aff;
	padding-left: 10px;
	font-size: 16px;
	font-weight: bold;
	line-height: 28px;
	margin-bottom: 15px;
	padding-top: 3px;
}
.contentsInBox h4 {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	font-size: 14px;
	line-height: 22px;
	padding-left: 15px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 20px;
}
#contentsLeft .contentsInBox p {
	line-height: 1.5em;
	margin:0 0 1em 0;
}

#contentsLeft .contentsInBox .innerBox {
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 20px;
}
#contentsLeft .contentsInBox .innerBoxNonBtm {
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 0px;
}
.contentsInBox h5 {
	font-size: 12px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	line-height: 20px;
	margin-bottom: 10px;
	margin-top: 15px;
}



#contentsBox #contentsRight {
	width: 230px;
	float: left;
}
#contentsRight .rightBox {
	margin-bottom: 10px;
}

.pagetop {
	text-align: right;
	padding-right: 20px;
}
img {
border: none;
vertical-align: top;
} 
#pan {
	margin-bottom: 10px;
	text-align:left;
}
#contentsRight .rightMenuBox {	
/*	background-image: url(../img/sec_common/dot.gif);
	background-repeat: repeat-x;
	background-position: left top;*/
	border-top: #ccc 1px dotted;
	margin-bottom: 10px;
}
#contentsRight .rightMenuBox li {
/*	background-image: url(../img/sec_common/dot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;*/
	background: url(../img/sec_common/arrow.gif) 0 5px no-repeat;
	border-bottom: #ccc 1px dotted;
	padding-top: 5px;
	padding-bottom:5px;
	padding-left: 20px;
	text-indent: 0px;
}
#contentsRight .rightMenuBox li.none {
	border-bottom: 0px;
}

#contentsRight .rightMenuBox .subMenu {
	padding-left: 20px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-image: none;
}
#contentsRight .rightMenuBox a {
/*	background-image: url(../img/sec_common/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;*/
}
#contentsRight .rightMenuBox span.nolink {
	background-image: url(../img/sec_common/arrow_bottom.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	color:#666;
}
#contentsLeft #mainBox {
	margin-bottom: 20px;
}
#contentsLeft .boxLeft{
	width: 340px;
	margin-right: 20px;
	float: left;
}
#contentsLeft .boxRight {
	float: left;
	width: 300px;
}
#contentsLeft .boxLeftImg{
	width: 300px;
	margin-right: 20px;
	float: left;
} 
#contentsLeft .boxRightTxt{
	float: left;
	width: 340px;
}
#contentsLeft .boxRight img,#contentsLeft .boxLeftImg img {
	border: 1px solid #CCCCCC;
	padding: 4px;
}
#contentsLeft .colorBox {
	background-color: #ffd0d0;
	padding: 15px;
	border: 2px solid #cf0000;
}
#contentsLeft .contentsInBox table {
	width: 100%;
}
.faq_q {
    background-image: url("../img/event/rjc/player/q.gif");
    background-position: left 10px;
    background-repeat: no-repeat;
    border-top: 1px dotted #CCCCCC;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 13px 0 5px 35px;
}
.faq_a {
    background-image: url("../img/event/rjc/player/a.gif");
    background-position: left top;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    padding-left: 35px;
    padding-top: 3px;
}
.dot_faq {
	margin-left: 35px;
	background-image: url(../img/common/arrow_dot_red.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 15px;
	margin-bottom: 20px;
}
#contentsBox #contentsLeft .contentsInBox table {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #9bb0c8;
	border-bottom-color: #9bb0c8;
	margin-top: 10px;
	margin-bottom: 10px;
}
#contentsBox #contentsLeft .contentsInBox table td {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #9bb0c8;
	border-left-color: #9bb0c8;
	padding: 5px;
}
#contentsBox #contentsLeft .contentsInBox table th {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #9bb0c8;
	border-left-color: #9bb0c8;
	padding: 5px;
	background:#dbeef4;
	color:#003faf;
	font-weight: bold;
}



#contentsBox #contentsLeft .contentsInBox .btnArea {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

#contentsLeft img.imageLineBox {
	border: 1px solid #CCCCCC;
	padding: 4px;
}
#contentsBox .notice {
	color: #C00;
}
.mapArea p {
	display: block;
	float: left;
	width: 200px;
}
.mapArea .mapAll {
}
.mapArea .mapRight {
	padding-right: 15px;
	padding-left: 15px;
}
.mapArea .mapLeft {
}
.contentsInBox #guildRepresentativeBlock {
	line-height: 300px!important;
	text-align: center;
	display: block;
	font-size: 36px;
	font-weight: bold;
	color: #FFF;
	height: 300px;
	background-image: url(../img/event/rjc/tournament/bg_block.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#contentsBox .tournamentTab span {
	font-size: 9px;
}

#contentsBox .tournamentTab span strong {
	display: block;
	font-size: 24px;
	line-height: 20px;
}

#contentsBox tr.even td {
	background:#f5f9fa;
}
#contentsBox tr.even.noStyle td {
	background:#fff;
}

#contentsBox tr td.tableSubTitle{
	background:#fff;
	font-weight:bold;
}


#contentsBox #contentsLeft .contentsInBox #tabs ul li {
	list-style-type: none !Important;
	padding-bottom:0!Important;
}
#contentsBox #contentsLeft .contentsInBox #tabs table.settingLeft{
	width:320px;
	float:left;
}
#contentsBox #contentsLeft .contentsInBox #tabs table.settingRight{
	width:320px;
	float:right;
}

#contentsBox #contentsLeft .contentsInBox #tabs table th{
	text-align:center;
}
#contentsBox #contentsLeft .contentsInBox #tabs table th.w200{
	width:200px;
}

#contentsBox #contentsLeft .contentsInBox #tabs table td.center{
	text-align:center;
}
#contentsBox #contentsLeft .contentsInBox #tabs table td.left{
	text-align:left;
}
#contentsBox #contentsLeft .contentsInBox #tabs table td.right{
	text-align:right;
}

#contentsBox #contentsLeft .contentsInBox #tabs p.attention{
	padding-left:1em;
	text-indent:-1.2em;
	color:#F00;
}

#contentsLeft ul.secondLevel{
	padding-left:2em;
}
#contentsLeft ul.secondLevel li{
	line-height:24px;
}

#contentsBox #contentsLeft .contentsInBox ol.secondOl li {
	padding-left: 1em;
	text-indent: -1.2em;
}


.ml10 {
margin-left: 10px;
}

#contentsBox #contentsLeft .contentsInBox ol li {
	padding-left: 1.2em;
	text-indent: -1.2em;
	line-height: 1.5em;
	margin:0 0 1em 0;
}

div.pageLinks{
	margin:0 10px 30px 10px;
	padding:20px;
	border:1px solid #5489cb;
	background:#ecf7ff;
}
div.pageLinks ul li{
	float:left;
	width:185px;
}

.pageTop{
	text-align:right;
	margin:0 0 10px 0;
}
ul.indexBtnList li{
	float:left;
	margin:10px 20px;
}
ul.indexBtnList li a{
	background:url(../img/event/rjc/indexlist_btn.jpg) top left no-repeat;
	width:274px;
	height:79px;
	color:#fff;
	font-weight:bold;
	line-height:5.5em;
	font-size:122%;
	display:block;
	text-align:center !important;
	text-decoration: none;
}

ul.indexBtnList li a:hover {
	background:url(../img/event/rjc/indexlist_btn.jpg) bottom left no-repeat;
}


#contentsWide{

}

table.tournament {
	width: 660px;
	margin: 0 auto 30px;
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
}

table.tournament th { 
	width: 100px;
	padding: 10px;
	background-color:#008aff;
	color:#fff;
	text-align: center;
	border-bottom: #ccc 1px solid;

}

table.tournament td {
	padding: 10px;
	border-bottom: #ccc 1px solid;
}


/*--- guild ---*/
.guildBtn{
	margin-top:20px!Important;
	margin-left:33px!Important;
}
.guildBtn a{
    background: url("../img/event/rjc/indexlist_btn.jpg") no-repeat scroll left top transparent;
    color: #FFFFFF;
    display: block;
    font-size: 122%;
    font-weight: bold;
    height: 79px;
    line-height: 5.5em;
    text-align: center !important;
    text-decoration: none;
    width: 274px;
}	
.guildBtn a:hover{
    background: url("../img/event/rjc/indexlist_btn.jpg") no-repeat scroll left bottom transparent;	
}
.interview dl{
	margin-bottom:0.3em;
	overflow:hidden;
}
.interview dl dt{
	width:80px;
	float:left;
	color:#008AFF;
	font-weight:bold;
	margin-left:1em;
}
.interview dl dd{
	width:560px;
	float:left;
}
.pagetopIn{
	text-align:right;
}
.pagetopIn span{
	padding-left:12px;
	background:url(../img/sec_common/arrow_up.gif) left 4px no-repeat;
}


/*-- 20120403特集/大予想会 --*/

#contentsBox #contentsLeft .columnBox .movLeft {
	width: 320px;
	float: left;
	text-align: center;
}

#contentsBox #contentsLeft .columnBox .movRight {
	width: 320px;
	float: right;
	text-align: center;
}

#contentsBox #contentsLeft .columnBox .movLeft dl,
#contentsBox #contentsLeft .columnBox .movRight dl {
	width: 290px;
	margin: 10px auto 0;
	border: #CCC 1px solid;
	text-align: left;
}

#contentsBox #contentsLeft .columnBox .movLeft dl dt,
#contentsBox #contentsLeft .columnBox .movRight dl dt {
	color:#fff;
	background: #008aff;
	padding: 5px 10px;
	font-weight: bold;
}

#contentsBox #contentsLeft .columnBox .movLeft dl dd,
#contentsBox #contentsLeft .columnBox .movRight dl dd {
	padding: 5px 10px;
}

#contentsBox #contentsLeft .mapBox .mapTxt{
	width: 450px;
	float: left;
	display: block;
}

#contentsBox #contentsLeft .mapBox img{
	float: right;
}

/* -- recruit --*/
p.recruitAttention,p.cosplayAttention{
	text-indent:-1em;
	padding-left:1.2em;
}
.nomb{
	margin-bottom:0!important;
}
.ml10i{
	margin-left:10px!Important;
}

/* -- cosplay --*/
#cosplay #contentsLeft .contentsInBox img {
	border: 1px solid #CCCCCC;
	padding: 4px;
}
#cosplay #contentsLeft ul.twoColumn li{
	display:block;
	width:320px;
	float:left;
}
#cosplay #contentsLeft ul.threeColumn li{
	display:block;
	width:213px;
	float:left;
}

/* -- notes --*/
ul.notesList li {
   background: url("../img/common/arrow_dot_blue.gif") 0 0 no-repeat;
   padding-left: 15px;
   margin-bottom: 5px;
}

/*-- booth --*/
#booth #contentsLeft .boxBoothImg {
	width: 250px;
	margin-right: 20px;
	float: left;
	border: 1px solid #CCCCCC;
	padding: 4px;
}

#booth #contentsLeft .boxBoothTxt {
	float: left;
	width: 350px;
}

/*.contentsInBox .boxRightTxt h4 {
	border-top: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	font-size: 12px;
	padding-left: 0;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 0;
}*/
#booth #contentsLeft p.titleTxt {
	font-weight: bold;
	margin-bottom: 5px;
}

#booth #contentsBox dl dt {
	background: url("../img/common/arrow_dot.gif") 0 2px no-repeat;
	padding-left: 15px;
	font-weight: bold;
	margin-bottom: 5px;
}

#booth #contentsBox dl dd {
	padding-left: 15px;
	margin-bottom: 10px;
}

#booth #contentsBox ul li {
	color: #e10000;
	text-indent: -1em;
	margin-left: 1em;
	margin-bottom: 5px;
}


#booth #contentsBox dl.itemList dt {
	margin-bottom:0px;
	padding-left:0px;
	font-weight:bold;
	background:none;
}

#booth #contentsBox dl.itemList dd {
	margin-bottom:0px;
	padding-left:10px;
	text-indent:-10px;
}


/*-- map --*/
#map #mapIcon .mapInfo {
	float: left;
	width: 150px;
}

#map #mapIcon .mapBooth {
	float: right;
	width: 480px;
}

#mapIcon dl.mapInfo dt{
	margin: 0;
	float: left;
}

#mapIcon dl.mapInfo dt img{
	padding-top: 5px;
}

#mapIcon dl.mapInfo dd {
	height: 36px;
	text-align: left;
	padding: 1em 0 0 3em;
	border-bottom: 1px dotted #ccc;
	margin: 0 0 10px 0;
}

#mapIcon dl.mapBooth dt{
	width: 100px;
	padding: 0 0 0 30px;
	margin: 0;
	float: left;
}

#mapIcon dl.mapBooth dd {
	height: 36px;
	text-align: left;
	padding: 1em 0 0 10.5em;
	border-bottom: 1px dotted #ccc;
	margin-left: -10px;
	margin: 0 0 10px 0;
}

#mapIcon dt.num1{ background:url(../img/map/num01.gif) 0 3px no-repeat; height: 26px; }
#mapIcon dt.num2{ background:url(../img/map/num02.gif) 0 3px no-repeat; height: 26px; }
#mapIcon dt.num3{ background:url(../img/map/num03.gif) 0 3px no-repeat; height: 26px; }
#mapIcon dt.num4{ background:url(../img/map/num04.gif) 0 3px no-repeat; height: 26px; }
#mapIcon dt.num5{ background:url(../img/map/num05.gif) 0 3px no-repeat; height: 26px; }
#mapIcon dt.num6{ background:url(../img/map/num06.gif) 0 3px no-repeat; height: 26px; }
#mapIcon dt.num7{ background:url(../img/map/num07.gif) 0 3px no-repeat; height: 26px; }
#mapIcon dt.num8{ background:url(../img/map/num08.gif) 0 3px no-repeat; height: 26px; }
#mapIcon dt.num9{ background:url(../img/map/num09.gif) 0 3px no-repeat; height: 26px; }

/*-- stage --*/
#stage #contentsBox ul li {
/*	color: #e10000;*/
	text-indent: -1em;
	margin-left: 1em;
	margin-bottom: 5px;
}

/*-- niconicoline --*/

.nicoBtn{
	margin-top:20px !Important;
	margin-left:0 !Important;
}
.nicoBtn a{
    background: url("../img/event/rjc/indexlist_btn.jpg") no-repeat scroll left top transparent;
    color: #FFFFFF;
    display: block;
    font-size: 122%;
    font-weight: bold;
    height: 79px;
    line-height: 5.5em;
    text-align: center !important;
    text-decoration: none;
    width: 274px;
	margin: 0 auto;
}	
.nicoBtn a:hover{
    background: url("../img/event/rjc/indexlist_btn.jpg") no-repeat scroll left bottom transparent;	
}

.niconama {
	text-align: center;
	margin-top: 30px;
}


/* goods */


#goods #contentsLeft .boxGoodsImg {
	width: 250px;
	margin-right: 20px;
	float: left;
	border: 1px solid #CCCCCC;
	padding: 4px;
}

#goods #contentsLeft .boxGoodsTxt {
	float: left;
	width: 350px;
}

#goods #contentsLeft p.titleTxt {
	font-weight: bold;
	margin-bottom: 5px;
}





#goods div.goodsDetail{}

#goods div.goodsDetail dl dt{
	padding-top:1em;
	list-style-type:none;
	font-weight: bold;
	color: #003faf;
	float: left;
}


#goods div.goodsDetail dl dd{
	padding:0.5em 0;
	border-bottom: 1px solid #ddd;
	line-height: 2em;
}

#goods div.goodsDetail dl dd.goodsName{
	line-height: 2em;
}

#goods div.goodsDetail dl dd.goodsPrice{
	font-weight: bold;
	color: #c90404;
	line-height: 2em;
}

#goods div.goodsDetail dl dd.goodsInfo{
	line-height: 2em;
}

#goods table caption{font-weight:bold; font-size:1.2em;}

#goods ul.attention{margin-left:1em; text-indent:-1em;}

#rjcpoint .contentsInBox .skillLeft{
	width:320px;
	float:left;
	margin-right:20px;
}
#rjcpoint .contentsInBox .skillRight{
	width:320px;
	float:left;
}

#rjcpoint .contentsInBox p.note{
	font-size:10px;
	text-indent:-1em;
	padding:0 0 0 1em;
}


/*-- report --*/
#report #contentsLeft .contentsInBox img {
	border: 1px solid #CCCCCC;
	padding: 4px;
}

#report #contentsLeft ul.threeColumn li{
	display:block;
	width:213px;
	float:left;
}
