@charset "UTF-8";
/* CSS Document */

/* =============================================
	PC
============================================ */

@media print,screen and (min-width:948px){ 

/* ------------------------------------------
	main image
------------------------------------------ */
	
.top-mainimage-outer {
	background-image: url(../img/top/mainimage_bg.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 302px;
	width: 100%;
	clear: both;
	margin-top: 2px;
	margin-bottom: 30px;
}

.top-mainimage-inner {
	height: 302px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

.sp-bottom-thumbnails {
    margin-top: 4px;
    position: absolute !important;
    left: 680px  !important; 
/*    left: 760px  !important; */
/*      left: 720px  !important; */
    bottom: 10px !important;
}


/*次矢印のアイコンフォント*/
.sp-next-arrow:before {
	font-family: FontAwesome !important;
	content: '\f105' !important;
}
/*前矢印のアイコンフォント*/
.sp-previous-arrow:before {
	font-family: FontAwesome !important;
	content: '\f104' !important;
}
/*次矢印のアイコンフォント*/
/*.sp-next-arrow:before {
	content:' ' !important;
	display: block;
	background: url("../images/arrow-right.png") no-repeat left top;
	text-indent: -9999px;
	width: 40px;
	height: 40px;
}*/
/*前矢印のアイコンフォント*/
/*.sp-previous-arrow:before {
	content:' ' !important;
	display: block;
	background: url("../images/arrow-left.png") no-repeat left top;
	text-indent: -9999px;
	width: 40px;
	height: 40px;
}*/
/*ナビゲーションボタンの色*/
.sp-button {
	border:2px solid #8C4600;
}
.sp-selected-button {
	background-color: #8C4600;
}
/*サムネイルのポインターの色を変える*/
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before,
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
	/*border-color: #8C4600;*/
}
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after,
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
	/*color: #8C4600;*/
}
/*縦スライド時の矢印の位置*/
.sp-vertical .sp-previous-arrow {
	top: 0;
}
.sp-vertical .sp-next-arrow {
	bottom: 0;
}

.top-mainimage-outer .sp-thumbnail-container {
	border: 2px solid #8C4600 !important;
	border-radius: 3px;        /* CSS3草案 */
	/*background:#8C4600;*/
}

.top-mainimage-outer .sp-thumbnail-container img {
	opacity:0.2;
filter: alpha(opacity=20);        /* ie lt 8 */
-ms-filter: "alpha(opacity=20)";  /* ie 8 */
-moz-opacity:0.2;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.2;              /* Safari 1.x */
}

.top-mainimage-outer .sp-selected-thumbnail {
	background:#8C4600;
}
.top-mainimage-outer .sp-selected-thumbnail img {
	opacity:1.0;
filter: alpha(opacity=100);        /* ie lt 8 */
-ms-filter: "alpha(opacity=100)";  /* ie 8 */
-moz-opacity:1.0;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 1.0;              /* Safari 1.x */
}



/* ------------------------------------------
	地図
------------------------------------------ */

.shop-map {
	/*background-image: url(../img/top/map.png);
	background-repeat: no-repeat;
	background-position: left top;*/
	float: left;
	/*height: 289px;
	width: 352px;*/
	position: relative;
	background-color: #fff;
	border: 2px solid #A97541;
	border-radius: 10px;        /* CSS3草案 */
	min-height: 265px;
	_height: 265px;
	width: 328px;
	padding: 10px;
	background-image: url(../img/top/map.png);
	background-repeat: no-repeat;
	background-position: center center;	
}
/*.shop-map h3 {
	height:0px;
	overflow:hidden;
}*/
.shop-map ul {
	position: absolute;
	right: 13px;
	bottom: 5px;
}
.shop-map li {
}
.shop-map li a {
	/*text-decoration: none;*/
	background-image: url(../img/icon_right.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 12px;
}

.shop-map h3 {
	position: absolute;
	right: 0px;
	bottom: 0px;
	top: 5px;
	left: 8px;
	background-image: url(../img/top/icon_mapserch.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 29px;
	font-size:13px;
	line-height:2.6em;
	font-weight:bold;
}



.shop-map p {
	display: block;
	/*min-height: 29px;
	_height:29px;*/
	/*min-width: 20px;*/
	position: absolute;
	background-color:#8C4600;
	border: 1px solid #8C4600;
	border-radius: 5px;        /* CSS3草案 */
	left: 0px;
	top: 0px;
}
.shop-map p a {
	display:block;
	/*height:0px;
	padding-top:29px;
	overflow:hidden;*/
	text-align:center;
	color:#fff;
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:2px;
	font-size:12px;
}
.shop-map p#area01 {
	position: absolute;
	top: 20px;
	left: 285px;
	/*width: 62px;*/
}
.shop-map p#area02 {
	position: absolute;
	top: 108px;
	left: 275px;
	/*width: 62px;*/
}

.shop-map p#area03 {
	position: absolute;
	top: 174px;
	left: 273px;
	/*width: 62px;*/
}

.shop-map p#area04 {
	position: absolute;
	top: 240px;
	left: 183px;
	/*width: 62px;*/
}
.shop-map p#area05 {
	position: absolute;
	top: 118px;
	left: 145px;
	/*width: 62px;*/
}
.shop-map p#area06 {
	position: absolute;
	top: 150px;
	left: 67px;
	/*width: 82px;*/
}
.shop-map p#area07 {
	position: absolute;
	top: 255px;
	left: 102px;
	/*width: 62px;*/
}

.shop-map p#area08 {
	position: absolute;
	top: 172px;
	left: 20px;
	/*width: 62px;*/
}


/* ------------------------------------------
	新着情報
------------------------------------------ */

.top-newsArea {
	float: right;
	height: auto;
	width: 570px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #A8743F;
	border-right-color: #A8743F;
	border-bottom-color: #A8743F;
	border-left-color: #A8743F;
}

.top-newsTitle {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFE0C2;
}
.top-newsTitle h3 {
	font-size: 14px;
	background-image: url(../img/top/icon_news.png);
	background-repeat: no-repeat;
	background-position: left center;
	min-height:24px;
	_height:24px;
	padding-left:33px;
	line-height:3em;
	float:left;
}
.top-newsTitle ul {
	float: right;
	padding-top:12px;
	padding-right:8px;
}
.top-newsTitle li a {
	/*text-decoration: none;*/
	background-image: url(../img/icon_right.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left:14px;
}

.top-news {
	clear:both;
	margin-top:10px;
}
.top-news dl {
}
.top-news dt,
.top-news dd {
	line-height:1.7em;
	color:#444444;
}
.top-news dd a {
	color:#444444;
}
.top-news dt {
	display: block;
	clear: both;
	float: left;
	width: 170px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	min-height:30px;
	_height:30px;
}
.top-news dt span.new {
	width:40px;
	display:block;
	float:left;
}
.top-news dt span.date {
	width:130px;
	display:block;
	padding-left:40px;
	padding-top:4px;
}
.top-news dd {
	padding-top:5px;
	min-height:30px;
	_height:30px;
	padding-left: 170px;
	display: block;
	background-image: url(../img/top/dot.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-bottom: 10px;
	padding-bottom: 12px;
}

.top-news .news-lastchild {
	background-image:none;
	margin-bottom:0px;
}




/* ------------------------------------------
	作品ショーケース
------------------------------------------ */
/*2015.11.11*/
.sp-area {
	display:none;
}

.slider-showcase {
/*position: relative;
overflow: hidden;
margin: 0px auto;*/
}

.slider-showcase div.case {
margin: 0px 18px;
height: 210px;
width: 203px !important;
overflow:hidden;
background-color:#FFF;
position:relative;
}
.slider-showcase div.case img {
    position: relative;
    display: block;
    vertical-align: middle;
    margin-bottom: 0px;
    width: 203px !important;
    height: auto;
}

.slider-showcase div.case span.showcase-ti {
	background-image: url(../img/top/showcase_ti_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 29px;
	width: 203px;
	display:block;
	text-align:center;
}
.slider-showcase div.case span.showcase-ti,
.slider-showcase div.case a span.showcase-ti {
	color:#fff;
	line-height:2.5em;
}

.slider-showcase div.case span.showcase-caption {
	background-image: url(../img/top/showcase_caption_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#FFF;
	height: 29px;
	width: 203px;
	display: block;
	text-align:center;
}
.slider-showcase div.case span.showcase-caption,
.slider-showcase div.case a span.showcase-caption {
	color:#444444;
	line-height:2.5em;
	position:absolute;
	bottom:0;
	left:0;
	z-index:100 !important;
}


.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 46px !important;
    height: 46px !important;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev {
	background-image: url(../img/top/showcase_prev.png) !important;
	background-repeat: no-repeat;
	background-position: left top;
	
	z-index:10000 !important;
}
.slick-next {
	background-image: url(../img/top/showcase_next.png) !important;
	background-repeat: no-repeat;
	background-position: left top;
	right:0 !important;
}



/*End 2015.11.11*/




.showcase-outer {
	width: 100%;
	min-height: 311px;
	_height: 311px;
	background-image: url(../img/top/showcase_bg.png);
	background-repeat: repeat-x;
	background-position: center top;
	clear: both;
	margin-top:30px;
}
.showcase-inner {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
}

.showcase-TitleArea {
	margin-bottom:10px;
}
.showcase-TitleArea h3 {
	background-image: url(../img/top/ti_showcase.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 35px;
	min-height:26px;
	_height:26px;
	line-height:2.5em;
	font-size:14px;
	font-weight:bold;
	float:left;
}

.showcase-TitleArea ul {
	float: right;
	padding-top:8px;
	padding-right:8px;
}
.showcase-TitleArea li a {
	/*text-decoration: none;*/
	background-image: url(../img/icon_right.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left:12px;
}

#lista1 .als-item:hover {
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70);
}


#lista1 .als-item span.showcase-ti {
	background-image: url(../img/top/showcase_ti_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 29px;
	width: 203px;
	display:block;
}
#lista1 .als-item span.showcase-ti,
#lista1 .als-item a span.showcase-ti {
	color:#fff;
	line-height:2.5em;
}

#lista1 .als-item span.showcase-caption {
	background-color:#FFF;
	height: 29px;
	width: 203px;
	display: block;
}
#lista1 .als-item span.showcase-caption,
#lista1 .als-item a span.showcase-caption {
	color:#444444;
	line-height:2.5em;
	position:absolute;
	bottom:0;
	left:0;
}

#lista1 .als-item a {
	/*text-decoration:none;*/
}


    
  /*ugcArea*/  
    
.ugcArea-outer {
	clear: both;
	width: 100%;
	background-image: url(../img/top/footer_bnr_border.png);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 43px;
	margin-bottom:35px;
}

.ugcArea {
	clear: both;
	height: auto;
	width: 960px;
	margin-right: auto;
	margin-left: auto;

}

    
    
    
    
    
    
    

/*top-bannerArea*/
.top-bannerArea-outer {
	clear: both;
	width: 100%;
	background-image: url(../img/top/footer_bnr_border.png);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 43px;
	margin-bottom:35px;
}

.top-bannerArea {
	clear: both;
	height: auto;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}


.top-bannerArea ul {
	margin-left:-15px;
	overflow:hidden;
}
.top-bannerArea li {
	display:block;
	width:310px;
	height:auto;
	margin-bottom:0px;
	float:left;
	margin-left:15px;
}

.top-bannerArea ul.footbnr02 li {
	margin-top:15px;
}



.esc {
position: relative;
clear: both;
width: 100%;
}
#showcase-content {
position: relative;
margin: 0px auto;
width: 960px;
}
/********************************
* generic als elements styling
********************************/
.als-container {
position: relative;
width: 100%;
margin: 0px auto;
}

.als-viewport {
position: relative;
overflow: hidden;
margin: 0px auto;
}

.als-wrapper {
position: relative;
list-style: none;
}

.als-item {
position: relative;
display: block;
text-align: center;
cursor: pointer;
float: left;
}

.als-prev, .als-next {
position: absolute;
cursor: pointer;
clear: both;
z-index:10000;
}


/**************************
* specific als elements
* styling for #lista1
**************************/

#lista1 {
margin: 0px auto 0px auto;
}

#lista1 .als-item {
margin: 0px 18px;
height: 210px;
width: 203px;
overflow:hidden;
background-color:#FFF;
}

#lista1 .als-item img {
position: relative;
display: block;
vertical-align: middle;
margin-bottom: 0px;
width: 203px;
height:auto;
}

#lista1 .als-prev, #lista1 .als-next {
top: 78px;
width: 46px;
height: 46px;
}

#lista1 .als-prev {
left: 0px;
}

#lista1 .als-next {
right: 0px;
}

/* ------------------------------------------
	掲示板
------------------------------------------ */

.board-outer {
	width: 100%;
	min-height: 205px;
	_height: 205px;
	background-image:url(../img/board/bg_top.png), url(../img/board/bg_bottom.png), url(../img/board/bg.png);
	background-position:top center, bottom center, top center;
	background-repeat:repeat-x, repeat-x, repeat;
	clear: both;
	margin-bottom:35px;
	margin-top:10px;
}
.board-inner {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
}
.board-TitleArea {
}
.board-TitleArea h3 {
	background-image:url(../img/top/icon_board.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 35px;
	min-height:26px;
	_height:26px;
	line-height:2.5em;
	font-size:14px;
	font-weight:bold;
	float:left;
}
.board-TitleArea ul {
	float: right;
	padding-top:8px;
	padding-right:8px;
}
.board-TitleArea li a {
	/*text-decoration: none;*/
	background-image: url(../img/icon_right.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left:12px;
}

#board-content {
	clear:both;
	width:976px;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
}
ul.board-list {
	display:block;
	overflow:hidden;
	width:976px;
}
ul.board-list li {
	float:left;
}
ul.board-list li a {
	background-color:#FFF;
	margin:0 8px 15px 8px;
	padding-bottom:15px;
	width:309px;
	height:auto;
	overflow:hidden;
	display:block;
	border-bottom:10px solid #FFF;
}
ul.board-list li a:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	text-decoration:none;
}
.board-list .explain {
	padding:10px 10px 0 13px;
	clear:both;
	display:block;
	overflow:hidden;
}
.board-list h3 {
/*	font-size:larger;   */
	font-weight:bold;
	text-align:center;
	padding:5px 0 0 0;
	display:block;
	line-height:150%;
	border-bottom:1px dotted #630;
	padding-bottom:5px;
}
.board-list .explain p {
	line-height:176%;
	margin-top:7px;
	text-align:center;
}
.board-list .explain img {
/*	width:80%; */
/*	float:left;   */
	height:auto;
	margin-bottom:10px;
	margin-right:10px;
}
.board-list .explain .date {
	text-align:center;
	color:#CEB491;
	display:block;
	width:100%;
	margin-top:10px;
}


/* ------------------------------------------
	メディア掲載のお知らせ
------------------------------------------ */

.top-middle-Area {
	clear: both;
	height: auto;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:35px;
}

.top-mediaArea {
	background-color: #fff;
	border: 2px solid #A97541;
	border-radius: 10px;        /* CSS3草案 */
	min-height:180px;
	_height:180px;
	padding:10px;
	position:relative;
	width:416px;
	float:left;
}
.top-mediaArea h4 {
	background-image: url(../img/top/icon_media.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 36px;
	min-height:26px;
	_height:26px;
	line-height:2.5em;
	font-size:14px;
	margin-bottom:10px;
	font-weight:bold;
}

.top-mediaArea dl {
	display: block;
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.top-mediaArea dt {
	color: #006DD9;
	display: block;
	float: left;
	width: 225px;
	margin-right: 10px;
}
.top-mediaArea dt a {
	/*color:#006DD9;
	text-decoration:none;*/
}
.top-mediaArea dd {
	float: right;
	display: block;
	width:171px;
	height:95px;
	overflow:hidden;
}
.top-mediaArea dd img {
	width:171px;
	height:auto;
}

.top-mediaArea ul {
	position: absolute;
	right: 15px;
	bottom: 5px;
}
.top-mediaArea li a {
	/*text-decoration: none;*/
	background-image: url(../img/icon_right.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left:12px;
}


.top-banner-Right-Bloc2 {
	width:270px;
	float:right;
}

/* ------------------------------------------
	ピックアップ
------------------------------------------ */

.top-pickupArea {
	background-color: #fff;
	border: 2px solid #A97541;
	border-radius: 10px;        /* CSS3草案 */
	padding:10px;
	position:relative;
	min-height:180px;
	_height:180px;
	width:476px;
	float:right;
}
.top-pickupArea h4 {
	background-image: url(../img/top/icon_pickup.png);
	background-repeat: no-repeat;
	background-position: left 0px;
	padding-left: 36px;
	min-height: 31px;
	_height: 31px;
	line-height: 2.5em;
	font-size: 14px;
	margin-bottom: 10px;
	font-weight:bold;
}

.top-pickupOuter {
}
.top-pickup {
	/*background-color: #fff;
	border: 2px solid #A97541;
	border-radius: 10px;*/        /* CSS3草案 */
	width: 232px;
	min-height: 104px;
	_height: 104px;
	position: relative;
	float: left;
	background-image: url(../img/top/pickup_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 104px;
	/*padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;*/
}

.top-pickup02 {
	float:right;
}

.top-pickup dl {
	display: block;
	height: auto;
	padding:13px 0px 0px 10px;
	margin-right: auto;
	margin-left: auto;
}
.top-pickup dd {
	float:right;
	display:block;
	padding-right:7px;
	width:100px;
	height:81px;
	overflow:hidden;
}
.top-pickup dd img {
	width:100px;
	height:auto;
}
.top-pickup dt {
	float:left;
	width:104px;
	padding-top:5px;
}
.top-pickup dt a {
	/*color:#006DD9;
	text-decoration:none;*/
}

.top-pickupArea ul {
	position: absolute;
	right: 15px;
	bottom: 5px;
}
.top-pickupArea li a {
	/*text-decoration: none;*/
	background-image: url(../img/icon_right.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left:12px;
}

.bar-pickup {
	position: absolute;
	top: 0px;
	right: 2px;
	z-index: 1000;
}
}