@charset "UTF-8";

/*----------------------------------------------------
	event
----------------------------------------------------*/

div.main_container div#event {
  width: 990px;
  margin: 0 auto;
  padding: 0 0 100px 0;
  text-align: left;
  background: transparent url() no-repeat top left;
}

div#page_info div.page_title_wrapp div.page_title_inner h2 {
  width: 128px;
  margin: 0 auto;
  padding: 50px 0 0 0;
}

/*----------------------------------------------------
	main_block
----------------------------------------------------*/

div.main_container div#event h2 {
  width: 980px;
  margin: 0 auto;
  padding: 15px 0 0 0;
  color: #362A23;
  text-align: center;
  font-size: 23px;
  font-weight: bold;
  border-bottom: 1px #9A9491 solid;
}

div.main_container div#event div.main_block {
  width: 990px;
  margin: 0 auto;
  padding: 30px 0 0 0;
}

/*----------------------------------------------------
	left_area
----------------------------------------------------*/

div.main_container div#event div.main_block div.left_area {
  width: 300px;
  float: left;
}

div.main_container div#event div.main_block div.left_area span.box_frame {
  width: 300px;
  height: 40px;
  display: block;
}

div.main_container div#event div.main_block div.box_body {
  width: 300px;
  background: transparent url(../images/event/block01_body.png) repeat-y top left;
}

div.main_container div#event div.main_block div.box_body h3.title01 {
  width: 129px;
  margin: 0 0 0 23px;
  padding: 5px 0 0 0;
}

div.main_container div#event div.main_block div.box_body ul.office {
  width: 244px;
  margin: 0 0 0 56px;
  padding: 17px 0 30px 0;
}

div.main_container div#event div.main_block div.box_body ul.office li {
  width: 244px;
  padding: 0 0 15px 0;
  font-size: 16px;
}

div.main_container div#event div.main_block div.box_body ul.office li a:link, 
div.main_container div#event div.main_block div.box_body ul.office li a:visited {
  width: 244px;
  color: #DA796E;
  text-decoration: underline;
  outline : 0;
}

div.main_container div#event div.main_block div.box_body ul.office li a:hover {
  width: 244px;
  color: #42ABCE;
  text-decoration: none;
}

div.main_container div#event div.main_block div.box_body h3.title02 {
  width: 200px;
  margin: 0 0 0 23px;
}

div.main_container div#event div.main_block div.box_body ul.event {
  width: 244px;
  margin: 0 0 0 56px;
  padding: 20px 0 10px 0;
}

div.main_container div#event div.main_block div.box_body ul.event li {
  width: 244px;
  padding: 0 0 16px 0;
  font-size: 17px;
}

div.main_container div#event div.main_block div.box_body ul.event li a:link, 
div.main_container div#event div.main_block div.box_body ul.event li a:visited {
  width: 244px;
  color: #42ABCE;
  text-decoration: underline;
  outline : 0;
}

div.main_container div#event div.main_block div.box_body ul.event li a:hover {
  width: 244px;
  color: #DA796E;
  text-decoration: none;
}

/*----------------------------------------------------
	right_area
----------------------------------------------------*/

div.main_container div#event div.right_area {
  width: 640px;
  float: right;
  overflow: hidden;
}

div.main_container div#event div.right_area ul {
  width: 677px;
  margin: 0 -36px 0 0;
}

div.main_container div#event div.right_area ul li.matchHeight {
  width: 302px;
  float: left;
  margin: 0 36px 0 0;
  padding: 0 0 50px 0;
  position: relative;
}

div.main_container div#event div.right_area ul li.matchHeight dl {
  width: 302px;
}

div.main_container div#event div.right_area ul li.matchHeight dl dt {
  width: 302px;
  padding: 0 0 5px 0;
}

div.main_container div#event div.right_area ul li.matchHeight dl dd.day {
  width: 302px;
  color: #3B2614;
  line-height: 2.0em;
  background: transparent url(../images/common/dotted_line_gold.png) repeat-x bottom left;
}

div.main_container div#event div.right_area ul li.matchHeight dl dd.title {
  width: 302px;
  padding: 8px 0 0 0;
  color: #3B2614;
  font-size: 16px;
  font-weight: bold;
}

div.main_container div#event div.right_area ul li.matchHeight a:link dl dd, 
div.main_container div#event div.right_area ul li.matchHeight a:visited dl dd {
  color: #3B2614;
  text-decoration: none;
  outline : 0;
}

div.main_container div#event div.right_area ul li.matchHeight a:hover dl dd {
  color: #EA5353;
  text-decoration: none;
}

div.main_container div#event div.right_area ul li.matchHeight span.label {
  width: 140px;
  height: 18px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

div.main_container div#event div.right_area ul li.matchHeight span.label img {
  display: block;
}

div.main_container div#event div.pager {
  width: 640px;
  padding: 50px 0 0 0;
  overflow: hidden;
}

/* new pager style */
div.main_container div#event div.pager .wp-pagenavi {
  clear: both;
}

div.main_container div#event div.pager .wp-pagenavi span {
  width: auto;
  display: block;
  float: left;
  padding: 10px;
  margin: 0 15px 0 0;
  color: #FFF;
  text-align: center;
  background-color: #DA796E;
}

div.main_container div#event div.pager .wp-pagenavi span.pages {
  color: #333;
  background-color: #FEF5E7;
}

div.main_container div#event div.pager .wp-pagenavi a {
  width: auto;
  display: block;
  float: left;
  padding: 10px;
  margin: 0 15px 0 0;
  text-align: center;
}

div.main_container div#event div.pager .wp-pagenavi a:link, 
div.main_container div#event div.pager .wp-pagenavi a:visited {
  width: auto;
  display: block;
  color: #DA796E;
  text-decoration: none;
  outline : 0;
  background-color: #EEE2D5;
}
div.main_container div#event div.pager .wp-pagenavi a:hover {
  width: auto;
  display: block;
  color: #EB5C59;
  text-decoration: none;
  background-color: #FDE6C1;
}








/*----------------------------------------------------
	detail page style
----------------------------------------------------*/

div.main_container div#event div.detail_area {
  width: 640px;
  float: right;
  overflow: hidden;
}

div.main_container div#event div.detail_area div.detail_title_box {
  width: 640px;
  padding: 0 0 40px 0;
}

div.main_container div#event div.detail_area div.detail_title_box h3 {
  width: 640px;
  border-bottom: 1px #362A23 solid;
}

div.main_container div#event div.detail_area div.detail_title_box h3 span {
  width: auto;
  color: #362A23;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.6em;
}

div.main_container div#event div.detail_area div.detail_title_box p {
  width: 640px;
  text-align: right;
}

div.main_container div#event div.detail_area div.detail_conts {
  width: 640px;
  padding: 0 0 40px 0;
  background: transparent url(../images/common/dotted_line_gold.png) repeat-x bottom left;
}

div.main_container div#event div.detail_area div.detail_conts dl {
  width: 600px;
  margin: 0 auto;
}

div.main_container div#event div.detail_area div.detail_conts dl dt {
  width: 600px;
  overflow: hidden;
  text-align: center;
}

div.main_container div#event div.detail_area div.detail_conts dl dt img {
  width: auto;
}

div.main_container div#event div.detail_area div.detail_conts dl dd {
  width: 600px;
  padding: 40px 0 0 0;
  line-height: 1.8em;
}

div.main_container div#event div.detail_area div.detail_conts strong {font-weight: bold;}

div.main_container div#event div.detail_area div.detail_conts h1,
div.main_container div#event div.detail_area div.detail_conts h2,
div.main_container div#event div.detail_area div.detail_conts h3,
div.main_container div#event div.detail_area div.detail_conts h4,
div.main_container div#event div.detail_area div.detail_conts h5,
div.main_container div#event div.detail_area div.detail_conts h6 {
  margin: 0;
  padding: 0;
  text-align: left;
  border: none;
}


div.main_container div#event div.detail_area div.bt_event_top {
  width: 640px;
  padding: 60px 0 0 0;
}

div.main_container div#event div.detail_area div.bt_event_top p {
  width: auto;
  font-size: 16px;
  text-align: center;
}

div.main_container div#event div.detail_area div.bt_event_top p a:link, 
div.main_container div#event div.detail_area div.bt_event_top p a:visited {
  width: auto;
  color: #DA796E;
  text-decoration: underline;
  outline : 0;
}

div.main_container div#event div.detail_area div.bt_event_top p a:hover {
  width: auto;
  color: #42ABCE;
  text-decoration: none;
}

.event_ttl {
	margin: 0 40px 20px 25px;
}
.event_ttl:last-of-type {
	margin: 0 40px 0 25px;
}
.event_ttl img {
	max-width: 100%;
}
.event_ttl a img  {
	transition-duration: 0.3s;
}
.event_ttl a img:hover {
	transform: scale(1.05);
}