@charset "UTF-8";

#headarea {
	background:url(../img/bg.gif) repeat;
	height:382px;
	border-bottom:solid 3px #fff;
	padding-top:18px;
	}
h2 {
	margin:0 auto 24px;
	width:44%;
	}
p.head {
	font-size:2.4rem;
	margin:0 35px;
	line-height:1.3;
	}
#caution h3 {
	
	height:50px;
	background-color:#ff4d68;
	}
#caution h3 p {
	padding-top:5px;
	width:28%;
	margin:0 auto 0;
	}

table {
	margin:23px 35px 15px;
	}

table tr th {
	font-size:2.4rem;
	color:#ff4c69;
	padding-right:10px;
	}
table tr td {
	font-size:2.4rem;
	color:#000;
	line-height:1.3;
	}
strong {
	font-weight:bold;
	}
hr {
	border-top:dotted 3px #a1a1a1;
	margin:0 35px;
	}
	
#alert {
	margin-top:20px;
	border-bottom:solid 10px #ff4d68;
	}
	
#alert h3 {
	height:50px;
	background-color:#ff4d68;
	}
#alert h3 p {
	padding-top:5px;
	width:28%;
	margin:0 auto 0;
	}
	
#prev {
	margin:22px auto 25px;
	border:solid 1px #ff4e68;
	width:41%;
	height:68px;
	background-color:#FFF;
	border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
	box-shadow:2px 3px 1px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:2px 3px 1px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow:2px 3px 1px 0 rgba(0, 0, 0, 0.2);
	text-align:center;
	font-size:3.5rem;
	color:#ff5c6f;
	}
#prev a {
	text-decoration:none;
	color:#ff5c6f;
	}
	
#gradation {
	margin:5px;
	height:58px;
	background:gradient(linear, left top, left bottom, color-stop(1.00, #ececec), color-stop(0.00, #fefefe)); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ececec), color-stop(0.00, #fefefe)); 
	background: -moz-gradient(linear, left top, left bottom, color-stop(1.00, #ececec), color-stop(0.00, #fefefe)); 
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	}
#gradation p {
	padding-top:13px;
	font-weight:bold;
	text-decoration:none;
    }



	




#footnavi {
	height:200px;
	}
p.other {
	border-top:solid 2px #fff;
	font-size:1.8rem;
	color:#585858;
	padding:0 0 10px 21px;
	font-weight:bold;
	}
#footnavi ul li {
	float:left;
	margin-left:18px;
	width:20%;
	font-size:1.3rem;
	color:#585858;
	font-weight:bold;
	}
#footnavi ul li img {
	margin-bottom:5px;
		}
	


@media only screen and (orientation : portrait) {
	table tr th {
	font-size:1.5rem;
	}
    table tr td {
	font-size:1.5rem;
	}
	p.head {
	font-size:1.5rem;
	}
	#alert h3 {
	height:38px;
	}
	#caution h3 {
	height:38px;
	}
	#headarea {
	height:260px;
	}
	#footnavi ul li {
	margin-left:12px;
	width:20%;
	font-size:1rem;
	}
	#footnavi {
	height:170px;
	}
	#prev {
	font-size:2rem;
	height:48px;
	}
	#gradation {
	height:38px;
	}
	#gradation p {
	padding-top:10px;
	
    }
}