@charset "utf-8";

body {
	width:1000px;
	height:660px;
	overflow:hidden;
	padding:0;
	margin:0;
}

#wrapper {
	width:1000px;
	height:600px;
	overflow:hidden;
	padding:30px 0;
	margin:0;
	background:url(../images/modal_gallery_bg.png) no-repeat 0 0;
	position:relative;
}

iframe {
	background:transparent !important;
}

h1 {
	padding:0;
	margin:0 30px 10px;
}

p {
	color:#fff;
	font-size:15px;
	line-height:24px;
	padding:0;
	margin:0 30px;
}

#main {
	width:1000px;
	max-width:1000px;
	height:547px;
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	position:absolute;
	top:73px;
	left:0;
	z-index:100001;
}

#main .image_carousel {
	width:1000px;
	height:527px;
	margin:0;
	padding:0;
	overflow:visible;
	position:relative;
}
#main .image_carousel .caroufredsel_wrapper {
	height:527px !important;
	margin:0 !important;
}
#main ul#slider {
	width:100%;
	height:527px !important;
	max-height:527px;
	margin:0;
	z-index:100002;
	position:relative !important;
	overflow:hidden;
}
#main ul#slider li {
	width:1000px;
	height:527px;
	padding:0;
	text-align:center;
	float:left;
	position:relative;
	left:0;
}

#slideNaviArea {
	width:100%;
	height:8px;
	margin:0 auto;
	z-index:100004;
	text-align:center;
	position:absolute;
	bottom:-10px;
	background:transparent; /* Old browsers */
}
#slideNaviArea #slide-nav {
	margin:0 7px 0 0;
	z-index:100005;
	text-align:center;
}
#slide-nav a {
    width:8px;
	height:8px;
    margin:0 7px;
	text-indent: -9999px;
	overflow:hidden;
	display:inline-block;
	z-index:100006;
	background:url(../../common/images/slide_navi.png) no-repeat 0 center;
}
#slide-nav a.selected {
	background:url(../../common/images/slide_navi.png) no-repeat right center;
}

#main .slideNavi {
	width: 100%;
	position: absolute;
	top: 269px;
	z-index: 100016;
}
#main .slideNavi #prevbtn {
	width: 27px;
	height: 46px;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	z-index: 100100;
	text-indent: -9999px;
	background:url(../../scene/images/btn_prev.png) no-repeat 0 0;
}
#main .slideNavi #nextbtn {
	width: 27px;
	height: 46px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	z-index: 100100;
	text-indent: -9999px;
	background:url(../../scene/images/btn_next.png) no-repeat 0 0;
}


/*カラー
==================================================================*/
.gallery .viewArea{
	width:940px;
	min-height: 527px;
	height:527px !important;
	margin-top:0;
	position:relative;
}

.gallery .selectArea{
	width:343px;
	height:53px;
	margin:0;
	padding:0;
	position:absolute;
	bottom:5px;
	right:0;
}
.gallery .selectArea p {
	width:161px;
	padding:13px 5px 26px 0;
	margin:0;
	float:left;
}
.gallery .selectArea .thumbSec{
	width:176px;
	margin:0;
	padding:0;
	float:left;
}

#main ul#slider li .gallery .selectArea .thumbSec li{
	width:40px;
	height:53px;
	margin-top:0;
	margin-left:10px;
	float:left;
	cursor:pointer;
	position:relative;
	overflow:hidden;
	background-position:100px 100px;
	background-repeat:no-repeat;
}

#select_image li {display:none;}
div.color1 #select_image li#color1, div.color1 #select_image li#color4, div.color1 #select_image li#color7, div.color1 #select_image li#color10, div.color1 #select_image li#color13 {display:block;}
div.color2 #select_image li#color2, div.color2 #select_image li#color5, div.color2 #select_image li#color8, div.color2 #select_image li#color11, div.color2 #select_image li#color14 {display:block;}
div.color3 #select_image li#color3, div.color3 #select_image li#color6, div.color3 #select_image li#color9, div.color3 #select_image li#color12, div.color3 #select_image li#color15 {display:block;}

li#mnavi01, li#mnavi04, li#mnavi07, li#mnavi10, li#mnavi13 { background-image:url(../images/modal_gallery_cl_navi1_on.png);}
li#mnavi02, li#mnavi05, li#mnavi08, li#mnavi11, li#mnavi14 { background-image:url(../images/modal_gallery_cl_navi2_on.png);}
li#mnavi03, li#mnavi06, li#mnavi09, li#mnavi12, li#mnavi15 { background-image:url(../images/modal_gallery_cl_navi3_on.png);}

div.color1 li#mnavi01, div.color1 li#mnavi04, div.color1 li#mnavi07, div.color1 li#mnavi10, div.color1 li#mnavi13 { background-position:0 0 !important;}
div.color2 li#mnavi02, div.color2 li#mnavi05, div.color2 li#mnavi08, div.color2 li#mnavi11, div.color2 li#mnavi14 { background-position:0 0 !important;}
div.color3 li#mnavi03, div.color3 li#mnavi06, div.color3 li#mnavi09, div.color3 li#mnavi12, div.color3 li#mnavi15 { background-position:0 0 !important;}

div.color1 li#mnavi01 img, div.color1 li#mnavi04 img, div.color1 li#mnavi07 img, div.color1 li#mnavi10 img, div.color1 li#mnavi13 img { visibility:hidden;}
div.color2 li#mnavi02 img, div.color2 li#mnavi05 img, div.color2 li#mnavi08 img, div.color2 li#mnavi11 img, div.color2 li#mnavi14 img { visibility:hidden;}
div.color3 li#mnavi03 img, div.color3 li#mnavi06 img, div.color3 li#mnavi09 img, div.color3 li#mnavi12 img, div.color3 li#mnavi15 img { visibility:hidden;}

.galleryImage{
	background: transparent;
	text-align: center;
}