@charset "utf-8";

/* イベント イメージ
-----------------------------------------------*/
p.eventLead{
	margin:20px 0 0;
	width:691px;
}

.eventTooltipImg{
	position:relative;
	margin:15px 0 0 10px;
	width:671px;
	height:400px;
	background:url(../images/event_main_img.jpg) no-repeat 0 0;
}
.eventTooltipImg div{
	margin:0;
}
.eventTooltipImg .btn01{
	position:absolute;
	top:15px;
	left:75px;
}
.eventTooltipImg .btn02{
	position:absolute;
	top:30px;
	left:160px;
}
.eventTooltipImg .btn03{
	position:absolute;
	top:41px;
	left:312px;
}
.eventTooltipImg .btn04{
	position:absolute;
	top:66px;
	left:16px;
}
.eventTooltipImg .btn05{
	position:absolute;
	top:88px;
	left:484px;
}
.eventTooltipImg .btn06{
	position:absolute;
	top:149px;
	left:331px;
}
.eventTooltipImg .btn07{
	position:absolute;
	top:159px;
	left:30px;
}
.eventTooltipImg .btn08{
	position:absolute;
	top:210px;
	left:97px;
}
.eventTooltipImg .btn09{
	position:absolute;
	top:257px;
	left:175px;
}
.eventTooltipImg .btn10{
	position:absolute;
	top:329px;
	left:388px;
}


/* メリット
-----------------------------------------------*/
.offerMerit{
	margin:25px 0 0;
	padding:0 10px 25px;
	width:671px;
	background:url(/common/images/line_dot.gif) repeat-x scroll 0 100% transparent;
}
.offerMeritLeft{
	float:left;
	width:420px;
}
.offerMeritLeft h4{
	margin:0 0 15px;
	padding:0;
	font-size:120%;
	font-weight:bold;
}

.offerMeritLeft ul{
	margin:0 0 0 12px;
	padding:0;
	list-style:none;
}
.offerMeritLeft li{
	margin:0 0 7px;
	padding:0 0 0 16px;
	list-style:none;
	background:url(../images/icon_bluedot.jpg) no-repeat 0 1px;
}
.offerMeritImg{
	float:right;
	widows:240px;
}
.offerMerit p.offerMeritImgL{
	clear:both;
	margin:20px 0 0 0;
}


/* ギャラリー
-----------------------------------------------*/
.contentsLeft p.offerGalleryLead{
margin:20px 0 0 10px;
padding:0 0 0 20px;
background:transparent url(../images/icon_zoom.gif) no-repeat 0 2px;
clear:both;
}

.offerGallery{
margin:10px 0 0 0;
padding:0;
}

.offerGallery ul{
margin:0;
padding:0 0 0 2px;
list-style:none;
}
.offerGallery li{
margin:0 0 10px;
padding:0 9px;
display:inline;
float:left;
}
p.offerGalleryLink{
	clear:both;
	margin:10px 0 0;
	text-align:center;
}


/* イベントリスト
-----------------------------------------------*/
.offerEventList{
	margin:30px 0 0 10px;
	padding:10px;
	width:651px;
	background:#EDEDED;
}
.offerEventList h3{
	margin:0 0 15px;
	font-weight:bold;
	color:#30527A;
	font-size:120%;
}
.offerEventListLeft{
	float:left;
}
.offerEventListRight{
	float:right;
}
.offerEventList ul{
	margin:0 0 0 15px;
	padding:0;
	width:310px;
	list-style:none;
}
.offerEventList li{
	margin:0 0 5px;
}
.offerEventList p{
	clear:both;
	margin:0;
	padding:0;
	width:650px;
	text-align:right;
}


/* 関連製品
-----------------------------------------------*/
.offerRelation{
margin:20px 0 0 10px;
padding:15px 30px 15px 15px;
width:624px;
border:1px solid #CCC;
clear:both;
}
.offerRelationLeft{
	float:left;
}
.offerRelationLeft h4{
	margin:0;
	padding:0 0 4px;
}
.offerRelationLeft ul{
	margin:0 0 0 10px;
	padding:0;
	list-style:none;
	font-size:120%;
}
.offerRelationLeft li{
	margin:6px 0 0;
	padding:0 0 0 16px;
	list-style:none;
	background:url(../images/icon_bluedot.jpg) no-repeat 0 2px;
}
.offerRelationLeft p{
	margin:10px 0 0 10px;
}
.offerRelationRight{
	float:right;
}




/* tooltip
==================================================*/
a.tip{
	text-decoration:none;
	cursor:pointer;
}
a.tip:hover{
	line-height:180%;
}
a.tip img{
	z-index:10;
}
a.tip span{
	display:none;
	background:none;
	border:none;
	z-index:100;
}
a.tip:hover span{
	display:inline;
	position:absolute;
	margin:-40px 0 0 2px;
	width: 153px;
	border:4px solid #224873;
	color: #333;
	text-decoration:none;
}

.btn01 a.tip:hover span{
	padding:120px 11px 11px;
	background:#FFF url(../images/offer_img01_01.jpg) no-repeat 11px 11px;
	z-index:100;
}
.btn02 a.tip:hover span{
	padding:120px 11px 11px;
	background:#FFF url(../images/offer_img01_02.jpg) no-repeat 11px 11px;
	z-index:100;
}
.btn03 a.tip:hover span{
	padding:120px 11px 11px;
	background:#FFF url(../images/offer_img01_03.jpg) no-repeat 11px 11px;
	z-index:100;
}
.btn04 a.tip:hover span{
	padding:120px 11px 11px;
	background:#FFF url(../images/offer_img01_04.jpg) no-repeat 11px 11px;
	z-index:100;
}
.btn05 a.tip:hover span{
	padding:120px 11px 11px;
	background:#FFF url(../images/offer_img01_05.jpg) no-repeat 11px 11px;
	z-index:100;
}
.btn06 a.tip:hover span{
	padding:120px 11px 11px;
	background:#FFF url(../images/offer_img01_06.jpg) no-repeat 11px 11px;
	z-index:100;
}
.btn07 a.tip:hover span{
	padding:120px 11px 11px;
	background:#FFF url(../images/offer_img01_07.jpg) no-repeat 11px 11px;
	z-index:100;
}
.btn08 a.tip:hover span{
	padding:120px 11px 11px;
	background:#FFF url(../images/offer_img01_08.jpg) no-repeat 11px 11px;
	z-index:100;
}
.btn09 a.tip:hover span{
	padding:120px 11px 11px;
	background:#FFF url(../images/offer_img01_09.jpg) no-repeat 11px 11px;
	z-index:100;
}
.btn10 a.tip:hover span{
	padding:120px 11px 11px;
	background:#FFF url(../images/offer_img01_10.jpg) no-repeat 11px 11px;
	z-index:100;
}