@charset "utf-8";

/**
 *
 *  コンテンツ共通
 *
 */

/*--------------------------------------------------------------------------
   general style
---------------------------------------------------------------------------*/

/* xxx
-----------------------------------------------------------------*/

/* xxx */


/*--------------------------------------------------------------------------
   template
---------------------------------------------------------------------------*/

/* frame
-----------------------------------------------------------------*/


/* title
-----------------------------------------------------------------*/


/* list
-----------------------------------------------------------------*/


/* form
-----------------------------------------------------------------*/
input:focus,
textarea:focus,
select:focus{
	outline:none;
}

/* table */
table.form-tbl{
}

/* input */
input.input-base{
}

/* textarea */
textarea.textarea-base{
}


/*--------------------------------------------------------------------------
   ModalWindow
---------------------------------------------------------------------------*/
#ModalWindow{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
}
#ModalBG{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1001;
	width: 100%;
	height: 100%;
	background-color: #171717;
	opacity: 0.8;
	filter:alpha(opacity=80);
}
#ModalContents{
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1002;
	width: auto;
}
#ModalInner{
	overflow: hidden;
	background-color: #fff;
	box-shadow: 0 0 5px #171717;
}
#ModalCloseBtn{
	position: absolute;
	top: 25px;
	right: 25px;
	z-index: 1002;
	width: 29px;
	height: 29px;
	background: url(../images/modal_close.gif) no-repeat 0 0;
	cursor: pointer;
}
#ModalCloseBtn:hover{
	opacity: 0.6;
	filter:alpha(opacity=60);
}
#ModalInlineData{
	display: none;
}

/* txtBtn */
.txtModal #ModalCloseBtn{
	position: absolute;
	top: 25px;
	right: 25px;
	z-index: 1002;
	width: 29px;
	height: 29px;
	background: url(/shared/images/modal_close01.gif) no-repeat 0 0;
	cursor: pointer;
}

/* gallery Btn */
.galleryModal #ModalCloseBtn{
	position: absolute;
	top:auto;
	bottom: 28px;
	right: 25px;
	z-index: 1002;
	width: 26px;
	height: 25px;
	background: url(/shared/images/modal_close02.gif) no-repeat 0 0;
	cursor: pointer;
}

/*--------------------------------------------------------------------------
   .pager
---------------------------------------------------------------------------*/
.pager{
	margin:50px 0 60px 0;
}
.pager ul{
	letter-spacing:-0.4em;
	text-align:center;
}
.pager ul li{
	margin:0 5px;
	display:inline-block;
	/display:inline;
	/zoom:1;
	font-size:14px;
	font-weight:bold;
	letter-spacing:0;
	vertical-align:middle;
}
.pager ul li a{
	width:25px;
	min-height:25px;
	color:#303030;
	display:block;
	text-decoration:none;
}
.pager ul li a:hover{
	background:url(../images/pager_on.png) no-repeat center 50%;
}
.pager ul li.active{
	width:25px;
	min-height:25px;
	color:#FFF;
	background:url(../images/pager_on.png) no-repeat center 50%;
}
.pager ul li img{
	vertical-align:middle;
}
.pager ul li.prev{
	margin:0 10px 0 3px;
}
.pager ul li.prev{
	margin-right:16px;
}
.pager ul li.prev a:hover,
.pager ul li.next a:hover{
	background:none;
	opacity:0.6;
	filter:alpha(opacity=60);
}


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


/* xxx
-----------------------------------------------------------------*/


/* //////////////////////////////////////////////////
smartPhone
////////////////////////////////////////////////// */
@media screen and (max-width: 767px){


/*--------------------------------------------------------------------------
   ModalWindow
---------------------------------------------------------------------------*/
/* txtBtn */
.txtModal #ModalCloseBtn{
	top: 15px;
	right: 15px;
	width: 15px;
	height: 15px;
	background: url(/shared/images/modal_close01.gif) no-repeat 0 0;
	background-size: 15px;
}

/* gallery Btn */
.galleryModal #ModalCloseBtn{
	position: absolute;
	top:initial;
	bottom: 15px;
	right: 15px;
	z-index: 1002;
	width: 15px;
	height: 15px;
	background: url(/shared/images/modal_close02.gif) no-repeat 0 0;
	background-size:15px;
	cursor: pointer;
}





/* .pager
-----------------------------------------------------------------*/
.pager{
	margin:30px 0 0 0;
}
.pager ul li,
.pager ul li.prev,
.pager ul li.next{
	margin:0 10px;
}
.pager ul li:last-child{
	margin-right:0;
}
.pager ul li:first-child{
	margin-left:0;
}
.pager ul li.prev a:hover,
.pager ul li.next a:hover{
	opacity:1;
}
.pager ul li a:hover{
	background:none;
}


}