/* --- 全体の背景・テキスト --- */
body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding: 0;
  margin: 0;
  background-color: #f6f3ea;
}

/* --- 全体のリンクテキスト --- */
a:link { color: #0000ff; }
a:visited { color: #800080; }
a:hover { color: #ff0000; }
a:active { color: #ff0000; }


/* --- top --- */

/* --- すべてのセクションは幅８割でセンタ --- */
.sec {
	width: 90%;
	max-width:800px;
	margin:0px auto;

	overflow: hidden;
	position: relative;
}

img.top {
	display:block;
	width: 100%;
	max-width:800px;
	margin:0 auto;
}

p.top_lead {
	width: 70%;
	margin-left: 10px;
	margin-top: -10%;
	line-height: 1.5em;
	text-align: center;
	font-size: 95%;
	font-weight: bold;
}

/* --- アイデアソンとは？ --- */
.sec_info {
	width: 100%;
	max-width:800px;
	clear: both;
	line-height: 1.6em;
	border: 1px solid #000000;
	margin: auto;
	margin-top: 10px;
	background-color: #ffffff;
	position: relative;
}

/* --- アイデアソンとは？ななめ画像 --- */
.sec_info_img {
	position: absolute;
	top: -100%;
	right: -15%;	
}

.sec_info_img img {
	width:70%;
}

.sec_info_p {
	padding:0px 20px 20px 20px;
}



.sec_info h3{
	text-decoration: underline;
	color:#F50408;
}

.sec2 {
	clear: both;
	width: 100%;
	max-width:800px;
	margin:0 auto;
	
}

/* --- イベント詳細テーブル --- */
table.dtl_table {
	width:100%;
	max-width:800px;
	border-collapse: collapse;
	border: 1px solid #000000;
	margin: auto;
	margin-top: 30px;
	background-color: #ffffff;
	font-size: 90%;
}

.dtl_table th {
	background-color:#ec7ea2;
	padding: 30px;
	text-align: center;
	vertical-align: middle;	
	border: 1px solid #000000;
	white-space: nowrap;
}

.dtl_table td {
	padding: 30px;
	border: 1px solid #000000;
	line-height: 2em;
	word-break: break-all;
	white-space: normal;
}

.dtl_table img {
	float: right;
	margin:0px 10px 0px 10px;
}
/* --- イベント詳細内部テーブル --- */
table.dtl_table_in {
	width:90%;
	border-collapse: collapse;
	border: 1px solid #000000;
	position:relative;
}

table.dtl_table_in .baloon01{

	position: absolute;
	top: 10%;
	right: -15%;	
}

table.dtl_table_in .baloon02{

	position: absolute;
	top: 36%;
	right: -15%;	
}

table.dtl_table_in .baloon03{

	position: absolute;
	top: 54%;
	right: -15%;	
}

table.dtl_table_in .baloon04{

	position: absolute;
	top: 70%;
	right: -15%;	
}

.dtl_table_in th{
  background-color: #f491bc;
  color:#ffffff;
	padding: 5px;
	text-align: center;
	vertical-align: middle;	
	border: 1px solid #000000;
	white-space: nowrap;
}

.dtl_table_in td{
	padding: 5px;
	border: 1px solid #000000;
	line-height: 1.5em;
}

.dtl_table ul {
	padding:0;
	margin:0;
}
.dtl_table li.left{
  display: inline-block;
  width:420px;
  vertical-align:middle;
  margin-right:5px;
 

}
.dtl_table li.left dd{
 font-size:12px;
 text-align:center;

}


.dtl_table li.left dt{
	    
		font-size:16px;		text-align:center;
	}

.dtl_table li.right{
  text-align:center;
  vertical-align:middle;
display: inline-block;
width:150px;
 
}
.dtl_table li.right dt{

}
.dtl_table li.right .map_btn{
padding-top:10px !important;
 padding-right:50px;
}





/* IE6 */
.dtl_table ul li {
  _display: inline; /* display: inline-block;の代わり */
  _zoom: 1; /* 状況によって使い分ける */
}
 
/* IE7 */
*:first-child+html .dtl_table ul li {
  display: inline; /* display: inline-block;の代わり */
  zoom: 1; /* 状況によって使い分ける */
}

.dtl_table dl dd {
   padding-left:5px;
}
/* --- テーブル内文字修飾 --- */
span.strong{
	font-weight: bold;
	font-size: large;
}

span.strong_red{
	font-weight: bold;
	font-size: large;
	color:red;
}

/* --- 主催・共催 --- */
.sec2 p {
	text-align: right;
	margin-top:10px;
	line-height: 1.5em;
}

img.btn {
	display:block;
	width:30%;
	max-width:300px;
	margin:30px auto;
}

@media screen and (max-width: 480px) {
  .sec_info_img {
    
	position:static;
	
  }
}