@charset "utf-8";


/* common
------------------------------------------------- */
*{margin:0px; padding:0px;}
a {text-decoration: none; color: #0099ff;}
img{border:none;outline:none;vertical-align::bottom;}
.t10 {font-size: 10px;color: #0668B4;}
.fl_le {float: left;}
.fl_ri {float: right;}
.clear {clear: both;}
.center {text-align: center;}
.impt {color: #990000;}
.red{	color: #e93000;font-weight: bold;}

.clearfix:after {
  content: ".";  /* Vvf */
  display: block;  /* ubNxvf */
  clear: both;
  height: 0;
  visibility: hidden;
}
.bold{font-weight:bold;}
.ml10{ margin-left:10px;}
.mt10{margin-top:10px;}
.pb30{padding-bottom:30px;}
ul li{list-style:none;}
body {
	font-size: 12px;
	line-height: 1.8em;
	color: #333;
	background: #4acaff;
}
#bgTop {
	background: url(../img/main.jpg) no-repeat center 36px;
	_height: 1170px;
}
#bgBottom {
	background: url(../img/footer.jpg) no-repeat center bottom;
	_height: 855px;
}
#bgMid {
	background: url(../img/cloud.png) no-repeat center 1500px;
	
}



#gungho {
background: url(../img/header_line.gif) repeat-x scroll 0 0 white;
height: 36px;
vertical-align: bottom;
width: 100%;
}
#gungho p#ragnarok {
background: url(../img/header_bg.gif) no-repeat scroll 100% 0 white;
height: 30px;
text-align: left;
width: 100%;
}

#container {
	width: 980px;
	margin:0 auto;
	padding:0;
}


/* Contents
------------------------------------------------- */
#petit2012cp {
	padding: 0 30px;
	margin-bottom: 10px;
}

/* header
--------------------------------*/
#petit2012cp #header {
	height: 536px;
}
#petit2012cp #header h1,
#petit2012cp #header p,
#petit2012cp #header dl {
	text-indent: -9999px;
}



/* present
--------------------------------*/
#present {
	background: url(../img/present.png) no-repeat;
	width: 920px;
	height: 381px;
	display: block;
	text-indent: -9999px;
	margin-bottom: 30px;
}


/* courseA
--------------------------------*/
#courseA {
	background: url(../img/courseA.png) no-repeat;
	width: 920px;
	height: 401px;
	display: block;
	margin-bottom: 30px;
	position: relative;
}
#courseA h2,
#courseA dl {
text-indent: -9999px;
}
#courseA #btn_item {
position: absolute;
top: 301px;
left: 377px;
}

/* courseB
--------------------------------*/
#courseB {
	background: url(../img/courseB.png) no-repeat;
	width: 920px;
	height: 322px;
	display: block;
	text-indent: -9999px;
	margin-bottom: 18px;
}

/* ticket
--------------------------------*/
#ticket {
	background: url(../img/ticket.png) no-repeat;
	width: 827px;
	height: 213px;
	display: block;
	text-indent: -9999px;
	margin: 0 0 30px 46px;
}

/* buy
--------------------------------*/
#buy {
	background: url(../img/buy.png) no-repeat;
	width: 920px;
	height: 992px;
	display: block;
	text-indent: -9999px;
	margin: 0 0 30px 0;
}



/* btn
--------------------------------*/
.btn {
	margin: 0 0 22px 46px;
}



/* outline
--------------------------------*/
#outline {
	background: url(../img/box_top.png) no-repeat;
	width: 920px;
	padding-top: 10px;
}
#boxMain {
	background-image: url(../img/box_main.png);
	background-repeat: repeat-y;
}


#boxBtm {
	background: url(../img/box_bottom.png) no-repeat;
	background-position: bottom;
	width: 920px;
	padding-bottom: 16px;
}

#boxIn {
padding: 10px 20px 20px 20px;
width: 840px;
margin: 10px 0 0 20px;

-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #ffffff;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#ffffff));
background: -webkit-linear-gradient(#ffffff, #ffffff);
background: -moz-linear-gradient(#ffffff, #ffffff);
background: -ms-linear-gradient(#ffffff, #ffffff);
background: -o-linear-gradient(#ffffff, #ffffff);
background: linear-gradient(#ffffff, #ffffff);
-pie-background: linear-gradient(#ffffff, #ffffff);
behavior: url(/js/PIE.htc);
}


#outline h2 {
margin-left: 10px;
}
#outline h4 {
margin: 30px 0 0 0;
}
#outline h5 {
	font-size: 13px;
	margin: 15px 0 5px 0;
}
#outline p {
	margin: 0 0 0 10px;
}
#outline .mb0 {
margin-bottom: 0px;
}








/* footer
------------------------------------------------- */

#footer{height:100px; width:100%; color: #333;}
#footer .footer_box .cont{ width:920px; margin:0 auto; padding: 15px 30px;}
#footer p{ padding:10px;}

#footer a {
	color: #FFFFFF;
	text-decoration: none;
}