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

header div.logo_line h1{
	text-align:center;
	padding-top:50px;
}
	
	
header div.logo_line h1 a{
	margin:auto;
}
header div.logo_line h1 img{
	max-width:96%;
	height:auto;
}
.content{
	width:96%;
	max-width:550px;
	margin:0 auto;
}
.content dt{
	margin:20px 0;
	color: #fff;
	font-size: 18px;
	font-weight: 100;
	line-height: 1.5;
	padding: 10px 5px 10px 20px;
	background-color: #2aa17d;
}
.content dd p, .content dd ul{
	padding:0 15px 25px;
}
.content .center{
	display:block;
	text-align:center;
}
.button,
.button:hover {
	width: 60%;
	margin:auto;
	font-size:20px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	border-bottom: 4px solid #cb5462;
	background-color: #f56778;
	background-image: -webkit-linear-gradient(top, #f997b0, #f56778);
	background-image: linear-gradient(to bottom, #f997b0, #f56778);
	box-shadow: inset 1px 1px 0 #fbc1d0;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
	}
.button::before,
.button::after {
	bottom: -1px;
	left: -1px;
	border: 1px solid #ee8090;
	border-bottom: 1px solid #b84d5a;
	border-radius: 4px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transition: none;
	transition: none;
}
.button::before {
	height: 48px;
	bottom: -4px;
	border-top: 0;
	border-radius: 0 0 4px 4px;
	box-shadow: 0 1px 1px 0px #bfbfbf;
}
.button:hover {
	background: #f56778;
	background-image: -webkit-linear-gradient(top, #f56778, #f997b0);
	background-image: linear-gradient(to bottom, #f56778, #f997b0);
	color: #913944;
	text-shadow: 0px 1px 0px #f9a0ad;
}
.button:active {
	bottom: -4px;
	margin-bottom: 4px;
	border: none;
	box-shadow: 1px 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, .3);
}
.button:active::before,
.button:active::after {
	border: none;
	box-shadow: none;
}
.button span{
	background:url(images/sakura016.png),url(images/sakura016.png);
	background-repeat:no-repeat;
	background-size: auto 70%;
	padding-top:15px;
	padding-bottom:15px;
	background-position:10% center,90% center;
	width:auto;
	display:block;
}


.normal a {
    width: 65%;
    color: #555;
    font-size: 14px;
    font-weight: bold;
    /* text-shadow: 0 -1px 0px #FFF,0 1px 0px #FFF; */
    padding: 10px 0;
    text-decoration: none;
    display: block;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
background: #e5e5e5; /* Old browsers */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset, -1px 0px 0px rgba(225,225,225,0.3) inset, 0px 1px 1px rgba(0,0,0,0.1) inset, 0px -1px 1px rgba(0,0,0,0.3) inset, 0px 1px 3px #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	text-align:center;
	margin:0 auto;
}
.normal a:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
background: #F2F2F2; /* Old browsers */
	box-shadow: 1px 0px 0px rgba(225,225,225,0) inset,
	-1px 0px 0px rgba(225,225,225,0) inset,0px 1px 1px rgba(0,0,0,0.1) inset,0px -1px 1px rgba(0,0,0,0.3) inset,0px 1px 3px #999;
}




.exam a {
    width: 80%;
    color: #555;
    font-size: 18px;
    font-weight: bold;
	background-color: #FFA600;
	border-radius: 4px;
	color: #fff;
	line-height: 26px;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    padding: 15px 0;
    text-decoration: none;
    display: block;
	text-align:center;
	margin:0 auto 30px auto;
    box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset, -1px 0px 0px rgba(225,225,225,0.3) inset, 0px 1px 1px rgba(0,0,0,0.1) inset, 0px -1px 1px rgba(0,0,0,0.3) inset, 0px 1px 3px #CCC;
}
.exam a:hover {
	background-color: #FFBC3F;
	box-shadow: 0 3px 0 #FCA400;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	box-shadow: 1px 0px 0px rgba(225,225,225,0) inset,
	-1px 0px 0px rgba(225,225,225,0) inset,0px 1px 1px rgba(0,0,0,0.1) inset,0px -1px 1px rgba(0,0,0,0.3) inset,0px 1px 3px #999;
}
.exam a:active {
	top: 3px;
	box-shadow: none;
}

.footer{
	margin-top:50px;
	background:#2aa17d;
	padding:20px 0;
	text-align:center;
	color:#fff;	
}
.footertitle{
	font-size:18px;
	margin-bottom:10px;
}
.copyright{
	font-size:11px;
}
.hop{
	max-width:100%;
	height:auto;
}
.hop:hover{
	opacity:0.8;	/*Firefox, Opera, Chrome, Safari*/
	filter: alpha(opacity=80); /* IE lt 8 */
}
.white{
	color: #fff;
}