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

RESET

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

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, form,
dl, dt, dd, ol, ul, li, li a,
fieldset, legend,
table, caption, tbody, tfoot, thead, tr, th,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}
nav ul {
	list-style: none;
	overflow: visible;
	min-height: 40px;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
form{margin:0; padding:0;}
table{border-collapse:collapse;}
p{ padding-bottom:1em;}
/*------------------------------------

BASIC SETTING

------------------------------------*/
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.5em;
	font-size:13px;
}
.wrapper{
	width: 1000px;
	margin: 0 auto;
}
.content{
	clear: both;
	margin: 15px 0;
	background-color: rgba(255,255,255,.5);
	border: 1px solid #CECECE;
}
.cont-east{
	width: 770px;
	float: right;
	padding: 0 0 30px 15px;
	min-height: 500px;
}
.cont-east-ad{
	width: 770px;
	float: right;
	padding: 0 0 30px 15px;
}
.cont-east-ad-inner{
	width: 770px;
	padding: 0 0 30px 0;
}
.cont-east-pack{
	width: 755px;
	float: right;
	padding: 0 15px 30px 15px;
	min-height: 500px;
}
.cont-west{
	width: 175px;
	padding: 0 10px 30px;
	float: left;
}
.cont-west .menu-unit{
	margin: 0 0 25px 0;
}
.menu-unit a{
	display: block;
	padding: 5px 0;
	border-bottom: 1px dotted #666;
	transition: 0.2s ease;
	-webkit-animation: 0.2s ease;
	white-space: nowrap;
}
.menu-unit a:hover{
	text-indent: 0.4em;
	background-color: rgba(255,255,255,.5);
	white-space: nowrap;
}
.cont-west .banner-unit img{
	margin-top: 8px;
	border: 1px solid #ccc;
}
/*--------------------------------------------------------------------< BUTTON >-*/
a{
	text-decoration: none;
	color: #666;
}
a:hover{
	color: rgba(51,204,204,1);
}
a.bluelink{
	text-decoration: underline;
	color:rgba(51,153,204,.7);
}
a.bluelink:hover{
	text-decoration: none;
	color:rgba(51,153,204,1);
}
a.btn-a,a.btn-a2,a.btn-a3{
	display: inline-block;
	padding:1px 14px 0px 10px;
	margin: 3px 0;
	color: #39C;
	border: 1px solid rgba(51,153,204,.5);
	-webkit-border-radius: 4px;
	border-radius: 4px;
	transition: 0.2s ease;
	-webkit-animation: 0.2s ease;
	font-size: 12px;
}
a.btn-a4{
	display: block;
	padding: 8px 14px 6px 10px;
	margin: 10px 0;
	color: #39C;
	border: 1px solid rgba(51,153,204,.5);
	-webkit-border-radius: 4px;
	border-radius: 4px;
	transition: 0.2s ease;
	-webkit-animation: 0.2s ease;
	font-size: 18px;
	text-align: center;
	background-color: rgba(231,242,245,.6);
}

a.btn-a:after{
	content:'\f105';
	font-family:'icomoon';
	position:relative;
	right:-8px;
	top:2px;
	font-size:16px;
}
a.btn-a2:after{
	content:'\f08e';
	font-family:'icomoon';
	position:relative;
	right:-8px;
	top:2px;
	font-size:14px;
}
a.btn-a3:after{
	content:'\f1c1';
	font-family:'icomoon';
	position:relative;
	right:-8px;
	top:2px;
	font-size:14px;
}
a.btn-a:hover,a.btn-a2:hover,a.btn-a3:hover,a.btn-a4:hover{
	background-color: rgba(51,153,204,.7);
	color:rgba(255,255,255,1);
}

/*-----------------------------------------------------------------------*/
.content#lime{
	border-top: 15px solid #7EDC16;
	position:relative;
}
.content#lime:before{
	content: '▲';
	font-size:22px;
	color:#7EDC16;
	position: absolute;
	top: -28px;
	left: 160px;
}
.content#purp{
	border-top: 15px solid #8C4AB6;
	position: relative;
}
.content#purp:before{
	content: '▲';
	font-size:22px;
	color:#8C4AB6;
	position: absolute;
	top: -28px;
	left: 800px;
}
.content#apple{
	border-top: 15px solid #379094;
	position: relative;
}
.content#apple:before{
	content: '▲';
	font-size:22px;
	color:#379094;
	position: absolute;
	top: -28px;
	left: 340px;
}
.content#blue{
	border-top: 15px solid #3D528F;
	position: relative;
}
.content#blue:before{
	content: '▲';
	font-size:22px;
	color:#3D528F;
	position: absolute;
	top: -28px;
	left: 570px;
}
.infomation{
	padding: 15px 20px 0 15px;
	font-size: 15px;
	line-height: 1.6em;
	display: table-cell;
	vertical-align: central;
}
/*------------------------------------

H1～H3

------------------------------------*/
h2{
	font-weight: normal;
	font-size: 18px;
}
h2 span a{
	display: block;
	width: 100px;
	font-size: 14px !important;
	color: rgba(255,255,255,1);
	float: right;
}
h2 span a:hover{
	color: rgba(255,255,255,.5);
}
h2.whiteh2{
	margin: 2em 0 1em;
}
/*-------------------------------typeA */
h2.reco{
	font-weight: normal;
	font-size: 20px;
	padding: 12px 0 8px 0;
	margin-bottom: 15px;
}
h2.menu-lime{
	font-weight: normal;
	font-size: 16px;
	color: #fff;
	padding: 10px 0;
	margin-bottom: 15px;
}
h2.menu-aqua{
	font-weight: normal;
	font-size: 16px;
	color: #fff;
	padding: 10px 0;
	margin-bottom: 15px;
}
h2.menu-blue{
	font-weight: normal;
	font-size: 16px;
	color: #fff;
	padding: 10px 0;
	margin-bottom: 15px;
}
h2.menu-purp{
	font-weight: normal;
	font-size: 16px;
	color: #fff;
	padding: 8px;
	margin-bottom: 15px;
}
/*-------------------------------typeB */
h2.main{
	font-weight: normal;
	font-size: 20px;
	padding: 12px 8px 8px;
	border-left: #CECECE 1px solid;
}
h2.lime{
	font-weight: normal;
	font-size: 16px;
	color: #fff;
	padding: 10px 8px;
	border-left: #fff 1px solid;
}
h2.aqua{
	font-weight: normal;
	font-size: 16px;
	color: #fff;
	padding: 10px 8px;
	border-left: #fff 1px solid;
}
h2.blue{
	font-weight: normal;
	font-size: 16px;
	color: #fff;
	padding: 10px 8px;
	border-left: #fff 1px solid;
}
h2.purp{
	font-weight: normal;
	font-size: 16px;
	color: #fff;
	padding: 10px 8px;
	border-left: #fff 1px solid;
}
/*-------------------------------typeC */
h2.limetiny{
	font-weight: normal;
	font-size: 16px;
	color: #fff;
	padding: 8px 0 6px 3px;
	margin-bottom: 15px;
	background-image: url(../images_2015/common/borderd-lime.png);
	margin-top: 40px;
}
h2.ssfftiny{
	font-weight: normal;
	font-size: 16px;
	color: #fff;
	padding: 8px 0 6px 3px;
	margin-bottom: 15px;
	background-image: url(../images_2015/common/borderd-ssff.png);
	margin-top: 40px;
}
h2.appletiny{
	font-weight: normal;
	font-size: 16px;
	color: #fff;
	padding: 8px 0 6px 3px;
	margin-bottom: 15px;
	background-image: url(../images_2015/common/borderd-apple.png);
	margin-top: 40px;
}
h2.bluetiny{
	font-weight: normal;
	font-size: 16px;
	color: #fff;
	padding: 8px 0 6px 3px;
	margin-bottom: 15px;
	background-image: url(../images_2015/common/borderd-blue.png);
	margin-top: 40px;
}
/*-------------------------------typeB-Backgrounds */
.borderd-box{
	background: url(../images_2015/common/borderd.png) repeat-x rgba(255,255,255,.5);}
.borderd-lime{
	background: url(../images_2015/common/borderd-lime.png) repeat-x rgba(255,255,255,.5);}
.borderd-ssff{
	background: url(../images_2015/common/borderd-ssff.png) repeat-x rgba(255,255,255,.5);}
.borderd-apple{
	background: url(../images_2015/common/borderd-apple.png) repeat-x rgba(255,255,255,.5);}
.borderd-blue{
	background: url(../images_2015/common/borderd-blue.png) repeat-x rgba(255,255,255,.5);}
/*------------------------------------

GLOBAL-MENU SETTING

------------------------------------*/
.global-nav{
	width: 1000px;
	margin: 0 auto;
}
.global-nav ul{
	height:87px;}
.global-nav ul li{ float:left;}
.global-nav ul li a{
	text-align: center;
	color: #fff;
	font-size: 15px;
	text-decoration: none;
	line-height: 1.7em;
	opacity: 0.3;
	transition: 0.2s ease;
	-webkit-animation: 0.2s ease;
	display: block;
}
.global-nav ul li a span{
	font-size: 9px;
	text-decoration: none;
	display: block;
	line-height: 1.3em;
	opacity: 1;
	-webkit-font-smoothing:subpixel-antialiased;
}
li.menu01 a{
	width: 106px;
	display: block;
	height: 82px;
	padding-top: 5px;
	background-color: #d5f42a;
	color: #75CD14 !important;
	margin: -20px 0 0 0;
}
li.menu01 a:before{
	content:'\f015';
	font-size:36px;
	display:block;
	font-family:'icomoon';
	-webkit-font-smoothing: antialiased;
}
li.menu01 a:hover{
	height: 90px;
	background-color: #E0F764;
}
li.menu02 a{
	width: 110px;
	display: block;
	height: 82px;
	padding-top: 5px;
	background-color: #7EDC16;
	margin: -20px 0 0 0;
}
li.menu02 a:before{
	content:'\e606';
	font-size:36px;
	display:block;
	font-family:'icomoon';
	-webkit-font-smoothing: antialiased;
}
li.menu02 a:hover{
	height: 90px;
	background-color: #8FEA2D;
}
li.menu03 a{
	width: 112px;
	display: block;
	height: 82px;
	padding-top: 5px;
	background-color: #299095;
	margin: -20px 4px 0 0;
}
li.menu03 a:before{
	content:'\e604';
	font-size:36px;
	display:block;
	font-family:'icomoon';
	-webkit-font-smoothing: antialiased;
}
li.menu03 a:hover{
	height: 90px;
	background-color: #31AAB0;
}
li.menu04 a{
	width: 112px;
	display: block;
	height: 82px;
	padding-top: 5px;
	background-color: #299095;
	margin: -20px 0 0 0;
}
li.menu04 a:before{
	content:'\e605';
	font-size:34px;
	display:block;
	font-family:'icomoon';
	-webkit-font-smoothing: antialiased;
}
li.menu04 a:hover{
	height: 90px;
	background-color: #31AAB0;
}
li.menu05 a{
	width: 112px;
	display: block;
	height: 82px;
	padding-top:5px;
	background-color: #3a529a;
	margin:-20px 4px 0 0;
}
li.menu05 a:before{
	content:'\e600';
	font-size:36px;
	display:block;
	font-family:'icomoon';
	-webkit-font-smoothing: antialiased;
}
li.menu05 a:hover{
	height: 90px;
	background-color: #4461B5;
}
li.menu06 a{
	width: 112px;
	display: block;
	height: 82px;
	padding-top:5px;
	background-color: #3a529a;
	margin:-20px 0 0 0;
}
li.menu06 a:before{
	content:'\e601';
	font-size:36px;
	display:block;
	font-family:'icomoon';
	-webkit-font-smoothing: antialiased;
}
li.menu06 a:hover{
	height: 90px;
	background-color: #4461B5;
}
li.menu07 a{
	width: 112px;
	display: block;
	height: 82px;
	padding-top: 5px;
	background-color: #8c4ab6;
	margin: -20px 4px 0 0;
}
li.menu07 a:before{
	content:'\e603';
	font-size:44px;
	display:block;
	font-family:'icomoon';
	-webkit-font-smoothing: antialiased;
}
li.menu07 a:hover{
	height: 90px;
	background-color: #9C65C0;
}
li.menu08 a{
	width: 112px;
	display: block;
	height: 82px;
	padding-top: 5px;
	background-color: #8c4ab6;
	margin: -20px 0 0 0;
}
li.menu08 a:before{
	content:'\e602';
	font-size:40px;
	display:block;
	font-family:'icomoon';
	-webkit-font-smoothing: antialiased;
}
li.menu08 a:hover{
	height: 90px;
	background-color: #9C65C0;
}
/*li.lang a{
	width: 56px;
	display: none!important;
	height: 38px;
	padding-top: 18px;
	background-color: #E17D94;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	font-size: 10px !important;
	position: absolute;
	left: 9px;
	top: 4px;
}*/
li.social a{
	width: 56px;
	display: none !important;
	height: 38px;
	padding-top: 18px;
	background-color: #9A2C79;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	font-size: 10px !important;
	position: absolute;
	left: 9px;
	top: 54px;
}
/*li.lang a{
	width: 100px;
	display: block;
	height: 82px;
	padding-top: 5px;
	background-color: #BC3695;
	margin: -20px 0 0 0;
	font-size: 13px !important;
	line-height: 1.8em !important;
}*/
li.lang a{
	width: 100px;
	display: block;
	height: 42px;
	padding-top: 5px;
	background-color: #BC3695;
	margin: -20px 0 0 0;
	font-size: 13px !important;
	line-height: 1.8em !important;
}
li.lang2 a{
	width: 50px;
	display: block;
	height: 30px;
	padding-top: 10px;
	background-color: #BC3695;
	margin: 5px 0 0 0;
	font-size: 10px !important;
	line-height: 1.8em !important;
}
li.lang3 a{
	width: 50px;
	display: block;
	height: 30px;
	padding-top: 10px;
	background-color: #BC3695;
	margin: 5px 0 0 0;
	font-size: 10px !important;
	line-height: 1.8em !important;
}
li.lang a:before{
	content:'\f0ac';
	font-size:28px;
	display:block;
	font-family:'icomoon';
	-webkit-font-smoothing: antialiased;
}
li.lang a:hover{
	height: 48px;
	background-color: #C659B0;
}
li.lang2 a:hover{
	height: 38px;
	background-color: #AE3C97;
}
li.lang3 a:hover{
	height: 38px;
	background-color: #AE3C97;
}
/*li.social a:hover{
	width: 60px;
	height: 40px;
	padding-top: 20px;
	background-color: #78235F;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	left: 7px;
	top: 60px;
}*/
ul.menu-home{
	float: left;
	width: 106px;
	padding-top: 28px;
	background: url(../images_2015/common/menu-home-bg.png) no-repeat center 3px #D5F42A;
}
ul.menu-biz{
	float: left;
	width: 228px;
	padding-top: 28px;
	background: url(../images_2015/common/menu-biz-bg.png) no-repeat center 3px #299095;
}
ul.menu-theater{
	float: left;
	width: 110px;
	padding-top: 28px;
	background: url(../images_2015/common/menu-theater-bg.png) no-repeat center 3px #7EDC16;
}
ul.menu-lounge{
	width: 228px;
	float: left;
	padding-top: 28px;
	background: url(../images_2015/common/menu-lounge-bg.png) no-repeat center 3px #3A529A;
}
ul.menu-festival{
	width: 228px;
	float: left;
	padding-top: 28px;
	background: url(../images_2015/common/menu-ff-bg.png) no-repeat center 3px #8C4AB6;
}
ul.menu-other{
	float: left;
	width: 100px;
	padding-top: 28px;
	background: url(../images_2015/common/menu-lang-bg.png) no-repeat center 3px #bc3695;
}
.socialbox{
	float: right;
	width: 150px;
	font-size: 28px;
	/* [disabled]display: none; */
}
.socialbox a{
	text-decoration: none;
	color: #DDD;
	text-align:right;
}
.socialbox a span.icon-twitter-square:hover{color:#39F;}
.socialbox a span.icon-facebook-square:hover{color: #385FA5;}
.socialbox a span.icon-pinterest-square:hover{color: #C30;}
.socialbox a span.icon-google-plus-square:hover{	color: #930;}
.socialbox a span.icon-youtube-square:hover{color: #C33;}
.socialbox a span.icon-vimeo-square:hover{color:#39F;}

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

HEADER SETTING

------------------------------------*/
.head-wrap{
	height: 184px;
	width: 100%;
	background-image: url(../images_2015/common/bg-l2.jpg),url(../images_2015/common/bg-r2.jpg);
	background-repeat: no-repeat;
	background-position: left top,right top;
}
.header{
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
.head-logo{
	width: 100px;
	display: block;
	margin: 0 auto;
}
.head-logo a{
	height: 40px;
	width: 100px;
	display: block;
	background-image: url(../images_2015/common/logo.jpg);
	background-size: contain;
	margin: 20px 0;
}
form#form1{ width:180px;}
#press form#form1{ width:inherit;}
#searchform{
	position: relative;
	margin-top: 45px;
}
.head-search{
	width: 180px;
	position: absolute;
	left: 812px;
	top: 12px;
}
#s{
	padding: 2px 25px 2px 10px;
	width: 20px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	font-size: 12px;
	background-color: #fff;
	color: #999;
	border: #e0e0e0 1px solid;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	float: right;
	transition: 0.2s ease;
	-webkit-animation: 0.2s ease;
}
#s:hover,#s:focus{width: 155px; border: #ccc 1px solid;}
#searchsubmit{
	position: absolute;
	top: 3px;
	right: 6px;
	width: 20px;
	height: 20px;
	background-color: transparent;
	border: none;
	cursor: pointer;
	background-image: url(../images_2015/common/serch.jpg);
	background-size: contain;
}
.tracebox{
	height: 20px;
}
.trace{
	font-size: 12px;
	width: 750px;
	float: left;
	padding: 5px 0 0 0;
}
.trace a{
	color: #757575;
}
.trace a:after{
	content:' > ';
}
.trace a:hover{
	color: #33CCCC;
}
/*------------------------------------

 PAGE

------------------------------------*/
.category-guide{
	padding-bottom: 15px;
	border-bottom: 1px solid #CECECE;
	margin-top: 15px;
}
.category-img{
	width: 200px;
	float: left;
}
.category-img img{
	width: 100%;
	height:auto;
}
.category-text{
	float: left;
	width: 530px;
	padding: 0 15px 0 25px;
}
.category-text strong{
	font-size: 15px;
	margin: 0 0 10px 0;
	font-weight: normal;

}
/*------------------------------------

TOP PAGE

------------------------------------*/
.top-slide{
	width: 640px;
	height: 330px;
	overflow: hidden;
	padding: 10px;
	float: left;
}
.top-slide iframe{
	width: 640px;
	height: 330px;
	overflow: hidden;
}
.bx-viewport{ border:none !important; box-shadow:none !important; left:0 !important;}
.top-newsbox{
	width: 315px;
	float: left;
	font-size: 12px;
	padding: 10px;
}
/*.top-newsbox .news-set{
	padding: 5px;
	margin-top: 5px;
}
.top-newsbox .news-set .news-tmb{
	width: 100px;
	float: left;
	margin: 0 10px 0 0;
}
.top-newsbox .news-set .news-tmb img{
	width: 100%;
	height: auto;
	display: block;
}
.top-newsbox .news-set .news-text{
	line-height: 1.5em;
}
.top-newsbox a .news-set{ color:#666;}
.top-newsbox a .news-set:hover{
	-webkit-box-shadow: 0px 0px 0px 3px rgba(102,102,102,.2);
	box-shadow: 0px 0px 0px 3px rgba(102,102,102,.2);
	border-radius:5px;
}*/
.year-map-inner h3{
	text-indent: -200%;
	white-space: nowrap;
	overflow: hidden;
}
.year-map-title{
	background-image: url(../images_2015/map/year-title.png);
	width: 338px;
	height: 77px;
	margin: -15px 0 0 -10px;
}
.year-map-text{
	width: 300px;
	padding: 35px 10px 30px 10px;
	background: url(../images_2015/map/year-text-bg.png) no-repeat center;
	font-size: 13px;

}
.year-map00{
	background-image: url(../images_2015/map/year00.png);
	width: 120px;
	height: 66px;
	position: absolute;
	left: 401px;
	top: 192px;
}
.year-map-inner{
	position: relative;
	height: 450px;
	background: url(../images_2015/map/year-bg.png) no-repeat center center;
	font-size: 12px;
	line-height: 1.5em;
}
.year-map-inner a div{
	color:#666;
}
.year-map-inner a:hover div{
	-webkit-box-shadow: 0px 0px 3px 1px rgba(102,102,102,.4);
	box-shadow: 0px 0px 3px 1px rgba(102,102,102,.4);
	border-radius: 5px;
}
.year-map01{
	background: url(../images_2015/map/year01.png) no-repeat;
	width: 160px;
	height: 100px;
	padding: 10px 0 0 130px;
	position: absolute;
	left: 339px;
	top: 45px;
}
.year-map02{
	background: url(../images_2015/map/year02.png) no-repeat 3px 3px;
	width: 315px;
	height: 77px;
	padding: 43px 0 0 5px;
	position: absolute;
	left: 661px;
	top: 22px;
}
.year-map02 .inner02{
	padding-left: 90px;
}
.year-map03{
	background: url(../images_2015/map/year03.png) no-repeat 3px 2px;
	width: 280px;
	height: 70px;
	padding: 30px 0 0 5px;
	position: absolute;
	left: 686px;
	top: 165px;
}
.year-map04{
	background: url(../images_2015/map/year04.png) no-repeat;
	width: 130px;
	height: 123px;
	padding: 20px 0 0 135px;
	position: absolute;
	left: 10px;
	top: 252px;
}
.year-map05{
	background: url(../images_2015/map/year05.png) no-repeat center top;
	width: 250px;
	height: 90px;
	padding: 30px 0 0 12px;
	position: absolute;
	left: 282px;
	top: 321px;
}
.year-map06{
	background: url(../images_2015/map/year06.png) no-repeat;
	width: 150px;
	height: 78px;
	padding: 90px 0 0 10px;
	position: absolute;
	left: 547px;
	top: 264px;
}
.year-map07{
	background: url(../images_2015/map/year07.png) no-repeat 3px 3px;
	width: 225px;
	height: 80px;
	padding: 55px 0 0 5px;
	position: absolute;
	left: 753px;
	top: 286px;
}

/*--------------------------------------------------------------------E-*/
.quicknews{}
.quicknews iframe{}
.quicknews-a{
	width: 465px;
	padding: 10px 10px 20px 20px;
	float: left;
}
.quicknews-b{
	width: 470px;
	padding: 10px 10px 20px 20px;
	float: left;
}
.quicknews-a .quick-title{
	display: block;
	font-size: 13px;
	color: #fff;
	padding: 4px 0 4px 8px;
	background-color: #8c4ab6;
}
.quicknews-b .quick-title{
	display: block;
	font-size: 13px;
	color: #fff;
	padding: 4px 0 4px 8px;
	background-color: #329499;
}
.quicknews-inner{
	padding: 15px 12px 8px;
	-webkit-box-shadow: inset 0px 1px 3px 1px rgba(102,102,102,.2);
	box-shadow: inset 0px 1px 3px 1px rgba(102,102,102,.2);
}
.quick-title span{font-size:normal !important;}
#google_translate_element{display:none;}
/*-----------------------------------------------------*/
.top-box{
	width: 236px;
	float: left;
	margin: 20px 20px 0 0;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(51,51,51,0.4);
	box-shadow: 0px 0px 4px 0px rgba(51,51,51,0.4);
	height: 495px;
	overflow: hidden;
}
.top-box.tube-box{
	width: 492px;
	height: 495px;
}
.top-box-inner{
	padding: 10px 10px 0;
}
/*-----------------------------------------------------*/
.tube-box-tube-l{
	width: 230px;
	float: left;
	border: 3px solid #d5563e;
	margin: 0 15px 0 0;
}
.tube-box-tube-l img{
	width: 100%;
	height: auto;
	display: block;
}
.tube-box-tube-s{
	width: 85px;
	float: left;
	border: 2px solid #d5563e;
	margin: 0 12px 0 0;
	height: 65px;
	overflow: hidden;
}
.tube-box-tube-s img{
	width: 100%;
	height: auto;
	display: block;
}
.tube-box-text-l{
	float: left;
	width: 220px;
	font-size: 14px;
}
.tube-box-text-s{
	float: left;
	width: 370px;
	font-size: 12px;
	line-height: 1.4em;
}
.tube-box-text-s span,.tube-box-text-l span{
	display: block;
	color: #666666;
	padding: 4px 0 0;
	font-style: italic;
}
/*-----------------------------------------------------*/
.top-box-unit{
	border-bottom: 1px solid #ccc;
	padding-bottom: 6px;
	margin-bottom: 6px;
}
.top-box-unit a{
	color: #333;
}
.top-box-unit a:hover{
	color: #393;
}
a:last-child .top-box-unit{
	border-bottom: none;
	margin-bottom: none;
}
.top-box-tmb{
	width: 100%;
	margin-bottom: 5px;
	max-height: 140px;
	overflow: hidden;
}
.top-box-tmb img{
	width: 100%;
	height: auto;
	display: block;
}
.top-box-text-l{
	font-size: 14px;
	line-height: 1.4em;
}
.top-box-text{
	font-size: 11px;
	line-height: 1.4em;
}
.top-box-text span,.top-box-text-l span{
	display: block;
	color: #666666;
	padding: 3px 0 0;
	font-style: italic;
}
.top-box-text a{}
.top-box-text a:hover{}
.top-box h3{
	vertical-align: middle;
}
.top-box h3.news01{
	font-size: 13px;
	color: #fff;
	padding: 9px 5px;
	background-color: rgba(126,220,22,1);
}
.news01:before{
	content:'\e606';
	font-family:'icomoon';
	font-size:28px;
	font-weight:normal;
	vertical-align: middle;
	padding-right:5px;
	-webkit-font-smoothing: antialiased;
}
.top-box h3.news02{
	font-size: 13px;
	color: #fff;
	padding: 9px 5px;
	background-color: #329499;
}
.news02:before{
	content:'\e604';
	font-family:'icomoon';
	font-size:28px;
	font-weight:normal;
	vertical-align: middle;
	padding-right:5px;
	-webkit-font-smoothing: antialiased;
}
.top-box h3.news03{
	font-size: 11px;
	color: #fff;
	padding: 9px 5px;
	background-color: #329499;
}
.news03:before{
	content:'\e605';
	font-family:'icomoon';
	font-size:26px;
	font-weight:normal;
	vertical-align: middle;
	padding-right:5px;
	-webkit-font-smoothing: antialiased;
}
.top-box h3.news04{
	font-size: 13px;
	color: #fff;
	padding: 9px 5px;
	background-color:#3a529a;
}
.news04:before{
	content:'\e600';
	font-family:'icomoon';
	font-size:28px;
	font-weight:normal;
	vertical-align: middle;
	padding-right:5px;
	-webkit-font-smoothing: antialiased;
}
.top-box h3.news05{
	font-size: 13px;
	color: #fff;
	padding: 9px 5px;
	background-color:#3a529a;
}
.news05:before{
	content:'\e601';
	font-family:'icomoon';
	font-size:28px;
	font-weight:normal;
	vertical-align: middle;
	padding-right:5px;
	-webkit-font-smoothing: antialiased;
}
.top-box h3.news06{
	font-size: 13px;
	color: #fff;
	padding: 9px 5px;
	background-color:#8c4ab6;
}
.news06:before{
	content:'\e603';
	font-family:'icomoon';
	font-size:34px;
	font-weight:normal;
	vertical-align: middle;
	padding-right:5px;
	-webkit-font-smoothing: antialiased;
}
.top-box h3.news07{
	font-size: 13px;
	color: #fff;
	padding: 9px 5px;
	background-color: #8c4ab6;
}
.news07:before{
	content:'\e602';
	font-family:'icomoon';
	font-size:30px;
	font-weight:normal;
	vertical-align: middle;
	padding-right:5px;
	-webkit-font-smoothing: antialiased;
}
.top-box h3.newstube{
	font-size: 18px;
	font-weight: normal;
	padding: 9px 5px;
	color: #fff;
	background-color: #d5563e;
}
.newstube:before{
	content: '\f166';
	font-family: 'icomoon';
	font-size: 28px;
	font-weight:normal;
	vertical-align: middle;
	padding-right: 5px;
	-webkit-font-smoothing: antialiased;
}
.top-box span.icon-youtube-play{
	font-style: normal;
	font-size: 15px;
	color: #C22E48;
	display: inline;
	padding-left: 3px;
	vertical-align: middle;
}
/*------------------------------------

WATCH PAGE

------------------------------------*/
/*.category-guide{}
.category-img{}
.category-text{}*/
.watch-box{
	width: 340px;
	float: left;
	margin: 20px 10px 0 10px;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(51,51,51,0.4);
	box-shadow: 0px 0px 4px 0px rgba(51,51,51,0.4);
	height: 400px;
	overflow: hidden;
	padding: 10px;
	display: block;
	color: #666;
}
.watch-box:hover{
	-webkit-box-shadow: 0px 0px 4px 0px rgba(51,51,51,0.7);
	box-shadow: 0px 0px 4px 0px rgba(51,51,51,0.7);
}
/*a:nth-child(2n) .watch-box{
	margin: 20px 10px 0 0;
}
#learn a:nth-child(even) .watch-box{
	margin: 20px 10px 0 0;
}*/
.watch-box-title{
	padding-top: 12px;
	border-top: 3px solid rgba(126,205,39,1);
	font-size: 16px;
	padding: 12px 0 8px;
}
.watch-box-photo{
	width: 250px;
	margin: 10px auto;
	max-height: 180px;
	overflow: hidden;
}
.watch-box-text span.icon-youtube-play{ font-size:20px; color:#CC6666; vertical-align:text-bottom;}
.watch-box-date{
	width: 100px;
	float: left;
	margin: 5px 0;
}
/*.watch-box-cate{
	display: inline-block;
	float: right;
	margin: 5px 0 0;
}*/
/*------------------------------------

SSFF PAGE

------------------------------------*/
/*.ssff-box{
	width: 340px;
	float: left;
	margin: 20px 35px 0 0;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(51,51,51,0.4);
	box-shadow: 0px 0px 4px 0px rgba(51,51,51,0.4);
	height: 400px;
	overflow: hidden;
	padding: 10px;
	display: block;
	color: #666;
}
.ssff-box:hover{
	-webkit-box-shadow: 0px 0px 4px 0px rgba(51,51,51,0.7);
	box-shadow: 0px 0px 4px 0px rgba(51,51,51,0.7);
}
a:nth-child(2n) .ssff-box{
	margin: 20px 10px 0 0;
}*/
.ssff-box-title{
	padding-top: 12px;
	border-top: 3px solid #8C4AB6;
	font-size: 16px;
	padding: 12px 0 8px;
}
.ssff-box-photo{
	width: 250px;
	margin: 10px auto;
	max-height: 180px;
	overflow: hidden;
}
/*.ssff-box-text span.icon-youtube-play{ font-size:20px; color:#CC6666; vertical-align:text-bottom;}
.ssff-box-date{
	width: 100px;
	float: left;
	margin: 5px 0;
}
.ssff-box-cate{
	display: inline-block;
	float: right;
	margin: 5px 0 0;
}*/

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

FLAG PAGE

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

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

 INQ SYSTEM

------------------------------------*/
table.datatable{
	width: 750px;
	margin: 10px 0;
}
table.datatable td{
	padding: 8px 0px 8px 10px;
	border-bottom: 1px solid #CECECE;
	vertical-align: top;
}
table.datatable th{
	padding: 8px 0px 8px 8px;
	border-bottom: 1px solid #CECECE;
	vertical-align: top;
	font-weight: normal;
	text-align: left;
	width: 120px;
}

table.datatable td table{ width:100%;}
table.datatable td table td{
	border: none;
	padding: 2px 0 2px 5px;
}
table.datatable td table th{
	width: 50px;
}
table.datatable td table td input.color_form{
	width: 200px;
	padding: 5px;
}
.err_div,span.look{
	color:#CC3300;
}
.err_div ul{
		list-style-type:none;
}
.inq-a{
	font-size: 14px;
	display: inline-block;
	padding: 3px 10px 3px 0;
	float: left;
	background-color: rgba(253,253,251,1);
}

.inq-c{
	float: right;
	display: block;
	width: 200px;
	padding: 3px 10px;
	text-align: center;
	background-color: rgba(253,253,251,1);
	border: 1px solid rgba(75,189,214,1);
	-webkit-border-radius:25px;
	border-radius:25px;
}
.inq-boc{
	background: url(../images_2015/common/dotted-line.gif) repeat-x center;
	margin-right: 40px;
	margin: 0 40px 15px 20px;
}
/*------------------------------------

PRESS SYSTEM

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

.selectbox{}
.selectbox input{
	clear: left;
}
.selectbox select{
	float: left;
	margin: 0 5px 0 0;
}
.foot-nav{ padding:10px 0;}

.foot-navlist a{
	display: inline-block;
	padding: 4px 8px;
	border: 1px solid #ccc;
	margin: 0 3px 0 0;
}
.foot-navlist a:hover{	background-color: rgba(64,160,232,.2);}
.foot-navlist a.foot-av{
	background-color: rgba(64,160,232,1);
	color: #fff;
}
.foot-nav-rev{
	display: inline;
}
.foot-navlist a.foot-av:hover{	background-color: rgba(64,160,232,.5);}

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

JOIN PAGE

------------------------------------*/
.join-box-title{
	padding-top: 12px;
	border-top: 3px solid #379094;
	font-size: 16px;
	padding: 12px 0 8px;
}

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

Learn PAGE

------------------------------------*/
.learn-box-title{
	padding-top: 12px;
	border-top: 3px solid #3D528F;
	font-size: 16px;
	padding: 12px 0 8px;
}

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

CONNECT PAGE

-------------------------------------*/
#social-stream {
	/* [disabled]height:500px; */
	width: 100%;
	background-color: rgba(250,250,247,1);
}
.stream li {margin: 0 20px 15px 0 !important;}
#wall {
	padding: 10px 10px 0;
	min-height: 2000px;
}

/*--------------------------------------------------------------------------------------------------------< CATEGORY >*/
.watch-chip-watch:before,
.watch-chip-antenna:before,
.watch-chip-nestle:before,
.watch-chip-dtv:before,
.watch-chip-theater:before{
	padding: 5px 8px 3px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-size:12px;
	line-height:1em;
	color:#fff;
	display:inline-block;
	background-color:rgba(126,205,39,1);
	float:right;
}
.watch-chip-watch:before{	content:'WATCH';}
.watch-chip-antenna:before{	content:'Antenna';}
.watch-chip-nestle:before{	content:'Nestle';}
.watch-chip-dtv:before{	content:'dTV';}
.watch-chip-theater:before{	content:'THEATER';}

/*----------------------------------*/
.connect-chip-connect:before,
.connect-chip-filmfestivallist:before,
.connect-chip-award:before,
.connect-chip-call4entry:before,
.connect-chip-interview:before,
.connect-chip-creatersvoice:before,
.connect-chip-databank:before,
.connect-chip-creatersbank:before,
.learn-chip-learn:before{
	padding: 5px 8px 3px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-size:12px;
	line-height:1em;
	color:#fff;
	display:inline-block;
	background-color:#4461B5;
	float:right;
}
.connect-chip-connect:before{content:'Connect';}
.connect-chip-filmfestivallist:before{content:'Festival List';}
.connect-chip-award:before{content:'Award';}
.connect-chip-call4entry:before{content:'Entry';}
.connect-chip-interview:before{content:'Interview';}
.connect-chip-creatersvoice:before{content:'Creaters Voice';}
.connect-chip-databank:before{content:'Data Bank';}
.connect-chip-creatersbank:before{content:'Creater Bank';}
.learn-chip-learn:before{content:'LEARN';}
/*-----------------------------------*/
.distribution-chip-distribution:before,
.distribution-chip-sell:before,
.distribution-chip-buy:before,
.join-chip-join:before,
.join-chip-agriculture:before,
.join-chip-apps:before,
.join-chip-cabinetoffice:before,
.join-chip-unitedcinemas:before{
	padding: 5px 8px 3px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-size: 12px;
	line-height: 1em;
	color: #fff;
	display: inline-block;
	background-color: #4DAC9B;
	float: right;
}
.distribution-chip-distribution:before{content:'Distribution';}
.distribution-chip-sell:before{content:'Sell';}
.distribution-chip-buy:before{content:'Buy';}
.join-chip-join:before{content:'JOIN';}
.join-chip-agriculture:before{content:'Agriculture';}
.join-chip-apps:before{content:'App';}
.join-chip-cabinetoffice:before{content:'Cabinetoffice';}
.join-chip-unitedcinemas:before{content:'United Cinemas';}
/*------------------------------------*/
.ssff-chip-filmfestival:before,
.ssff-chip-archives:before,
.ssff-chip-greetings:before,
.ssff-chip-aboutssff:before,
.submit-chip-submit:before{
	padding: 5px 8px 3px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-size:12px;
	line-height:1em;
	color: #fff;
	display: inline-block;
	background-color: #967AB4;
	float: right;
}
.ssff-chip-filmfestival:before{content:'Film Festival';}
.ssff-chip-archives:before{content:'Archives';}
.ssff-chip-greetings:before{content:'Greetings';}
.ssff-chip-aboutssff:before{content:'about ssff';}
.submit-chip-submit:before{content:'SUBMIT';}
/*------------------------------------

NEWS SETTING

------------------------------------*/
.news-wrap{
	border: 1px #CECECE dotted;
	margin: 20px 0 25px 0;
	padding: 15px 35px 20px 35px;
	line-height: 1.55em;
	background-color: #fff;
	font-size: 14px;
	color: #585858;
}
.news-wrap img{
	max-width:655px !important;
	height:auto;
}
.news-wrap.listed{
	padding: 15px;
	line-height: 1.55em;
	margin: 10px 0 0;
}
.news-wrap p{
	padding-bottom:1em;
}
.news-wrap iframe{
	/* [disabled]display: block; */
	margin: 15px auto 20px;
	text-align: center;
	border: 5px solid rgba(250,250,247,1);
}
.news-wrap a{
	color: rgba(55,147,176,1);
}
.news-wrap a:hover{ text-decoration:underline;}
.news-wrap h3{
	font-size: 18px;
	font-weight: normal;
	padding: 10px 0 20px;
}
.news-wrap img.aligncenter{
	display: block;
	margin: 15px auto 25px;
}
.news-wrap img.alignleft{
	display: block;
	margin: 5px 25px 10px 0;
	float: left;
}
.news-wrap img.alignright{
	display: block;
	margin: 10px auto;
}
.news-wrap img{
	max-width:755px;
	height:auto;
}
.news-wrap .news-title{
	width: 500px;
	float: left;
	font-size: 14px;
}
.news-wrap .news-tmb{
	width: 120px;
	max-height: 90px;
	overflow: hidden;
	float: left;
	margin-right: 25px;
}
.news-wrap .news-tmb img{
	width: 100%;
	height: auto;
}
.news-wrap .news-title-detail{
	padding: 20px 0;
	font-size: 20px;
	line-height: 1.5em;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 25px;
}
.news-social{
	background-color: rgba(250,250,247,1);
	padding: 10px 0;
}
.news-social .fb{
	width: 85px;
	float: left;
	height: 66px;
}
.news-social .twi{
	width: 85px;
	float: left;
	height: 66px;
	padding-top:42px;
}
.news-social .plus{
	width: 85px;
	float: left;
	height: 66px;
}
.news-social-head{
	padding: 0;
	height: 25px;
	margin: 0 -10px 10px 420px;
	width: 315px;
	display: block;
}
#inq .news-social-head{
	padding: 0;
	height: 25px;
	margin: 10px -10px 10px 450px;
	width: 300px;
	display: block;
}
.news-social-head div{
	/* [disabled]width: 80px; */
	display: inline-block;
	float: left;
}
.news-social-head div.fb{
	width: 110px;
	padding-left:20px;
}
.news-social-head div.twi{
	width: 80px;
}
.news-social-head iframe{
margin:0 !important;
border:none !important;
}
.pager{
	margin: 20px 0 0 0;
}
.page-next a{
	float: right;
	background: rgba(86,132,217,.5);
	text-decoration: none;
	color: #fff;
	width: 80px;
	padding: 5px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	display: block;
}
.page-rev a{
	float: left;
	background: rgba(86,132,217,.5);
	text-decoration: none;
	color: #fff;
	width: 80px;
	padding: 5px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	display: block;
}
.page-rev a:hover,.page-next a:hover {
	text-decoration: none;
	background: rgba(56,115,150,.8);
}
.popular-text{
	width: 600px;
	float: left;
	padding: 10px 0 0 0;
}
.top-newsbox .popular-text{
	width: 205px;
	float: left;
	padding: 0 0 0 0;
}
.popular{
	margin-top: 10px;
	margin-bottom:0px;
}
.top-newsbox .popular{
	margin-top: 0px;
	margin-bottom:10px;
	font-size:11px;
	line-height:1.4em;
	height: 65px;
	overflow:hidden;
}
.popular-img{
	width: 120px;
	height: 80px;
	overflow: hidden;
	margin-right: 20px;
	float: left;
	border: #ccc 1px solid;
}
.top-newsbox .popular-img{
	width: 95px;
	height: 65px;
	overflow: hidden;
	margin-right: 10px;
	float: left;
	border:#ccc 1px solid;
}
.popular-img img{
	width:100%;
	height:auto;
}
p.blackp{
	background-color: #414141;
	color: #fff;
	padding: 2px 5px 1px;
	display: inline-block;
	margin: 0 0 15px 0;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position: relative;
}
p.blackp:after{
	content: '▼';
	color: #333;
	font-size: 12px;
	position: absolute;
	left:45%;
	bottom:-12px;
}
dl.linkedpost dt{
	font-weight: bold;
	color: rgba(153,153,153,1);
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 10px;
}
/*------------------------------------

FOOTER SETTING

------------------------------------*/
.footer{
	background: url(../images_2015/common/foot-bg.jpg) #fff center bottom no-repeat;
	clear: both;
}
.footer-inner{ width:1000px; margin:0 auto;}
.copy{
	font-size: 12px;
	color:#666;
	padding:0 0 15px 0;
}
.footer-social{
	width: 230px;
	padding: 5px;
	font-size: 24px;
}
.footer-social a{
	text-decoration: none;
	color: #CCC;
}
.footnav{
	font-size: 12px;
	padding-bottom: 20px;
}
.footnav a{
	text-decoration: none;
	display: block;
	padding-left: 10px;
	color:#666;
}
.footnav a:hover{
	color: #33CCCC;
}
.footnav .nav-unit{
	float: left;
	width: 230px;
	padding: 20px 20px 0 0;
	height: inherit;
}
.footnav .nav-unit ul li:first-child a{
	padding-left: 5px;
}
.footnav ul.foot-01{
	border-left: #d5f42a 4px solid;
}
.footnav ul.foot-02{
	border-left: #7EDC16 4px solid;
	margin-bottom:5px;
}
.footnav ul.foot-03{
	border-left: #299095 4px solid;
	margin-bottom:5px;
}
.footnav ul.foot-04{
	border-left: #299095 4px solid;
	margin-bottom:5px;
}
.footnav ul.foot-05{
	border-left: #3a529a 4px solid;
	margin-bottom:5px;
}
.footnav ul.foot-06{
	border-left: #3a529a 4px solid;
}
.footnav ul.foot-07{
	border-left: #8c4ab6 4px solid;
	margin-bottom:5px;
}
.footnav ul.foot-08{
	border-left: #8c4ab6 4px solid;
}
.footer-social a span.icon-twitter-square:hover{color:#39F;}
.footer-social a span.icon-facebook-square:hover{color: #385FA5;}
.footer-social a span.icon-pinterest-square:hover{color: #C30;}
.footer-social a span.icon-google-plus-square:hover{	color: #930;}
.footer-social a span.icon-youtube-square:hover{color: #C33;}
.footer-social a span.icon-vimeo-square:hover{color:#39F;}
.pagetop {
	position: relative;
	font-size: 14px;
	width: 1000px;
}
.pagetop a {
	background: rgba(86,132,217,.4);
	text-decoration: none;
	color: #fff;
	width: 90px;
	padding: 20px 0 18px;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	position: fixed;
	right: 50px;
	bottom: 20px;
}
.pagetop a:hover {
	text-decoration: none;
	background: rgba(56,115,150,.8);
}

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

FLAGS 

------------------------------------*/
.content-box{
	margin-top: 30px;
}
.content-box h3{
	margin: 20px 0;
}
.note{
	font-size: 11px;
	line-height: 1.4em;
}
.flag{
	width: 100px;
	float: left;
}
.font-bold{
	font-size: 15px;
}
.world-sm{
	width: 650px;
	float: left;
	margin-bottom: 15px;
}
.world-sm a{
	display: inline-block;
	margin: 5px 0;

}

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

Archives

------------------------------------*/
.tube{
	float: right;
	padding: 15px;
}

.archlist{
	padding-bottom: 25px;
	color:#666666;
	font-size:10px;
	margin-top: 5px;
	border-bottom: 1px dotted #e9e9e9;
}
.archlist p{ }

.archlist a img{ border: #e9e9e9 1px solid; }
.archlist a:hover img{ border: #666 1px solid; 
}
.arch-photo{
	min-width: 360px;
	background-image: url(../images_2015/archives/arch-photo.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border: 1px solid #CECECE;
	display: block;
	padding: 10px 5px 10px 0;
	font-size: 12px;
}
.arch-photo:hover{
	box-shadow: 1px 2px 3px 0px rgba(153,153,153,.5)
}
.arch-photo.ap1{
	margin: 0 auto;
	width: 500px;
}
.arch-photo.ap2{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 310px;
}
.arch-photo.ap3{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 310px;
}
.arch-photo.ap4{
	position: absolute;
	right: 179px;
	top: 196px;
	width: 380px;
}
.arch-photo img{
	width: 120px;
	margin: 5px 30px 5px 19px;
	float: left;
	/* [disabled]padding-top: 40px; */
	height: auto;
}
.arch-photo-end{
	width: 160px;
	float: left;
	background-image: url(../images_2015/archives/arch-photo.png);
	background-position: center 22px;
	background-repeat: no-repeat;
}
.arch-photo-end img{
	width: 120px;
	margin: 10px 0 15px 19px;
}
.gallery-date{
	padding: 5px 0 5px 5px;
	font-size: 16px;
	font-weight: bold;
	color: #7D4A9D;
}
.archive-unit{
	position: relative;
	min-height: 180px;
}
.archive-unit.height300{
	min-height: 360px;
}
.archive-era{
	font-size: 48px;
	display: block;
	color: rgba(255,255,255,1);
	text-shadow: 0px 0px 4px rgba(51,51,51,0.7);
	text-align: center;
	margin: 50px auto 20px;
	font-weight: bold;
	clear: both;
	line-height: 1em;
}
.award-box{
	padding: 0 1em 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: #CECECE 1px solid;
	background-color: rgba(255,255,255,1);
}
.award-box-b{
	padding: 0 0 10px 1em;
}
.effect{}
.archive-cont hr{ clear:both;}
.archive-cont strong{
	font-size: 14px;
	font-weight: normal;
	padding: 5px 15px 3px;
	display: inline-block;
	border: 1px solid #CECECE;
	background-color: #fff;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	margin: 22px 0 0 -8px;
}

.award-box em{
	display: inline-block;
	font-size: 12px;
	font-style: normal;
	padding: 0px;
	margin-right: 5px;
	color: rgba(128,128,128,1);
}
.award-box em:before{
	content: '■';
	font-size: 22px;
	color: rgba(198,198,198,1);
	position: relative;
	top: 4px;
}
.award-box h3{
	font-weight: normal;
	font-size: 20px;
	padding: 20px 0 15px 40px;
	margin: 0;
	color: rgba(51,153,153,1);
	position: relative;
}
.award-box h3:before{
	content: '';
	width: 55px;
	height: 70px;
	display: block;
	position: absolute;
	background-image: url(../images_2015/archives/hand.png);
	background-size:contain;
	top: -10px;
	left: -23px;
}
.archive-cont{
	padding-right: 15px;
	margin-top: 15px;
}
.archive-cont ul{
	list-style: none;
	margin: 10px 10px 20px;
}
.archive-cont ul li{
	font-size: 12px;
	padding:0 20px;
	text-indent:-1em;
}
.archive-cont ol{
	/* [disabled]list-style: none; */
	margin: 10px 10px 20px 40px;
}
.archive-cont ol li{
	font-size: 13px;
	padding: 0;
}
.archive-cont ul li:before{
	content:'・';
}
.archive-cont h4{
	font-size: 22px;
	font-weight: normal;
	padding-bottom: 18px;
	color: rgba(125,74,157,1);
	line-height: 1.3em;
}
.img-left{
	float: left;
	margin: 15px 20px 15px 15px;
}
.img-left img{
	display: block;
	vertical-align: text-bottom;
}
.ano{
	padding: 15px;
	border: 1px solid #ccc;
}
.ssff-box{
	padding: 10px;
	background-color: rgba(255,255,255,1);
	border: #CECECE 1px solid;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.ssff-box strong{
	padding: 6px 6px 4px;
	background-color: rgba(253,253,251,1);
	font-size: 14px;
	margin-left: -8px;
}
.award-box strong{
	padding: 6px 6px 4px;
	background-color: rgba(253,253,251,1);
	font-size: 14px;
	margin-left: -8px;
}
.award-box-b strong{
	padding: 4px 6px 2px;
	background-color: rgba(253,253,251,1);
	font-size: 13px;
	line-height: 1.4em;
	margin: 15px 0 5px -5px;
}

.ssff-box span{}
.img-left.year-icon img{
	width: 150px;
	height: auto;
}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.cinema-icon{
	width: 300px;
	float: left;
	margin-bottom: 20px;
}
.archive-tube{
	width: 420px;
	float: right;
}
.double-tube{
	width: 375px;
	float: left;
	margin-bottom: 20px;
}
.award-fig{
	float: right;
	width: 310px;
	padding-left: 30px;
}
.award-fig img{width:100%; height:auto;}
.award-fig-text{
	float: left;
	width: 410px;
}
/*------------------------------------

ボランティア

------------------------------------*/
h2.whiteh3{
	margin: 2em 0 1em;
	color: rgba(104,47,115,1);
}
.voice{
	border: 1px solid #f7fddb;
	padding: 10px;
	margin-bottom: 20px;
}
.voice-title{}
.voice-name{ font-style:italic; color:rgba(102,102,102,1);}
.volunteer-img{}
.volunteer-img-left{
	float:left;
	margin:0 35px 20px 0;}
hr.voice{
	height: 1px;
	border: none;
	border-bottom: #e0c4e5 2px dotted;
	margin: 30px 0;
	padding: 0 0 0 0;
}
/*------------------------------------

SALON

------------------------------------*/
.salon-photo{
	margin-bottom: 20px;
	float: left;
}
.salon-photo img{
	margin: 10px 15px;
}
.salon-caption{
	width: 330px;
	margin-bottom: 20px;
	margin: 0 0 10px 30px;
	font-size: 11px;
	color: #666666;
}

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

UTILITY

------------------------------------*/
.two{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.cf:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.cf {
	display: inline-block;
	min-height: 1%;
	overflow: visible;
}
/* Hides from IE-mac \*/

* html .cf {
	zoom: 1;
}
.cf {
	display: block;
}
*:first-child+html .cf{ zoom: 1; }
.clear{clear:both;}
.pc-br{}
.smp-br{display:none;}
hr{
	height: 1px;
	border: none;
	border-bottom: #ccc 1px solid;
	margin: 30px 0;
	padding: 0 0 0 0;
}
#press hr{
	clear:both;
}
.hid-class{display:none;}
.left-float{
	float: left;
	margin-right: 35px;
}
.right-float{ float:right;}
.all-center{ text-align:center;}
.all-right{ text-align:right;}
.all-left{ text-align:left;}
/*------------------------------------*/
.accessmap{}
/*------------------------------------

FONT ICOMOON

------------------------------------*/
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?-q5bbqa');
	src:url('../fonts/icomoon.eot?#iefix-q5bbqa') format('embedded-opentype'),
		url('../fonts/icomoon.ttf?-q5bbqa') format('truetype'),
		url('../fonts/icomoon.woff?-q5bbqa') format('woff'),
		url('../fonts/icomoon.svg?-q5bbqa#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-brain:before {
	content: "\e600";
}
.icon-commu:before {
	content: "\e601";
}
.icon-manabu:before {
	content: "\e602";
}
.icon-oubo:before {
	content: "\e603";
}
.icon-project:before {
	content: "\e604";
}
.icon-sell:before {
	content: "\e605";
}
.icon-watch:before {
	content: "\e606";
}
.icon-search:before {
	content: "\f002";
}
.icon-film:before {
	content: "\f008";
}
.icon-home:before {
	content: "\f015";
}
.icon-play-circle-o:before {
	content: "\f01d";
}
.icon-lock:before {
	content: "\f023";
}
.icon-video-camera:before {
	content: "\f03d";
}
.icon-stop:before {
	content: "\f04d";
}
.icon-exclamation-triangle:before {
	content: "\f071";
}
.icon-warning:before {
	content: "\f071";
}
.icon-calendar:before {
	content: "\f073";
}
.icon-twitter-square:before {
	content: "\f081";
}
.icon-facebook-square:before {
	content: "\f082";
}
.icon-external-link:before {
	content: "\f08e";
}
.icon-globe:before {
	content: "\f0ac";
}
.icon-bars:before {
	content: "\f0c9";
}
.icon-navicon:before {
	content: "\f0c9";
}
.icon-reorder:before {
	content: "\f0c9";
}
.icon-pinterest-square:before {
	content: "\f0d3";
}
.icon-google-plus-square:before {
	content: "\f0d4";
}
.icon-sitemap:before {
	content: "\f0e8";
}
.icon-plus-square:before {
	content: "\f0fe";
}
.icon-angle-left:before {
	content: "\f104";
}
.icon-angle-right:before {
	content: "\f105";
}
.icon-angle-down:before {
	content: "\f107";
}
.icon-mail-reply:before {
	content: "\f112";
}
.icon-reply:before {
	content: "\f112";
}
.icon-minus-square:before {
	content: "\f146";
}
.icon-youtube-square:before {
	content: "\f166";
}
.icon-youtube-play:before {
	content: "\f16a";
}
.icon-vimeo-square:before {
	content: "\f194";
}
.icon-envelope-square:before {
	content: "\f199";
}
.icon-file-pdf-o:before {
	content: "\f1c1";
}
.icon-file-word-o:before {
	content: "\f1c2";
}
.icon-file-movie-o:before {
	content: "\f1c8";
}
.icon-file-video-o:before {
	content: "\f1c8";
}
.icon-cc-visa:before {
	content: "\f1f0";
}
.icon-cc-mastercard:before {
	content: "\f1f1";
}
.icon-cc-amex:before {
	content: "\f1f3";
}
.icon-cc-paypal:before {
	content: "\f1f4";
}
/*---------------------------------------------*/
body {
	width: 100% ;
	height:1000px;
	padding: 0 ;
}
#modal-close{
	float: right;
}
#modal-content {
	width: 60%;
	margin: 0;
	padding: 10px 10px 20px;
	/* [disabled]border: 2px solid #aaa; */
	background-color: rgba(255,255,255,.8);
	position: fixed;
	display: none;
	z-index: 9998;
}
#modal-content p img{
	display: block;
	margin: 30px auto 20px;
}
#modal-overlay {
	z-index: 1 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
}
.button-link {
	color: #00f ;
	text-decoration: underline ;
}
.button-link:hover {
	cursor: pointer ;
	color: #f00 ;
}