/*
 * jQuery Nivo Slider v2.4
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 *
 * March 2010
 */

/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/


/*--------------------
???????
--------------------*/
/*
???җv?ȃt??C??i?????j??
	js/sliderpack.js?@?@?@?@?ijQuery?֘A?t??C??BjQuery?{??s?̌??????B???I?ɂ͕ύX?s?v?j
	js/sliderimgsetting.js?@?isliderpack.js?̌??????B???I?ɂ͕ύX?s?v?j
	js/sliderimg.js?@?@?@?@?i?C??[?W??????ݗpjs?B?O??ɏo???????ŁA?????t?W???????m?lj??Ū??܂??B?j
	css/slider.css?@?@?@?@?@?i?K??ɐ݃]?????ܷV?j

??ï???ݗp???T?C????
	width:740px;
    height:300px;

??????Ӵӂ?TML????Ηǂ??炵???恡
<div id="slider">
    <a href="http://dev7studios.com"><img src="img/nemo.jpg" alt="" /></a>
    <a href="http://dev7studios.com"><img src="img/walle.jpg" alt="" title="#htmlcaption" /></a>
    <a href="http://dev7studios.com"><img src="img/up.jpg" alt="" title="This is" /></a>
    <a href="http://dev7studios.com"><img src="img/toystory.jpg" alt="" /></a>
</div>
<div id="htmlcaption" class="nivo-html-caption">
    <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
</div>
#htmlcaption ?w?]????HTML????????ӂ??I
*/

/*--------------------
??????SS?n?܂?--------------------*/

#sliderarea {
	width: 930px;
	height: 280px;
	margin: 0px auto 15px;
	background:url(../image/main_image_bg.png) no-repeat;
	padding: 12px 12px 31px;
}
#sp-sliderarea {
	width: 360px;
	height: 116px;
	margin: 0px auto 15px;
}

/*chrome only */
@supports (-webkit-appearance:none)
{
	#sliderarea {
		width: 930px;
		margin: 10px auto;
	}
	#sp-sliderarea {
		width: 360px;
		margin: 10px auto;
	}
}



#slider {
    width:930px;
    height:280px;
	background:url(../image/loading.gif) no-repeat 50% 50% #ffffff;
}

/*
#sp-slider {
//	width: 360px;
//	height: 116px;
//	background:url(../image/loading.gif) no-repeat 50% 50% #ffffff;
}
*/

#slider a {
	border:0;
	display:block;
	background-color:transparent;
}

#slider a[target="_blank"]:after {
	content:normal;
	vertical-align:text-top;
    margin:0;
	padding:0;
}

#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

#slider a:hover {
	background-color:transparent;
}

/*.nivo-controlNav {
	position:absolute;
	left:260px;
	bottom:-25px;
	background:#F00;
	margin:0 auto;
}

.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../img/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}
.nivo-controlNav {
position: relative;
top: 0px;
width:740px;
height:22px;
margin:0 auto;
text-align: right;
z-index:99;
}
*/

/*???ɏo??ver
.nivo-controlNav {
	position: relative;
	top: 255px;
	width:740px;
	height:22px;
	margin:0 auto;
	text-align:center;
	z-index:99;
}
*/

/*?????o??ver*/
.nivo-controlNav {
	position: relative;
	width:930px;
	height:15px !important;
	top: 10px !important;
	right:3px !important;
	text-align:right;
	z-index:99;
}

.nivo-controlNav a {
	display: inline !important;
	padding: 5px 10px 0px 10px !important;
	background:url(../image/bullets.png) no-repeat top;
	border:0;
	position:relative;
	cursor:pointer;
}


.nivo-controlNav .num {
	display: none;
}

.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../image/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;

}

a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}

a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}

.nivo-caption a {
    color:#efe9d1;
    text-decoration:underline;
}


/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}

.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}

/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#061938;
	color:#fff;
/* Overridden by captionOpacity setting */
	opacity:0.8;
	width:100%;
	z-index:89;
}

.nivo-caption p {
	padding:5px;
	margin:0;
}

.nivo-caption a {
	display:inline !important;
}

.nivo-html-caption {
    display:none;
}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}

.nivo-prevNav {
	left:0px;
}

.nivo-nextNav {
	right:0px;
}