<style>
#btn {
	font-size: 14px;
	font-weight: bold;
	color: navy;
	background: white;
	position: relative;
	width: 30%;
	height: 60px;
	border: 1px solid #B7D2FF;
	padding: 5px;
	margin-top: 5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;

}

#btn:HOVER {
	position: relative;
	width: 30%;
	height: 56px;
	border: 3px solid #28A2D9;
	padding: 5px;
	margin-top: 5px;
}

#btn a {
	display: block;
	text-decoration: none;
	border-style: none;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background/*\**/:#fff\9;
	filter: alpha(opacity=0);
}
td.c { text-align: center; }
</style>
<script type="text/javascript">
jQuery.event.add(window, "load", function(){
	var fw = 180;
	var fh = 180;
	var sl = 'img.poster';
	$(sl).each(function(){
		var w = $(this).width();
		var h = $(this).height();
		if (w >= h) {
			$(this).width(fw);
		} else {
			$(this).height(fh);
		}
	});
});

$(window).load(function() {
	$('#slider').nivoSlider({
	});
});
</script>
<?php
	echo $this->Html->css('nivoslider/light', false, array('inline' => false));
	echo $this->Html->css('nivoslider/nivo-slider', false, array('inline' => false));
	echo $this->Html->script('jquery.nivo.slider', false, array('inline'=>false));
?>

<center>
	<div class="slider-wrapper theme-light">

		<div id="slider" class="nivoSlider">
			<img src="img/help/info01.jpg" alt="primocco"  />
			<img src="img/help/info02.jpg" alt="primocco"  />
			<img src="img/help/info03.jpg" alt="primocco"  />
		</div>
		<div id="htmlcaption" class="nivo-html-caption">
			<strong>プリモコってなんだろう！？</strong>
		</div>
	</div>
</center>
<h3>プリモコとは</h3>
<table width="100%" cellspacing="20" >
	<tr>
		<td class="c"><img src="img/help/info01.jpg" width="250" height="65" alt="primocco"  /></td>
		<td class="c"><img src="img/help/info02.jpg" width="250" height="65" alt="primocco"  /></td>
		<td class="c"><img src="img/help/info03.jpg" width="250" height="65" alt="primocco"  /></td>
	</tr>
	<tr>
		<td class="c"><div id="description"><b>たったの3ステップを入力するだけで</b></div></td>
		<td class="c"><div id="description"><b>インターネット上にポスターを</b></div></td>
		<td class="c"><div id="description"><b>どなたでも作成できるサイトです。</b></div></td>
	</tr>
	<tr>
		<td colspan="3">
			<div id="description">企業、お店の宣伝はもちろんのこと、サークルやイベントの告知など等さまざまな用途にご使用いただけます。</div>
		</td>
	</tr>
	<tr>
		<td colspan="3">
			<div id="btn">
				<table width="100%" >
					<tr>
						<td width="20%">
							<?php echo $this->Html->image("finger.png"); ?>
						</td>
						<td>さっそく作成してみよう！</td>
						<td>
							<?php echo $this->Html->link("", "/regist"); ?>
						</td>
					</tr>
				</table>
			</div>
		</td>
	</tr>
</table>
