@charset "UTF-8";
/*
naming.css
*/

#event #innerEvent {
background-color: #fde8f1;
padding: 0 0 35px 0;
}

#event #innerEvent h3 {
margin: 0  auto 20px;
max-width: 756px;
}
#event #innerEvent .lead {
color: #ff0000;
font-size: 123.1%;
font-weight: bold;
padding: 0 0 20px;
text-align: center;
}
#event #innerEvent .redL {
color: #ff0000;
font-size: 123.1%;
font-weight: bold;
}
#event #innerEvent .redC {
color: #ff0000;
font-size: 123.1%;
font-weight: bold;
text-align: center;
}
#event #innerEvent .content {
margin: 20px auto 25px;
max-width: 700px;
}
#event #innerEvent #playerInfo {
padding: 0 0 30px;
}
#event #innerEvent .playerBox {
float: left;
width: 350px;
}
#event #innerEvent .playerBox p {
padding: 0 10px 0 0;
}
#event #innerEvent .playerBox .img {
float: left;
padding: 0 20px 0 0;
}
#event #innerEvent .playerBox .playerName {
font-size: 108%;
font-weight: bold;
}

#event #innerEvent .part01,
#event #innerEvent .part02 {
background-position: left center;
background-repeat: no-repeat;
_height: 40px;
min-height: 40px;
margin: 0 0 10px;
padding: 0 0 0 90px;
}

#event #innerEvent .part03,
#event #innerEvent .part04 {
background-position: left center;
background-repeat: no-repeat;
_height: 40px;
min-height: 40px;
margin: 0 0 10px;
padding: 0 0 0 155px;
}
#event #innerEvent .part01 {
background-image: url(/images/event/christmas2010/part01.gif);
}
#event #innerEvent .part02 {
background-image: url(/images/event/christmas2010/part02.gif);
}
#event #innerEvent .part03 {
background-image: url(/images/event/201101_collabo/part01.gif);
}
#event #innerEvent .part04 {
background-image: url(/images/event/201101_collabo/part02.gif);
}

#event #innerEvent .content table {
background-color: #ffffff;
border-top-color: #4a8f20;
border-top-style: solid;
border-top-width: 1px;
border-left-color: #4a8f20;
border-left-style: solid;
border-left-width: 1px;
margin: 0 auto;
width: 585px;
}
#event #innerEvent .content th,
#event #innerEvent .content td {
border-bottom-color: #4a8f20;
border-bottom-style: solid;
border-bottom-width: 1px;
border-right-color: #4a8f20;
border-right-style: solid;
border-right-width: 1px;
padding: 10px;
}
#event #innerEvent .content th {
background-color: #ddffc8;
color: #ff0000;
font-size: 108%;
font-weight: bold;
width: 100px;
}
#event #innerEvent .content .eventTable {
margin: 20px auto;
}

#event #innerEvent #gamboo {
padding: 0 0 20px;
text-align: center;
}
#event #innerEvent #btn {
padding: 0 0 20px;
text-align:center;
}





.event_cInner {
	display:block;
	clear:both;
	width:1000px;
	margin:0 auto;
	text-align: left;}
.event_cInner h2 {
    background-color: #F2B215;
    color: #FFF;
    padding: 10px;
    line-height: 140%;
    font-size: 18px;
    text-align: center;
    margin: 30px 0 10px 0;}

.event_cInner .halfBtn {
	margin: 3% auto 5% auto;}
.event_cInner .halfBtn a {
	display:block;
	width:55%;
	margin:0 auto;
	text-align: center;
	background-color:#53a6d5;
	box-shadow:2px 2px 5px 0 rgba(0,0,0,0.2);
	border-radius:15px;
	padding:20px;}
.event_cInner .halfBtn a .text {
	font-size:24px;
	font-weight:bold;
	color:#FFF;
	margin-top:5px;}
.event_cInner .halfBtn a img {
	float:left;}

/* event TABLE */
.eventTbl table {
	width:100%;}
.eventTbl table tr th,
.eventTbl table tr td {
	border:1px solid #d0d0d0;
	padding:10px;
	text-align: center;
	font-weight: normal;
	position:relative;}
.eventTbl table thead tr th {
	background-color:#ffffe0;}
.eventTbl table tr td:nth-of-type(4) {
	text-align: left;}
.eventTbl table tr td img {
	vertical-align: middle;
	margin-right: 5px;}
.eventTbl table tr td.center {
	text-align: center !important;}

.eventmark {
	display: table;
	border-collapse: collapse;
	margin:0 auto;
	text-align: center;
	width:100%;}
.eventmark span {
	display: table-cell;
	font-size:12px;
	vertical-align: middle;
	padding:2px;}
.eventmark span.rank {
	padding: 2px 0px;
	width: 40px;}

ul.eventlistTextR,
ul.eventlistText {
	margin:5px 0 20px 0;}
ul.eventlistTextR li {
    display: block;
	font-size: 110%;
	font-weight: bold;
	color: #FF0000;
    padding-left: 1em;
    text-indent: -1em;
	padding-bottom:0px;}
ul.eventlistText li {
    display: block;
    padding-left: 1em;
    text-indent: -1em;
	padding-bottom:0px;}



@media screen and (max-width: 640px)  {
.event_cInner {
    display: block;
    clear: both;
	width: 100%;
    margin: 0 auto;
    text-align: left;
    position: relative;
    padding: 0 2vw;}
.event_cInner h2 {
    background-color: #F2B215;
    color: #FFF;
    padding: 3vw;
    line-height: 140%;
    font-size: 5vw;
    text-align: left;
    margin: 30px 0 10px 0;}

.event_cInner .halfBtn {
	margin: 3% auto 5% auto;}
.event_cInner .halfBtn a {
	display:block;
	width:100%;
	margin:0 auto;
	text-align: center;
	background-color:#53a6d5;
	box-shadow:2px 2px 5px 0 rgba(0,0,0,0.2);
	border-radius:15px;
	padding:3vw;}
.event_cInner .halfBtn a .text {
	font-size:116%;
	font-weight:bold;
	color:#FFF;}
.event_cInner .halfBtn a img {
	float: none;
	height:auto;
	width:50%;}

/* event TABLE */
.eventTbl table {
	width:100%;}
.eventTbl table tr th,
.eventTbl table tr td {
	border:1px solid #d0d0d0;
	padding:3px;
	text-align: center;
	font-weight: normal;
	position:relative;}
.eventTbl table thead tr th {
	background-color:#ffffe0;}
.eventTbl table tr td:nth-of-type(4) {
	text-align: left;}
.eventTbl table tr td img {
	vertical-align: middle;
	margin-right: 5px;}
.eventTbl table tr td.center {
	text-align: center !important;}

.eventmark {
	display: table;
	border-collapse: collapse;
	margin:0 auto;
	text-align: center;
	width:100%;}
.eventmark span {
	display: table-cell;
	font-size:2vw;
	vertical-align: middle;
	padding:2px;}
.eventmark span.rank {
	padding: 2px 0px;
	width: 30px;}

ul.eventlistTextR,
ul.eventlistText {
	margin:5px 0 20px 0;}
ul.eventlistTextR li {
    display: block;
	font-size: 4vw;
	font-weight: bold;
	color: #FF0000;
    padding-left: 1em;
    text-indent: -1em;
	padding-bottom:0px;}
ul.eventlistText li {
    display: block;
    padding-left: 1em;
    text-indent: -1em;
	padding-bottom:0px;}


}

@media screen and (max-width: 1250px)  {
.event_cInner {
width:100%;}
}