@charset "utf-8";
/*
 * 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 ===*/
/*============================*/


/*--------------------
説明するよ
--------------------*/
/*
■必要なファイル（多分）■
	js/sliderpack.js　　　　（jQuery関連ファイル。jQuery本体jsの後に入れる。基本的には変更不要）
	js/sliderimgsetting.js　（sliderpack.jsの後に入れる。基本的には変更不要）
	js/sliderimg.js　　　　（イメージの読み込み用js。外部に出してあるので、この中を編集すれば画像が追加できます。）
	css/slider.css　　　　　（適当に設定したまえ）
	
■読み込み用画像サイズ■
	width:960px;
    height:300px;

■こんなふうにHTML書けば良いらしいよ■
<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 指定するとHTMLをかけるようだ！
*/

/*--------------------
ここからCSS始まる
--------------------*/
#testright {
	width:240px;
	float:right;
}

#slidararea {
	margin-bottom:5px;
}

#slider {
	position:relative;
    width:960px;
    height:300px;
	background:url(loading.gif) no-repeat 50% 50%;
	box-shadow:0px 0px 10px #CCC;
	-webkit-box-shadow:0px 0px 10px #CCC;
	-moz-box-shadow:0px 0px 10px #CCC;
	border:solid 1px #fff;
	/* IE8 and below */
	border:solid 1px #CCC\9;	
}

#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: relative;
	top: 265px;
	right:3px;
	height:22px;
	text-align:center;
	z-index:99;

	width:100%;
}

.nivo-controlNav a {
	display:inline-block !important;
	
	width:22px;
	height:22px;
	
	background:url(bullets.png) no-repeat top;
	border:0;
	position:relative;
	cursor:pointer;
	
	text-indent:-9999px;
	text-align:left;
}

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

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

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(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;
}

/* slider 2014/11/01 */

#slider_big {
	
	width:735px;
	height:288px;
	margin:4px auto;
}


#photos {
	
	width:743px !important;
}

#slider_small {
	
	position:relative;
	
	width:743px;
	height:72px;
	margin-bottom:4px;
	
	overflow:hidden;
}

#slider_small #slider_small_next,
#slider_small #slider_small_prev
{
	position:absolute;
	top:0;
}

#slider_small #slider_small_next,
#slider_small #slider_small_prev {
	
	display:block;
	width:51px;
	
	cursor:pointer;
}

#slider_small #slider_small_next:hover,
#slider_small #slider_small_prev:hover {
	
	opacity:0.8;
}

#slider_small #slider_small_next { left:0; }
#slider_small #slider_small_prev { right:0; }

#slider_small #slider_small_next img,
#slider_small #slider_small_prev img
{
	display:block;
	margin:0 auto;
}


#slider_small_main {
	
	position:relative;
	
	width:641px;
	height:72px;
	
	margin:0 auto;
	
	overflow:hidden;
}

#slider_small_main a {
	
	display:block;
	float: left;
	
	position: relative;
	height: 72px;
	z-index: 901;
	
	margin:0 2px;
	padding: 0px;
	
	cursor: pointer;
}

#slider_small_motionBox {
	
	position:absolute;
	top:0; left:0;
	
	height:72px;
}





/*--------------------------------*/


#panfyou_cover {
	position:relative;
	top:0;
	left:0;
	width:240px !important;
	height:300px;
	border:solid 1px #e95098;
	padding:0;
	background-color:#fff;
	margin-bottom:15px;
	overflow: hidden;
-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


#panfyou_cover h3 {
	background:url(../../images/top/h3_panfyou.png) no-repeat;
	width:240px;
	height:30px;
	text-indent:-9999px;
}


#panfyou_cover_slider_main {
	position:relative;
	width:180px;
	height:270px;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
}
/*
#panfyou_cover_slider_main a {
	display:block;
	float: left;
	position: relative;
	height: 240px;
	z-index: 901;
	margin:0 auto;
	padding: 0px;
	cursor: pointer;
}*/

#panfyou_cover_slider_motionBox {
	position:absolute;
	top:0; left:0;
	height:270px;
	background:#FFFDE9;
}
/*
#panfyou_cover_slider_motionBox p , #panfyou_cover_slider_motionBox p a {
	display:block;
	width:180px;
	height:240px;
}
#panfyou_cover_slider_motionBox p a img {
    display:table-cell;
  width:150px;
  height:150px;
  vertical-align:middle;
  text-align: center;
	}
*/
#panfyou_cover_slider_motionBox p a { 
  float:left;
  text-align: center;
  display:block;
/*  min-width:180px;*/
  width:180px;
  height: 270px;
  font-size:11px;
  line-height:1.1em;
  text-decoration:none;

}
#panfyou_cover_slider_motionBox p a:before {
  content: "";
  display: inline-block;
  height: 240px;
  vertical-align: middle;
  margin-right: -0.25em;
} 
#panfyou_cover_slider_motionBox p a img {
  display: inline-block;
  vertical-align:middle;
  margin:0;
  padding:0;
}

#panfyou_cover #panfyou_slider_next,
#panfyou_cover #panfyou_slider_prev
{
	position:absolute;
	top:125px;
}

#panfyou_cover #panfyou_slider_next,
#panfyou_cover #panfyou_slider_prev {
	display:block;
	width:30px;
	cursor:pointer;
}

#panfyou_cover #panfyou_slider_next:hover,
#panfyou_cover #panfyou_slider_prev:hover {
	opacity:0.8;
}

#panfyou_cover #panfyou_slider_next { left:0; }
#panfyou_cover #panfyou_slider_prev { right:0; }

#panfyou_cover #panfyou_slider_next img,
#panfyou_cover #panfyou_slider_prev img{
	display:block;
	margin:0 auto;
}