@charset "UTF-8";
/*
*   /begginer.html style
*
******************************************************/

@charset "UTF-8";
/*
*   /special/live.html style
*   
*   0. override/common style
*   1. summary style
*   2. xxnamexx2 style
*   3. xxnamexx3 style
*   4. xxnamexx4 style
*   5. xxnamexx5 style
*   
******************************************************/
/*  0. override/common style */
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/* --------- common --------- */
/*  1. summary style */
/*----------------------------------------------------------------------------------------------------------------------------------------*/
#summary {
    margin: 0 10px;
}

#summary .lead {
    margin-top: 15px;
}

/*  2. section style */
/*----------------------------------------------------------------------------------------------------------------------------------------*/
#alpha .section {
    margin: 0 10px;
}

#alpha .section h2 {
    margin-bottom: 10px;
}

#alpha .section h3 {
    margin-bottom: 10px;
}

#alpha .section table {
    width: 100%;
    margin: 12px 0 50px;
    border-collapse: separate;
}

#alpha .section table th {
    padding: 5px 15px;
    border-top: 1px solid #90A9B1;
    border-right: 1px solid #4B6269;
    border-bottom: 1px solid #4A6168;
    border-left: 1px solid #90A9B1;
    background: #6D8E98;
    color: #FFF;
    font-weight: bold;
}

#alpha .section table td {
    padding: 5px 15px;
    border-top: 1px solid #E9EEEF;
    border-right: 1px solid #9CA0A2;
    border-bottom: 1px solid #9A9EA0;
    border-left: 1px solid #E9EEEF;
    background: #E2E8EA;
    color: #000;
    width:70px;
}
#alpha .section table td.blank {
    padding: 5px 15px;
    border-top: 1px solid #E9EEEF;
    border-right: 1px solid #9CA0A2;
    border-bottom: 1px solid #9A9EA0;
    border-left: 1px solid #E9EEEF;
    background: #a4b8be;
    color: #000;
}
#alpha .section table td.point {
    padding: 5px 15px;
    border-top: 1px solid #E9EEEF;
    border-right: 1px solid #9CA0A2;
    border-bottom: 1px solid #9A9EA0;
    border-left: 1px solid #E9EEEF;
    background: #E2E8EA;
    color: #526b72;
    font-size:28px;
    text-align:center;
    width:30px;
}

#alpha .section table td.btn {
    text-align: center;
}

#alpha #sec01 {
    margin-top: 20px;
}

#alpha #sec01 .txtBlock {
    float: left;
    width: 350px;
    margin-left: 7px;
}

#alpha #sec01 .txtBlock dl {
    margin-bottom: 12px;
}

#alpha #sec01 .txtBlock dl dd {
    padding: 4px 0 0 14px;
}

#alpha #sec01 .pht {
    float: right;
    width: 291px;
}

#alpha #sec02 {
    margin-top: 38px;
}
#beta #player {
    margin-top: 20px;
}

#beta #player ul {
    padding: 10px 15px 3px;
    border: 1px solid #D7DFE1;
    border-top: none;
    background: #E7EEF0;
}

#beta #player ul li {
    margin-bottom: 12px;
}

#beta #player ul li a {
    padding-left: 22px;
    background: url(../common/img/ico_arrow01.png) no-repeat left center;
}

/*  3. xxnamexx3 style */
/*----------------------------------------------------------------------------------------------------------------------------------------*/

#alpha #sec03 {
    margin-top: 38px;
}


/*  4. xxnamexx4 style */
/*----------------------------------------------------------------------------------------------------------------------------------------*/
#alpha #sec04 {
    margin-top: 38px;
}
/*  5. xxnamexx5 style */
/*----------------------------------------------------------------------------------------------------------------------------------------*/



/*.section{
	padding-top:20px;
}

.contents p{padding-top:10px;}
*/
.txtBlock{
	width:379px;
	float:left;
}

.pht{
	width:291px;
	float:left;
	margin-left:10px;
}

.tipsBox{
	margin:10px 0 20px 0;
	width:640px;
	padding:10px;
	margin-left:10px;
	border:#6d8e98 solid 2px;
	background-color:#e2e8ea;
}

.tipsBox .leftArea{
	width:400px;
	float:left;
}

.tipsBox .rightArea{
	width:210px;
	float:right;
}