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

/*
Site Name: 
Author: Kazuhiro Kinoshita
*/

/*===== CONTENTS ===========================================

A: デフォルト設定
B: レイアウト設定

*/


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 

A: デフォルト設定 

+++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*===== 1: リセット =================================*/
*{
margin:0;
padding:0;
}


/*===== 2: ボディー＆ベース ===========================*/

body {
font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight:normal;
font-size:16px;
margin: 0;
padding: 0;
background:#fbf500;
}

/* general params--------------------*/
li {
	list-style:none;
}

img{
/*max-width: 100%;*/
height: auto;
width /***/:auto;
}

img {
border-style:none;
margin:0;
padding:0;
}

a:link {/*未訪問のリンク*/
    color:#00bc85;
    text-decoration:none;
	font-weight:bold;
}
a:visited {/*訪問後のリンク*/
    color:#00bc85;
    text-decoration:none;
	font-weight:bold;
}
a:hover {/*マウスをのせたとき*/
    color:#00bc85;
    text-decoration:underline;
	font-weight:bold;
}
a:active {/*クリック中*/
    color:#00bc85;
    text-decoration:underline;
	font-weight:bold;
}

.boxReset {
	display:block;
	margin:0;
	padding:0;
	line-height:0;
	font-size:0;
	width:auto;
}

/*画像のロールオーバー（透過）*/
.imgHover a:hover img
{
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
}

.novi {
	display:none;
}

/*ページトップ*/
#page-top {
    position: fixed;
    bottom: 5px;
    right: 5px;
}
#page-top a {
    width: 112px;
	height:118px;
    display: block;
}
#page-top a:hover {
}


#page-top img {
  position: relative;
  top: 23px;
  -webkit-transition-property: all;
  -moz-transition-property: all;
-o-transition-property: all;
-ms-transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
}
#page-top img:hover{
  top: 0px;
}

.bannner01 a,
.bannner02 a,
.bannner03 a,
.bannner04 a
 {
	margin:0;
	padding:0;
	float:left;
}

.bannner01 a img,
.bannner02 a img,
.bannner03 a img,
.bannner04 a img {margin:0 20px 0 0;}
.bannner04 a img {width:150px;}
.bannner01 a:last-child img,
.bannner02 a:last-child img,
.bannner03 a:last-child img,
.bannner04 a:last-child img {margin:0 0 0 0;}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 

B: レイアウト設定 

+++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*===== wrapper ==========================================*/
.wrapper {
	margin:0;
	padding:0;
	width:100%;
	min-width:1030px;
}

.wrapperInner {
	margin:0 auto;
	padding:0 15px;
	width:1000px;
	position:relative;
}



/*===== ヘッダー ==========================================*/
/*背景*/
.headerBlock {
	background:url(/img/bg01.jpg) center top repeat-x;
}
/*ロゴ*/
.logo,
.logo a {
	width:295px;
	height:92px;
}

.caution {
	position:absolute;
	top:16px;
	right:0;
}

.caution img {
	float:left;
}

/* グローバルナビゲーション（smartRollOver.jsを使用）--------------*/
nav {
	position:absolute;
	top:41px;
	right:0;
	padding:0;
	margin:0;
}

nav ul {
	margin:0;
	padding:0;
}

nav ul li {
	float:left;
	margin:0px;
	padding:0px;
}

/*===== トップ ==========================================*/
/*背景*/
.mainBlock {
	background:url(/img/bg02.jpg) center top repeat-x;
	height:934px;
	padding:24px 0 0 0;
}

/**/
.main {
	height:441px;
}

.date {
	position:relative;
	padding:159px 0 0 0;
}

.stImg {
	margin:0;
	padding:0 0 15px 0;
}

.boxLeftTop {
	width:489px;
	float:left;
}

.boxRightTop {
	width:489px;
	float:right;
	padding:0 0 0 22px;
}

.newsList {
	margin-bottom:20px;
}






/*===== その他のページ ==========================================*/
/*背景*/
.otherBlock {
	background:url(/img/bg03.jpg) center top repeat-x;
	height:141px;
	padding:0;
	text-align:center;
}

.contents {
	padding:25px 0;
	
}

.subNavi {
	width:100&;
	padding:0 0 30px 0;
	text-align:center;
	font-size:17px !important;
}

.subNavi a {
	font-weight:bold;
	font-size:17px !important;
}

.box {
	margin:0;
	padding:0 0 70px 0;
}

.box ul {
	margin:0;
	padding:20px 0 0 40px;
}

.box ul li {
	list-style:disc;
	line-height:1.6em;
	padding:0 0 15px 0;
}

.box ul li.question {
	list-style:none;
	font-weight:bold;
	margin:0 0 0 -20px;
	padding:0 0 7px 0;
}


.news {
	line-height:2.0em;
}

.stH4_b {
	font-size:24px;
	font-weight:bold;
	padding-bottom:0.5em;
}
.stH4 {
	font-size:20px;
	font-weight:bold;
	padding-bottom:0.5em;
}

.red {
	color:#EB0003;
	font-weight:bold;
}

.redniku {
	display: inline-block;
	padding:4px;
	background:#EB0003;
	color:#FFF;
	font-weight:bold;
	font-size:20px;
	margin-bottom:10px;
}

.redniku2 {
	color:#EB0003;
	font-weight:bold;
	font-size:24px;
}

.redniku4 {
	color:#000;
	font-weight:bold;
	font-size:24px;
}

.redniku3 {
	color:#EB0003;
}

.redniku5 {
	color:#EB0003;
	font-weight:bold;
	font-size:16px;
}

.stH3Bg {
	width:100%;
	height:82px;
	padding:13px 0 0 0;
	background:url(/img/stbg.png) no-repeat center top;
	color:#d2ff00;
	font-weight:bold;
	font-size:20px;
	text-shadow:2px 2px 0px #840e26;
	text-align:center;
}

.artist01Box {}
.artist01Box_left {
	width:430px;
	float:left;
	margin:0 20px 10px 0;
}

.artist01Box_leftIn {
	width:430px;
	height:240px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	background:#000;
}

.artist01Box p {
line-height:2.0em;
}



.artist02Box {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	width:980px;
	margin:0 auto;
	background:url(/img/bgMovei.png) center center no-repeat;
	height:430px;
}

.mapLeft {
	width:480px;
	float:left;
	margin:0 20px 60px 20px;
	height:450px;
}
.mapRight {
	width:480px;
	float:left;
	margin:0 0 60px 0;
	height:450px;
}


/*===== フッター ==========================================*/
.footerBanner {
	background:#ddce25;
	padding:25px 0 0 0;
	margin-bottom:-12px;
}

.footerBanner ul {
	margin:0;
	padding:0;
}

.footerBanner ul li {
	margin:0 15px 15px 0;
	padding:0;
	float:left;
}

.footerBanner ul li img {
	width:186px;
}

.footerBanner ul li:nth-child(5n) {
	margin:0 0 15px 0;
}

.footerTop {
	background:#cbbb07;
	padding:25px 0;
}

.footerInq {
	padding:20px 0 10px 0;
	margin-top:12px;
	font-weight:bold;
	font-size:14px;
	border-top:1px dotted #3c3701;
}

.kadoR {
	color:#fff;
	font-weight:bold;
	border-radius:18px;
	background-color:#231815;
	padding:8px 12px;
	font-size:12px;
	margin:0 10px 0 10px;
}

.footerBottom {
	background:#3c3701;
	text-align:center;
	padding:15px 0;
}

.copy {
	color:#fff;
}


.tell {
	display:table-cell;
	vertical-align:middle;
}

.tell span {
	font-size:26px;
	margin:0 0 0 15px;
}


.formb {

}

.formb2 {

}

.formb2 {
	border-radius:3px;
	font-size:15px;
	background:#000;
	color:#fff;
	font-weight:bold;
	padding:10px;
	margin:0 0 0 15px;
}

.pl01 {
	border-radius:3px 0 0 3px;
	display:inline-block;
	background:#000;
	color:#fff;
	padding:5px 10px;
	font-size:14px;
	
border-top-left-radius: 10px; 
border-bottom-left-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px; 
}

.pl02 {
	border-radius:0 3px 3px 0;
	display:inline-block;
	background:#fff;
	color:#000;
	padding:5px 10px;
	font-size:14px;
	
border-top-right-radius: 10px; 
border-bottom-right-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px; 
}











/*
.formb2:link,
.formb2:visited {
	border-radius:3px;
	font-size:15px;
	background:#000;
	color:#fff;
	font-weight:bold;
	padding:10px;
	margin:0 0 0 15px;
}

.formb2:hover,
.formb2:active {
	border-radius:3px;
	font-size:15px;
	background: #393939;
	color:#fff;
	font-weight:bold;
	padding:10px;
	margin:0 0 0 15px;
	text-decoration:none;
}*/




/*===== 6: テーブル ==========================================*/

/*------- テーブル ver01(会社概要) --------------------*/
table.table01 {
width:980px;
border-collapse:separate;
border-spacing:1px 1px;
margin:20px auto 30px auto;
background:#cbbb07;
}

table.table02 {
width:489px;
border-collapse:separate;
border-spacing:1px 1px;
margin:20px auto 30px auto;
background:#cbbb07;
}


table.table01 th,td {
padding:15px;
margin:1px;
}

table.table02 th,td {
padding:6px;
margin:1px;
vertical-align:middle !important;
font-size:13px;
}

th {
background-color:#3c3701;
vertical-align:top;
text-align:left;
color:#fff;
font-weight:bold;
}

td {
background:#fbf500;
vertical-align:top;
text-align:left;
}

.cl {
vertical-align:top;
text-align:center !important;
}

.rl {
vertical-align:top;
text-align: right !important;
}

.txtNo01 {
	background:#EB0003;
	color:#fff;
	font-size:22px;
	font-weight:bold;
}

.txtNo02 {
	background:#ff9600;
	color:#fff;
	font-size:15px;
	font-weight:bold;
}

td ul {
	margin:0;
	padding:0;
}

td ul li {
	list-style:disc;
	margin:0;
	padding:0;
}


.tami {
	text-align:center !important;
}

.niku {
	padding:15px 15px 3px 15px !important;
}

.caption {
	font-size:11px;
}

/*===== 8: クリア ==========================================*/

.clear {
clear:both;
height:0px;
font-size:0px;
margin:0px;
padding:0px;
overflow:hidden;
}

.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
} /*IE7以外のモダンブラウザ向け*/


.clearfix{display:inline-block;} /*IE7およびMacIE5向け*/

footer .wrapperInner p {
	font-size:14px;
}

/*レスポンシブメモ*/
@media only screen and (max-width: 600px) {
footer .wrapperInner p {
	font-size:14px;
}
}


ul.artistList {
	margin:0;
	padding:30px 0;
}

ul.artistList li {
	margin:0 15px 0 0;
	padding:0;
	float:left;
	text-align:center;
	list-style:none !important;
	position:relative;
}

.artistName {
background:#000000;
width:180px;
padding:3px;
text-align:center;
margin:0;
line-height:1.2em;
height:48px;
display:table-cell;
vertical-align:middle;
color:#d2ff00;
font-weight:bold;
}

@media all and (-ms-high-contrast:none){
  .artistName { line-height:1.0em; } /* IE10以上 */
  
}


ul.artistList li a:link { text-decoration:none; color:#d2ff00; }
ul.artistList li a:visited { text-decoration:none; color:#d2ff00; }
ul.artistList li a:hover { text-decoration:underline; color:#d2ff00; }
ul.artistList li a:active { text-decoration:underline; color:#d2ff00; }

ul.artistList li img {
	width:186px;
	margin-bottom:-7px;
	z-index:100;
}

ul.artistList li span img {
	position:absolute;
	top:0;
	left:0;
	width:auto;
	width:60px;
}

ul.artistList li img.mc  {
	position: absolute;
	top: -12px;
	right: -19px !important;
	width: 90px;
}

ul.artistList li:nth-child(5n) {
	margin:0 0 15px 0;
}

.floatR {
	width:100%;
	text-align:right;
	padding-bottom:20px;
}



.btnBig {
margin:0 0 0 340px;
}

.buttonTop {
	display:block;
	width:160px;
	text-align:center;
	padding:10px;
	background-color: #009bdc;
	border-radius: 4px;
	color: #fff;
	line-height:30px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #116a8f;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
	font-size:18px;
	color:#fff !important;
	text-decoration:none;
	letter-spacing:0.2em;
	margin:-385px 0 0 15px;
	-moz-transition: -moz-transform 0.2s ease;
    -webkit-transition: -webkit-transform 0.2s ease;
    -o-transition: -o-transform 0.2s ease;
    -ms-transition: -ms-transform 0.2s ease;
    transition: transform 0.2s ease;
	border:1px solid #04b5ff;
}

.buttonTop2 {
	display:block;
	margin:-385px 0 0 0;
}

.buttonTop3 {
	display:block;
	margin:-80px 0 0 0;
	float:right;
}

.kigen {
	margin:10px 0 0 10px;
}



.buttonTop span {
	font-size:30px;
}
.buttonTop span.txt01 {
	font-size:20px !important;
}

.buttonTop:hover {
	-webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
	text-decoration:none;
	background-color: #37bff8;
}
.buttonTop:active {
	-webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
	text-decoration:none;
	background-color:#37bff8;
}

.btnBig {
	display:block;
	width:300px;
	text-align:center;
	padding:10px;
	background-color: #009bdc;
	border-radius: 4px;
	color: #fff;
	line-height:30px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #116a8f;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
	font-size:18px;
	color:#fff !important;
	text-decoration:none;
	letter-spacing:0.2em;
	-moz-transition: -moz-transform 0.2s ease;
    -webkit-transition: -webkit-transform 0.2s ease;
    -o-transition: -o-transform 0.2s ease;
    -ms-transition: -ms-transform 0.2s ease;
    transition: transform 0.2s ease;
	border:1px solid #04b5ff;
}
.btnBig span {
	font-size:30px;
}
.btnBig:hover {
	-webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
	text-decoration:none;
	background-color: #37bff8 !important;
}
.btnBig:active {
	-webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
	text-decoration:none;
	background-color:#37bff8;
}

.liveIn {
	float:left;
	background:#000;
	color:#fff;
	font-weight:bold;
	text-align:center;
	font-size:11px;
	padding:4px 0;
	margin:1px 0 0 0;
}

.liveCancel {
	float:left;
	background:#0b6f12;
	color:#fff;
	font-weight:bold;
	text-align:center;
	font-size:11px;
	padding:4px 0;
	margin:1px 0 0 0;
}

.liveOut {
	float:left;
	background:#e00000;
	color:#fff;
	font-weight:bold;
	text-align:center;
	font-size:11px;
	padding:4px 0;
	margin:1px 0 0 0;
}

.redblock {
	background:#e00000;
	color:#fff;
	padding:0 3px;
	margin:0 5px 0 0;
	font-size:8px;
	font-weight:bold;
}

.liveOther {
	float:left;
	background:#828282;
	color:#fff;
	font-weight:bold;
	text-align:center;
	font-size:11px;
	padding:4px 0;
	margin:1px 0 0 0;
}

.liveMc {
	float:left;
	background:#25bfff;
	color:#fff;
	font-weight:bold;
	text-align:center;
	font-size:11px;
	padding:4px 0;
	margin:1px 0 0 0;
}

.eventOut {
	float:left;
	background:#671ee0;
	color:#fff;
	font-weight:bold;
	text-align:center;
	font-size:11px;
	padding:4px 0;
	margin:1px 0 0 0;
}

.mvout {
	float:left;
	background:#1b36ff;
	color:#fff;
	font-weight:bold;
	text-align:center;
	font-size:11px;
	padding:4px 0;
	margin:1px 0 0 0;
}

@media all and (-ms-high-contrast:none){
  .liveMc,
  .liveOther,
  .liveOut,
  .liveIn,
  .liveCancel,
  .eventOut { margin:-6px 0 0 0; } /* IE10以上 */
  
}



a.hoverno:hover {
	text-decoration:none !important;
}

.photopic {
	padding:0 0 30px 30px;
}
	
	.photopic img,
	.photopic a {
		width:85px !important;
		margin:0 !important;
		padding:0 !important;
	}
	
.photopic img {
	border:2px solid #000;
}

/* font-size
-------------------------------------------------- *//*
 
12px * 84% -> 10px
12px * 92% -> 11px
12px * 100% -> 12px
12px * 109% -> 13px
12px * 117% -> 14px
12px * 125% -> 15px
12px * 134% -> 16px
12px * 142% -> 17px
12px * 150% -> 18px
12px * 159% -> 19px
12px * 167% -> 20px
12px * 175% -> 21px
12px * 184% -> 22px
12px * 192% -> 23px
12px * 200% -> 24px
12px * 209% -> 25px
12px * 217% -> 26px
 
13px * 77% -> 10px
13px * 85% -> 11px
13px * 93% -> 12px
13px * 100% -> 13px
13px * 108% -> 14px
13px * 116% -> 15px
13px * 124% -> 16px
13px * 131% -> 17px
13px * 139% -> 18px
13px * 147% -> 19px
13px * 154% -> 20px
13px * 162% -> 21px
13px * 170% -> 22px
13px * 177% -> 23px
13px * 185% -> 24px
13px * 193% -> 25px
13px * 200% -> 26px
 
14px * 72% -> 10px
14px * 79% -> 11px
14px * 86% -> 12px
14px * 93% -> 13px
14px * 100% -> 14px
14px * 108% -> 15px
14px * 115% -> 16px
14px * 122% -> 17px
14px * 129% -> 18px
14px * 136% -> 19px
14px * 143% -> 20px
14px * 150% -> 21px
14px * 158% -> 22px
14px * 165% -> 23px
14px * 172% -> 24px
14px * 179% -> 25px
14px * 186% -> 26px
 
15px * 67% -> 10px
15px * 74% -> 11px
15px * 80% -> 12px
15px * 87% -> 13px
15px * 94% -> 14px
15px * 100% -> 15px
15px * 107% -> 16px
15px * 114% -> 17px
15px * 120% -> 18px
15px * 127% -> 19px
15px * 134% -> 20px
15px * 140% -> 21px
15px * 147% -> 22px
15px * 154% -> 23px
15px * 160% -> 24px
15px * 167% -> 25px
15px * 174% -> 26px
 
16px * 63% -> 10px
16px * 69% -> 11px
16px * 75% -> 12px
16px * 82% -> 13px
16px * 88% -> 14px
16px * 94% -> 15px
16px * 100% -> 16px
16px * 107% -> 17px
16px * 113% -> 18px
16px * 119% -> 19px
16px * 125% -> 20px
16px * 132% -> 21px
16px * 138% -> 22px
16px * 144% -> 23px
16px * 150% -> 24px
16px * 157% -> 25px
16px * 163% -> 26px

/*===== CONTENTS ===========================================