body{
    background-color: #FFF;
}
#contents_area {
	/*padding: 0 0 120px 0;*/
	position: relative;
	z-index: 100;
    text-align: center;
   margin-top: 50px;
}
#contents_area .extras ul li{
list-style: initial;
margin-left: 20px;
margin-bottom:10px;
}

/*-----------------------------------------------
main
-------------------------------------------------*/
#main {
	position: relative;
	max-width: 100%;
	padding-top: 47%; 
	margin-top: -5%;
}


.extras {
	padding-top: 50px;
	position: relative;
	width: 100%;
	overflow: hidden;
	z-index: 100;
	background: #FFF;
}
.extras .title_bar{
width: 100%;
max-width: 1000px;
background: #000;
font-size: 22px;
margin: 0 auto;
}
.extras h1{
color:#fff;
font-size: 22px;
line-height: 2.0em;
text-align: center;
}
.extras_inner{
width: 98%;
max-width: 650px;
margin: 120px auto;
}
.extras_inner a{
width: 45%;
background: #000;
color: #FFF;
padding: 18px 0 15px;
text-align: center;
display: block;
font-size: 24px;
line-height: 1.4em;
}
.extras_inner .link_01, .extras_inner .link_02{
	float: left;
    cursor: pointer;
    width: 45%;
    background: #000;
    color: #FFF;
    padding: 10px 0 10px;
    text-align: center;
    display: block;
    font-size: 24px;
    line-height: 1.4em;
}
.extras_inner .link_02{
	float: right;
}
.privacy_policy {
width:98%;
max-width: 750px;
margin: 30px auto;
}
.privacy_policy h3{
font-size: 20px;
padding-top: 16px;
padding-bottom: 16px;
}
.privacy_policy p{
padding-bottom: 10px;
}

.others{
	width: 70%;
	max-width: 700px;
	margin: 0 auto;
	padding: 55px 0 70px;
}


@media only screen and (max-width: 1000px) {
}

@media only screen and (max-width: 640px) {
.extras h1{
color:#fff;
font-size: 20px;
line-height: 1.4em;
padding: 5px;
}
.extras_inner a{
width: 48%;
padding: 10px 0 10px;
display: block;
font-size: 20px;
line-height: 1.4em;
}
}
@media only screen and (max-width: 480px) {
}