/** CSSリセット **/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;

	font-family: "Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Meiryo UI","メイリオ","Meiryo",sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/** ★★★★★★ ここから上は触らない！！ ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ **/

/** ★★★ 全体レイアウト ========================================================================================== **/

body {
	text-align:center;
	font-size: 13pt;
	line-height: 150%;
	color: #222;

	background-color: #f0f8ff;
	}

div#wrap {
	position:relative;
	margin-top: 0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 0;
	padding:0 ;
	border-top:1px solid #ddd;

	text-align: center;

	border-radius:0 0 13px 13px;

	width:960px;
}

/** ★★ ヘッダー ------------------------------------------------------------------------------------------------- **/


div#header_wrap {
	overflow-x:hidden;
}

div#header_out {
	position:fixed;
	display:block;
	height: 45px;


	border-right: 0px solid #ddd;
	border-left: 0px solid #ddd;

	box-shadow: 0px 0px 1px #77c;


	width:100%;
	margin:-1px -1000% 0;
	padding: 0 1000%;
	z-index:200;
background: #24c; /* Old browsers */
background: -moz-linear-gradient(top,  #24c 0%, #35c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#24c), color-stop(100%,#35c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #24c 0%,#35c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #24c 0%,#35c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #24c 0%,#35c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #24c 0%,#35c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24c', endColorstr='#35c',GradientType=0 ); /* IE6-9 */
}

div#header_in {
	position:relative;
	width:960px;
	height: 45px;

}

div.header_logo {
	float:left;
	margin-top:7px;
	margin-left:10px;
}

div.header_logo img {
	width:88px;
	height:31px;
}

div.header_logo a:hover {
	opacity: 0.7;
	}

/** ★★ メニュー ------------------------------------------------------------------------------------------------- **/

div#menu {
	position:absolute;
	top:5px;
	left:118px;
	padding:0 ;
	border:0;
	display:table;

	background: transparent;

	text-align:center;
	vertical-align:middle;
	z-index:250;
	}

div#menu a {
	display:inline-block;
	text-align:center;
	padding:0 12px;
	font-size:13px;
	color: #fff;
	line-height:34px;

	}


div#menu a:hover {
	opacity: 0.5;
	color:#005;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,ffffff+100&0+0,1+50,0+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

	}

div#spmenu {
	display:none;
}

/** ☆☆ 翻訳ボタン ------------------------------------------------------------ **/

div#google_translate_element {
	float:right;
	margin-top:6px;
}

div#google_translate_element div.goog-te-gadget-simple {
	border:1px solid #aaf;
	border-radius:5px;
	color:#fff;

background: #24c; /* Old browsers */
background: -moz-linear-gradient(top,  #24c 0%, #35c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#24c), color-stop(100%,#35c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #24c 0%,#35c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #24c 0%,#35c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #24c 0%,#35c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #24c 0%,#35c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24c', endColorstr='#35c',GradientType=0 ); /* IE6-9 */
}

div#google_translate_element .goog-te-gadget-simple .goog-te-menu-value {
	color:#fff;
}

/** ★★ 本文 ----------------------------------------------------------------------------------------------------- **/

div#body {
	background-color: #fff;
	text-align: left;

	margin-top:44px;

	border-right: 0px solid #f2f2f2;
	border-left: 0px solid #f2f2f2;
	border-bottom: 0px solid #f2f2f2;
	border-radius:0 0 13px 13px;

	padding-bottom:10px;
	}


/** ★★ フッター ------------------------------------------------------------------------------------------------- **/

div#footer {
	text-align:center;
	margin:2em 0 0;
	padding: 1em 0 3em;
	background-color:#ccc;

}

/** ★★★ 個別要素 ================================================================================================ **/

a {
	color: #0000ff;
	text-decoration:none;
	}

a:hover {
	color: #69f;
	}


b, i {
	font-family:inherit;
}

p,
div.p {
	line-height: 150%;
	margin: 1em 75px 1em;
	letter-spacing:1px;
	}

h1, h2, h3, h4, h5 {
	font-weight: normal;
	text-align: left;
	}

p,
div.p,
p > a,
h1, h2, h3, h4, h5 {
	font-family:'メイリオ',sans-serif;
}

h1 {
	color: #222;
	font-weight:bolder;
	padding: 15px 10px 5px 5px;
	border-bottom: 2px dotted #0066ff;
	font-size: 24pt;
	line-height: 1.2em;
	margin: 0 20px 20px; 
}

h3 {
	color: #225;
	padding: 5px 8px 5px 10px;
	background-color:#f8f8ff;
	font-size: 15pt;
	letter-spacing: 1px;
	margin: 1.5em 75px 1em; 
	border-left:5px solid #35c;
	}

	
h4, h5 {
	padding: 4px 6px;

	background-color:#ffffff;
	background: -moz-linear-gradient(top, #ffffff, #f7f7ff);
	background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#f7f7ff));
	margin: 1em 75px; 
	}

h4 {
	font-size: 13pt;
	color: #036;
	border-bottom: 2px solid #268;
}

h5 {
	font-size:12pt;
	color: #268;
	border-bottom: 1px solid #379;
}

table {
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-spacing:0;
	border-collapse : collapse;
	}

th {background-color:#69f;}

th, td {
	padding: 2px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	font-size: 10pt;
	}

ul {
	margin:0.5em 75px 0.5em 90px;
	}

li {
	list-style:square outside url(../img/list_037.gif);
	margin:0px 0px 0.5em 10px;
	}

ul ul {
	margin:0.5em 20px 0.5em 30px;
	}

hr {
	border: 0px;
	border-top:1px dashed #666;
	color:#fff;
	text-align:center;
	margin:1em 75px;
	}


/** ★★★ PC/スマホだけで見せる部分 =============================================================================== **/

.mobile { /** ☆モバイルのみで見せる分 **/
	display:none;
}

.pc {
}

/** ★★★ 広告 ==================================================================================================== **/

div.ads {
	margin:0 75px 0.8em;
	text-align:center;
	color:#666;
	background-color:#eee;
	padding:5px;
	font-size:10pt;
}

div.other {
	padding:5px 0 10px 0;
	line-height:14pt;
}

div.other a {
	font-size:8pt;
	line-height:9pt;
}

div.other img {
	margin:1em 0 0 0;
}

div.ads_pagetop {
	border-bottom:1px solid #e5e5e5;
	padding:12px 0; 
	text-align:center;
	background-color:#eee;
	color:#555;
	}

div.ads_ninja {
	display:inline-block;
	margin:0.5em 2px;
	text-align:center;
	color:#999;
	font-size:10pt;
}

div.RelatedContents {
	margin:1em 75px;
}

div.RelatedContents h4 {
	margin:0 0 1em;
}



/** ★★★ カテゴリ別設定 ========================================================================================== **/


/** ★★ 【カテゴリ】座席解説 ------------------------------------------------------------------------------------- **/

div.house_img_outside {
	display:block;
	text-align:center;
}

div.house_img_inside {
	display:inline-block;
	margin:1em 5px;
	padding:12px;
	border:1px dotted #99a;
	text-align:center;
	font-size:9pt;
	line-height:13pt;
	color:#444;

}

div.house_img_inside > a > img {
	border:2px solid #33f;
}

div.house_img_inside > a:hover > img {
	border:2px solid #c33;
}

div.mokuji {
	width:400px;
	margin:1em 75px;
	padding:10px;
	border:1px solid #ccf;
	background-color:#f9f9ff;
}

div.mokuji div.mokujiTitle{
	font-weight:bold;
	font-size:14pt;
	margin:0 0 0.5em 0;
	letter-spacing:2px;
}

/** ★★ 【カテゴリ】ライヴリスト（ライブ歴、武道館史） ----------------------------------------------------------- **/

body#livehistory div#body {
	text-align:center;
}

body#livehistory div#body table {
	margin:0.5em auto;
	max-width:870px;
}

body#livehistory div#body th {
	font-size:9pt;
}

body#livehistory div#body td {
	text-align:left;
	font-size:9pt;
	line-height:150%;
	padding:3px 4px;
	background:#fff;
}

body#livehistory div#body td.smallfont {
	font-size:7pt;
}

body#livehistory div#body tr.colorline,
body#livehistory div#body tr.colorline td {
	background-color:#ddf;
}

body#livehistory div#body tr.gley td {
	background-color:#ddd;
}

/** ★★ 【カテゴリ】ライヴ歴のセットリスト ----------------------------------------------------------------------- **/


body#livehistory_setlist p {
	letter-spacing:0;
}

/** ★★ 【カテゴリ】アーティスト別セットリスト ------------------------------------------------------------------- **/

body#setlist div.setlist_wrap {
	display:block;
	margin:1em auto;
	text-align:left;
	font-size:0;
	width:615px;
}

body#setlist div.setlist_box {
	display:inline-block;
	text-align:center;
	width:200px;
	vertical-align:top;
	border:1px solid #aaa;
	margin:2px;
	padding:4px 2px;
	line-height:130%;
	font-size:8.5pt;
}

body#setlist div.setlist_box table {
	vertical-align: top;
	border: 1px solid #ccc;
	background-color: transparent;
	margin-top:4px;
	}

body#setlist div.setlist_box td {
	vertical-align: top;
	text-align:left;
	border-right: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	padding:2px;
	font-size:8pt;
	line-height:140%;
	}

body#setlist h3 {
	font-size:12pt;
	letter-spacing:0;
}

body#setlist div.intable {
	line-height:140%;
	padding:3px;
	vertical-align:top;
	font-size:8pt;
	text-align:left;
	margin:0.8em 0 0.5em 0;
	border-top:1px DASHED #AAF;
	padding-top:0.5em;
	}

/**　☆☆検討中の案☆☆

body#setlist .missa,
body#setlist .lunas,
body#setlist .vanis,
body#setlist .suzuk
	{background-color:#2FA7F5;}

body#setlist .gauze,
body#setlist .image,
body#setlist .blueb,
body#setlist .saiko
	{background-color:#5981F2;}

body#setlist .macab
	{background-color:#9552E4;}

body#setlist .kisou,
body#setlist .eden_,
body#setlist .jealo,
body#setlist .cerea
	{background-color:#CE24D7;}

body#setlist .sixug
	{background-color:#E8338B;}

body#setlist .vulga,
body#setlist .mothe,
body#setlist .artof,
body#setlist .numb_
	{background-color:#F44452;}

body#setlist .withe
	{background-color:#fc5225;}

body#setlist .marro,
body#setlist .style,
body#setlist .dahli,
body#setlist .hikar
	{background-color:#ff7a1b;}

body#setlist .urobo
	{background-color:#ffa213;}

body#setlist .dumss,
body#setlist .shine,
body#setlist .sixth
	{background-color:#ffbf0c;}

body#setlist .unrav,
body#setlist .lunac
	{background-color:#ffe306;}

body#setlist .arche,
body#setlist .awill
	{background-color:#ffecb3;}
**/


body#setlist .missa,
body#setlist .lunas,
body#setlist .vanis,
body#setlist .suzuk
	{background-color:#e64a19;color:#fff;}

body#setlist .gauze,
body#setlist .image,
body#setlist .blueb,
body#setlist .saiko
	{background-color:#ff5722;}

body#setlist .macab,
body#setlist .eden_,
body#setlist .jealo,
body#setlist .cerea
	{background-color:#ff8a65;}

body#setlist .kisou,
body#setlist .mothe,
body#setlist .artof,
body#setlist .numb_
	{background-color:#ffccbc;}

body#setlist .sixug,
body#setlist .style,
body#setlist .dahli,
body#setlist .hikar
	{background-color:#b3e5fc;}

body#setlist .vulga,
body#setlist .shine,
body#setlist .sixth
	{background-color:#4fc3f7;}

body#setlist .withe,
body#setlist .lunac
	{background-color:#03a9f4;}

body#setlist .marro,
body#setlist .awill
	{background-color:#0288d1;;color:#fff;}

body#setlist .urobo,
body#setlist .luv__
	{background-color:#ffa000;}

body#setlist .dumss
	{background-color:#ffc107;}

body#setlist .unrav
	{background-color:#ffd54f;}

body#setlist .arche
	{background-color:#ffecb3;}

body#setlist .insul
	{background-color:#e0ffd7;}

body#setlist .newsg {background-color:#efefef;}





/** ★★ 【カテゴリ】座席表 --------------------------------------------------------------------------------------- **/


@media screen and (max-width: 749px) {
	body#seat div#header_out {
		position:relative;
	}

	body#seat div#wrap div#body {
		margin-top:0;
	}
}



/** ★★★ 個別のプロパティ用のclass =============================================================================== **/

/** ★★ clearbox ----------------------------------------------------------------------------------------------- **/

div.clearbox {
	display:block;
	clear:both;
	height:0;
	font-size:0;
	background-color:#fff;
}

/** ★★ 2カラムにしたいとき（広告を並べるときとか） ------------------------------------------------------------ **/

div.blocks {
	margin:0 0;
	text-align:center;
}

div.blocks div.leftblock {
	float:left;
	margin:1em 0 1em 75px;
}



div.blocks div.rightblock {
	float:right;
	margin:1em 75px 1em 0;
	margin-left:0 !important;
}


/** ★★ 忍者おまとめボックス ----------------------------------------------------------------------------------- **/

div.ninja_onebutton {
	margin:0.5em 0 0.5em 75px;
	text-align:left;
	padding:5px;
	background-color:#eee;
	border:1px solid #ccc;
	display:inline-block;
}

div.ninja_onebutton div[class*="ninja"]{
	display:inline-block;
}

/** ★★ liでメニューを並べるところ ----------------------------------------------------------------------------- **/

/** ※ 文中のボタン（a.button）も同じデザインで統一。ただしmobile.cssでのサイズ変更は適用しない **/

ul.link_btn {
	width:810px;
	text-align:left;
	margin:0.5em auto;
	padding:0;
	font-size:0;
	border:0px solid #f00;
}

ul.link_btn li {
	list-style:none;
	display:inline-block;
	position:relative;

	*display: inline;  /* IE用ハック */
	*zoom: 1;  /* IE用ハック */

	margin:5px 10px 5px 10px;
	padding:0;
	vertical-align:middle;

}

ul.link_btn li a,
a.button {
	display:inline-block;
	vertical-align:top;

	background: url(../img/icon_livehis.jpg) 4px 4px no-repeat;
	background-color:#fefeff;
	background-size:100px 100px;
	box-shadow:1px 1px 2px #ccd;

	*display: inline;  /* IE用ハック */
	*zoom: 1;  /* IE用ハック */

	padding:5px;
	padding-left:110px;

	text-align:left;
	font-size:10pt;
	line-height:11pt;
	color:#222;

	width:240px;
	height:110px;

	*width:230px;
}

ul.link_btn li a:hover,
a.button:hover {
	background-color:#eef;
}

ul.link_btn li a span {
	font-size:8pt;
	color:#333;
}

a.button {
	/** 文中のボタンを少しサイズ大きめにするための微調整 **/
	border:1px solid #ccc;
	background-color:#f7f7f7;
	border-radius:3px;
	margin:1em 0;

	font-size:11pt;
	line-height:13pt;
	color:#222;
	font-weight:bold;

	width:280px;
	height:110px;

	*width:270px;
}

/** ★★ liでメニューを並べるところ★旧 ----------------------------------------------------------------------------- **/

ul.listmenu li {
	margin:0.5em 0 0.5em 10px;
}

ul.listmenu_sub {
	margin-left:45px;
}

ul.listmenu_sub li {
	margin:0.1em 0;
	font-size:10pt;
}

ul.listmenu a > span {
	font-size:10.5pt;
	color:#000;
}



/** ★★ 文字寄せ ----------------------------------------------------------------------------------------------- **/

.right {
	text-align: right;
	font-size: 80%;
	}

.center {
	text-align: center;
	}


/** ★★ コメントボックス --------------------------------------------------------------------------------------- **/

.comment {
	border: 1px dashed #969696;
	background-color: #fff;
	padding: 10px;
	font-size: 90%;

	line-height: 150%;
	margin: 1em 75px 1em;
	letter-spacing:1px;
	text-align:left;
	}

.comment ul {margin:10px 10px 10px 15px;}

.comment_red {
	border: 1px dashed #f66;
	background-color: #fdd;
	color:#f00;
}




/** ★★ ナビゲーション（水色のバー） --------------------------------------------------------------------------- **/

div.navibar {
	display:block;
	margin:1em 20px;
	text-align:right;
	font-size:8pt;
	line-height:40px;


background: #eeeeff; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeff 0%, #e6e6ff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeff), color-stop(100%,#e6e6ff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeff 0%,#e6e6ff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeff 0%,#e6e6ff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeff 0%,#e6e6ff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeff 0%,#e6e6ff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeff', endColorstr='#e6e6ff',GradientType=0 ); /* IE6-9 */

}

div.navi_left {
	float:left;
}

div.navi_right {
	float:right;
}

div.navibar a {

background: #eeeeff; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeff 0%, #e6e6ff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeff), color-stop(100%,#e6e6ff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeff 0%,#e6e6ff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeff 0%,#e6e6ff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeff 0%,#e6e6ff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeff 0%,#e6e6ff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeff', endColorstr='#e6e6ff',GradientType=0 ); /* IE6-9 */

	display:inline-block;
	line-height:40px;
	padding:0 15px;
	border-left:1px solid #ccd;
}

div.navibar a:hover {
background: #ccccff; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeff 0%, #ccccff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeff), color-stop(100%,#ccccff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeff 0%,#ccccff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeff 0%,#ccccff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeff 0%,#ccccff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeff 0%,#ccccff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeff', endColorstr='#ccccff',GradientType=0 ); /* IE6-9 */

}

div.navibar div.navi_left a {
	border-right:1px solid #ccd;
	border-left:0;
}


/** ★★ パンくずリスト ----------------------------------------------------------------------------------------- **/

div#pankuzu {
	margin:20px 20px 10px;
	padding:0 0 1px 10px;
	font-size:10.5pt;
	text-align:left;
	color:#69f;
	background-color: #f3f9ff;
}

div#pankuzu a {
	color:#69f;
	font-weight:bolder;
	padding:0 3px;
}

div#pankuzu a:hover {
	opacity: 0.7;
}

/** ★★ 斜体はMS UI Gothicにするやつ --------------------------------------------------------------------------- **/

span[style*="font-style:italic"] {
	font-family:'MS UI Gothic' !important;
	}