@charset "utf-8";
/* CSS Document */

h1, h2, h2, h3, h5, h6  {  
	font-size: 100%;  
} 

body {
	-webkit-text-size-adjust: 100%;
	margin: 0px auto;
	padding: 0px;
	font-size: 12px;
	text-align: center;
	line-height: 1.5;
	width: 640px;
}
	
li {
	white-space:nowrap;
	list-style-type:none;
}
li img {
	vertical-align: bottom;
}

table {
	width: 638px;
	margin-right: auto;
	margin-left: auto;
	border: 0px #ffffff solid;
	border-collapse: separate;
	
}

td {
	padding: 3px 0;
	border: 1px #AF1F24 solid;
	text-align: center;
	font-size: 28px;
	line-height: 1;
}

hr {
	border-top: 1px solid #8c8b8b;
	width:638px;
	margin:10px auto 20px auto;
}

.ac-box {
	border-collapse: collapse;
	margin: 0 auto 20px;
}

.ac-td {
	font-weight: bold; 
	border: 1px #AF1F24 solid; 
	font-size: 24px; 
	color: #ffffff; 
	text-align: center;
}
.ac-td-heading {
    width: 35%;
    vertical-align: middle;
}

.ac-box td {
	padding: 5px 0;
	border: 1px #AF1F24 solid;
	background-color: #FFDCE4;
	text-align: center;
	font-size: 18px;
}

.mb-10px {
	margin-bottom: 10px;
}

/*--------------------------------
header
----------------------------------*/
div#headerArea {  
	position: fixed !important;  
	position: absolute;  
	top: 0;  
	left: 0;  
	z-index: 9999;  
	width: 100%;  
	height: 86px;  
	background-color: #ffffff;  
	color: #fff;  
} 
/*大きいモニタの場合非表示にする*/
@media screen and (min-width: 1024px) {
div#headerArea {
	visibility: hidden;
}
}

@media screen and (max-width: 1023px) {
div#headerClone {
	visibility: hidden;
}
}

/*--------------------------------
slider
----------------------------------*/
.slider {
    margin: 20px auto 0; 
    text-align: center;
    width: 640px;
}

/*-------------------------------
main
---------------------------------*/
#main
    {
     margin-left: auto;    
     margin-right: auto;   
     text-align: left;     
     width: 640px;         
    }
    
.main_2 {
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	background: #e6e6e6;
}

.large_2
    {
     font-size: 28px; /* 125% of the baseline */
     letter-spacing: 0px;  
	margin: auto;
    }

.large_2 td {
	padding: 3px 0;
	border: 1px #AF1F24 solid;
	text-align: center;
	font-size: 28px;
	line-height: 1;
}

.latest {
	text-align: center;
	font-size: 25px;
	width: 640px;
	margin: 30px auto 0 auto;
}
.latest2 {
	border-bottom: solid 2px #555;
	text-align: center;
	font-size: 35px;
	width: 640px;
	margin: 10px auto 20px auto;
}

.preparation{
	font-size: 40px;
	width: 640px;
	margin:10px auto 10px auto;
}

/*--------------------------
footer
----------------------------*/
div#footerArea {  
    position: fixed !important;  
    position: absolute;  
    bottom: 0;  
    left: 0;
    width: 100%;  
    height: 80px;  
    background-color: #ffffff;  
    color: #fff;  
}

/*小さいモニタの場合非表示にする*/
@media screen and (min-width: 1024px){
div#footerArea {
    visibility: hidden;
}
}

/*小さいモニタの場合非表示にする*/
@media screen and (min-width: 1024px){
div#footerArea {
    visibility: hidden;
}
}

/*小さいモニタの場合表示にする*/
 @media screen and (max-width: 640px) {

div#footerClone {
	visibility: hidden;
}
}