@charset "utf-8";
/* CSS Document */

* {
	line-height:120%;
	margin: 0px;
	padding: 0px;
}

body{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:0.75em;
	text-align:center;
	padding-bottom:50px;
	background-color:#f5f5f7;
}

.clear{clear:both;}

p{margin-bottom:10px;text-align:left; line-height:160%;}

img{border:0px;vertical-align:top;}

ul,ol{list-style:none;}

dl{margin-bottom:10px;text-align:left;}

a{color:#000;}
a:hover{color:#d80000;text-decoration:none;}


.float_r{float:right;}

.float_l{float:left;}

.align_r{text-align:right;}

.align_c{text-align:center;}

.space1{margin-bottom:10px;}	

h1{font-size:100%; font-weight:normal; margin-bottom:5px;}

#wrapper{
	margin-right: auto;
	margin-left: auto;
	width:800px;
	overflow: hidden;
	background-color:#fff;
	}
/*********************************/	
/* ヘッダー **********************/
/*********************************/
#header{
	margin-right: auto;
	margin-left: auto;
	padding:10px;
	}

#header_box{
	width:780px;
	margin-right: auto;
	margin-left: auto;
	text-align:left;
	}
	
#header_box:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #header_box{
    height: 1em;
	overflow:visible;
}
/**/

#logo{
	float:left;
	width:270px;
	padding:10px 0;
	}

#qrArea{
	float:right;
	width:460px;
	height:200px;
	text-indent:-99999em;
	background:url(/images2/qrArea.gif) no-repeat;
	}




/*********************************/	
/* TOPメイン *********************/
/*********************************/
#main{
	width:750px;
	margin-right: auto;
	margin-left: auto;
}

#topImg{
	width:750px;
	height:343px;
	margin-bottom:20px;
	text-indent:-99999em;
	background:url(/images2/top_img.jpg) no-repeat;
	}
/*********************************/
.con_box{
	margin-bottom:20px;
	}
	
.con_box:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .con_box{
    height: 1em;
	overflow:visible;
}
/**/
/*********************************/
#stepBox01{
	float:left;
	width:285px;
	padding-top:15px;
	background:url(/images2/stepArea_top.gif) top no-repeat;
	}

#stepBox02{
	width:285px;
	padding-bottom:15px;
	background:url(/images2/stepArea_bottom.gif) bottom no-repeat;
	}

#stepBox_inide{
	width:285px;
	background:url(/images2/bg_stepArea.gif) repeat-y;
	}

#stepBox_inide h2{
	width:245px;
	height:54px;
	margin:0 auto 5px;
	text-indent:-99999em;
	background:url(/images2/stepArea_ttl.gif) no-repeat;
	}

.step{
	margin-bottom:10px;
	}
/*********************************/
#what{
	float:left;
	width:450px;
	margin-left:15px;
	margin-bottom:20px;
	}

#what h2{
	width:450px;
	height:40px;
	margin-bottom:15px;
	text-indent:-99999em;
	background:url(/images2/menu_ttl01.gif) no-repeat;
	}

#what h3#sub01,#what h3#sub02{
	width:450px;
	height:25px;
	margin-bottom:15px;
	text-indent:-99999em;
	background:url(/images2/subttl01.gif) no-repeat;
	}

#what h3#sub02{
	background:url(/images2/subttl02.gif) no-repeat;
	}

#what p{
	padding:0 10px;
	}
/*********************************/
#about_rank{
	clear:both;
	margin-bottom:15px;
	}

#about_rank h2{
	height:40px;
	margin-bottom:15px;
	text-indent:-99999em;
	background:url(/images2/menu_ttl02.gif) no-repeat;
	}

.rank{
	clear:both;
	margin-bottom:15px;
	}
	
.rank:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .rank{
    height: 1em;
	overflow:visible;
}
/**/

#about_rank h3{
	float:left;
	width:190px;
	height:48px;
	margin-bottom:15px;
	margin-right:30px;
	text-indent:-99999em;
	background:url(/images2/event_rank01.gif) no-repeat;
	}

#about_rank h3#rank02{
	background:url(/images2/event_rank02.gif) no-repeat;
	}

#about_rank h3#rank03{
	background:url(/images2/event_rank03.gif) no-repeat;
	}

#about_rank dl{
	float:left;
	margin-top:5px;
	}

#about_rank dt{
	line-height:160%;
	color:#d80000;
	}

#about_rank dd{
	line-height:160%;
	}

/*********************************/
#about_category{
	clear:both;
	margin-bottom:20px;
	}

#about_category h2{
	height:40px;
	margin-bottom:20px;
	text-indent:-99999em;
	background:url(/images2/menu_ttl03.gif) no-repeat;
	}

.category{
	clear:both;
	margin-bottom:15px;
	}
	
.category:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .category{
    height: 1em;
	overflow:visible;
}
/**/

.caL{
	float:left;
	width:370px;
	margin-right:10px;
	}

.caR{
	float:left;
	width:370px;
	}

#about_category h3{
	float:left;
	width:120px;
	height:48px;
	margin-bottom:15px;
	margin-right:18px;
	text-indent:-99999em;
	background:url(/images2/event_category01.gif) no-repeat;
	}

h3#category02{
	background:url(/images2/event_category02.gif) no-repeat;
	}

h3#category03{
	background:url(/images2/event_category03.gif) no-repeat;
	}

h3#category04{
	background:url(/images2/event_category04.gif) no-repeat;
	}

h3#category05{
	background:url(/images2/event_category05.gif) no-repeat;
	}

h3#category06{
	background:url(/images2/event_category06.gif) no-repeat;
	}

#about_category p{
	float:left;
	margin-top:15px;
	}




/*********************************/
/* コンテツページ ****************/
/*********************************/
#guide{
	clear:both;
	margin-bottom:20px;
	text-align:left;
	}

#guide h2{
	height:40px;
	margin-bottom:20px;
	text-indent:-99999em;
	background:url(/images2/menu_ttl04.gif) no-repeat;
	}

#guide h3{
	margin-bottom:10px;
	color:#d80000;
	font-size:120%;
	}

#guide ul{
	margin-bottom:20px;
	font-size:100%;
	}





/*********************************/
/* フッター **********************/
/*********************************/
#footer{
	clear:both;
	margin:10px;
	padding-top:10px;
	border-top:1px solid #000;
	}
	
#footer ul:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #footer ul{
    height: 1em;
	overflow:visible;
}
/**/

#footer li{
	float:left;
	}
	
#copyright{
	float:right;
	text-align:left;
	}