@charset "utf-8";
/* zala-tribune */

/*-----------------------------------------------
 default style clear
-----------------------------------------------*/

* {	margin:0; padding:0;}

body {
	background:#EDEDED url(images/bg-hdr.png) no-repeat 50% 0;
	font-size:74.5%;
	font-family:verdana,"qMmpS Pro W3","Hiragino Kaku Gothic Pro",Osaka,Meiryo,"lr oSVbN","MS PGothic",Sans-Serif;
	color:white;
	line-height:1.5;
}

html {overflow-y:scroll;}
p {	margin:0 0 1em;}
.article#terms .terms-cont .cont ol.terms-list li { list-style-type: decimal; }
li {list-style:none;line-height:1.3;}
img { border:0; vertical-align:bottom;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal;} 



/*-----------------------------------------------
 common
-----------------------------------------------*/
.left { float:left; }
.right { float:right; }
.t-left { text-align:left; }
.t-right { text-align:right; }

/* clear */
.clear { clear:both; font-size:0%; line-height:0%; }

.clearfix:after { 
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix { display:inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */


/*-----------------------------------------------
Base Link Color Setting
-----------------------------------------------*/

a {	color:#27b5be;}
a:link {}
a:visited {}
a:hover {}
a:active {}

#footer a { color:#fff; }
#footer a:hover { color:#27b5be;}

/*-----------------------------------------------
 header
-----------------------------------------------*/

#header {
	width:940px;
	height:287px;
	margin:0 auto;
	position:relative;
}

#header h1 {
	width:190px;
	height:55px;
	position: absolute;
	top:150px;
}

/* top Navigation ---------------------------------------------------------------------- */
#topNav {
	width:200px;
	height:25px;
	background:url(images/box-search.gif) no-repeat 0 0;
	position:absolute;
	right:0px;
	top:196px;
}
#topNav .search_f {
	width:107px;
	height:21px;
	border:0;
	background:none;
	font-size:1.2em;
	position:absolute;
	left:29px;
	top:2px;
}
#topNav .search_b {	position:absolute; right:0; top:0;}

/* Global Navigation ---------------------------------------------------------------------- */
#gNav {
	width:940px;
	height:39px;
	margin:0 auto;
	position:absolute;
	bottom:0px;
}
#gNav ul li { float:left; }
#gNav ul li a { height:39px; display:block; text-indent:-99999px; background-repeat:no-repeat; overflow:auto;}

#gNav ul li a.gnav-home { background:url(images/g-nav1.gif) 0 0; width:101px; }
#gNav ul li a.gnav-recital { background:url(images/g-nav2.gif) 0 0;  width:100px; }
#gNav ul li a.gnav-concert { background:url(images/g-nav3.gif) 0 0;  width:100px; }
#gNav ul li a.gnav-event { background:url(images/g-nav4.gif) 0 0;  width:100px; }
#gNav ul li a.gnav-interview { background:url(images/g-nav5.gif) 0 0;  width:100px; }
#gNav ul li a.gnav-career { background:url(images/g-nav6.gif) 0 0;  width:100px; }
#gNav ul li a.gnav-artist { background:url(images/g-nav7.gif) 0 0;  width:100px; } 
#gNav ul li a.gnav-column { background:url(images/g-nav8.gif) 0 0;  width:100px; }
#gNav ul li a.gnav-local { background:url(images/g-nav9.gif) 0 0;  width:100px; }
#gNav ul li a.gnav-rss { background:url(images/g-nav10.gif) 0 0;  width:39px; } 

#gNav ul li a:hover.gnav-home { background:url(images/g-nav1.gif) 0 39px; }
#gNav ul li a:hover.gnav-recital { background:url(images/g-nav2.gif) 0 39px; }
#gNav ul li a:hover.gnav-concert { background:url(images/g-nav3.gif) 0 39px; }
#gNav ul li a:hover.gnav-event { background:url(images/g-nav4.gif) 0 39px; }
#gNav ul li a:hover.gnav-interview { background:url(images/g-nav5.gif) 0 39px; }
#gNav ul li a:hover.gnav-career { background:url(images/g-nav6.gif) 0 39px; }
#gNav ul li a:hover.gnav-artist { background:url(images/g-nav7.gif) 0 39px; }
#gNav ul li a:hover.gnav-column { background:url(images/g-nav8.gif) 0 39px; }
#gNav ul li a:hover.gnav-local { background:url(images/g-nav9.gif) 0 39px; }
#gNav ul li a:hover.gnav-rss { background:url(images/g-nav10.gif) 0 39px; }

#gNav ul li a.on { background-position:0 39px;}

#gNav .btn {
	width: auto;
	position:absolute;
	right:-25px;
	top:44px;
}

/*-----------------------------------------------
 footer
-----------------------------------------------*/

#footer {
	clear:both;
	background:url(images/bg-ftr.png) no-repeat 50% 0;
}
#footer-inner {
	width:940px;
	height:350px;
	margin:0 auto;
	background:url(images/ftr.png) no-repeat 0 0;
	position:relative;
}

#footer ul li {	line-height:1.5em;}
#footer #ftrmenu1 {
	position:absolute;
	left: 15px;
	top: 40px;
}
#footer #ftrmenu2 {
	position:absolute;
	left: 245px;
	top: 40px;
}
#footer #ftrmenu3 {
	position:absolute;
	left: 475px;
	top: 40px;
}
#footer #ftrmenu4 {
	position:absolute;
	left: 700px;
	top: 20px;
}

#footer p#copyright {
	text-align:center;
	margin-bottom:0;
	position:absolute;
	left: 742px;
	top: 315px;
}


/*-----------------------------------------------
 contents
-----------------------------------------------*/
#contents {
	width:940px;
	margin:0 auto;
	overflow:hidden;
	background:url(images/bg-contents.gif) repeat-y 0 0;
}

/* side
------------------------------------------*/
#side {
	float:right;
	width:251px;
	padding-left:1px;
}
#side .block { padding-bottom:10px;}
#side h3 { 
	background:url(images/line_black.gif) repeat-x 0 0; 
	padding:10px 10px 0 10px; 
}
#side ul { margin:0 0 0 10px; padding:0; }
#side ul li {padding:0;}


/* 関連サイト新着記事 */
#link-news ul { padding-right: 12px; }
#link-news ul li { display:block; padding-left:12px; padding-bottom:8px; background:url(images/icon-circle_gray.gif) no-repeat 0 2px;}
#link-news ul li a { color:#62981c; text-decoration:none; }
#link-news ul li a:hover { color:#27b5be; text-decoration:underline; }


/* 注目の画像 */
#hotimages ul {	margin:5px 0 0 0; padding:0; text-align: center; }
#hotimages ul li {
	display: inline-block;
	>display:inline;
	>zoom:1; /* hasLayout を true にする */
	padding: 0 2px 5px 2px;
}

/* 注目のキーワード */
/* Tag Cloud */
.tagCloud { 
	width:230px;
	margin:0 auto;
	padding:10px;
	line-height:1.0em;
	font-family:Arial, Helvetica, sans-serif;
}
.tagCloud li { margin:0; padding:0; display:inline; font-size:100%; }
.tagCloud li a { text-decoration:none; }
.tagCloud li a:hover { color:#27B5BE; }

/* taglevel 1～6 */
.tagCloud li.level1 a { font-size:150%; color:#760e3b; font-weight:bold; text-decoration:none; }
.tagCloud li.level2 a { font-size:130%; color:#a81454; font-weight:bold; text-decoration:none; }
.tagCloud li.level3 a { font-size:118%; color:#db1a6d; text-decoration:none; }
.tagCloud li.level4 a { font-size:104%; color:#e9458c; text-decoration:none; }
.tagCloud li.level5 a { font-size:85%;	color:#ef77ab; text-decoration:none; }
.tagCloud li.level6 a { font-size:70%;	color:#f5aaca; text-decoration:none; }


/* アーティスト検索 */

table.search-table {
	width: 230px;
	margin: 0 auto;
	background-color: #eeeeee;
}
table.search-table td {
	overflow: hidden;
	padding: 0;
	text-align: center;
}
table.search-table td a:link,
table.search-table td a:visited {
	display: block;
	width: auto;
	font-size: 12px;
	font-weight: normal;
	line-height: 100%;
	padding: 4px 0 4px 0;
	background-color: #eee;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	color: #646055;
	text-decoration: none;
}



table.search-table td a:hover {
	background-color: #27B5BE;
	border-top: 1px solid #cdcdc6;
	border-left: 1px solid #cdcdc6;
	border-right: 1px solid #e8e6da;
	border-bottom: 1px solid #e8e6da;
	color: #fff;
	text-decoration: none;
}



/* main
------------------------------------------*/
#main {
	float:left;
	width:670px;
	color:black;
	margin-left:10px;
	padding-bottom:10px;
	display: inline;
}
#main h2 { padding-top:10px;}
#main .block { padding-bottom:10px;}
#main .article {background:url(images/dotline_gray.gif) repeat-x 0 100%; }
#main .article img { margin:0 10px 10px 0;}
#main .article img.pc-max { margin: 0px 0px 10px 0px; }
#main .date { clear:both; text-align:right; color:#999; font-size:0.9em;}

#main .main-ttl { padding-bottom: 10px; }

#main .article#privacy_policy,
#main .article#terms {background: none; }

/* 最新のニュース  */
#news h3 { 
	display:block;
	padding:14px 0 14px 30px;
	background:url(images/bg-cap1.gif) no-repeat 0 0; 
	color:#fff;
	font-weight:bold;
	font-size:120%;
}
#news h3 a, 
#news h3 a:hover { color:#fff; text-decoration: none; }

/* 最新ニュース一覧 */ 
#news-list .scrollbox,
#backnumber .scrollbox { height:500px; overflow-y:scroll;}
#news-list h3 {
	display:block;
	background:url(images/bg-cap2.gif) no-repeat 0 0;
	padding:5px 0 5px 25px;
	color:#fff;
}
#news-list .date { margin-bottom:10px;}
#news-list h3 a,
#news-list h3 a:hover { color: #fff; text-decoration: none; }

/* 過去のニュース */
#backnumber ul { width:670px;}
#backnumber ul li { 
	width:auto; 
	margin:10px 0; 
	padding-bottom:5px; 
	display:block;
	background:url(images/dotline_gray.gif) repeat-x 0 100%;
}
#backnumber ul li a { 
	display:block;
	padding:2px 0; 
	padding-left:15px; 
	background:url(images/icon-ring_gray.gif) no-repeat 0 4px;
}
#backnumber .page { text-align: center; }

/* お勧め記事 */
#recommend { background:url(images/bg-recommend.gif) no-repeat 0 100%; margin-bottom: 10px; }
#recommend ul { 
	width:670px; 
	/*height:120px;
	background:url(images/bg-recommend.gif) no-repeat 0 0;*/
	padding: 0px 0px 20px 0px;
}
#recommend ul li { 
	padding:9px 30px; 
	color:#666; 
	>font-size: 0.9em;
}
#recommend a { color:#db198a;}


/* pagetop */
.pagetop { text-align: right; font-size: 10px; }
.pagetop a,
.pagetop a:hover { color: #000; }

/*-----------------------------------------------
 下層ページ
-----------------------------------------------*/
/* パンくずリスト */
#breadcrumbs {font-size:10px; background:#eee; padding:5px; margin-top:10px; color:#999;}

/* artist */
#artist-list table { border-collapse:collapse; background:#eee; margin:5px 0;}
#artist-list table td { border:1px solid #ccc; vertical-align:top; padding:5px; background:url(images/bg-artist-list.gif) repeat-x 0 0;}
#artist-list table td  p { clear:both;}
#artist-list table td img { border:1px solid #27B5BE;}
#artist-list table td img:hover { border:1px solid #db198a;}
#artist-list table a:hover { color:#db198a;}

#artist-list table td h3 { font-weight:bold; font-size:1.3em; margin-bottom:5px;}
a.icon-info,
a.icon-interview { /*display:block;*/display:inline-block; 
	height:30px; 
	text-indent:-99999px; overflow:hidden; margin:0 5px 5px 0;
	>display:inline;
	>zoom:1; /* hasLayout を true にする */ }

a.icon-info {width:87px; background:url(images/icon-stageinfo.gif) no-repeat 0 0; }
a.icon-interview { width:90px; background:url(images/icon-interview.gif) no-repeat 0 0; }

a:hover.icon-info {background:url(images/icon-stageinfo.gif) no-repeat 0 100%; }
a:hover.icon-interview { background:url(images/icon-interview.gif) no-repeat 0 100%; }


/* career */
#career-list table { border-collapse:collapse; background:#eee; margin:5px 0;}
#career-list table td { border:1px solid #ccc; vertical-align:top; padding:5px; background:url(images/bg-artist-list.gif) repeat-x 0 0;}
#career-list table td  p { clear:both;}
#career-list table td img { border:1px solid #27B5BE;}
#career-list table td img:hover { border:1px solid #db198a;}
#career-list table a:hover { color:#db198a;}
#career-list table td h3 { font-weight:bold; font-size:1.3em; margin-bottom:5px;}


/* about */
#about-cont h4 { font-size:1.3em; font-weight:bold;}
#about-cont .cell { padding:10px 10px 0 10px; background:#fbf8ca; width:650px; margin-bottom:10px; }
#about-cont .cell h4 {
	float:left;
	display:block;
	width:470px;
	height:25px;
	background:url(images/bg-cap_about.gif) no-repeat 0 0;
	color:#000;
	position:relative;
}
#about-cont .cell h4 span {
	position:absolute;
	left: 25px;
	top: 1px;
}
#about-cont table,
#company table { border-collapse:collapse;}
#about-cont table td,
#about-cont table th,
#company table td,
#company table th { border:1px solid #ccc; padding:8px;}
#about-cont table th,
#company table th {background:#fdfbe1 url(images/bg-th.gif) repeat-x 0 100%;} 
#company table th { text-align: left; }

/* entry */
.article#recital h3,
.article#concert h3,
.article#event h3,
.article#interview h3,
.article#career h3,
.article#artist h3,
.article#column h3,
.article#local h3,
.article#about h3,
.article#company h3,
.article#terms h3,
.article#security_policy h3,
.article#privacy_policy h3,
.article#news h3 { 
	display:block;
	padding:14px 0 14px 30px;
	background:url(images/bg-cap4.gif) no-repeat 0 0; 
	color:#fff;
	font-weight:bold;
	font-size:120%;
}
.article#recital h3 a, 
.article#concert h3 a, 
.article#event h3 a, 
.article#interview h3 a, 
.article#career h3 a, 
.article#artist h3 a, 
.article#column h3 a, 
.article#local h3 a, 
.article#about h3 a, 
.article#company h3 a, 
.article#terms h3 a, 
.article#security_policy h3 a, 
.article#privacy_policy h3 a, 
.article#recital h3 a:hover, 
.article#concert h3 a:hover, 
.article#event h3 a:hover, 
.article#interview h3 a:hover, 
.article#career h3 a:hover, 
.article#artist h3 a:hover, 
.article#column h3 a:hover, 
.article#local h3 a:hover, 
.article#about h3 a:hover, 
.article#company h3 a:hover, 
.article#terms h3 a:hover, 
.article#security_policy h3 a:hover, 
.article#privacy_policy h3 a:hover,
.article#news h3 a:hover  { color:#fff; text-decoration: none; }


/* local */
h4.cont-ttl { font-weight: bold; margin-bottom: 5px; }

/* interview */
.interview-cont .int-ttl {
	padding: 12px; 
	margin: 12px 0px 20px 0px; 
	border: 2px solid #cccccc; 
	background: #eeeeee;
}
.interview-cont .int-ttl p { margin: 0px; }
.interview-cont h4 { font-weight: bold; color:#000000; font-size: 14px; background: url(images/interview-ttl-bg.gif) no-repeat 0 0; }
.interview-cont h4 span { color: #000000; font-weight: bold; padding-left: 35px; }
.interview-cont p { margin:5px 0px 20px 0px; }


/* ------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------- ori 2015/12 ---------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------*/
div.gazright {
width: 100%;
}
div.gazright img {
float: left;
margin: 0 10px 0px 0;
}

strong.gazstr { background: linear-gradient(transparent 60%, #ffff66 60%); }
strong.gapstr { background: linear-gradient(transparent 60%, #ff99ff 60%); }

.img1maru { border-radius: 10px; }

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


/* terms（利用規約）
---------------------------------------- */
.article#terms .terms-cont .cont h4 { font-weight: bold; font-size: 1.2em; margin: 15px 0px 10px 0px; background: #ccc; height: 24px; padding: 3px 0px 0px 5px;  }
.article#terms .terms-cont .cont#top-terms h4 { margin: 10px 0px 10px 0px; }
.article#terms .terms-cont .cont ol { margin-left: 45px; }
.article#terms .terms-cont .cont ol li { line-height: 1.5em; margin-top: 5px; }
.article#terms .terms-cont .cont p { margin-left: 28px; }
.article#terms .terms-cont .cont ol { /margin-left: 50px; }
.article#terms .terms-cont .cont p { /margin-left: 28px; }
.article#terms .terms-cont .cont { margin-bottom: 30px;/* margin-right: 30px;*/ }
.article#terms { background: none; }


/* artist-search
-------------------------------------------*/
#main .article#artist_search { background: none; }
.article#artist_search h3.ar-search-ttl { 
	display:block;
	padding:14px 0 14px 30px;
	background:url(images/bg-cap4.gif) no-repeat 0 0; 
	color:#fff;
	font-weight:bold;
	font-size:120%;
}
.article#artist_search h3.ar-search-ttl a:hover,
.article#artist_search h3.ar-search-ttl a { color:#fff; text-decoration: none; }


/* mail form
-------------------------------------------*/
.cmxform table th {
	width: 130px;
	padding: 5px;
	font-weight: normal;
	background: /*#E4F8F9*/#eeeeee;
	text-align:left;
}
.cmxform table td {
	width: auto;
	padding: 5px;
}
.cmxform table th, .cmxform table td {border-bottom:1px solid #cccccc;}
.cmxform table th {border-right:1px solid #cccccc;}
.cmxform table { border: 1px solid #cccccc; }
.cmxform table .bdr-none { border-bottom: none;}

.cmxform table td .other { display:block; color:#000000; font-weight: normal; }
.cmxform .block_check label {display:block; line-height: 1.8;vertical-align: top;cursor: hand;}

.cmxform .btn { text-align: center; margin-top: 10px; padding-bottom: 10px; }

.cmxform .spe_check label { line-height: 1.8; width: 16em; display:block; float:left; }
.cmxform .spe_check label.spe_other { display:block; clear:left; width: 5.5em; }
input#mail_spe_txt, #mail_musician span#mail_spe_txt { float: left; color:#000000; font-weight:normal; }

.cmxform .post_txt { background:#eeeeee; width: 410px; padding: 20px; border: 1px solid #cccccc; margin: 20px auto 0px 110px; }
input#mail_sex_female { margin-left: 10px; }

#mail_form #f_sml, #mail_ads #f_sml, #mail_musician #f_sml { color: #000000; }
#mail_form label.error, label.error, #mail_form span, #mail_ads span, #mail_musician span, #mail_musician .must#f_sml, .must { 
	color:/*#FD4040*//*#FD2828*/#D21A0B;
	font-weight:bold;
	padding-left: 5px;
} 
#mail_musician .must#f_sml, #f_sml, .must, #mail_form #f_sml, #mail_ads #f_sml, #mail_musician #f_sml { font-weight: normal; }

.form_txt { margin: 20px; }
#f_sml { font-size: 0.9em; color:#000000; /font-size: 10px; }


/* calendar
-------------------------------------------*/
body.cal-body {
	background:none;
	font-size:74.5%;
	font-family:verdana,"qMmpS Pro W3","Hiragino Kaku Gothic Pro",Osaka,Meiryo,"lr oSVbN","MS PGothic",Sans-Serif;
	color:#000000;
	line-height:1.5;
}

body.cal-body {
/overflow-x: scroll;
/overflow-y:hidden;
/width: 670px;
/*padding-top: 10px;
margin-bottom: 20px;*/
}
#calendar { margin-top: 10px; }

#calendar p img { vertical-align: middle; margin-right: 5px; }

#calendar span { color: #000000; font-weight: normal; margin: 0px; padding: 0px; }

.cal-cap { margin-bottom: 5px; font-size: 1.2em; letter-spacing: 0.1em; font-weight: bold; }

body.cal-body .cal { margin: 0px; padding: 0px;}
body.cal-body .cal table { width: 253px; margin: 0px; border: 1px solid #000000; border-collapse: collapse; }
body.cal-body .cal table th,
body.cal-body .cal table td { width: 35px; border: 1px solid #D0D0D2; }

body.cal-body .cal table td .cal-icon { width: 20px; margin-left: 8px; line-height: 0px; text-align:left; }
body.cal-body .cal table td .cal-icon { /margin-left: 3px; }
body.cal-body .cal table td img { margin-bottom: 3px; }

body.cal-body .cal table th { text-align: center; vertical-align:middle; height: 30px; background: url(images/cal-bg.jpg) 0 0 repeat-x; }
body.cal-body .cal table td { vertical-align:top; padding: 1px; height: 35px; text-align: center; font-size: 10px; }

.cal-week { font-size: 10px; letter-spacing: 0.1em; }

#menu { text-align: center; }


/* sitemap
------------------------------------------*/
#main ul.sitemap_list li,
#main ul.sitemap_other li { 
	font-size: 1.2em; 
	font-weight: bold; 
	border-bottom: 1px solid #ddd; 
	padding: 8px 0px 8px 36px; 
	background: url(images/sitemap-icon.gif) no-repeat;
	background-position: 10px;
}
#main ul.sitemap_list { margin-bottom: 40px; }

#main ul.sitemap_list li a,
#main ul.sitemap_other li a { color: #000; text-decoration: none; }
#main ul.sitemap_list li a:hover,
#main ul.sitemap_other li a:hover { color: #868686; text-decoration: none; }

#main ul.sitemap_other { margin-bottom: 10px; }


/* search
------------------------------------------*/
h3#site-search { margin-bottom: 0px; }
h3.search-results-header { margin: 20px 0px 10px 0px; font-weight: bold; }

.search-results-container h3,
.search-results-container p { font-size: 1.0em; }
.search-results-container h3 { margin-top: 15px; }

.search-results-container .search-cont { margin: 0px 0px 10px 0px; border-bottom: 1px solid #ddd; padding-bottom: 15px; }

.search-results-container .search-cont p { margin: 2px 0px 0px 0px; padding: 0px; }
.search-results-container .search-cont h3 { font-weight: bold; }

.search-results-container h3 a { text-decoration: none; }
.search-results-container h3 a:hover { text-decoration: underline; }

.entry-tags h4 { font-size: 10px; margin-top: 4px; width: 80px; font-weight: bold; }
.entry-tags { padding-bottom:5px; }
.entry-tags ul li { font-size:10px; float:left; margin-right:10px; }
.entry-tags ul { padding: 2px 0px 10px 0px; }


.tableST{ border-collapse:collapse;}
.tableST td,
.tableST th { border:1px solid #ccc; padding:8px;}
.tableST th {background:#fdfbe1; /*white-space:nowrap;*/ text-align:left;}