@charset "utf-8";

/* 共通
------------------------------------------- */
div#ex-wrapper {
	width: 700px;
	clear: both;
	margin: 10px 0;
}

div#ex-wrapper div.title {margin-bottom:20px;}
div#ex-wrapper div.title h3 {}
div#ex-wrapper div.title p {
	padding:2px 10px;
	background-color:#2EB3F9;
	color:#FFFFFF;
}
div#ex-wrapper a {text-decoration:underline;}
div#ex-wrapper a:hover {text-decoration:none;}

/* 1つめ
------------------------------------------- */
div#ex-wrapper div#ex-item01 {
	margin-bottom:20px;
	overflow: hidden;
}
div#ex-wrapper div#ex-item01 h4 {
	width:700px;
	padding-bottom: 10px;
	background: url(../images/ttl_bg.gif) no-repeat left top;
	overflow: hidden;
}
div#ex-wrapper div#ex-item01 h4 span.date {
	display:block;
	width:145px;
	height:15px;
	float:left;
	padding:3px 5px;
	font-weight:bold;
	color:#FFFFFF;
}
div#ex-wrapper div#ex-item01 h4 span.title {
	display:block;
	width:525px;
	height:15px;
	float:left;
	padding:3px 10px;
	font-weight:bold;
	color:#ffffff;
}
div#ex-wrapper div#ex-item01 div.detail {
	width:290px;
	float:left
}
div#ex-wrapper div#ex-item01 div.detail div.item {
	width:268px;
	border:1px solid #E80A0A;
	background-color:#FFDDEA;
	padding:10px;
	line-height:2;
	text-align:center;
	margin-bottom:10px;
	overflow:hidden;
}
div#ex-wrapper div#ex-item01 div.detail p.txt {line-height:1.4;}
div#ex-wrapper div#ex-item01 div.detail div.item h5 {font-weight:bold;}
div#ex-wrapper div#ex-item01 p.photo {
	width:400x;
	float:right;
}
div#ex-wrapper div#ex-item01 div.detail p.shop-info {
	width:176px;
	float:left;
	padding-left:46px;
	text-align:center;
}
div#ex-wrapper div#ex-item01 div.detail p.shop-btn a {
	display:block;
	width:36px;
	height:36px;
	background:url(../images/button_shopdata.png) no-repeat 0 0;
	float:right;
	overflow:hidden;
	text-indent:-1000000em;
	margin-top:10px;
}
div#ex-wrapper div#ex-item01 div.detail p.shop-btn a:hover {
	filter:alpha(
			 style=1,
			 opacity=60,
			 finishopacity=40,
			 startx=0,
			 starty=0,
			 finishx=100,
			 finishy=100
			 );/* IE用透過設定 */
	-moz-opacity:0.6;
	opacity:0.6;/* IE以外透過設定 */
}

/* 2つめ
------------------------------------------- */
div#ex-wrapper div#ex-item02 {}
div#ex-wrapper div#ex-item02 h6 {
	clear:both;
	width:680px;
	float:left;
	padding:4px 10px 15px;
	background:url(../images/ttl_bg2.gif) repeat-x 0 0;
	font-weight:bold;
	color:#ffffff;
}
div#ex-wrapper div#ex-item02 p.photo {
	width:270px;
	float:left;
}
div#ex-wrapper div#ex-item02 p.txt {
	width:410px;
	float:right;
	line-height:1.4em;
}
div#ex-wrapper div#ex-item02 p.txt span {
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	font-size: 1.2em;
}



/* Menu Button Area
-------------------------- */
div#ex-btn-menu {
	clear: both;
	padding-top: 10px;
	margin-bottom:20px;
}

div#ex-btn-menu ul {
	margin: 0;
	padding: 0px;
	text-align: center;
}

div#ex-btn-menu ul li {
	margin: 0 10px;
	display: inline;
}