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

/*--------------------------------------------
メインバナー 画像
--------------------------------------------*/
#banner-main a.top-image01{
	display:block;
	width:245px;
	height:245px;
	background:url(../images/top/main_banner_space01.jpg) no-repeat left top;
}

#banner-main a.top-image02{
	display:block;
	width:245px;
	height:245px;
	background:url(../images/top/main_banner_space02.jpg) no-repeat left top;
}
#banner-sub .top-sub-image01{
	display:block;
	width:153px;
	height:153px;
	background:url(../images/top/sub_banner_image01.jpg) no-repeat left top;
}
#banner-sub .top-sub-image02{
	display:block;
	width:153px;
	height:153px;
	background:url(../images/top/sub_banner_image02.jpg) no-repeat left top;
}


/*--------------------------------------------
メインバナー
--------------------------------------------*/

#main-banner{
	margin:0 0 15px 0;
}
#main-banner .main-banner-inner{
	background:#e9e9e9;
	padding:5px 0;
}
#banner-main{
	float:left;
	width:574px;
	padding:0 0 0 11px;
}
#banner-main .banner-main-inner{
	width:536px;
	padding:6px 19px 0;
	background:url(../images/main_banner01_repeat.gif) repeat-y left top;
}
#main-banner .heading{
	padding:0 0 15px 0;
}
#main-banner .heading img{
	vertical-align:middle;
	float:left;
	padding:0 10px 0 0;
}
#main-banner .heading span{
	float:left;
	padding:1px 0 0 0;
}
#main-banner .sub-heading{
	padding:5px 0;
	font-size:1em;
}
#main-banner #space01{
	float:left;
	width:245px;
}
#main-banner #space02{
	float:right;
	width:245px;
}

#main-banner #space01 .date,
#main-banner #space02 .date{
	padding:10px 0 20px;
}
#main-banner #space01 .detail,
#main-banner #space02 .detail{
	padding:0 0 4px;
	text-align:right
}

#banner-sub{
	float:right;
	width:357px;
	height:100%;
	padding:0 10px 0 0;
}
#banner-sub01,
#banner-sub02{
	height:50%;
}
#banner-sub01 .banner-sub-inner,
#banner-sub02 .banner-sub-inner{
	padding:0 16px;
	background:url(../images/main_banner_sub_repeat.gif) repeat-y left top;
}
#banner-sub01 .banner-sub-inner .heading,
#banner-sub02 .banner-sub-inner .heading{
	padding:0 0 5px 0;
}

#banner-sub01 .banner-sub-inner .text-area,
#banner-sub02 .banner-sub-inner .text-area{
	float:right;
	position:relative;
	width:167px;
	height:153px;
}
#banner-sub01 .banner-sub-inner .text-area p.detail,
#banner-sub02 .banner-sub-inner .text-area p.detail{
	position:absolute;
	right:0;
	bottom:0;
	padding:0;
}
#banner-sub01 .banner-sub-inner .text-area p,
#banner-sub02 .banner-sub-inner .text-area p{
	padding:0 0 5px 0;
}


/* en */
/*
#main-banner-en{
	margin:0 0 15px 0;
}
#main-banner-en .main-banner-inner{
	background:#e9e9e9;
	padding:5px 10px;
	width:940px;
}
#main-banner-en .banner-main-inner{
	position:relative;
	background:url(../en/images/main_banner_repeat.gif) repeat-y left top;
}
body.small #main-banner-en .banner-main-inner{
	height:325px;
}
body.medium #main-banner-en .banner-main-inner{
	height:370px;
}
body.large #main-banner-en .banner-main-inner{
	height:440px;
}

#main-banner-en .banner-main-bottom{
	position:absolute;
	bottom:0;
	width:728px;
	padding:7px 7px 7px 205px;
	background:url(../en/images/main_banner_bottom.gif) no-repeat left bottom;
	font-weight:bold;
	color:#fff;
}
#main-banner-en #banner-logo{
	padding:15px 0 0 26px;
}

#main-banner-image-list{
	float:right;
	padding:20px 20px 0 0;
	
}
#main-banner-image-list li{
	float:left;
	width:222px;
	padding:0 0 0 19px;
}
#main-banner-image-list li .banner-heading-en{
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	line-height:1.2;
	padding:6px 0;
}
#building{
	position:absolute;
	bottom:4px;
	left:3px;
	z-index:1000;
}*/
/*--------------------------------------------
ナビゲーション
--------------------------------------------*/

#nav{
	width:960px;
	margin:0 0 15px 0;
}
#nav li{
	float:left;
}


/*--------------------------------------------
メイン
--------------------------------------------*/

#main{
	float:left;
	width:680px;
	margin:0 0 15px 0;
}

/*--------------------------------------------
サイドバー
--------------------------------------------*/

#sub{
	width:252px;
	float:right;
	margin:0 0 15px 0;
}
#sub #banner-list li{
	padding:0 0 8px 0;
}


/*--------------------------------------------
見出し
--------------------------------------------*/

h2{
	padding:0 0 8px 0;
}


/*--------------------------------------------
what's new
--------------------------------------------*/

#whats-new{
	padding:0 0 20px 0;
}
.whats-new-list{
	width:570px;
	border-collapse:collapse;
	
}
.whats-new-list td{
	padding:8px 5px;
	border-bottom:#ebebeb solid 1px;
	vertical-align:top;
}

body.small .whats-new-list td.icon img{
	vertical-align:top;
	padding:0 0 0 0;
}
body.medium .whats-new-list td.icon img{
	vertical-align:top;
	padding:2px 0 0 0;
}
body.large .whats-new-list td.icon img{
	vertical-align:top;
	padding:4px 0 0 0;
}


/*--------------------------------------------
twitter / facebook / rss
--------------------------------------------*/

#social-area{
	float:right;
	position:relative;
	background:url(../images/social_area_bg.gif) no-repeat left bottom;
	padding:0 0 30px;
}
#social-area .social-area-top{
	font-size:0;
	line-height:0;
	padding:0;
}
#social-area ul{
	padding:0 15px;
}
#social-area ul li{
	padding-top:30px;
	text-align:center;
}

#social-area-en{
	float:right;
	position:relative;
	background:url(../images/social_area_bg.gif) no-repeat left bottom;
	padding:0 0 10px;
	zoom:1;
}
#social-area-en ul{
	padding:0 15px;
}
#social-area-en ul li{
	padding-top:10px;
	text-align:center;
}


/*--------------------------------------------
コンセプト
--------------------------------------------*/

.concept-list{
	border-collapse:collapse;
	width:680px;
}
.concept-list td{
	vertical-align:top;
	/*padding:10px 4px;*/padding:10px 4px 10px 10px;
	border-top:#ededed solid 1px;
}
.concept-list ul{
	width:500px;
	padding:5px 0 0 0;
}
.concept-list ul li{
	float:left;
	padding:0 20px 0 0;
}
body.small .concept-list ul li a{
	display:block;
	padding:0 0 0 18px;
	background:url(../images/arrow_icon.gif) no-repeat left 1px;
}
body.medium .concept-list ul li a{
	display:block;
	padding:0 0 0 18px;
	background:url(../images/arrow_icon.gif) no-repeat left 3px;
}
body.large .concept-list ul li a{
	display:block;
	padding:0 0 0 18px;
	background:url(../images/arrow_icon.gif) no-repeat left 4px;
}
#concept p{
	padding:0 0 10px 0;
}
.concept-list td.image-cell{
	/*width:60px;*/width:72px;
	text-align:center;
}

#exhibitions p{
	padding:0 0 10px 0;
}
.exhibitions-list{
	border-collapse:collapse;
	width:680px;
}
.exhibitions-list td{
	vertical-align:top;
	padding:10px 4px;
	border-top:#ededed solid 1px;
}
.exhibitions-list td.image-cell{
	width:60px;
	text-align:center;
}


.exhibitions-list td.image-cell .en-exhibitions-image01{
	display:block;
	width:153px;
	height:153px;
	background:url(../en/images/photo_info_image01.jpg) no-repeat center top;
}
.exhibitions-list td.image-cell .en-exhibitions-image02{
	display:block;
	width:153px;
	height:153px;
	background:url(../en/images/photo_info_image02.jpg) no-repeat center top;
}



/*--------------------------------------------
関連リンク
--------------------------------------------*/
#link-list li{
	padding:0 0 5px 0;
}
body.small #link-list li a{
	display:block;
	background:url(../images/arrow02_icon.gif) no-repeat left 4px;
	padding:0 0 0 12px;
}
body.medium #link-list li a{
	display:block;
	background:url(../images/arrow02_icon.gif) no-repeat left 6px;
	padding:0 0 0 12px;
}
body.large #link-list li a{
	display:block;
	background:url(../images/arrow02_icon.gif) no-repeat left 8px;
	padding:0 0 0 15px;
}


/*--------------------------------------------
全国の富士フィルムフォトサロン・フォトサロン東京への出展お申込み
--------------------------------------------*/
#bottom-area{
	clear:both;
	border:#74d7be solid 1px;
	padding:8px;
	margin:0 0 15px 0;
}
#authority{
	float:right;
	width:252px;
}
#photo-salon{
	width:680px;
}
#photo-salon-text{
	float:right;
	width:565px;
}

#photo-salon-text p{
	padding:0 0 8px 0;
}

.photo-salon-list{
	width:565px;
}
.photo-salon-list li{
	float:left;
	padding:0 25px 0 0;
}
body.small .photo-salon-list li a{
	display:block;
	padding:0 0 0 18px;
	background:url(../images/arrow_icon.gif) no-repeat left 2px;
}
body.medium .photo-salon-list li a{
	display:block;
	padding:0 0 0 18px;
	background:url(../images/arrow_icon.gif) no-repeat left 3px;
}
body.large .photo-salon-list li a{
	display:block;
	padding:0 0 0 18px;
	background:url(../images/arrow_icon.gif) no-repeat left 5px;
}

#authority-text{
	float:right;
	width:135px;
}


/*--------------------------------------------
下部バナー
--------------------------------------------*/
#bottom-banner-wrap{
	clear:both;
	text-align:center;
}
#bottom-banner{
	width:760px;
	margin:0 auto 5px;
}
#bottom-banner li{
	width:180px;
	float:left;
	padding:0 10px 0 0;	
}

/* en */

#bottom-banner-en{
	width:570px;
	margin:0 auto 5px;
}
#bottom-banner-en li{
	width:180px;
	float:left;
	padding:0 10px 0 0;	
}

/*--------------------------------------------
facebookShareComment
--------------------------------------------*/
.facebookShareComment {
	margin:3px 0 3px;
}

/*--------------------------------------------
(en) index 2016/09/16
--------------------------------------------*/
body#enIndex #impressed-en {
	background:#e9e9e9;
	border-radius:5px;
	padding:13px;
	margin-bottom:15px;
}

body#enIndex #impressed-en .impressed-en-inner {
	background: #fff;
	-webkit-box-shadow: 0 0px 3px #bbbbbb;
	box-shadow: 0 0px 3px #bbbbbb;
	border-radius:4px;
	position:relative;
}

body#enIndex #impressed-en .impressed-en-inner .impressed-logo {
	margin:20px 0 0 26px;
	float:left;
}

body#enIndex #impressed-en .impressed-en-inner ul#impressed-image-list {
    float: right;
    padding: 20px 18px 0 0;
}
body#enIndex #impressed-en .impressed-en-inner ul#impressed-image-list li {
    float: left;
    padding: 0 0 0 19px;
    width: 222px;
}

body#enIndex #impressed-en .impressed-en-inner ul#impressed-image-list li .impressed-en-listTitle {
	font-weight:bold;
	text-align:center;
    font-size: 1.2em;
    line-height: 1.2;
    padding: 6px 0;
}

body#enIndex #impressed-en .impressed-en-inner .impressed-en-bottom {
	margin-top: 7px;
	background: #969696;
	color: #fff;
	font-weight: bold;
	padding: 7px 7px 7px 210px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

body#enIndex #impressed-en .impressed-en-inner .building {
	padding-top:112px;
	bottom: 0;
    left:0;
    position: absolute;
    z-index: 2;
}

/*--------------------------------------------
twitter / facebook  NEW 2109/10/24
--------------------------------------------*/

.rss-link a{
display: inline-block;
	padding:0 0 0 18px;
	background:url(/common/images/icon_rss.gif) no-repeat left 2px;
}

body.small .rss-link a{background:url(/common/images/icon_rss.gif) no-repeat left 2px;}
body.medium .rss-link a{background:url(/common/images/icon_rss.gif) no-repeat left 3px;}
body.large .rss-link a{background:url(/common/images/icon_rss.gif) no-repeat left 5px;}

.arrow-link a{
	padding:0 0 0 18px;
	background:url(/images/arrow_icon.gif) no-repeat left top;
}
body.large .arrow-link a{
	padding:0 0 0 18px;
	background:url(/images/arrow_icon.gif) no-repeat left 3px;
}

/*--------------------------------------------
2020/05/26 打ち出し画像　スペース3追加
--------------------------------------------*/

.current-Exhibition {
box-sizing: border-box;
background: #e9e9e9;
border-radius: 5px;
padding:13px;
margin-bottom:15px;
}

.exhibition-S123 {
background: #fff;
border-radius: 4px;
padding: 0 0 18px 28px;
margin-bottom:6px;
-webkit-box-shadow: 0px 0px 10px hsla(0,0%,0%,0.60);
box-shadow: 0px 0px 3px hsla(0,0%,0%,0.16);
}

.exhibition-S123 .space123 {
float:left;
width:244px;
margin-left:73px;
}
.exhibition-S123 .space123:first-of-type {margin-left:0;}
.exhibition-btn {text-align: right}

.exhibition-mini, .exhibition-history {
float:left;
width:436px;
background: #fff;
border-radius: 4px;
padding:22px 0 22px 28px;
-webkit-box-shadow: 0px 0px 10px hsla(0,0%,0%,0.60);
box-shadow: 0px 0px 3px hsla(0,0%,0%,0.16);
}

.exhibition-date {margin:10px 0 10px;}
.exhibition-date2 {margin:8px 0 10px;;}
.exhibition-date, .exhibition-date2 {line-height: 1.4;}


.exhibition-history {margin-left:6px;}

.exhibition-mini .pic, .exhibition-history .pic {
float:left;
width:153px;
height:153px;
}
.exhibition-detail {
float:right;
width:245px;
margin-right:20px;
}

/*--------------------------------------------
2020/05/26 コロナ対策
--------------------------------------------*/

#main .safety_measure {
/*font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;*/
line-height:1.3;
}

#main .safety_measure p{
border-bottom:3px solid #00a273;
font-weight:bold;
padding-bottom:3px;
margin-bottom:6px;
font-size:16px;
color:red;
}

#main .safety_measure > div a{
text-decoration: none;
border:none;
position: relative;
display: block;
background:#00a273;
padding:15px 10px;
margin-bottom:2em;
color:#fff;
font-size:17px;
font-weight:bold;
}



#main .safety_measure > div a:hover {
background:#05af7e;
text-decoration: none;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
#main .safety_measure > div a span{
position:absolute;
right:10px;
top:0;
margin-top:1.4em;
font-size:13px;
font-weight:normal;
}


/*--------------------------------------------
2020/11/12 東京直営施設のご案内
--------------------------------------------*/
a.btn_tokyoOutlets {
display:block;
border:1px solid #e6e6e6;
}
a.btn_tokyoOutlets:hover {
border:1px solid #74d7be;
}