@charset "utf-8";



/*********** btm setup ***********/

/* global class */
.clear { clear:both; }
.clearfix {zoom:1;}
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; zoom: 1; }

.color_01 { color:#d13823; }
.color_02 { color:#384cd1; }

.ptop0 { padding-top:0 !important; }
.mtop15 { margin-top:15px !important; }

.f11 {font-size:11px;}

.no_wrap{ overflow:hidden;zoom:1; }
.hover80 a:hover img,a.hover80:hover img,a:hover img.hover80 {filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;}
.hover60 a:hover img,a.hover60:hover img,a:hover img.hover60 {filter: alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}

.c {text-align:center;}
.accordion .btn2:hover {cursor:pointer;}

/* img area */
.left_box { float:left; }
.right_box { float:right; }
.left_box_space { float:left; padding:15px 20px 0; }
.right_box_space { float:right; padding:15px 20px 0; }

.left_box_no_wrap { float:left; padding:15px 0 0 20px; }
.right_box_no_wrap { float:right;padding:15px 20px 0 0;  }

.drop1 { border:1px solid #ddd; padding:1px; }

#content .photo_center { text-align:center; padding:10px 0 0; }
span.photo_center { display:block; }


.googlemap { border:1px solid #eee; margin:15px auto 0; padding:2px; width:95%; background:#fff; }
.googlemap iframe { width:100%; height:400px; }
.googlemap small { display:block; text-align:right; padding:5px 10px !important; font-size:10px !important; }



/* content caption */
/*#content h2,h2#sld { padding:50px 0 30px; background: url(../common_img/bg_sld.gif) right bottom no-repeat; }*/
#content h3 { padding-top:25px; text-align:center; font-size:14px; }
#content h4 { padding-top:20px; text-align:center; }
#content h5 { padding-top:20px; text-align:center; }

#sld {width:960px; margin:0 auto;}
#pan { background:#6a6a6a;height:34px; padding:10px 20px 0; color:#b6b6b6; min-width:990px; }
#pan a { color:#b6b6b6; }
#pan a:hover { color:#fff; }
#pan div {width:960px; margin:0 auto; line-height:1.2; }

/* content p */
#content p { padding:15px 20px 0; }



/*  rollup */
#content p.page-up { padding-top:20px; text-align:right; }

/* content table */
.table_style { margin-top:15px; }
.table_style th { border:1px solid #333; background:#6A6A6A; text-align:left; color:#fff; vertical-align:top; }
.table_style td { border:1px solid #333; background:#E2E2E2; vertical-align:top; }
/*
.table_style2 { margin-top:15px; }
.table_style2 th { background:#f4f4f4; border:1px solid #eee; border-right:none; border-top:none; text-align:left; vertical-align:top; }
.table_style2 td { background:#f4f4f4; border:1px solid #eee; border-right:none; border-top:none; vertical-align:top; }
*/
/*
.table_style3 { margin-top:15px; border-top:1px solid #ddd; border-left:1px solid #ddd; background:#fff; }
.table_style3 th { border-bottom:1px solid #ddd; border-right:1px solid #ddd; border-left:5px solid #5196d0; text-align:left; vertical-align:top; }
.table_style3 td { border-bottom:1px solid #ddd; border-right:1px solid #ddd; vertical-align:top; }
*/

/* content ul */
/*
.ul_style { padding:15px 20px 0; }
.ul_style li { padding:5px; border-bottom:1px solid #cccccc; }
*/

/* content dl */
/*
.dl_style { padding:0 20px 0; }
.dl_style dt { font-size:14px; font-weight:bold; color:#333; padding:15px 0 0; }
.dl_style dd { }
*/



/*********** page setup ***********/



/* news */
#rss { padding:0 0 0; text-align:right; }




/*---------- page_company -------------*/
.page_company a {color:#333;}
.page_company .tb_style th,
.page_company .tb_style td{
	padding:22px 40px;
}
.page_company .tb_style th {
	width: 120px;
}
.page_company .tb_style table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	margin-bottom:15px;
}
.page_company .tb_style table th,
.page_company .tb_style table td {
	text-align:left;
	padding:5px;
	border:none;
}
.page_company .tb_style table th {
	width:120px;
	padding-left:25px;
	background:url(../company/images/line01.gif) no-repeat 10px 10px;
}

.page_company .title_company{
	display:block;
	padding-left:10px;
	margin-bottom:5px;
	background:url(../company/images/arrow01.gif) no-repeat left center;
}
.page_company .space{
	display:block;
	margin-bottom:15px;
}


/*---------- End page_company -------------*/
/*---------- page_recruit -------------*/
.page_recruit .tb_style th,
.page_recruit .tb_style td{
	padding:22px 40px;
}
.page_recruit .tb_style th {
	width: 190px;
}
.page_recruit .tb_style table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	margin-bottom:15px;
}
.page_recruit .tb_style table th,
.page_recruit .tb_style table td {
	text-align:left;
	padding:5px;
	border:none;
}
.page_recruit .tb_style table th {
	width:120px;
	padding-left:25px;
	background:url(../company/images/line01.gif) no-repeat 10px 10px;
}
.page_recruit .table_style th{	width:250px; padding:5px 8px; }
.page_recruit .table_style td{ padding:5px 8px; width:678px}

.btn1 {width:232px;  margin-right:10px; float:left; text-align:center}
.btn1:last-child {margin-right:0;}
.btn1 a {display:block;background:#f4f4f4; border:1px solid #669FE4; padding:10px 20px;}
.btn1 a:hover {background:#669FE4; color:#fff;}
.btn2 {width:190px;  margin-right:10px; float:left; text-align:center}
.btn2:last-child {margin-right:0;}
.btn2 a {display:block;background:#0056A8; color:#fff; padding:20px;}
.btn2 a:hover {background:#669FE4; color:#fff;}
.btn4 {width:190px;  margin-right:10px; float:left; text-align:center}
.btn4:last-child {margin-right:0;}
.btn4 a {display:block;background:#0056A8; color:#fff; padding:12px; font-size: 13px;}
.btn4 a:hover {background:#669FE4; color:#fff;}

.btn3 {color:#0056A8; font-size:20px;}
.box1 {border:dotted 1px #6A6A6A; padding:10px 15px;}

/*---------- End page_recruit -------------*/
/*---------- page_event -------------*/
.page_event h3{
	padding-top:0 !important;
}

.page_event .col4{
	width:208px;
	margin-left:10px;
}
.page_event .col4:first-child{
	width:265px;
	margin-left:0;
}
.page_event .col4_box{
	margin-bottom:0;
}
.page_event .col4 strong{
	font-size:13px;
	display:block;
	margin-bottom:13px;
}
.page_event h2 {padding-top:30px;}
.service li {background:#E0E0E0;  margin:5px; padding:3px 5px; width:130px; text-align:center; display:inline-block; border-radius:3px;}
#content .section .title_gakusei p {font-size:25px; float:left; margin-right:50px; padding:0 0 0 5px; color:#fff; position:absolute; top:50%; transform: translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%);}
.title_gakusei p:before {content:"■";}
.title_gakusei {background:#333; margin:15px 0; position:relative;}
.title_gakusei:first-child {margin-top:0;}
.title_gakusei ul { text-align:right; }
.title_gakusei li {background:#E0E0E0; margin:5px; padding:3px 5px; width:80px; text-align:center; display:inline-block; border-radius:3px; font-size:12px;}
.photo_gakusei {margin:10px 0 20px 0;}
.photo_gakusei img {margin:0 5px 5px 0;}
#sidebar {float:left; margin-right:30px;width:240px;}
#sidebar ul{
  width: 240px;
  padding: 0;
  margin: 0 auto;
}
#sidebar li{
  width: 100%;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #5C8EDB;
}
#sidebar li:last-child{
  border-bottom: 0px;
}
#sidebar li a{
  position: relative;
  display: block;
  margin: 0;
  padding: 10px 25px;
  background: #699AE6;
  color: #fff;
  text-decoration: none;
}
#sidebar li a:before{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 34px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #fff;
}
#sidebar li a:after{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 35px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #699AE6;
}
#sidebar li a:hover,.evcon:hover {opacity:0.8;}
.evrecruit {background: url(../event/images/bg_bnr.png) #333; padding:15px 5px; display:block; text-align:center; color:#fff; font-size:18px;}
.gevent_base a:after {  right: 34px !important; top:49%!important;}
.gevent_name a { background: #0056A8 !important;}
.gevent_name a:after { background: #0056A8 !important;}

#main_event {width:690px; float:right;}
#co_event {background:#DBE7F9; margin-top:50px; padding:20px 10px 20px 50px;}
#co_event dl,#co_event dt,#co_event dd {float:left;}
#co_event dl {margin:0 20px 20px 0;}
#co_event dt {width:120px;}
#co_event dd {width:140px; padding:0 10px;}
#co_event ul {margin-top:10px;}
#co_event li {background:#E0E0E0; font-size:11px;  margin:0 5px 5px 0; padding:3px 5px; text-align:center; display:inline-block; border-radius:3px;}

.contact {width:100%; height:50px; background:url(../event/images/bg_contact.png);  background-color:#0056A8; margin:50px auto 0 auto;position:fixed;bottom:0;right:0;z-index:9999; box-shadow:0 0 10px #666; opacity:0.9;}
.contact:hover {opacity:1; height:100px;}
#content .section .title_gakuen p {font-size:25px; padding:0 0 0 5px; color:#fff;}
.title_gakuen p:before {content:"■";}

.cont_bnr{width:960px; margin: auto; margin-top:20px; margin-bottom: 10px;  }
.cont_bnr p{width:960px; margin: auto; margin-top:30px; font-size: 18px;}
.cont_bnr ul{}
.cont_bnr li{ width:232px; margin-right: 10px; float: left;}
.cont_bnr li:last-child{ width:232px; margin-right:0px; float: left;}
.cont_bnr li img{ width:232px;}
.cont_bnr li a{}
.cont_bnr li a:hover{opacity: 0.8; transition: all 0.3s;
 cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;/*rem算出をしやすくするために*/
}

.btn,
a.btn,
button.btn {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

.btn-cont,
a.btn-cont {
	width: 960px;
  color: #fff;
  background-color: #444;
	margin: 20px 0 60px;
}
.btn-cont:hover,
a.btn-cont:hover {
  color: #fff;
  background: #777;
}

/*------ list_window ------*/
.page_event .list_window li{
	padding-left:12px;
	margin-bottom:3px;
	background:url(../event/images/icon_window.gif) no-repeat left center;
}
.col5 {width:220px; float:left; margin-right:10px;}
.col5 img {width:220px;}
.col5:last-child {margin-right:0;}
.col5 p {text-align:center; font-size:20px; color:#333;}

/* gakusei */
.col_next_mv {display:inline-block; vertical-align:top; width:420px;}
.col_next_text {display:inline-block; vertical-align:top; width:250px; height:225px; overflow:auto;}

/* gakuensai */
.title_gakuen {background:#333; margin:15px 0;}
.title_gakuen:first-child {margin-top:0;}
.col_next_text2 {display:inline-block; vertical-align:top; width:265px;}
.col_next_text2 table {width:265px;}
.tbl_gakuen  {border:0; border-spacing:0; border-collapse:collapse;}
.col_next_text2 td {border:1px solid #ddd; padding:3px 10px; font-size:12px;}
.col_next_text2 th {border:1px solid #ddd; padding:3px 10px; font-size:12px; font-weight:normal; white-space:nowrap;}
.col_next_text2 strong,.tbl_artistlive strong {color:#e60211; font-size:14px;}
.col_next_text2 strong,.tbl_show strong {color:#7cbe28; font-size:14px;}
.tbl_gakuen td {width:345px; border:1px solid #ddd; padding:3px 10px; font-size:12px;}
.title_jisseki1 {border-bottom:2px solid #e94e6e; border-left:10px solid #e94e6e; margin:15px 0 10px 0; padding-left:10px; font-size:20px; color:#e94e6e}
.title_jisseki2 {border-bottom:2px solid #00a1e9; border-left:10px solid #00a1e9; margin:15px 0 10px 0; padding-left:10px; font-size:20px; color:#00a1e9}
.title_jisseki3 {border-bottom:2px solid #7cbe28; border-left:10px solid #7cbe28; margin:15px 0 10px 0; padding-left:10px; font-size:20px; color:#7cbe28}


/*---------- End page_event -------------*/

/*---------- page_pa -------------*/
.page_pa h3{
	padding-top:0 !important;
}
.page_pa .section{
	margin-bottom:30px;
}
.page_pa .list_pa li{
	float:left;
	margin-left:23px;
	
}
.page_pa .list_pa li:first-child{
	margin-left:0px;
	
}
/*---------- End page_pa -------------*/

/*---------- page_studio -------------*/
.page_studio h4{
	margin-bottom: 30px;
}
.page_studio .col2_box {
	width: 990px;
	margin-bottom: 40px;
}
.page_studio .col2_box .col2{
	width: 465px;
	margin: 0 30px 30px 0;
}
#content.page_studio p{
	padding: 0px 30px 0px 0px;
}
.page_studio .col2_box table th{
	width: 100px;
	text-align:right;
}
/*---------- End page_studio -------------*/

/*---------- page_studio -------------*/

.page_studio .col1_box {
     width: 100%;
	margin-bottom: 40px;
}
.page_studio .col1_box .col1{
	width: 100%;
}
.page_studio .col1_box table th{
	width: 72px;
	text-align:right;
}

.page_studio .col1_box th,
.page_studio .col1_box td{
	padding:16px 16px;
}
/*---------- End page_studio -------------*/

/*---------- page_livehouse -------------*/
.page_livehouse .top_box p{
	width: 490px;
	position: absolute;
	top: 120px;
	left: 215px;
	}
.page_livehouse .col2_box {
	width:990px;
	margin:20px 0 0 0;
}
.page_livehouse .col2_box .col2 {
	width:475px;
	margin-right:20px;
}
.page_livehouse .tb_style{
	width:465px;
	}
.page_livehouse .tb_style th{
	width:112px;
	text-align:center;
	}
.page_livehouse .col3_box {
	width:475px;
	margin-bottom:20px;
}
.page_livehouse .col3_box .col3 {
	width:166px;
	margin-right:0;
}
.page_livehouse .col3.logo{
	width:143px;
	}
/*---------- End page_livehouse -------------*/



/*********** 200400_info ***********/
.emergency_info { width:980px; padding:20px 20px; background-color: #eeeeee; margin-bottom: 40px!important; margin-top: -30px!important; margin: auto; text-align: center;}
.e_info h2{ font-size: 20px; line-height:2.4rem; font-weight: bold; color: red; margin-bottom:5px;}
.e_info{ font-size: 17px; line-height:2.1rem; }