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

@import url(http://fonts.googleapis.com/css?family=Montserrat:700);
@import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);

/*-------------------------------------------------------
　Common
-------------------------------------------------------*/

.datebar {
	line-height: 1.833em;
	font-weight: normal;
	color: #FFF;
	text-align: center;
	font-size: 1em;
	margin: 0 0 0px 0;
}
.btm0 {
	margin-bottom: 0 !important;
}
.btm5 {
	margin-bottom: 5px !important;
}
.btm10 {
	margin-bottom: 10px !important;
}
.btm15 {
	margin-bottom: 15px !important;
}

h3.ttlbar {
	line-height: 44px;
	text-align: center;
	font-size: 21px;
	font-family: 'Montserrat', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #fff;
	font-weight: normal;
	margin: 0 0 0px 0;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	background-image: url(../images/bg_h3.png);
	background-size: 44px auto;
}
h3.ttlbar .jptitle {
	font: bold 14px/1em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
h3.ttlbar2 {
	line-height: 34px;
	text-align: center;
	font-size: 16px;
	font-family: 'Montserrat', sans-serif;
	color: #fff;
	font-weight: normal;
	margin: 0 0 0px 0;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	background: url(../images/bg_h3.png);
	background-size: 44px auto;
}
.noline a {
	text-decoration: none;
}
.nopadding {
	padding: 0 !important;
}
.bnr {
	width: 100%;
	margin-bottom: 15px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/*  Clearfix
----------------------------*/
.clearfix:before,
.clearfix:after,
.container:before,
.container:after {
	display: table;
	content: " ";
  }
.clearfix:after,
.container:after  {
	clear: both;
  }
  
/* リストスタイル1
----------------------------*/
ul.liststyle1 {
	margin: 0 0 5px 0;
}
ul.liststyle1 li {
	position: relative;
	color: #ccc;
	line-height: 44px;
	display: block;
	text-decoration: none;
	text-indent: 10px;
	box-sizing: border-box;
	background-color: #FFF;
	border-right: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}
ul.liststyle1 li a {
	display: block;
	text-decoration: none;
	color: #666;
}
ul.liststyle1 li a:hover {
	background-color: #ffffcc;
}
ul.liststyle1 li span.icon_external:before {
	position: absolute;
	font-family: 'FontAwesome';
	content: "";
	top: 50%;
	right: 10px;
	margin-top: -1.5em;
}
ul.liststyle1 li span.icon_arrow:before {
	position: absolute;
	font-family: 'FontAwesome';
	content: "";
	top: 50%;
	right: 10px;
	margin-top: -1.5em;
}

/* Accordion - 開閉保持
----------------------------*/
.accordion div.cont {
	display: block;
	margin: 0px 0px 5px;
}
.accordion h3 {
	display: block;
	cursor: pointer;
	line-height: 44px;
	text-align: center;
	font-size: 21px;
	font-family: 'Montserrat', sans-serif;
	color: #fff;
	font-weight: normal;
	margin: 0 0 5px 0;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	background-image: url(../images/bg_h3.png);
	background-size: 44px auto;
}
.accordion h3 span {
	float: right;
	margin: 0 3px 0 -24px;
}
.accordion h3 span:before {
	font-family:'FontAwesome';
	vertical-align: middle;
	content: "";
	padding: 0 8px 0 0;
}
.accordion h3.closed span:before {
	font-family:'FontAwesome';
	content: "";
}

/* ドロワーメニュー
----------------------------*/
#build-menu {
	background-attachment: scroll;
	background-image: url(../images/bg_menu.png);
	background-size: 400px auto;
	}
#build-menu h3 {
	font-size:0.857em;
	line-height: 1.833em;
	padding: 1px 0 0 10px;
	color: #fff;
	-webkit-border-radius: 0px 10px 0 0;
	border-radius: 0px 10px 0 0;
}
.mobile-nav-0 {
	/*background-color: #fff;*/
	margin: 10px 30px 10px 0px ;
}
.mobile-nav-0 li {
	line-height: 3.142em;
	position: relative;
	text-indent: 45px;
	background-color: #fff;
	color: #ccc;
	border-bottom: 1px solid #dcdcdc;
}
.mobile-nav-0 li:last-child {
	border: none;
	-webkit-border-radius: 0px 0 10px 0;
	border-radius: 0px 0 10px 0;
}
.mobile-nav-0 li a {
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #666;
}
.mobile-nav-0 li a:hover {
	color: #fff;
}

.mobile-nav-0 li span {
	position: absolute;
	font-size: 1.5em;
	font-weight: normal;
	top: 0.6em;
	left: -33px;
}
.mobile-nav-1 {
	margin: 0px 30px 30px 0px ;
}
.mobile-nav-1 div {
	background-color: #fff;
	padding: 10px 0 0 10px;
	-webkit-border-radius: 0px 0px 10px 0px;
	border-radius: 0px 0px 10px 0px;
}
.mobile-nav-1 li {
	margin: 0px 8px 8px 0px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-sizing: border-box;
	display: block;
	height: 47px;
	width: 47px;
	float: left;
}
/*.mobile-nav-1 h3 {
	-webkit-border-radius: 0px 10px 0 0;
	border-radius: 0px 10px 0 0;
}*/
.mobile-nav-1 li:hover {
	cursor: pointer;
}
.mobile-nav-2 li {
}


/* 1カラム
----------------------------*/
.col1 {
}
.col1 .cell {
  margin-bottom: 5px;
  padding: 5px;
  background-color: #FFF;
  box-sizing: border-box;
  border: 1px solid #dcdcdc;
  position: relative;
}
.col1 .last {
	margin-bottom: 0;
}

/* 2カラム
----------------------------*/
.col2 {
	padding-right: 5px;
}
.col2 .cell {
  float: left;
  width: 50%;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 5px;
  background-color: #FFF;
  box-sizing: border-box;
  text-align: center;
  border: 1px solid #dcdcdc;
  position: relative;
}
.col2 .last {
	margin-right: -5px;
}

/* 3カラム
----------------------------*/
.col3 {
  padding-right: 10px;
}
.col3 .cell {
  float: left;
  width: 33.33%;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 5px;
  background-color: #FFF;
  box-sizing: border-box;
  text-align: center;
  border: 1px solid #dcdcdc;
  position: relative;
}
.col3 .last {
	margin-right: -10px;
}

/* 4カラム
----------------------------*/
.col4 {
  padding-right: 15px;
}
.col4 .cell {
  float: left;
  width: 25%;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 5px;
  background-color: #FFF;
  box-sizing: border-box;
  text-align: center;
  border: 1px solid #dcdcdc;
  position: relative;
}
.col4 .last {
	margin-right: -15px;
}

/* 7カラム
----------------------------*/
.col7 {
  padding-right: 30px;
}
.col7 .cell {
  float: left;
  width: 14.28%;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 5px;
  background-color: #FFF;
  box-sizing: border-box;
  text-align: center;
  border: 1px solid #dcdcdc;
  position: relative;
}
.col7 .last {
	margin-right: -30px;
}

/* 6カラム
----------------------------
.col6 {
  padding-right: 25px;
}
.col6 .cell {
  float: left;
  width: 16.66%;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 5px;
  background-color: #FFF;
  box-sizing: border-box;
  text-align: center;
  border: 1px solid #dcdcdc;
  position: relative;
}
.col6 .last {
	margin-right: -25px;
}*/

/*-------------------------------------------------------
　Layout
-------------------------------------------------------*/
html {
font-size : 14px;
}

body {
	font: 1em/1.2em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #444;
	background-color: #e2e2e2;
	background-image: url(../images/bg_menu.jpg);
	background-size: 320px auto;
	background-attachment: fixed;
	background-position: center top;
}
#wrap {
	width: 960px;
	margin: 0px auto;
	background-image: url(../images/bg_snap-content.gif);
	background-size: 12px auto;
	padding: 10px;
}
#container {
	margin: 0px 5px;
	/*display: none;*/
}
#mainarea {
	width: 620px;
	float: left;
}
#sidearea {
	width: 315px;
	float: right;
}

/* header
----------------------------*/
#header {
	position: relative;
	border-bottom: 1px solid #ccc;
	background: #FFF;
	margin: -10px -15px 15px;
}
#header .titlebar h1 {
	line-height: 44px;
	text-align: left;
	text-decoration: none;
	display: block;
	font-size: 1.5em; /*21px*/
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	float: left;
	text-indent: 15px;
}
#header .titlebar h1 a {
	text-decoration: none;
}
#header .titlebar h1 a:hover {
	color: #f60;
}

#header .text {
	font-size: 12px;
	text-indent: 10px;
	padding: 19px 0px 0px;
	color: #999;
	line-height: 1em;
	float: left;
}
#header .snsarea {
	float: right;
	margin: 13px 10px 0px 0px;
}

/* Footer
----------------------------*/
#footer {
	text-align: center;
	margin: 0 -15px -10px;
	clear: both;
	position: relative;
	padding: 30px 0 0 0;
}
#footer .copyright {
	line-height: 1em;
	padding: 15px;
	color: #FFF;
	font-size: 0.857em; /*12px*/
}
#footer .footbar {
	height: 5px;
}
#gototop {
	width: 180px;
	background: #FFF;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	position: absolute;
	right: 30px;
	top: 3px;
}
#gototop a {
	display: block;
	line-height: 22px;
	padding: 5px;
	text-align: center;
	text-decoration: none;
}

/* SNSボタン
----------------------------*/
#social {
	display: table;
	margin: 0 auto 5px;
}
#social div {
	float: left;
}


/* トップBIGバナー
----------------------------*/
#top_banner {
	padding: 5px;
	margin: 0px 0px 15px;
}
#top_banner img {
	margin: 0 0 5px 0;
	border: 1px solid #FFF;
	box-sizing: border-box;
}

/* Top-Navi
----------------------------*/
#top_navi {
	margin: 0px 0px 10px;
}
#top_navi .text {
	font-size: 16px;
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 8px;
	padding-top: 3px;
}
#top_navi .icon {
	font-size: 3.428em; /*48px*/
}
#top_navi a {
	text-decoration: none;
	padding: 5px;
	display: block;
}
#top_navi a:hover {
	background-color: #FFC;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#top_navi .cell {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 0px;
}
#top_navi .nolink {
	color: #ccc;
}

.cont .inner {
	background-color: #FFF;
	padding: 10px 10px 5px 10px;
	box-sizing: border-box;
	border: 1px solid #dcdcdc;
	margin: 0 0 5px 0;
}

/* News
----------------------------*/
#news {
	margin-bottom: 15px;
	line-height: 1.3em;
}
#news li {
	padding: 0px 0px 8px;
	margin: 0px 0px 8px;
	border-bottom: 1px dotted #CCC;
}
#news .date {
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
	font-size: 1.285em; /*18px*/
	margin: 0 0 5px 0;
}
#news li a.wraplink {
	display: block;
	position: relative;
	text-decoration: none;
	color: #444;
	padding: 10px 30px 10px 10px;
	margin: -10px -10px -10px -10px;
}
#news li a.wraplink:hover {
	background-color: #FFC;
}
#news li a.wraplink span:before {
	position: absolute;
	font-family: 'FontAwesome';
	content: "";
	top: 50%;
	right: 10px;
	margin-top:-0.5em;
	/*color: #999;*/
}
#news .more_image {
	cursor: pointer;
	line-height: 2em;
	text-align: center;
	font-weight: bold;
}
.scroll-pane .jspVerticalBar {
    width: 5px;
}
.scroll-pane .jspTrack{
	background: #ccc;;
}

/* カウントダウンタイマー
----------------------------*/
#countdown {
	font: 36px/1.2em 'Montserrat', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #FFF;
	text-align: left;
}
#countdown div {
	float: right;
	padding: 0 0 0 4px;
}
#countdown .sec {
	width: 1.2em;
}
#countdown .jp_ft {
	font: 0.6em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	padding: 0;
	margin-top: 0.7em;
	line-height: 1em;
}

/* エントリーステータス - 状況
----------------------------*/
#status2 .prog {
	text-align: center;
	line-height: 22px;
	font-family: 'Montserrat', sans-serif;
	font-size: 1.142em;
}
#status2 .value {
	font-family: 'Montserrat', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 2.2em;
	line-height:1.4em;
}
#status2 .value b {
	font-size: 70%;
	line-height: 1.2em;
}
#status2 .max {
	position: absolute;
	font-size: 0.9em;
	width: 50%;
	left: 25%;
	top: 62%;
}
#status2 ul.liststyle1 li {
	color: #666;
    position: relative;
    line-height: 1em;
    display: block;
    text-decoration: none;
    box-sizing: border-box;
    background-color: #FFF;
    border-right: 1px solid #DCDCDC;
	border-left: none;
	border-bottom: none;
	text-indent: 0;
	text-align:center;
	padding: 10px 0;
}

/* エントリーステータス - 状況
----------------------------*/
#status {
	margin-bottom: 10px;
}
#status .prog {
	text-align: center;
	line-height: 22px;
	font-family: 'Montserrat', sans-serif;
	font-size: 1.142em;
}
#status .value {
	font-family: 'Montserrat', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 2.2em;
	position: absolute;
	width: 50%;
	left: 25%;
	top: 46%;
}
#status .value b {
	font-size: smaller;
}
#status .max {
	position: absolute;
	font-size: 0.9em;
	width: 50%;
	left: 25%;
	top: 62%;
}

/* TOP - ABOUT
----------------------------*/
#about img {
	border: 1px solid #CCC;
	margin: 0px 10px 10px 0px;
	box-sizing: border-box;
	float: left;
	width: 130px;
}
#about .ttl {
	font-weight: bold;
	margin: 0px 0px 1px;
}
#about p {
	margin: 0px 0px 5px;
}
#about .midashi {
	font-size: 1.142em; /*16px*/
	font-weight: bold;
	padding-top: 5px;
}
#about .inner {
	padding-bottom: 0px;
}
#about .link a {
	display: block;
	text-align: center;
	line-height: 44px;
	margin: 10px 0px 0px;
	border-top: 1px dotted #CCC;
	text-decoration: none;
	clear: both;
}

/* TOP - PROGRAM
----------------------------*/

#program .prog {
	font-weight: normal;
	font-size: 24px;
	margin-bottom: 8px;
	font-family: 'Montserrat', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#program .tag span {
	font-size: 13px;
	line-height: 1em;
	padding: 0px 4px;
	color: #FFF;
	font-weight: bold;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin: 0 5px 0 0;
	background: #999;
}
#program .icon {
	float: left;
	margin: 0 10px 0 0;
	width: 80px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#program .box {
	margin: 0px;
	padding: 10px 5px;
	border-bottom: 1px dotted #CCC;
	clear: both;
	position: relative;
}
#program .box:last-child {
	border: none;
}

#program span.arrow:before {
	position: absolute;
	font-family: 'FontAwesome';
	content: "";
	top: 50%;
	right: 4px;
	margin-top:-0.5em;
	/*color: #999;*/
}
#program a {
	text-decoration: none;
	display: block;
	padding: 10px;
	margin: -10px;
}
#program a:hover {
	background-color: #FFC;
}


/* TOP - SAMETIME
----------------------------*/
#sametime img {
	margin: 0px 0px 10px;
	border: #ccc 1px solid;
	box-sizing: border-box;
}
#sametime .cell {
	padding: 0px;
	background: none;
	border: none;
}
#sametime .inner {
	padding: 10px;
}
#sametime a {
	text-decoration: none;
}

/* TOP - EVENT
----------------------------*/
#event img {
	margin: 0px 0px 10px;
	border: #ccc 1px solid;
	box-sizing: border-box;
}
#event .cell {
	padding: 0px;
	background: none;
	border: none;
}
#event .inner {
	padding: 10px;
}
#event a {
	text-decoration: none;
}

/* TOP - Shop
----------------------------*/
#shop {
	margin-bottom: 10px;
}
#shop .cont {
	padding: 10px 0px 0px 10px;
	background-color: #fff;
}
#shop li {
	float: left;
	width: 192px;
	margin: 0px 10px 10px 0px;
	padding: 0px;
	border: 1px solid #CCC;
	box-sizing: border-box;
	display: block;
}

/* TOP - ARCHIVE
----------------------------*/
#archive ul {
	margin: 0 0 5px 0;
}
#archive li {
	width: 33.33%;
	float: left;
	text-align: center;
	line-height: 1em;
	margin: 5px 0px 5px;
}
#archive li a {
	display: block;
	text-decoration: none;
}
#archive li a:hover {
	text-decoration: underline;
}
#archive li.mid {
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	box-sizing: border-box;
}
#archive a {
	color: #666;
}
#archive .cell {
	padding: 5px 0;
}
#archive h4 {
	background: #CCC;
	font-weight: normal;
	text-align: center;
	color: #FFF;
	line-height: 19px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 12px;
	margin: 0px 5px 5px;
	padding: 1px 0px 0px;
}

/* logos
----------------------------*/
#logos {
	margin: 15px auto 5px;
	text-align: center;
	width: 95%;
}
#logos img {
	padding: 5px;
}
#logos .cell {
	padding: 0px;
	background: none;
	border: none;
}

/* ロングバナー
----------------------------*/
.longbnr {
	margin: 0px;
}
.longbnr img {
	margin: 0px 0px 15px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}


/* 各種ダウンロード
----------------------------*/
#download .adobelink {
	text-align: right;
}

/* Theme
----------------------------*/
#theme li:hover {
	cursor: pointer;
}
#theme .cell {
	padding: 10px 0px 0px 10px;
}
#theme li {
	float: left;
	height: 44px;
	width: 32px;
	margin: 0 5px 10px 0;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/* 会場マップ
----------------------------*/
#map img {
    border: 1px solid #ccc;
    box-sizing: border-box;
}

/* スマホからアクセス時のみ
----------------------------*/
#sphone a {
	display: block;
	line-height: 132px;
	text-align: center;
	color: #fff;
	font-size: 42px;
	text-decoration: none;
	background: -moz-linear-gradient(top, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Chrome10+,Safari5.1+ */
}

/* QRコード
----------------------------*/
#mobile .cell {
	text-align: center;
	padding: 15px;
}



#outline dt {
	line-height: 1.833em;
	color: #FFF;
	text-indent: 10px;
}
#outline .cont {
	background-color: #FFF;
	margin: 0px 0px 17px;
}
#outline dd {
	padding: 12px 15px;
	line-height: 1.6em;
}
#outline .waku1 {
	padding: 8px 10px;
	border: 1px solid #CCC;
}
.liststyle2 {
	margin: 0px 0px 10px 0px;
}
.liststyle2 li {
	list-style: disc;
	margin: 0px 0px 8px 20px;
	line-height: 1.4em;
}
#outline p {
	margin: 0px 0px 10px;
}
.btn {
	border-top: 1px solid #dcdcdc;
}
#outline .program_head .prog {
	font-weight: normal;
	font-size: 24px;
	margin-bottom: 5px;
	font-family: 'Montserrat', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#outline .program_head .tag span {
	font-size: 12px;
	line-height: 1em;
	padding: 0px 4px;
	color: #FFF;
	font-weight: bold;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin: 0 5px 0 0;
	background: #999;
}
#outline .program_head .icon {
	float: left;
	margin: 0 10px 0 0;
	width: 80px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#outline .program_head .box {
	margin: 0px;
	padding: 15px 0px 15px 15px;
	border-bottom: 1px dotted #CCC;
	line-height: 1.2em;
}
#outline dt.program_head {
	text-indent: 0px;
	background: #FFC;
}
.tablestyle1 td {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 5px 5px 5px 8px;
}
.tablestyle1 th {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	vertical-align: middle;
	text-align: left;
	padding: 5px 5px 5px 8px;
	background-color: #E6E6E6;
}
.tablestyle1 {
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
.liststyle_num li {
	list-style: decimal;
	margin: 0px 0px 5px 25px;
}
#outline h4 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	margin: 0px 0px 10px;
}
#outline .att {
	font-size: 13px;
	font-weight: bold;
	background-color: #F00;
	color: #fff;
	line-height: 1em;
	padding: 5px 5px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align:center;
	margin: 0 0 10px 0;
}
#outline .shortcut {
	margin: 0 0 10px 0;
}
#outline .shortcut a {
	text-decoration: none;
	display: block;
	padding: 10px 0;
}
#outline .shortcut a:hover {
	background-color: #FFC;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#outline .shortcut .cell {
	padding: 0px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.center {
	text-align: center;
}
.large {
	font-size: larger;
}
#outline .flow_arrow {
	font-size: 24px;
	text-align: center;
	margin: 0px 0px 10px;
	color: #999;
}
#entrylist #listtable td {
	padding: 10px;
	border-right: 1px dotted #CCC;
	font-size: 13px;
	color: #666;
	display: table-cell;
	vertical-align: middle;
}
#entrylist #listtable td:last-child {
	border-right: 1px solid #CCC;
}
#entrylist #listtable td:first-child {
	border-left: 1px solid #CCC;
}
.DataTables_sort_wrapper {
	color:#eee;
}
#entrylist .inner {
	padding: 15px;
	background: #FFF;
}
#entrylist #setumei {
	background: #FFC;
	padding: 20px;
}
#listtable_filter input {
	width: 240px;
}
#entrylist .btn_pdf a {
	margin: 0px;
	width: 180px;
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	background: #FFF;
	padding: 7px 5px 5px 5px;
	text-align: center;
	border: 1px solid #CCC;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#entrylist a.btn_statuslist:hover {
	background: #999;
	color:#333;
}
#entrylist #listtable td.tdleft {
	border-left: 1px solid #333;
}
#entrylist #listtable td.tdright {
	border-right: 1px solid #333;
}

/* Result
----------------------------*/
#result .cont {
	background: #FFF;
	padding: 15px 0;
}
#result #tab li {
	float: left;
	list-style: none;
	cursor: pointer;
	background: #eee;
	width: 452px;
	text-align: center;
	line-height: 44px;
	font-size: 18px;
	color: #999;
	padding-top:5px;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
#result .content_wrap {
	padding: 5px 5px 1px;
	margin: 0px 15px;
	clear: both;
}
#result .cell {
	background: #FFF;
	padding: 10px 0px 10px 10px;
	margin: 0px 0px 5px;
	position: relative;
}
#result .range {
	color: #FFF;
	text-align: center;
	margin: 0px 10px 10px 0px;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	font: 18px/44px 'Montserrat', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#result .movie a {
	display: block;
	line-height: 30px;
	text-align: center;
	width: 240px;
	font-size: 14px;
	text-decoration: none;
	background: #FFF;
	position: absolute;
	top: 17px;
	right: 17px;
}
#result .rank {
	font-size: 24px;
	font-weight: bold;
}
#result #tab li:hover {
	background:#999;
	color: #fff;
}
#result #tab li.select {
  color: #fff;  
}
#result .progname {
	background: #FFC;
	padding: 15px;
	margin: 0px 0px 5px;
}
#result .progname .data {
	line-height: 1em;
}
#result .box img {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 0px 0px 10px;
}
#result .box {
	width: 290px;
	float: left;
	margin: 0px 10px 0px 0px;
	font-size: 16px;
	line-height: 1.6em;
	color: #666;
}
#result .box ul {
	margin: 0px 10px;
}
#result .losers .box {
	width: 440px;
	float: left;
	margin: 0px 10px 0px 0px;
	font-size: 16px;
	line-height: 1.6em;
	color: #666;
}
#result .losers .box img {
	width: 240px;
	float: left;
	margin: 0 10px 0 0;
}
#result .player {
	border-bottom: 1px dotted #999;
}
#result .shop {
	font-size: 14px;
}
#result .prog {
	font-size: 32px;
	line-height: 1em;
	margin: 0px 0px 5px;
	font-family: 'Montserrat', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#result .progname .icon {
	float: left;
	margin: 0px 10px 0px 0px;
}
#result .underbar {
	height: 5px;
}
#result .disnon {
  display: none;
}
#result .losers ul {
	display: block;
	margin: 0px;
	float: left;
	width: 190px;
	font-size: 90%;
}
#result .losers .shop {
	line-height: 1.2em;
	padding-top: 5px;
}
#result .off {
	display: none;
}
#result .losers {
	clear: both;
}
#result .losers .range {
	background: #999;
	line-height: 30px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

/* Gallery
----------------------------*/
#gallery .cont {
	background: #FFF;
	padding: 18px 0px 10px 18px;
}
#gallery .cont a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#gallery .cont img {
	margin-right: 3px;
	margin-bottom: 3px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#gallery .cont ul li {
	float: left;
	margin: 0px 5px 5px 0px;
	padding: 0px;
	
}


/* Top Program Close Btn
----------------------------*/
.close-btn {
	text-align: right;
	color: #fff;
	font-size: 1.833em;
	font-weight: bold;
	cursor: pointer;
	margin: 10px 10px -15px 0;
	font-family: 'Montserrat', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}