@charset "UTF-8";

@font-face {
	font-family: 'VL ゴシック';
	src: local('VL ゴシック'), url('../css/VL-Gothic-Regular.ttf') format('truetype');
}

a:link{color:#361600;}
a:visited{color:#361600;}
a:hover{color:#098cad;}
a:active{color:#343535;}

html{
	background:url(../img/html_bg.gif) left top repeat;
}



body{
	font-family:'VL ゴシック';
	position:relative;
	margin:0 auto;
	padding-bottom:10px;
	width:790px;
	background-color:#fef4b2;
	-webkit-box-shadow: 0px 0px 5px #152427;
	   -moz-box-shadow: 0px 0px 5px #152427;
	     -o-box-shadow: 0px 0px 5px #152427;
	        box-shadow: 0px 0px 5px #152427;
}


/* header Start==========================================*/
header {
	position:relative;
	margin:0 auto;
	padding:0px;
	width:790px;
	height:130px;
	z-index:10;
	background:url(../img/header_bg.gif) left top repeat-x;
}

header h1{
	position:relative;
	padding:46px 0px 0px 14px;
	
}
header figure{
	position:absolute;
	background-color:#FFFFFF;
	border:#FFFFFF 3px solid;
	-webkit-box-shadow: 0px 0px 4px rgba(54,54,54,0.4);
	   -moz-box-shadow: 0px 0px 4px rgba(54,54,54,0.4);
	     -o-box-shadow: 0px 0px 4px rgba(54,54,54,0.4);
	        box-shadow: 0px 0px 4px rgba(54,54,54,0.4);
	top: -20px;
	left: 500px;
	-webkit-transform: rotate(-8deg);
	   -moz-transform: rotate(-8deg);
	     -o-transform: rotate(-8deg);
	        transform: rotate(-8deg);
	-webkit-transition: all 0.4s ease-in-out;
	   -moz-transition: all 0.4s ease-in-out;
	     -o-transition: all 0.4s ease-in-out;
	        transition: all 0.4s ease-in-out;
}
header figure:hover{
	-webkit-transform: rotate(0deg);
	   -moz-transform: rotate(0deg);
	     -o-transform: rotate(0deg);
	        transform: rotate(0deg);
}

/* header End============================================*/



article {
	position:relative;
	margin:0 auto;
	width:790px;
	z-index:1;
}



/* section common Start==================================*/
article section{
	position:relative;
}
article section h2{
	margin:10px auto 0px;
	padding:0.3em 0em 0em 0.6em;
	width:740px;
	height:1.4em;
	font-size:153.9%;
	color:#FFFFFF;
	background-color:#431b00;
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
	     -o-border-radius:100px;
	        border-radius:100px;
}
article section h2:before {content: "＜";}
article section h2:after {content: "／＞";}

button.backBtn{
	background:none;
	border:none;
	font-family:'VL ゴシック';
	position:absolute;
	top:0px;
	left:600px;
	padding:0.6em 12px 0px 0px;
	width:160px;
	font-size:108%;
	line-height:1.2em;
	color:#fe9e12;
	background:url(../img/back_btn_bg.gif) 140px 11px no-repeat;
	cursor:pointer;
}
button:hover.backBtn{
	color:#FFFFFF;
	background-position:96px -33px
}

article section p{
	display:block;
	padding:10px 30px;
	width:730px;
	color:#361600;
	font-size:123.1%;
	line-height:1.32em;
	background:url(../img/section_p_bg.gif) left 11px repeat;
	-webkit-background-size: 1.5em;
	   -moz-background-size: 1.5em;
         -o-background-size: 1.5em;
            background-size: 1.5em;
}
article section p span.notes{
	font-size:85%;
}
article section dl{
	position:relative;
	padding:10px 30px;
	width:730px;
	color:#361600;
	font-size:123.1%;
	line-height:1.32em;
	background:url(../img/section_p_bg.gif) left 11px repeat;
	-webkit-background-size: 1.5em;
	   -moz-background-size: 1.5em;
         -o-background-size: 1.5em;
            background-size: 1.5em;
}
article section dl dt{
	position:relative;
	float:left;
	margin-bottom:1.32em;
}
article section dl dd{
	margin-bottom:1.32em;
}
article section dl dd:before{
	content: "："; 
}


/* section common End====================================*/


article section#date figure {
	margin-bottom:20px;
	padding:0 70px;
	width:650px;
	height:440px;
	background:url(../img/section_p_bg.gif) left 11px repeat;
}

article section#date figure iframe{
	border:#C4F0FF 5px solid;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	     -o-border-radius:5px;
	        border-radius:5px;
}
article section#date dl.manyDD dt{
	margin-bottom:2.0em;
}
article section#date dl.manyDD dd{
	margin-bottom:0.08em;
}

article section#registration ul#btnSet{
	margin:0 auto 20px;
	width:740px;
}
article section#registration ul#btnSet li{
	display:inline-block;
	margin:0 78px;
	padding:0.2em 0em 0em 0.6em;
	width:200px;
	height:1.4em;
	font-size:123.1%;
	color:#FFFFFF;
	text-align:center;
	background-color:#431b00;
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
	     -o-border-radius:100px;
	        border-radius:100px;
}
article section#registration ul#btnSet li a,
article section#registration ul#btnSet li a:link,
article section#registration ul#btnSet li a:visited{
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	-webkit-transition: all 0.4s ease-in-out;
	   -moz-transition: all 0.4s ease-in-out;
	     -o-transition: all 0.4s ease-in-out;
	        transition: all 0.4s ease-in-out;
}
article section#registration ul#btnSet li a:hover{
	color:#BEF0FF;
}
article section#registration #fromSet{
	margin:0 auto;
	width:690px;
}
article section#registration iframe{
	padding:10px;
	border:#C4F0FF 10px solid;
	overflow:auto;
	background-color:#FFFFFF;
}
article section#registration iframe.show{
	display:block;
}
article section#registration iframe.hide{
	display:none;
}

/* footer Start==========================================*/
footer{
	position:relative;
	margin:10px auto;
	padding:0.6em 0em 0em 1.4em;
	width:740px;
	height:2.2em;
	font-size:93%;
	color:#FFFFFF;
	background-color:#431b00;
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
	     -o-border-radius:100px;
	        border-radius:100px;
}
footer small a,
footer small a:link,
footer small a:visited{
	color:#FFFFFF;
}
footer button.backBtn{
	left:586px;
}
/* footer End============================================*/