@charset "UTF-8";
/*
====================================================================================================
■ basic setting
■ layout
 □ #header
 □ #main
  □ #content
  □ #sidebar
 □ #footer
==================================================================================================== */
/*
====================================================================================================
■ basic setting
---------------------------------------------------------------------------------------------------- */
a {
	color: #1e0fbe;
	-webkit-transition: border-color 0.2s linear, color 0.2s linear, background-color 0.2s linear, opacity 0.2s linear;
	-webkit-transition-delay: 0s, 0s, 0s, 0s;
	-moz-transition: border-color 0.2s linear 0s, color 0.2s linear 0s, background-color 0.2s linear 0s, opacity 0.2s linear 0s;
	-o-transition: border-color 0.2s linear 0s, color 0.2s linear 0s, background-color 0.2s linear 0s, opacity 0.2s linear 0s;
	transition: border-color 0.2s linear 0s, color 0.2s linear 0s, background-color 0.2s linear 0s, opacity 0.2s linear 0s;
}
a:link {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

.clearfix {
	zoom: 1;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}

.fll {
	float: left;
}

.flr {
	float: right;
}

.tal {
	text-align: left;
}

.tac {
	text-align: center;
}

.tar {
	text-align: right;
}

.fitimg {
	width: 100%;
}

.dummylink {
	cursor: pointer;
}

/* ---ページトップアンカー--- */
.page_up {
	text-align: right;
}
.page_up a:before {
	content: "▲";
}

/* ---ロールオーバーエフェクト--- */
.btn {
	-webkit-transition: opacity 0.2s linear;
	-webkit-transition-delay: 0s;
	-moz-transition: opacity 0.2s linear 0s;
	-o-transition: opacity 0.2s linear 0s;
	transition: opacity 0.2s linear 0s;
}

a:hover .btn {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: 0.6;
}

a.hover:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: 0.6;
}

/* ---ユーザー入力エリア--- */
.usertxt {
	font-family: "ＭＳ Ｐゴシック",sans-serif !important;
}

/* ---「※」テキスト・リスト--- */
p.kome {
	margin-left: 1em;
}
p.kome:before {
	margin-left: -1em;
	position: relative;
	display: inline-block;
	content: "※";
}

ul.kome > li, ol.kome > li {
	margin-left: 1em;
}
ul.kome > li:before, ol.kome > li:before {
	margin-left: -1em;
	position: relative;
	display: inline-block;
	content: "※";
}

/* ---「＊」テキスト・リスト--- */
p.ast {
	margin-left: 1em;
}
p.ast:before {
	margin-left: -1em;
	position: relative;
	display: inline-block;
	content: "＊";
}

ul.ast > li, ol.ast > li {
	margin-left: 1em;
}
ul.ast > li:before, ol.ast > li:before {
	margin-left: -1em;
	position: relative;
	display: inline-block;
	content: "＊";
}

/* ---「・」テキスト--- */
p.dot {
	margin-left: 1em;
}
p.dot:before {
	margin-left: -1em;
	position: relative;
	display: inline-block;
	content: "・";
}

/* ---「・」リスト--- */
ul.dot, ol.dot {
	list-style-type: disc;
}
ul.dot > li, ol.dot > li {
	margin-left: 1.5em;
}

/* ---「1.」リスト--- */
ul.num, ol.num {
	list-style-type: decimal;
}
ul.num > li, ol.num > li {
	margin-left: 2em;
}

/* ---「a.」リスト--- */
ul.alp, ol.alp {
	list-style-type: lower-latin;
}
ul.alp > li, ol.alp > li {
	margin-left: 2em;
}

/* ---lightbox効果--- */
[rel*="lightbox"] {
	display: block;
	position: relative;
	z-index: 0;
}

[rel*="lightbox"]:after {
	display: block;
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 24px;
	height: 24px;
	background: url(../common_img/lightbox/ico_zoom.png) center center no-repeat;
}

[rel*="lightbox"] img {
	z-index: -1;
	position: relative;
}

/*
--------------------------------------------------
 margin
-------------------------------------------------- */
.m00 { margin: 0px !important; } .m05 { margin: 5px !important; }
.m10 { margin: 10px !important; } .m15 { margin: 15px !important; }
.m20 { margin: 20px !important; } .m25 { margin: 25px !important; }
.m30 { margin: 30px !important; } .m35 { margin: 35px !important; }
.m40 { margin: 40px !important; } .m45 { margin: 45px !important; }
.m50 { margin: 50px !important; } .m60 { margin: 60px !important; }
.m70 { margin: 70px !important; } .m80 { margin: 80px !important; }
.m90 { margin: 90px !important; } .m100 { margin: 100px !important; }

.mt00 { margin-top: 0px !important; } .mt05 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; } .mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; } .mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; } .mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; } .mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; } .mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; } .mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 90px !important; } .mt100 { margin-top: 100px !important; }

.mr00 { margin-right: 0px !important; } .mr05 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; } .mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; } .mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; } .mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; } .mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; } .mr60 { margin-right: 60px !important; }
.mr70 { margin-right: 70px !important; } .mr80 { margin-right: 80px !important; }
.mr90 { margin-right: 90px !important; } .mr100 { margin-right: 100px !important; }

.mb00 { margin-bottom: 0px !important; } .mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; } .mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; } .mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; } .mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; } .mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; } .mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; } .mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; } .mb100 { margin-bottom: 100px !important; }

.ml00 { margin-left: 0px !important; } .ml05 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; } .ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; } .ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; } .ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; } .ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; } .ml60 { margin-left: 60px !important; }
.ml70 { margin-left: 70px !important; } .ml80 { margin-left: 80px !important; }
.ml90 { margin-left: 90px !important; } .ml100 { margin-left: 100px !important; }

/*
--------------------------------------------------
 padding
-------------------------------------------------- */
.p00 { margin: 0px !important; } .p05 { margin: 5px !important; }
.p10 { margin: 10px !important; } .p15 { margin: 15px !important; }
.p20 { margin: 20px !important; } .p25 { margin: 25px !important; }
.p30 { margin: 30px !important; } .p35 { margin: 35px !important; }
.p40 { margin: 40px !important; } .p45 { margin: 45px !important; }
.p50 { margin: 50px !important; } .p60 { margin: 60px !important; }
.p70 { margin: 70px !important; } .p80 { margin: 80px !important; }
.p90 { margin: 90px !important; } .p100 { margin: 100px !important; }

.pt00 { margin-top: 0px !important; } .pt05 { margin-top: 5px !important; }
.pt10 { margin-top: 10px !important; } .pt15 { margin-top: 15px !important; }
.pt20 { margin-top: 20px !important; } .pt25 { margin-top: 25px !important; }
.pt30 { margin-top: 30px !important; } .pt35 { margin-top: 35px !important; }
.pt40 { margin-top: 40px !important; } .pt45 { margin-top: 45px !important; }
.pt50 { margin-top: 50px !important; } .pt60 { margin-top: 60px !important; }
.pt70 { margin-top: 70px !important; } .pt80 { margin-top: 80px !important; }
.pt90 { margin-top: 90px !important; } .pt100 { margin-top: 100px !important; }

.pr00 { padding-right: 0px !important; } .pr05 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; } .pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; } .pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; } .pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; } .pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; } .pr60 { padding-right: 60px !important; }
.pr70 { padding-right: 70px !important; } .pr80 { padding-right: 80px !important; }
.pr90 { padding-right: 90px !important; } .pr100 { padding-right: 100px !important; }

.pb00 { padding-bottom: 0px !important; } .pb05 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; } .pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; } .pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; } .pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; } .pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; } .pb60 { padding-bottom: 60px !important; }
.pb70 { padding-bottom: 70px !important; } .pb80 { padding-bottom: 80px !important; }
.pb90 { padding-bottom: 90px !important; } .pb100 { padding-bottom: 100px !important; }

.pl00 { padding-left: 0px !important; } .pl05 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; } .pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; } .pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; } .pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; } .pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; } .pl60 { padding-left: 60px !important; }
.pl70 { padding-left: 70px !important; } .pl80 { padding-left: 80px !important; }
.pl90 { padding-left: 90px !important; } .pl100 { padding-left: 100px !important; }

/*
--------------------------------------------------
font-size
-------------------------------------------------- */
.f12 { font-size: 12px !important; } .f13 { font-size: 13px !important; }
.f14 { font-size: 14px !important; } .f15 { font-size: 15px !important; }
.f16 { font-size: 16px !important; }



.news_list li {
	border-top: 1px solid #999;
}
.news_list li:first-child {
	padding-top: 0;
	border-top: none;
}

.news_title {
	font-weight: 400;
}

.news_label {
	font-weight: 700;
}

.news_label_en {
	display: inline-block;
	width: 7em;
	color: #fff;
	background: #000;
	font-family: "Ropa Sans",sans-serif;
	text-align: center;
}

.news_body {
	overflow: hidden;
}
.news_body a {
	color: #000;
}
.news_body a:hover {
	text-decoration: none;
}

/*
====================================================================================================
■ layout
---------------------------------------------------------------------------------------------------- */
#wrapper {
	border-top: 5px solid #ffc286;
	min-width: 1200px;
}

.layout {
	margin: 0 auto;
	width: 1200px;
	position: relative;
}

/*
----------------------------------------------------------------------------------------------------
 □ #header
---------------------------------------------------------------------------------------------------- */
/*
----------------------------------------------------------------------------------------------------
 □ #main
---------------------------------------------------------------------------------------------------- */
#main {
	padding-bottom: 50px;
}

/*
----------------------------------------------------------------------------------------------------
  □ #content
---------------------------------------------------------------------------------------------------- */
/*
----------------------------------------------------------------------------------------------------
  □ #sidebar
---------------------------------------------------------------------------------------------------- */
#sidebar .side_sec {
	margin-bottom: 16px;
}

.side_bnr li {
	margin-top: 12px;
}
.side_bnr li:first-child {
	margin-top: 0;
}

#side_contact h2 {
	line-height: 32px;
	color: #FFF;
	background: #ffc286;
	text-align: center;
}
#side_contact li {
	border-bottom: 1px solid #999;
}

#side_outlink h2 {
	font-size: 16px;
	font-family: "Ropa Sans",sans-serif;
}
#side_outlink li {
	margin-top: 4px;
	padding-top: 4px;
	border-top: 1px solid #aaa;
}
#side_outlink li:first-child {
	margin-top: 0;
	padding-top: 0;
	border: none;
}
#side_outlink a {
	display: block;
}
#side_outlink .bnr_fb a {
	border: 1px solid #3B5998;
}

/*
----------------------------------------------------------------------------------------------------
 □ #footer
---------------------------------------------------------------------------------------------------- */
#footer {
	padding-top: 28px;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffc286), color-stop(100%, #f87705));
	background-image: -webkit-linear-gradient(top, #ffc286, #f87705);
	background-image: -moz-linear-gradient(top, #ffc286, #f87705);
	background-image: -ms-linear-gradient(top, #ffc286, #f87705);
	background-image: -o-linear-gradient(top, #ffc286, #f87705);
	background-image: linear-gradient(top, #ffc286, #f87705);
	
	color: #FFF;
}

#fnav {
	float: left;
}
#fnav li {
	margin: 5px 0;
}
#fnav .main_nav {
	float: left;
	display: table;
}
#fnav .main_nav > li {
	padding: 10px 0;
	border-left: 1px solid #fff;
	display: table-cell;
}
#fnav .main_nav > li dl {
	margin-left: 8px;
}
#fnav .main_nav > li dt {
	margin-bottom: 15px;
	padding-bottom: 4px;
}
#fnav .main_nav > li dd {
	font-size: 9px;
}
#fnav .main_nav > li.fnav_concept {
	width: 184px;
}
#fnav .main_nav > li.fnav_flow {
	width: 176px;
}
#fnav .main_nav > li.fnav_gallery {
	width: 160px;
}
#fnav .main_nav > li.fnav_interview {
	width: 160px;
}
#fnav .main_nav > li.fnav_contact {
	width: 160px;
}
#fnav .main_nav > li .main_nav_sub {
	margin-left: 8px;
}
#fnav .main_nav > li .main_nav_sub li {
	margin: 0;
}
#fnav a {
	color: #fff;
}
#fnav .sub_nav {
	float: left;
	font-size: 10px;
}

#fcontent {
	float: right;
	width: 240px;
	text-align: center;
}
#fcontent #sns_btns {
	padding-left: 25px;
	overflow: hidden;
}
#fcontent .logo {
	margin-top: 52px;
}

#copyright {
	padding: 30px 0 55px;
	clear: both;
	text-align: center;
	font-family: "Ropa Sans",sans-serif;
}

/************************************************************
 * modal
 ************************************************************/

.modal { position:fixed; display:none; z-index:9999; top:40%; left:50%; width:400px; height:190px; margin:-116px 0 0 -221px; padding:20px; color:#FFF; text-align:center; border:1px solid #FFF; border-radius:10px; }
.modal img { vertical-align:bottom; }
.modal p { margin-bottom:10px; }
.modal ul { text-align:center; }
.modal li { display:inline; }
.modal a { cursor:pointer; }