@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;
	/* [disabled]min-height: 25px; */
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
form{margin:0; padding:0;}
table{border-collapse:collapse;}

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

BASIC SETTING

------------------------------------*/
body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5em;
	font-size: 13px;
	background-color: #fafaf7;
	-webkit-text-size-adjust: 100%; 
}

.wrapper{
	width: 96%;
	margin: 0;
	padding: 0 2%;
}
.content{
	margin: 15px auto;
	background-color: rgba(255,255,255,.5);
	border: 1px solid #CECECE;
	width: 100%;
	box-sizing: border-box;
}
.cont-east{
	width: 100%;
	padding: 0 0 30px 0;
	clear: both;
}
.cont-east-pack{
	width: 98%;
	float: right;
	padding: 25px 1% 15px;
}
.cont-west{
	width: 100%;
	padding: 0 0 10px;
	/* [disabled]float: left; */
}
.cont-west .menu-unit{
	margin: 0 0 25px 0;
	/* [disabled]display: none; */
}
.flip-unit{
	display: none;
}
#archive .cont-west .menu-unit{
	display: none;
}
.menu-unit a{
	display: block;
	padding: 5px 0 5px 3px;
	border-bottom: 1px dotted #666;
	transition: 0.2s ease;
	-webkit-animation: 0.2s ease;
}
.menu-unit a:before{
	content:'\f105';
	font-family:'icomoon';
	position:relative;
	margin-right:5px;
	font-size:14px;
	top:1px;
	left:2px;
}
.menu-unit a:hover{
	text-indent: 0.4em;
	background-color: rgba(255,255,255,.5);
}
.banner-unit{
	width: 100%;
	padding-bottom: 10px;
}
.reco-banner{
	width: 46%;
	float: left;
	height: 100px;
	overflow: hidden;
	padding: 5px 2%;
}
.reco-banner:nth-child(3n){
	clear:left;
}
.reco-banner img{
width:100%;
height:auto;
}
.conct-west .banner-unit img{
	margin-top: 8px;
	border: 1px solid #ccc;
	width: 49%;
	height:auto;
	float: left;
}
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: 5px 14px 5px 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: 12px;
}
a.btn-a4{
	display: block;
	padding: 4px 14px 3px 10px;
	margin: 10px 2%;
	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: 14px;
	text-align: center;
	background-color: rgba(231,242,245,1);
}
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,a.btn-a4{
	background-color: rgba(51,153,204,.7);
	color:rgba(255,255,255,1);
}

/*-----------------------------------------------------------------------*/
.content#lime{
	border-top: 15px solid #7EDC16;
	position:relative;
}

.content#purp{
	border-top: 15px solid #8C4AB6;
	position: relative;
}
.content#apple{
	border-top: 15px solid #379094;
	position: relative;
}
.content#blue{
	border-top: 15px solid #3D528F;
	position: relative;
}
.infomation{
	padding: 10px;
	font-size: 12px;
	line-height: 1.4em;
	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: #39C;
	float: right;
	padding: 3px 5px;
	text-align: center;
	border: 1px solid rgba(51,153,204,.5);
	position: absolute;
	right: 2px;
	top: -33px;
}
h2 span a:hover{
	color: rgba(255,255,255,.5);
}
/*-------------------------------typeA */
h2.reco{
	font-weight: normal;
	font-size: 16px;
	padding: 10px 0 8px 8px;
	margin-bottom: 15px;
}
h2.menu-lime{
	font-weight: normal;
	font-size: 14px;
	color: #fff;
	padding: 8px;
	margin-bottom: 15px;
	/* [disabled]background-color: rgba(126,205,39,1); */
}
h2.menu-aqua{
	font-weight: normal;
	font-size: 14px;
	color: #fff;
	padding: 8px;
	margin-bottom: 15px;
	/* [disabled]background-color: rgba(55,144,148,1); */
}
h2.menu-blue{
	font-weight: normal;
	font-size: 14px;
	color: #fff;
	padding: 8px;
	margin-bottom: 15px;
	/* [disabled]background-color: rgba(61,82,143,1); */
}
h2.menu-purp{
	font-weight: normal;
	font-size: 14px;
	color: #fff;
	padding: 8px;
	margin-bottom: 15px;
	/* [disabled]background-color: rgba(125,74,157,1); */
	display: block;
}
/*-------------------------------typeB */
h2.main{
	font-weight: normal;
	font-size: 18px;
	padding: 12px 8px 8px;
	border-left: #CECECE 1px solid;
}
h2.lime{
	font-weight: normal;
	font-size: 15px;
	color: #fff;
	padding: 8px 8px;
	/* [disabled]border-left: #fff 1px solid; */
	background-color: rgba(126,205,39,1);
}
h2.aqua{
	font-weight: normal;
	font-size: 15px;
	color: #fff;
	padding: 8px;
	border-left: #fff 1px solid;
	background-color: rgba(55,144,148,1);
	display: block;
	margin-top: 20px;
	position: relative;
}
h2.blue{
	font-weight: normal;
	font-size: 15px;
	color: #fff;
	padding: 8px;
	border-left: #fff 1px solid;
	background-color: rgba(61,82,143,1);
	position: relative;
	display: block;
	margin-top: 20px;
}
h2.purp{
	font-weight: normal;
	font-size: 15px;
	color: #fff;
	padding: 8px;
	border-left: #fff 1px solid;
	background-color: rgba(125,74,157,1);
	position: relative;
	margin-top: 25px;
	display: block;
}
/*-------------------------------typeC */
h2.limetiny{
	font-weight: normal;
	font-size: 15px;
	color: #fff;
	padding: 8px 0 6px 3px;
	margin-bottom: 15px;
	background-image: url(../images_2015/common/borderd-lime.png);
	margin-top: 40px;
	position: relative;
}
h2.ssfftiny{
	font-weight: normal;
	font-size: 15px;
	color: #fff;
	padding: 8px 0 6px 3px;
	margin-bottom: 15px;
	background-image: url(../images_2015/common/borderd-ssff.png);
	margin-top: 40px;
	position: relative;
}
h2.appletiny{
	font-weight: normal;
	font-size: 15px;
	color: #fff;
	padding: 8px 0 6px 3px;
	margin-bottom: 15px;
	background-image: url(../images_2015/common/borderd-apple.png);
	margin-top: 40px;
	position:relative;
}
h2.bluetiny{
	font-weight: normal;
	font-size: 15px;
	color: #fff;
	padding: 8px 0 6px 3px;
	margin-bottom: 15px;
	background-image: url(../images_2015/common/borderd-blue.png);
	margin-top: 40px;
	position: relative;
}
/*------------------------------------------------------------------------------------------------------*/

h2.menu-blue:after,
h2.menu-lime:after,
h2.menu-purp:after,
h2.menu-aqua:after{
	content:'\f107';
	font-family:'icomoon';
	font-size:24px;
	position:absolute;
	right:20px;
	color:#fff;
}
h2.menu-blue.navactive:after,
h2.menu-lime.navactive:after,
h2.menu-purp.navactive:after,
h2.menu-aqua.navactive:after
{
	content:'\f107';
	font-family:'icomoon';
	font-size:24px;
	position:absolute;
	right:20px;
	color:#fff;
	-webkit-transform:rotate(180deg);
}

h2.reco:after{
	content:'\f107';
	font-family:'icomoon';
	font-size:24px;
	position:absolute;
	right:20px;
	color:#333;
}
h2.reco.navactive:after{
	content:'\f107';
	font-family:'icomoon';
	font-size:24px;
	position:absolute;
	right:20px;
	color:#333;
	-webkit-transform:rotate(180deg);
}

/*-------------------------------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: 100%;
	margin: 0 auto;
	clear: both;
}
.global-nav ul{
	height: 50px;
	/* [disabled]background-color: #8C4AB6; */
	float: left;
	/* [disabled]width: 50%; */
	display: block;
}
.global-nav ul li{
	/* [disabled]float:left; */
}
.global-nav ul li a{
	text-align: center;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	line-height: 1.1em;
	opacity: 0.3;
	transition: 0.2s ease;
	-webkit-animation: 0.2s ease;
}
.global-nav ul li a span{
	font-size: 9px;
	text-decoration: none;
	display: none;
	line-height: 1.3em;
	opacity: 0.8;
	-webkit-font-smoothing:subpixel-antialiased;
}
li.menu01 a{
	width: 100%;
	display: block;
	height: 40px;
	padding-top: 10px;
	background-color: #d5f42a;
	color: #75CD14 !important;
	/* [disabled]margin: -20px 0 0 0; */
}
li.menu01 a:before{
	content:'\f015';
	font-size:28px;
	display:block;
	padding-bottom:5px;
	font-family:'icomoon';
}
li.menu01 a:hover{
	background-color: #E0F764;
}
li.menu02 a{
	width: 100%;
	display: block;
	padding-top: 10px;
	background-color: #7EDC16;
	/* [disabled]margin: -20px 0 0 0; */
	height: 40px;
}
li.menu02 a:before{
	content:'\e606';
	font-size:30px;
	display:block;
	padding-bottom:5px;
	font-family:'icomoon';
}
li.menu02 a:hover{
	background-color: #8FEA2D;
}
li.menu03 a{
	width: 50%;
	display: block;
	padding-top: 10px;
	background-color: #299095;
	/* [disabled]margin: -20px 0 0 0; */
	float: left;
	height: 40px;
}
li.menu03 a:before{
	content:'\e604';
	font-size:28px;
	padding-bottom:5px;
	display:block;
	font-family:'icomoon';
}
li.menu03 a:hover{
	background-color: #31AAB0;
}
li.menu04 a{
	width: 50%;
	display: block;
	padding-top: 10px;
	background-color: #297794;
	/* [disabled]margin: -20px 0 0 0; */
	float: left;
	height: 40px;
}
li.menu04 a:before{
	content:'\e605';
	font-size:28px;
	padding-bottom:5px;
	display:block;
	font-family:'icomoon';
}
li.menu04 a:hover{
	background-color: #31AAB0;
}
li.menu05 a{
	width: 50%;
	display: block;
	height: 40px;
	padding-top: 10px;
	background-color: #3a529a;
	/* [disabled]margin:-20px 4px 0 0; */
	float: left;
}
li.menu05 a:before{
	content:'\e600';
	font-size:30px;
	padding-bottom:5px;
	display:block;
	font-family:'icomoon';
}
li.menu05 a:hover{
	background-color: #4461B5;
}
li.menu06 a{
	width: 50%;
	display: block;
	height: 40px;
	padding-top: 10px;
	background-color: #513EAC;
	float: left;
}
li.menu06 a:before{
	content:'\e601';
	font-size:30px;
	padding-bottom:5px;
	display:block;
	font-family:'icomoon';
}
li.menu06 a:hover{
	background-color: #4461B5;
}
li.menu07 a{
	width: 50%;
	display: block;
	height: 40px;
	padding-top: 10px;
	background-color: #7446B9;
	/* [disabled]margin: -20px 4px 0 0; */
	float: left;
}
li.menu07 a:before{
	content:'\e603';
	font-size:38px;
	padding-bottom:0px;
	display:block;
	font-family:'icomoon';
}
li.menu07 a:hover{
	background-color: #9256BA;
}
li.menu08 a{
	width: 50%;
	display: block;
	height: 40px;
	padding-top: 10px;
	background-color: #8c4ab6;
	/* [disabled]margin: -20px 0 0 0; */
	float: left;
}
li.menu08 a:before{
	content:'\e602';
	font-size:36px;
	padding-bottom:0px;
	display:block;
	font-family:'icomoon';
}
li.menu08 a:hover{
	background-color: #9C65C0;
}
li.lang a{
	width: 60px;
	display: block;
	height: 28px;
	padding-top: 8px;
	background-color: #AF43A7;
	font-size: 12px !important;
	position: absolute;
	left: -2px;
	top: 0;
}
li.lang2 a{
	width: 55px;
	display: block;
	height: 28px;
	padding-top: 8px;
	background-color: #B83A83;
	font-size: 11px !important;
	position: absolute;
	left: 58px;
	top: 0;
}
li.lang3 a{
	width: 45px;
	display: block;
	height: 28px;
	padding-top: 8px;
	background-color: #AE2F4F;
	font-size: 11px !important;
	position: absolute;
	left: 113px;
	top: 0;
}
li.social a{
	width: 56px;
	display: none;
	height: 38px;
	padding-top: 18px;
	background-color: #9A2C79;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	font-size: 10px !important;
	position: absolute;
	left: 3px;
	top: 2px;
}
li.lang a:hover{
	background-color: #FF3366;
}
/*li.social a:hover{
	background-color: #78235F;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	left: 3px;
	top: 2px;
}*/
ul.menu-home{
	float: left;
	width: 25%;
	/* [disabled]padding-top: 28px; */
	/* [disabled]background: url(../images_2015/common/menu-home-bg.png) no-repeat center 3px #D5F42A; */
	background-color: #D5F42A;
}
ul.menu-biz{
	/* [disabled]float: left; */
	width: 50%;
	/* [disabled]padding-top: 28px; */
	/* [disabled]background: url(../images_2015/common/menu-biz-bg.png) no-repeat center 3px #299095; */
	background-color: #299095;
	/* [disabled]background-size: 25%; */
}
ul.menu-theater{
	float: left;
	width: 25%;
	/* [disabled]padding-top: 28px; */
	/* [disabled]background: url(../images_2015/common/menu-theater-bg.png) no-repeat center 3px #7EDC16; */
	background-color: #7EDC16;
	/* [disabled]background-size: 25%; */
}
ul.menu-lounge{
	width: 50%;
	/* [disabled]float: left; */
	/* [disabled]padding-top: 28px; */
	/* [disabled]background: url(../images_2015/common/menu-lounge-bg.png) no-repeat center 3px #3A529A; */
	background-color: #3A529A;
}
ul.menu-festival{
	width: 50%;
	float: left;
	/* [disabled]padding-top: 28px; */
	/* [disabled]background: url(../images_2015/common/menu-ff-bg.png) no-repeat center 3px #8C4AB6; */
	background-color: #8C4AB6;
}
ul.menu-other{
	/* [disabled]background-color: #bc3695; */
	float: left;
	width: 100%;
	height: 40px;
	position: relative;
}
.socialbox{
	/* [disabled]float: right; */
	width: 150px;
	font-size: 28px;
	/* [disabled]display: none; */
	position: absolute;
	right: -10px;
	top: -35px;
}
.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{
	/* [disabled]height: 180px; */
	width: 100%;
}
.header{
	width: 100%;
	margin: 0 auto;
	/* [disabled]position: relative; */
}
.head-logo{
	width: 100px;
	display: block;
	margin: 0 auto;
}
.head-logo a{
	height: 30px;
	width: 100px;
	display: block;
	background-image: url(../images_2015/common/logo.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size: contain;
	margin: 20px 0;
}
form#form1{
	/* [disabled]width:180px; */
}
#searchform{
	position: relative;
	margin-top: 45px;
}
.head-search{
	width: 65px;
	position: absolute;
	/* [disabled]left: 812px; */
	top: 21px;
	height: 30px;
	padding: 5px 0;
	/* [disabled]display: none; */
	right: 2px;
}
#s{
	padding: 2px 25px 2px 10px;
	width: 55px;
	-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;
	margin: 0 auto;
}
#s:hover,#s:focus{
	width: 55px;
	border: #ccc 1px solid;
}
#searchsubmit{
	position: absolute;
	top: 8px;
	right: 6px;
	width: 20px;
	height: 20px;
	background-color: transparent;
	border: none;
	cursor: pointer;
	background-image: url(../images_2015/common/serch.jpg);
	background-size: contain;
	background-repeat:no-repeat;
}
.tracebox{
	height: 30px;
	position: relative;
	/* [disabled]padding-top: 60px; */
	width: 100%;
	display: block;
	clear: both;
}
#home .tracebox{
	height: 5px;
}
.trace{
	font-size: 11px;
	width: 100%;
	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: 90%;
	padding:0 5%;
	float: left;
}
.category-img img{
	width: 100%;
	height:auto;
}
.category-text{
	float: left;
	width: 96%;
	padding: 15px 2%;
	font-size: 12px;
}
.category-text strong{
	font-size: 16px;
	display: block;
	margin: 0 0 10px 0;
	font-weight: normal;

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

TOP PAGE

------------------------------------*/
.top-slide{
	width: 98%;
	height: auto;
	overflow: hidden;
	padding: 1%;
}
.top-slide iframe{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.bx-viewport{ border:none !important; box-shadow:none !important; left:0 !important;}
.top-newsbox{
	width: 96%;
	font-size: 12px;
	padding: 2%;
}
.year-map-inner h3{
	color: #458031;
}
.year-map-title{
	background: url(../images_2015/map/year-title.png) center no-repeat;
	width: 100%;
	height: 77px;
	margin: 0 auto;
	background-size: contain;
}
.year-map-text{
	/* [disabled]width: 300px; */
	padding: 35px 10px 30px 10px;
	background: url(../images_2015/map/year-text-bg.png) no-repeat center;
	font-size: 13px;

}
.year-map00{
}
.year-map-inner{
	font-size: 12px;
	line-height: 1.5em;
}
.year-map-inner a div{
	color: #666;
	padding: 5px;
	margin: 5px;
	border:1px solid #ccc;
	border-radius: 5px;
}
.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{
}
.year-map02{
}
.year-map02 .inner02{
}
.year-map03{
}
.year-map04{
}
.year-map05{
}
.year-map06{
}
.year-map07{
}
/*--------------------------------------------------------------------E-*/
.quicknews{
	width: 100%;
}
.quicknews iframe{
	width: 100%;
}
.quicknews-a{
	width: 100%;
}
.quicknews-b{
	width: 100%;
	margin-top: 20px;
}
.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);
}
.quick-title span{font-size:normal !important;}
#google_translate_element{display:none;}
/*-----------------------------------------------------*/
.top-box{
	width: 100%;
	/* [disabled]float: left; */
	margin: 10px 0 0 0;
	/* [disabled]-webkit-box-shadow: 0px 0px 4px 0px rgba(51,51,51,0.4); */
	/* [disabled]box-shadow: 0px 0px 4px 0px rgba(51,51,51,0.4); */
	/* [disabled]height: 495px; */
	overflow: hidden;
}
.top-box.tube-box{
	/* [disabled]width: 492px; */
	/* [disabled]height: 495px; */
}
.top-box.tw-box{
	width: 100%;
	height: inherit;
}
.top-box-inner{
	padding: 10px 0 0;
	display: none;
}
/*-----------------------------------------------------*/
.tube-box-tube-l{
	width: 230px;
	/* [disabled]float: left; */
	border: 3px solid #d5563e;
	margin: 0 auto 5px;
}
.tube-box-tube-l img{
	width: 100%;
	height: auto;
	display: block;
}
.tube-box-tube-s{
	width: 25%;
	float: left;
	border: 2px solid #d5563e;
	margin: 0 2% 0 0;
	height: 65px;
	overflow: hidden;
}
.tube-box-tube-s img{
	width: 100%;
	height: auto;
	display: block;
}
.tube-box-text-l{
	/* [disabled]float: left; */
	width: 100%;
	font-size: 14px;
}
.tube-box-text-s{
	float: left;
	width: 70%;
	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;
	/* [disabled]display: none; */
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.top-box span.icon-youtube-play{
	font-style: normal;
	font-size: 15px;
	color: #DDC4CF;
	display: inline;
	padding-left: 3px;
	vertical-align: middle;
}
/*------------------------------------

WATCH PAGE

------------------------------------*/
/*.category-guide{}
.category-img{}
.category-text{}*/
.watch-box{
	width: 96%;
	/* [disabled]float: left; */
	margin: 20px auto 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);
	/* [disabled]height: 400px; */
	overflow: hidden;
	padding: 2%;
	display: block;
	color: #333;
}
.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;
}
.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: 100%;
	margin: 10px 0;
	font-size: 12px;
}
table.datatable td{
	/* [disabled]padding: 8px 0px 8px 10px; */
	border-bottom: 1px solid #CECECE;
	vertical-align: top;
	display: block !important;
}
table.datatable td iframe{
	width: 95% !important;
	height: 150px;
	overflow:scroll;
	border:#ccc 1px solid;
	display:inherit;
	position:inherit;
}
table.datatable th{
	font-weight: normal;
	display: block;
	width: 100%;
	text-align:left;
}
table.datatable td table{
	width: 50%;
	font-size: 12px;
}
table.datatable td table td{
	border: none;
	/* [disabled]padding: 2px 0 2px 5px; */
	display: table !important;
	width: 100%;
}

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;
}
.iframelike{width:100%; overflow-y:scroll;}
.inq-a{
	font-size: 12px;
	display: block;
	padding: 3px 10px 0 10px;
	background-color: rgba(253,253,251,1);
	text-align: center;
}

.inq-c{
	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;
	margin: 10px auto 0;
}
.inq-boc{
	background: url(../images_2015/common/dotted-line-smp.gif) repeat-y center;
	margin: 10px 10px 15px;
}
/*------------------------------------

PRESS SYSTEM

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

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

.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 auto 15px;}
#wall {
	width:230px;
	padding: 10px 0 0;
	min-height: 2000px;
	margin:0 auto;
}


/*--------------------------------------------------------------------------------------------------------< CATEGORY >*/
.watch-chip-watch:before,
.watch-chip-antenna:before,
.watch-chip-nestle:before,
.watch-chip-dtv:before,
.watch-chip-theater:before{
	padding: 4px 8px 2px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-size:11px;
	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: 4px 8px 2px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-size:11px;
	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: 4px 8px 2px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-size: 11px;
	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: 4px 8px 2px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-size:11px;
	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 2% 20px 2%;
	line-height: 1.4em;
	background-color: #fff;
	font-size: 12px;
	color: #585858;
	width: 96%;
}
.news-wrap.listed{
	padding: 2%;
	line-height: 1.4em;
	margin: 10px 0 0;
	font-size: 12px;
}
.news-wrap p{
	padding-bottom: 1em;
	color: #333;
	font-size: 13px;
}

.youtube{
	position: relative;
	width: 100%;
	padding: 75% 0 0 0;
	overflow: hidden;
}
.news-wrap iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.news-wrap .news-social-head iframe{
  position: inherit;
  width: inherit;
  height: inherit;
}

.news-wrap a{
	color: rgba(55,147,176,1);
}
.news-wrap a:hover{ text-decoration:underline;}
.news-wrap h3{
	font-size: 16px;
	font-weight: normal !important;
	padding: 10px 0 20px;
}
.news-wrap img {
	max-width:100% !important;
	height:auto;
}
.news-wrap img.aligncenter{
	display: block;
	margin: 15px auto 25px;
}
.news-wrap img.alignleft{
	display: block;
	margin: 5px 0 10px 0;
	float: left;
	max-width: 100%;
}
.news-wrap img.alignright{
	display: block;
	margin: 10px auto;
}
.news-wrap img{
	max-width:755px;
	height:auto;
}
.news-wrap .news-title{
	width: 70%;
	float: left;
}
.news-wrap .news-tmb{
	width: 28%;
	max-height: 90px;
	overflow: hidden;
	float: left;
	margin-right: 2%;
}
.news-wrap .news-tmb img{
	width: 100%;
	height: auto;
}
.news-wrap .news-title-detail{
	padding: 20px 0;
	font-size: 18px;
	line-height: 1.4em;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 25px;
}
.news-social{
	background-color: rgba(250,250,247,1);
	padding: 10px 0;
}
.news-social .fb{
	width: 90px;
	float: left;
	height: 66px;
}
.news-social .twi{
	width: 90px;
	float: left;
	height: 66px;
}
.news-social .plus{
	width: 90px;
	float: left;
	height: 66px;
}
.news-social-head{
	padding: 0;
	height: 25px;
	margin: -5px 0 15px;
	/* [disabled]width: 335px; */
	display: block;
}
.news-social-head div{
width:105px;
display:inline-block;
float:left;
}
.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: 67%;
	float: left;
	padding: 0;
}
.top-newsbox .popular-text{
	width: 72%;
	/* [disabled]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;
	/* [disabled]height: 65px; */
	/* [disabled]overflow: hidden; */
	width: 100%;
}
.popular-img{
	width: 30%;
	height: 80px;
	overflow: hidden;
	margin-right: 2%;
	float: left;
}
.top-newsbox .popular-img{
	width: 25%;
	height: 65px;
	overflow: hidden;
	margin-right: 2%;
	float: left;
	border: #ccc 1px solid;
}
.popular-img img{
	width:100%;
	height:auto;
}
p.blackp{}
/*------------------------------------

FOOTER SETTING

------------------------------------*/
.footer{
	background: url(../images_2015/common/foot-bg.jpg) #fff center bottom no-repeat;
	clear: both;
	width: 100%;
}
.footer-inner{
	width: 96%;
	margin: 0 auto;
}
.copy{
	font-size: 11px;
	color: #666;
	padding: 0 0 15px 0;
}
.footer-social{
	/* [disabled]width: 230px; */
	padding: 5px;
	font-size: 24px;
}
.footer-social a{
	text-decoration: none;
	color: #CCC;
}
.footnav{
	font-size: 12px;
	display: none;
}
.footnav a{
	text-decoration: none;
	display: block;
	padding-left: 10px;
	color:#666;
}
.footnav a:hover{
	color: #33CCCC;
}
.footnav .nav-unit{
	/* [disabled]float: left; */
	/* [disabled]width: 230px; */
	padding: 5px 0 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 {
	/* [disabled]position: relative; */
	font-size: 14px;
	/* [disabled]width: 100%; */
}
.pagetop a {
	background: rgba(86,132,217,.3);
	text-decoration: none;
	color: #fff;
	width: 90px;
	padding: 10px 0 8px;
	text-align: center;
	display: block;
	border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;
	position: fixed;
	right: 0px;
	bottom: 10px;
}
.pagetop a:hover {
	text-decoration: none;
	background: rgba(56,115,150,.6);
}
/*------------------------------------

FLAGS 

------------------------------------*/
.content-box{
	margin-top: 30px;
}
.content-box h3{
	margin: 20px 0;
	font-size: 18px;
}
.note{
	font-size: 11px;
	line-height: 1.4em;
}
.flag{
	width: 90px;
	/* [disabled]float: left; */
}
.font-bold{
	font-size: 13px;
}
.world-sm{
	width: 100%;
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 1.3em;
}
.world-sm a{
word-break: break-all;
	font-size: 11px;
	padding: 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{
	/* [disabled]min-width: 360px; */
	background-image: url(../images_2015/archives/arch-photo-smp.png);
	background-repeat: no-repeat;
	background-position: center top;
	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: 100%;
}
.arch-photo.ap2{
	/* [disabled]position: absolute; */
	left: 0px;
	top: 0px;
	width: 310px;
}
.arch-photo.ap3{
	/* [disabled]position: absolute; */
	right: 0px;
	top: 0px;
	width: 310px;
}
.arch-photo.ap4{
	/* [disabled]position: absolute; */
	right: 179px;
	top: 196px;
	width: 380px;
}
.arch-photo img{
	width: 120px;
	margin: 5px auto;
	/* [disabled]float: left; */
	/* [disabled]padding-top: 40px; */
	height: auto;
	display: block;
}
.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;
	display: block;
	text-align: center;
}
.archive-unit{
	/* [disabled]position: relative; */
	/* [disabled]min-height: 180px; */
	width: 100%;
}
.archive-unit.height300{
	/* [disabled]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: 2%;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: #CECECE 1px solid;
	background-color: rgba(250,250,250,1);
	width: 96%;
}
.award-box-b{
	padding: 5px 1%;
	margin: 1%;
	width: 96%;
}
.effect{}
.archive-cont hr{ clear:both;}
.archive-cont strong{
	font-size: 15px;
	font-weight: normal;
	padding: 5px 5px 4px;
	display: inline-block;
	border: 1px solid #CECECE;
	background-color: #fff;
	margin: 22px 0 5px -2px;
}
.award-box em{
	display: block;
	font-size: 12px;
	font-style: normal;
	padding: 0px;
	margin-right: 5px;
	color: rgba(124,152,169,1);
	margin-top: 10px;
	font-weight: bold;
}
.award-box em:before{
	content: '\f04d';
	font-family:'icomoon';
	font-size: 12px;
	color: rgba(124,152,169,1);
	position: relative;
	top: 0px;
}
.award-box h3{
	font-weight: normal;
	font-size: 18px;
	padding: 15px 0 15px 35px;
	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{
	margin-top: 15px;
	width: 96%;
	padding: 0 2%;
	word-break: break-all;
	font-size: 12px;
	line-height: 1.5em;
}
.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{
	margin: 10px 10px 20px 20px;
}
.archive-cont ol li{
	font-size: 13px;
	padding: 0;
}
.archive-cont ul li:before{
	content:'・';
}
.archive-cont h4{
	font-size: 20px;
	font-weight: normal;
	padding-bottom: 18px;
	color: rgba(125,74,157,1);
	line-height: 1.3em;
	text-align: center;
}
.img-left{
	margin: 15px auto 15px;
}
.img-left img{
	display: block;
	vertical-align: text-bottom;
}
.ano{
	padding: 10px;
	border: 1px solid #ccc;
}
.ssff-box{
	padding: 2%;
	background-color: rgba(250,250,250,1);
	border: #CECECE 1px solid;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	width: 96%;
}
.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;
	margin: 0 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: 100%;
}
.double-tube{
	width: 100%;
	margin-bottom: 10px;
}
.archive-tube iframe,.double-tube iframe,.single-tube iframe{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
.award-fig{
	width: 100%;
	margin: 5px 0;
}
.award-fig img{width:100%; height:auto;}
.award-fig-text{
	width: 100%;
}
/*------------------------------------

ボランティア

------------------------------------*/
h2.whiteh3{
	margin: 2em 0 1em;
	color: rgba(104,47,115,1);
}
.voice{}
.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: 10px;
	padding: 15px 5%;
}
.salon-photo img{
	width: 100%;
	height: auto;
}
.salon-caption{
	/* [disabled]width: 330px; */
	/* [disabled]float: left; */
	margin-bottom: 20px;
	margin: 0;
	font-size: 11px;
}
/*------------------------------------

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{display:none;}
.smp-br{}
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: 10%;
}
.right-float{ float:right;}
.all-center{ text-align:center;}
.all-right{ text-align:right;}
.all-left{ text-align:left;}
img.smp100{width:100%; height:auto;}
img.smp50{width:50%; height:auto;}
img.smp25{width:25%; height:auto;}
.jotform {width:100%; overflow:scroll;}
.jotform iframe{ width:90% !important;}
.jotform form-all{ width:100% !important;}
.jotform form-line{padding:0 !important;}
/*------------------------------------*/
.accessmap iframe{ width:100%;}
/*------------------------------------

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: 96%;
	margin: 0;
	padding: 10px 2% 20px;
	background-color: rgba(255,255,255,.8);
	position: fixed;
	display: none;
	z-index: 9998;
}
#modal-content p img{
	display: block;
	margin: 30px auto 20px;
	width:100%;
	height:auto;
}
#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 ;
}