dl.detail dt,dl.caution dt,dl.caution dd,
.test{
	background-image: url( ../img/event/event_icon.png);
	background-repeat: no-repeat;
}

div.event{
	width: 700px;
	margin: 0 auto;
}

div.event_main, div.event_contents{
	padding: 10px 0;
	text-align: center; 

}


dl.detail dt,dl.caution2 dt,dl.caution2 dd,
.test{
	background-image: url( ../img/event/event_icon.png);
	background-repeat: no-repeat;
}

div.event{
	width: 700px;
	margin: 0 auto;
}

div.event_main, div.event_contents{
	padding: 10px 0;
	text-align: center; 

}


/****************************************** イベントメイン画像記述 ********************/

div.event h2{
	width: 700px;
	height: 200px;
	overflow: hidden;
	text-indent: -9999px;
	didplay: block;
	background: url( ../img/event/0427event.jpg) no-repeat left top;
}


/********************* 日程 ************/
div.event h3.day{
	padding: 0.5em;
	font-size: 17px;
	color: #fff;
	text-align: center;
	background: #bf0000;
}


div.event h5.day{
	padding: 0.5em;
	font-size: 17px;
	color: #fff;
	text-align: center;
	background: #bf0000;
}


/****************************************** コンテンツ記述 ********************/

div.event dt{
	font-weight: bold;
	font-size: 14px;
}

div.event dd{
	font-size: 14px;
}

dl.text dd{
	font-size: 16px;
	color: #bf0000;
	font-weight: bold;
	text-align: center;
}

dl.text_2 dd{
	font-size: 14px;
	color: #000000;
	text-align: center;
}


/********************* イベント内容 ************/

dl.detail{
	clear: both;
}

dl.detail dt{
	height: 17px;
	color: #bf0000;
	padding: 0 15px 0 20px;
	float: left;
	background-position: left top;
}


/********************* イベント内容画像部分 ************/

dl.detail_image2 dt{
	position: relative;
	left: 170px;
}


dl.detail_image2 dd{
	position: relative;
	left: 130px;
}

dl.text_2{
	text-align: center;
	background: #eee;
}


dl.detail_image dt{	
	position: relative;
	left: 170px;
}

dl.detail_image dd{
	position: relative;
	left: 170px;
}


dl.detail_image dd.point_hyo{
	position: relative;
	left: 20px;
}

dl.detail_image dd.shyosai{
	position: relative;
	left: 130px;
}


dl.detail_image dd.point_btn a{
	width: 350px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url( ../img/event/event_p_btn_out.jpg) no-repeat left top;
}

dl.detail_image dd.point_btn a:hover{
	background: url( ../img/event/event_p_btn_on.jpg) no-repeat left top;
}

dl.detail_image dd.point_btn2 a{
	width: 350px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url( ../img/event/event_pb_btn_out.jpg) no-repeat left top;
}

dl.detail_image dd.point_btn2 a:hover{
	background: url( ../img/event/event_pb_btn_on.jpg) no-repeat left top;
}



dl.detail_image dd.regist_btn a{
	width: 350px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url( ../img/event/event_r_btn_out.jpg) no-repeat left top;
}

dl.detail_image dd.regist_btn a:hover{
	background: url( ../img/event/event_r_btn_on.jpg) no-repeat left top;
}


dl.detail_image dd.regist_btn2 a{
	width: 350px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url( ../img/event/event_r_btn_out2.jpg) no-repeat left top;
}

dl.detail_image dd.regist_btn2 a:hover{
	background: url( ../img/event/event_r_btn_on2.jpg) no-repeat left top;
}

dl.detail_image dd.regist_btn3 a{
	width: 350px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url( ../img/event/event_r_btn_out3.jpg) no-repeat left top;
}

dl.detail_image dd.regist_btn3 a:hover{
	background: url( ../img/event/event_r_btn_on3.jpg) no-repeat left top;
}

/********************* 注意部分 ************/

dl.caution dt{
	height: 17px;
	color: #bf0000;
	padding: 0 0 0 20px;
	background-position: left top;
}

dl.caution dd{
	height: 15px;
	font-size: 13px;
	padding: 0 0 0 13px;
	background-position: left -80px;
}


dl.caution2 dt{
	height: 17px;
	color: #bf0000;
	padding: 0 0 0 20px;
	background-position: left top;
}

dl.caution2 dd{
	height: 15px;
	font-size: 13px;
	padding: 0 0 0 13px;
	background-position: left -80px;
}



/****************************************** 角丸背景記述 ********************/


/********** グレイ ******/

dl.text, dl.detail, dl.detail_image, dl.detail_image2, dl.caution{
	padding: 1em;
	background: #eee;
}

span.top,span.bottom{
	display: block;
	background: #fff;
}

span.top span,span.bottom span{
	display: block;
	height: 1px;
	overflow: hidden;
	background: #eee;
}

span.r1{ margin: 0 5px;}
span.r2{ margin: 0 3px;}
span.r3{ margin: 0 2px;}
span.top span.r4, span.bottom span.r4{ margin: 0 1px; height: 2px;}


/********** 赤 ******/

div.event_main span.top,
div.event_main span.bottom{
	display: block;
	background: #fff;
	text-align: center; 
}

div.event_main span.top span,
div.event_main span.bottom span{
	display: block;
	height: 1px;
	overflow: hidden;
	background: #bf0000;
	text-align: center; 
}

span.r1{ margin: 0 5px;}
span.r2{ margin: 0 3px;}
span.r3{ margin: 0 2px;}
span.top span.r4, span.bottom span.r4{ margin: 0 1px; height: 2px;}






/********************************** お気に入りの女の子 **********/

dl.detail_image dd.favorite_btn a{
	width: 350px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url( ../img/event/favorite_btn_out.jpg) no-repeat left top;
}

dl.detail_image dd.favorite_btn a:hover{
	background: url( ../img/event/favorite_btn_on.jpg) no-repeat left top;
}


/*************************** grid ******/
/* 画像下の隙間を埋める  */
/* active = マウスがhoverした時のクラス  */
/* タイトルを囲うボックス。IEボックスバグ対応 marginとpaddingは指定しない。はみ出る文字はoverflowで隠す */ 
div.grid
{
  clear: both;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

div.grid div.section
{
  float:left;
  height: 153px;
  width: 155px;
  padding: 0 0px 0px 20px;
  vertical-align: bottom; 
  text-align: center;
}


div.grid div.section img
{
  margin: 0;
  padding: 0;
  vertical-align: bottom; 
  border: 1px solid #da0700;
}
  

div.grid div.active img
{
  border: 1px solid #da0700;
}


div.grid div.section div.title
{
  margin: 0; 
  padding: 0; 
  width: 167px;
  height: 1.3em;
  background-color: #da0700;
  overflow: hidden;
  white-space: nowrap;
}

div.grid div.active div.title
div.grid div.section h3 a:hover{color: #ffffff}


div.grid div.section div.title h3
{
  margin: 0 0px 0 0px;
  color: #ffffff;
  font-size: 0.9em;
  text-align:center;
  font-weight: normal;
  
}

div.grid div.section h3 a:link{color: #000000}
div.grid div.section h3 a:visited{color: #000000}
div.grid div.section h3 a:hover{color: #000000}
div.grid div.section h3 a:active{color: #000000}


div.grid div.active h3 a:link{color: #ffffff}
div.grid div.active h3 a:visited{color: #ffffff}
div.grid div.active h3 a:hover{color: #ffffff}
div.grid div.active h3 a:active{color: #ffffff}

/*************************** grid2 ******/
/* 画像下の隙間を埋める  */
/* active = マウスがhoverした時のクラス  */
/* タイトルを囲うボックス。IEボックスバグ対応 marginとpaddingは指定しない。はみ出る文字はoverflowで隠す */ 
div.grid2
{
  clear: both;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

div.grid2 div.section2
{
  float:left;
  height: 125px;
  width: 127px;
  padding: 0 0px 0px 11px;
  vertical-align: bottom; 
  text-align: center;
}


div.grid2 div.section2 img
{
  margin: 0;
  padding: 0;
  vertical-align: bottom; 
  border: 1px solid #da0700;
}
  

div.grid2 div.active img
{
  border: 1px solid #da0700;
}


div.grid2 div.section2 div.title
{
  margin: 0; 
  padding: 0; 
  width: 132px;
  height: 1.2em;
  background-color: #da0700;
  overflow: hidden;
  white-space: nowrap;
}

div.grid2 div.active div.title
div.grid2 div.section2 h3 a:hover{color: #ffffff}


div.grid2 div.section2 div.title h3
{
  margin: 0 0px 0 0px;
  color: #ffffff;
  font-size: 0.7em;
  text-align:center;
  font-weight: normal;
  
}

div.grid2 div.section2 h3 a:link{color: #000000}
div.grid2 div.section2 h3 a:visited{color: #000000}
div.grid2 div.section2 h3 a:hover{color: #000000}
div.grid2 div.section2 h3 a:active{color: #000000}


div.grid2 div.active h3 a:link{color: #ffffff}
div.grid2 div.active h3 a:visited{color: #ffffff}
div.grid2 div.active h3 a:hover{color: #ffffff}
div.grid2 div.active h3 a:active{color: #ffffff}


/*************************** grid3 ******/
/* 画像下の隙間を埋める  */
/* active = マウスがhoverした時のクラス  */
/* タイトルを囲うボックス。IEボックスバグ対応 marginとpaddingは指定しない。はみ出る文字はoverflowで隠す */ 
div.grid3
{
  clear: both;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

div.grid3 div.section3
{
  float:left;
  height: 112px;
  width: 113px;
  padding: 0 0px 0px 0px;
  vertical-align: bottom; 
  text-align: center;
}


div.grid3 div.section3 img
{
  margin: 0;
  padding: 0;
  vertical-align: bottom; 
  border: 1px solid #da0700;
}
  

div.grid3 div.active img
{
  border: 1px solid #da0700;
}


div.grid3 div.section3 div.title
{
  margin: 0; 
  padding: 0; 
  width: 112px;
  height: 1.3em;
  background-color: #da0700;
  overflow: hidden;
  white-space: nowrap;
}

div.grid3 div.active div.title
div.grid3 div.section3 h3 a:hover{color: #ffffff}


div.grid3 div.section3 div.title h3
{
  margin: 0 0px 0 0px;
  color: #ffffff;
  font-size: 0.6em;
  text-align:center;
  font-weight: normal;
  
}

div.grid3 div.section3 h3 a:link{color: #000000}
div.grid3 div.section3 h3 a:visited{color: #000000}
div.grid3 div.section3 h3 a:hover{color: #000000}
div.grid3 div.section3 h3 a:active{color: #000000}


div.grid3 div.active h3 a:link{color: #ffffff}
div.grid3 div.active h3 a:visited{color: #ffffff}
div.grid3 div.active h3 a:hover{color: #ffffff}
div.grid3 div.active h3 a:active{color: #ffffff}


/*************************** grid4 ******/
/* 画像下の隙間を埋める  */
/* active = マウスがhoverした時のクラス  */
/* タイトルを囲うボックス。IEボックスバグ対応 marginとpaddingは指定しない。はみ出る文字はoverflowで隠す */ 
div.grid4
{
  clear: both;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

div.grid4 div.section4
{
  float:left;
  height: 112px;
  width: 113px;
  padding: 0 0px 0px 0px;
  vertical-align: bottom; 
  text-align: center;
}


div.grid4 div.section4 img
{
  margin: 0;
  padding: 0;
  vertical-align: bottom; 
  border: 1px solid #da0700;
  text-align: center; 
}
  

div.grid4 div.active img
{
  border: 1px solid #da0700;
  text-align: center; 
}


div.grid4 div.section4 div.title
{
  margin: 0; 
  padding: 0; 
  width: 113px;
  height: 1.3em;
  background-color: #da0700;
  overflow: hidden;
  white-space: nowrap;
  text-align: center; 
}

div.grid4 div.active div.title
div.grid4 div.section4 h3 a:hover{color: #ffffff}


div.grid4 div.section4 div.title h3
{
  margin: 0 0px 0 0px;
  color: #ffffff;
  font-size: 0.6em;
  text-align:center;
  font-weight: normal;
  
}

div.grid4 div.section4 h3 a:link{color: #000000}
div.grid4 div.section4 h3 a:visited{color: #000000}
div.grid4 div.section4 h3 a:hover{color: #000000}
div.grid4 div.section4 h3 a:active{color: #000000}


div.grid4 div.active h3 a:link{color: #ffffff}
div.grid4 div.active h3 a:visited{color: #ffffff}
div.grid4 div.active h3 a:hover{color: #ffffff}
div.grid4 div.active h3 a:active{color: #ffffff}


/*************************** grid5 ******/
/* 画像下の隙間を埋める  */
/* active = マウスがhoverした時のクラス  */
/* タイトルを囲うボックス。IEボックスバグ対応 marginとpaddingは指定しない。はみ出る文字はoverflowで隠す */ 
div.grid5
{
  clear: both;
  margin-left: auto;
  margin-right: auto;
  text-align: center; 
  text-align: center;
}

div.grid5 div.section5
{
  float:left;
  height: 125px;
  width: 114px;
  padding: 0 0px 0px 10px;
  vertical-align: bottom; 
  text-align: center;
}


div.grid5 div.section5 img
{
  margin: 0;
  padding: 0;
  vertical-align: bottom; 
  border: 1px solid #da0700;
}
  

div.grid5 div.active img
{
  border: 1px solid #da0700;
}


div.grid5 div.section5 div.title
{
  margin: 0; 
  padding: 0; 
  width: 113px;
  height: 1.3em;
  background-color: #da0700;
  overflow: hidden;
  white-space: nowrap;
}

div.grid5 div.active div.title
div.grid5 div.section5 h3 a:hover{color: #ffffff}


div.grid5 div.section5 div.title h3
{
  margin: 0 0px 0 0px;
  color: #ffffff;
  font-size: 0.6em;
  text-align:center;
  font-weight: normal;
  
}

div.grid5 div.section5 h3 a:link{color: #000000}
div.grid5 div.section5 h3 a:visited{color: #000000}
div.grid5 div.section5 h3 a:hover{color: #000000}
div.grid5 div.section5 h3 a:active{color: #000000}


div.grid5 div.active h3 a:link{color: #ffffff}
div.grid5 div.active h3 a:visited{color: #ffffff}
div.grid5 div.active h3 a:hover{color: #ffffff}
div.grid5 div.active h3 a:active{color: #ffffff}

/*************************** bgj ******/
/* 画像  */

body { 
background-image: url(../img/background-red2.jpg);
background-repeat: repeat;
}


.main {  
    width: 100%;
   	text-align: center; 
}
.main div {
    width: 100%;
    margin: 0 auto;
   	text-align: center; 
}  



.box1{
    text-align:center;
    width:100%;
    必要に応じて背景などを追加
}

#wrapper {
  text-align: left;
  width: 1250px;
  margin: 0 auto;
  padding: 0;
}