@import url(../common/css/common.css);

/* CSS Document */

body {
font-family: "Osaka","lr oSVbN","MS P Gothic",sans-serif;
font-size: 16px;
color: #333;
background: url(img/bg.jpg);
background-position:center top;

}

/*background-image:
	url(img/bg2.jpg),
	url(img/bg.jpg);

background-repeat:
	no-repeat,
	repeat;

background-position:
	center bottom,
	top;
}*/

.clearfix{
	zoom: 100%;
}

/*.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}*/

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;/* ·ä´±þ */
  font-size: 0.1em;/* ·ä´±þ */
  line-height: 0;/* ·ä´±þ */
}

#contentBody {
  width: 910px;
  margin: 0 auto;
  color: #363636;
}


#contents {
   width:890px;
   margin:0 auto;
   text-align:center;
   background: #111;
   box-shadow: 3px 0px 5px rgba(0,0,0,.25);
}

#contents h1 {
	margin:0;
	padding:0;
}
#contents h1{
	display:none;
	text-indent:-9999px;
	}
#contents .clear {clear:both;}
#contents .block{display:block;}

#menuEvent img{
	display:block;}

#renewInfo{
	height:1180px;
	background:url(img/imgMain.jpg) no-repeat;
	text-align:left;
	z-index: 1;
	position: relative;
}

#renewInfo .event_btn{
	display: block;
	width: 135px;
	height: 135px;
	position: absolute;
	bottom: 350px;
	right: 50px;
}

#renewInfo .top_btn_area{
	width: 852px;
	position: absolute;
	bottom: 30px;
	margin-left: 20px;
}

#renewInfo .top_btn_area li{
	width: 412px;
	float:left;
	margin-right: 28px;
	margin-bottom: 14px;
}

#renewInfo .top_btn_area li:nth-child(2n){
	margin-right: 0px;
}

#renewInfo .event_btn img:hover{
	opacity: 0.7;
}



#socialMedia{
	height:20px;
	position: absolute;
	bottom: 10px;
	right: 14px;
	padding:3px 5px 3px;
	line-height:1.5;
	clear: both;
}


.event-link {
	width: 380px;
	height: 432px;
	display: block;
	position: relative;
	top: -376px;
	left: 494px;
	z-index: 100;
}


#main {
   width:890px;
   margin:0 auto;}

#mainCont{
	width: 890px;
	clear:left;
	_float:left;
	padding: 4px 0 30px;
	background:url(img/bg_mainCont.jpg) no-repeat;
}

*:first-child+html #mainCont{ float:left;}

#mainCont a { color: #ffff00; }

#artist{
	width:890px;
	padding-bottom:12px;
	background: url(img/line.jpg) no-repeat 0 bottom #fdf1f3;
}

#eventInfo{
	width: 820px;
	margin: 0 auto;
	background: #fff;
	border-radius: 4px;
	padding: 20px 20px 40px;
	margin-top: 10px;
}

#eventInfo .text_area{
	font-size: 18px;
	text-align: left;
	margin-bottom: 20px;
}

#eventInfo .text_area .img_right{
	width: 250px;
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

#eventInfo h2{
	font-size: 20px;
	color: #fff;
	/*background: #333;*/
	background: #dd536c;
	padding: 0.5em 1em;
	border-radius: 2px;
	margin-bottom: 20px;
	/*font-family: "Sawarabi Mincho";*/
}


#eventInfo .text_area p{
	margin-top: 10px;
	padding:0 24px;
	/*font-family: "Sawarabi Mincho";*/
	line-height: 1.6;
}

#eventInfo .text_area a{
	color: #dd536c;
	/*font-family: "Sawarabi Mincho";*/
	text-decoration: underline;
}

#eventInfo .text_area a:hover{
	text-decoration: none;
}

#eventInfo .text_area dl{
	margin-top: 20px;
	margin-left: 20px;
}

#eventInfo .text_area dl dt{
	width: 24px;
	clear: both;
	float: left;
}

#eventInfo .text_area dl img{
	width: 24px;
	vertical-align: bottom;
}

#eventInfo .text_area dl dd{
	width: 730px;
	float: left;
	margin-left: 10px;
	line-height: 24px;
	margin-bottom: 20px;
}




#eventInfo .event_detail{
	clear: both;
	margin-top: 40px;
}

.f_bold{
	font-weight: bold;
}

.f_large{
	font-size: 120%;
}

.f_pink{
	color: #dd536c;
}

.f_left{
	float: left;
	margin-right: 20px;
}

.clear{
	clear: both;
}

#eventInfo h3{
	font-size: 28px;
	width: 5em;
	margin: 0 auto;
	color: #333;
	font-weight: bold;
	background: none;
	border-bottom: 1px solid #333;
	padding-bottom:0.2em;
	margin-top: 40px;
	margin-bottom: 15px;
}

#eventInfo .detail_box{
	/*padding-left: 24px;*/
}

#eventInfo .detail_box.border{
	padding-bottom: 40px;
	border-bottom: 1px dotted #dadada;
}

#eventInfo .box_left{
	width: 500px;
	float: left;
	position: relative;
}

#eventInfo .box_left .fin{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	color: #fff;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
}

#eventInfo .box_left .fin p{
	margin-top: 120px;
	text-shadow: 2px 2px 2px rgba(0,0,0,.3),
	-2px 2px 2px rgba(0,0,0,.3),
	2px -2px 2px rgba(0,0,0,.3),
	-2px -2px 2px rgba(0,0,0,.3);
}


#eventInfo .box_right{
	width: 300px;
	float: right;
}

#eventInfo .box_right img{
	vertical-align: top;
}

#eventInfo .box_right img:hover{
	opacity: 0.7;
}

#eventInfo .box_right .caption{
	font-size: 13px;
	margin-top: 5px;
}

#eventInfo .box_left table{
	width: 100%;
}

#eventInfo .box_left table th,
#eventInfo .box_left table td{
	font-size: 14px;
	padding: 0.5em;
	font-weight: normal;
	border: 1px solid #dadada;
	text-align: left;
	line-height: 1.4;
}

#eventInfo .box_left table td a{
	color: #dd536c;
	text-decoration: underline;
}

#eventInfo .box_left table th{
	background: #bc1076;
	width: 20%;
	color: #fff;
	text-align: center;
}

#footer_link{
	width: 890px;
	padding: 20px 0;
	margin: 0 auto;
	background: #111;
	box-shadow: 3px 0px 5px rgba(0,0,0,.25);
}

#footer_link ul{
	width: 850px;
	margin: 0 auto;
	text-align: center;
}

#footer_link li{
	display: inline-block;
	font-size: 14px;
}

#footer_link li::after{
	content: "|";
	display: inline-block;
	margin: 0 5px;
	color: #fff;
}

#footer_link li:last-child::after{
	content:none;
}

#footer_link li a{
	color: #fff;
	text-decoration: underline;
}

#foot {
	font-size: 13px;
	clear:both;
	width:890px;
	margin:0 auto;
	padding:10px 0;
	background:#111;
	color:#fff;
	text-align:center;
	line-height:130%;
	box-shadow: 3px 0px 5px rgba(0,0,0,.25);
}
.bnrlist li{
	margin-right:1px;
	margin-bottom:1px;}

.black{
	background: #20252b;}

.mL10{
	margin-left:10px;}
.mb5{
	margin-bottom:5px;
	background: #20252b;}

.site_logo{
	display: block;
	width: 80px;
	margin: 0 auto;
	margin-bottom: 15px;
}

.site_logo img{
	width: 100%;
}

.blog_btn{
	display: block;
	background: #dd536c;
	color: #fff!important;
	text-align: center;
	font-size: 16px;
	margin-top: 20px;
	padding: 5px 10px;
	border-radius: 4px;
	width: 350px;
	margin-left: 20px;
}

.f_bold{
	font-weight: bold;
}

.f_120p{
	font-size: 120%;
}

.red{
	color: #ff0000;
}

.blue{
	color: #4267b2;
}

.color01{
	background: #d6f0f9!important;
	color: #407080!important;
}
.color02{
	background: #d6f9de!important;
	color: #40804f!important;
}
.color03{
	background: #f9f7d6!important;
	color: #807b40!important;
}
.color04{
	background: #f9d6f3!important;
	color: #b259a4!important;
}

.text_area h3{
	font-size: 20px!important;
	width: auto!important;
	font-weight: bold;
	border: none!important;
	text-align: left;
	padding-left: 24px;
}

#eventInfo h3.goods_ttl{
	border-bottom: 1px solid #807b40!important;
	padding-bottom: 0.3em;
	padding-left: 8px!important;
	border-left: 5px solid #807b40!important;
}

.text_area .img_list4{
	width: 790px;
	margin: 20px auto;
}

.text_area .img_list4 li{
	width: 190px;
	float: left;
	margin-right: 10px;
}

.text_area .img_list4 li:last-child{
	margin-right: 0;
}

.text_area .img_list3{
	width: 600px;
	margin: 20px auto;
}

.text_area .img_list3 li{
	width: 190px;
	float: left;
	margin-right: 10px;
}

.text_area .img_list3 li:last-child{
	margin-right: 0;
}

.goods_detail{
	padding: 15px;
	border: 1px solid #333;
	width: 600px;
	margin: 0 auto;
	background: #fffde8;
}

.goods_detail h4{
	font-size: 18px;
	margin-bottom: 15px;
}

.goods_detail ul li{
	margin-left: 2em;
}

.goods_detail ul li{
	line-height: 1.5;
}

.goods_detail .goods_notes{
	font-size: 14px;
	text-align: right;
}





/*------------------------------- tooltip ----------------------------------------*/

div.example {
	margin-bottom: 20px;
	position: relative;
}

div.ie-fix {
  overflow: visible;
  height: 0;
}

.target { float: left; }

.html-link { display: none; }
.html-source { display: none; }

.tooltip p { margin: 10px; color: #fff; line-height: 140%; text-align: left; }
.tooltip p.title { font-size: 16px; color: #FF0099; }

.bt-content {  }