@charset "utf-8";
/* CSS Document */

#container{
	margin:0 -7px;
}

.col3 { 
width: 226px; 
margin:0 7px 14px 7px;
border:1px solid #c6c6c6;
padding:9px;
/*float: left;
position:relative;
height:auto;*/
}

/*黄色パネル*/
#container .newYellow {
background:#ffff66;
}

.boxHead {
	min-height:165px;
}
	

#container .newYellow .txtIcon {
background:#ffff66;
position:absolute;
top:9px;
left:9px;
padding:0 5px 0 0;
font-size:10px;
}
#container .newYellow .imgIcon {
position:absolute;
top:5px;
right:5px;
}
#container .newYellow .boxHead > a {
width:100%;
text-align:center;
display:block;
}
#container .col3 .photo {
	max-width:226px;
	max-height:160px;
}
#container .newYellow .eventTitle {
	line-height:1.2em;
	font-weight:bold;
	padding:10px 0;
	font-size:14px;
	min-height:1.2em
}

#container .newYellow .date {
	font-weight:bold;
}
#container .newYellow .catch {
	margin:-1.4em 0 0 0;
	line-height:1.2em;
	font-size:12px;
}


/*感色パネル*/
#container .gray {
background:#efe5cc;
margin:0 0 9px 7px;
}

#container .gray .panelInner {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
padding:8px;
position:relative;
}

#container .kan .panelInner {background:#fff url(/image/jp/pages/feature/okinawa/iconKan.png) top left no-repeat;}
#container .san .panelInner {background:#fff url(/image/jp/pages/feature/okinawa/iconSan.png) top left no-repeat;}
#container .shitsu .panelInner {background:#fff url(/image/jp/pages/feature/okinawa/iconShitsu.png) top left no-repeat;}
#container .shu .panelInner {background:#fff url(/image/jp/pages/feature/okinawa/iconOmo.png) top left no-repeat;}
#container .zatsu .panelInner {background:#fff url(/image/jp/pages/feature/okinawa/iconZatsu.png) top left no-repeat;}

#container .gray .panelInner .eventTitle {
	display:block;
	width:100%;
	text-align:center;
	font-weight:bold;
	line-height:1.2em;
	padding:10px 0;
	font-size:14px;
}

#container .gray .date {
	font-weight:bold;
}
#container .gray .panelInner .catch {
	line-height:1.6em;
	font-size:14px;
}

#container .gray .info {
	padding:15px 0 0 0;
	background:url(/image/jp/pages/feature/okinawa/fukudashi.png) no-repeat;
	line-height:1.2em;
	font-size:10px;
}

#container .gray .info .imgIcon {
	float:right;
}

#container .gray .info .imgProf {
	float:right;
	overflow:hidden;
	height:42px;
	width:42px;
	border-radius:42px;
	display:inline-block;
}

#container .gray .info img {
	left:-4px;
	position:relative;
}



/*コラムパネル*/
#container .pink {
background:#ffcccc;
min-height:238px;
}

#container .pink > a {
display:block;
text-align:center;
}

#container .pink .imgIcon {
position:absolute;
top:5px;
right:5px;
}

#container .pink .eventTitle {
font-weight:bold;
font-size:18px;
text-shadow: 1px 1px 0px #fff;
line-height:1.4em;
position:absolute;
top:30px;
left:30px; 
}
#container .pink .banner img {
	margin:-20px 0 0 0;
}



/*===== 画像のロールオーバー（透過） ==========================================*/
.imgHover a:hover img
{
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}



