@charset "UTF-8";

/* 全サイト共通 */
/* @group
===========================================================================
===========================================================================
*/

/* @group ブラウザ・リセット
===========================================================================
*/

/* @group レイアウト
---------------------------------------------------------------------------
*/

body, div, p, blockquote, pre,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
table, th, td,
embed, object {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

table, th, td, img { border: 0px; }

.left  { float: left;  }
.right { float: right; }

/* @end */


/* @group タイポグラフィー
---------------------------------------------------------------------------
*/

* {
	font-style: normal;
	font-weight: normal;
	font-variant:normal;
	text-decoration: none;
	vertical-align: baseline;
}

b, strong { font-weight: bold; }
i, em, var { font-style: italic; }
u { text-decoration: underline; }
s, strike { text-decoration: line-through; }
tt, pre, code, kbd, samp { font-family: monospace; }
abbr, acronym { border-bottom: 1px dotted #000; } 

ins { text-decoration: none; }
del { text-decoration: line-through; }

sub { vertical-align: sub;}
sup { vertical-align: super; }

/* @end */


/* @group その他
---------------------------------------------------------------------------
*/

table {
	border-collapse: collapse;
	border-spacing: 0px;
	border: 0px;
}
th,td {
	border: 0px;
	empty-cells: hide;
	vertical-align: middle;
}
th img, td img { vertical-align: middle; }
caption, th { text-align: left; }

img { border: 0px; }

a img { cursor: pointer; }
a img { text-decoration: none !important; }

hr {
	height: 0px;
	padding: 0px;
	border: 0px;
	border-bottom: 1px solid #000;
}

/* @end */
/* @end */


/* @group 共通設定
===========================================================================
*/

/* Firefoxでswfなどを縦100%でレンダリングさせる場合、「height: 100%;」が必要。 */
/* html, body { height: 100%; } */


/* Firefox と Safari でスクロールバーを強制表示。Chrome、Operaは？ */
html:not([lang*=""]) { overflow-y: scroll; } /* Firefox */
html:not(:only-child:only-child) { /* Safari */
	min-height: 100%;
	padding-bottom: meirio
}


/* IE6のquirkモードで margin: auto; によるセンタリングができないバクの対策。
後続の子ブロック要素で text-align: center; を指定して左寄せに戻す必要あり。
ただし、そもそもquirksモードに入らなければよい。 */
body { text-align: center; }


/* FireFoxでembed要素、Operaでobject要素の下に余白ができてしまう問題を回避。 */
object, embed { vertical-align: top; }


/* @group Clearfix
---------------------------------------------------------------------------
*/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; }
.clearfix { min-height: 1px; }
* html .clearfix { display: inline-block; } /* IE5以前のみ */
/*\*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /**/ /* Mac版IEから隠す */

/* @end */
/* @end */


/* @group プリンター関連
===========================================================================
*/

/* プリント時以外は表示しない要素。 */
.printOnly { display: none; }

/* プリンタ用指定 */
@media print {

	/* overflowにvisible以外を指定した要素も印刷されるように。 */
	* { overflow: visible; }

	/* プリントされず、レイアウトからも消える要素。 */
	.noPrint { display: none; }

	/* プリントされないものの、レイアウトには影響を与える要素（単なる非表示）。 */
	.noPrintContent { visibility: hidden; }

	/* プリント時以外は表示しない要素。＝プリント時のみ表示する要素。 */
	.printOnly, div.printOnly { display: block; }
	span.printOnly, label.printOnly { display: inline; }
	table.printOnly { display: table; }
	tr.printOnly { display: table-row; }
	td.printOnly { display: table-cell; }

}

/* @end */

/* @end */

/* タイポグラフィー */
/* @group
===========================================================================
===========================================================================
*/

/* @group #1 一般
===========================================================================
*/

/* @group フォント
---------------------------------------------------------------------------
*/

html[lang='en'] body, *[lang='en'], .alphanum {
	/* font-family: 'Times New Roman',serif; */
	font-family: 'Helvetica Neue','Helvetica','Arial','Verdana',sans-serif;
}

html[lang='ja'] body, *[lang="ja"] {
	/* font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','細明朝','リュウミンL','Times New Roman',serif; */
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic','メイリオ','Meiryo','ＭＳ Ｐゴシック','Verdana',sans-serif;
}

* html body {
	/* for IE6 */
	/* font-family: 'メイリオ','Times New Roman','ＭＳ Ｐ明朝','細明朝','リュウミンL', serif; */
	font-family: 'ＭＳ Ｐゴシック','Verdana',sans-serif;
}

/* @end */


/* @group フォント・サイズ
---------------------------------------------------------------------------
*/

body { font-size: 12px; }
* html body { font-size: 75%; } /* for IE6 */
body { line-height: 2.5em; } /* 30px */

h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
	font-weight: bold;
}

table { font-size: inherit; }

sub { font-size: 80%; }
sup { font-size: 80%; }

big   { font-size: 110%; }
small { font-size: 90%; }
/* @end */


/* @group 文字色
---------------------------------------------------------------------------
*/

body { color: #000; }
a { text-decoration: none; }
a:link { color: #dd1a88; text-decoration: underline; }
a:visited { color: #900855; text-decoration: underline; }
a:link:hover,  a:visited:hover  { color: #ee7abc; }
a:link:active, a:visited:active { color: #ee7abc; }
a:link:focus,  a:visited:focus  { color: #ee7abc; }

/* @end */


/* @group 段落関連
---------------------------------------------------------------------------
*/
p, ul, ol, dl, blockquote,
div.para {
	margin: 0 0 30px;
}
div.para > p,
div.para > ul,
div.para > ol,
div.para > dl,
div.para > blockquote {
	margin-top: 0;
	margin-bottom: 0;
}
.lastP { margin-bottom: 0; }

/* hr は b や small などと同じく見栄えを制御するもので、文書を意味的に構造化するものではない。
意味的に区切るには div を使用する。 */
hr {
	height: 0px;
	margin: 50px 0px;
	border-width: 0px;
	border: none;
	border-bottom: 1px solid #cfd6e7;
}

/* @end */


/* @group スタイル
---------------------------------------------------------------------------
*/

.paren {
	font-size: 0.92em; /* 11px */
	line-height: inherit;
}
html[lang='ja'] .paren {
/*	display: inline-block; */
	height: 1.5em;
	margin-right: -0.5em;
	margin-left: -0.5em;
}
html[lang='ja'] .alphanum .paren {
	margin-right: 0em;
	margin-left: 0em;
}
*:first-child+html .paren { height: 100%; } /* for IE7+ */

.note {
	font-size: 0.92em; /* 11px */
	line-height: 2.73em; /* 30px */
	color: #666;
}

.aster {
	font-family: 'Verdana',sans-serif;
	font-size: 10px;
}

.copyright {
	font-family: 'Verdana',sans-serif;
	font-size: 10px;
}

.menu, .menu ul, .menu ol {
	list-style-type: none;
	margin-bottom: 0px;
}

div.button {
	display: inline;
	margin-right: 10px !important;
	padding: 3px 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 0.92em /* 11px */ ;
	background-color: #e6e6e6;
}
div.button a,
div.button a:visited,
div.button a:hover,
div.button a:active,
div.button a:link,
div.button a:link:visited,
div.button a:link:hover,
div.button a:link:active {
	outline: none;
	text-decoration: none;
	color: #666;
}

a.button {
	padding: 0px 3px;
	text-decoration: none;
	color: #fff;
	background-color: #dd1a66;
}

a.button:hover,
a.button:active {
	color: #fff;
}

div.notice {
	padding: 15px;
	background-color: #f6f6f6;
}

table.detail {
	margin-bottom: 15px;
	border-top: 1px solid #fff;
}
table.detail td, table.detail th {
	padding: 3px 15px;
	border-bottom: 1px solid #fff;
	white-space: nowrap;
	vertical-align: top;
	background-color: #ebc5db;
}

table.detail th {
	font-weight: bold;
}


/* @end */
/* @end */


/* @group #2 その他
===========================================================================
*/


/* @end */

/* @end */


/* レイアウト */
/* @group
===========================================================================
===========================================================================
*/

/* #1 基本レイアウト */
/* @group
===========================================================================

+-------------------------------------+
| #upper                              |
| +---------------------------------+ |
| | #follow                         | |
| +---------------------------------+ |
| +---------------------------------+ |
| | #header                         | |
| +---------------------------------+ |
| +---------------------------------+ |
| | #contents (.clearfix)           | |
| |                                 | |
| +---------------------------------+ |
+-------------------------------------+

+-------------------------------------+
| #lower                              |
| +---------------------------------+ |
| | #footer                         | |
| +---------------------------------+ |
+-------------------------------------+

*/

/* 縦方向 */
/* @group
---------------------------------------------------------------------------
lowerを画面下部に貼り付かせる。
*/

html, body, div#upper { height: 100%; }

body > div#upper {
	height: auto;
	min-height: 100%;
}

div#contents {
	padding-bottom: 150px; /* フッターの高さ 0px + 実質的padding 150px */
}

div#lower {
	position: relative;
	height: 0px; /* フッターの高さ */
	margin-top: -0px; /* フッターの高さ（-） */
	clear: both;
}

/* @end */


/* 横方向 */
/* @group
---------------------------------------------------------------------------
*/

div#upper {
	clear: both;
	position: relative;
	width: 960px; /* レイアウトの横幅 */
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

div#lower {
	clear: both;
	width: 960px; /* レイアウトの横幅 */
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/* @end */


/* Z軸方向*/
/* @group
---------------------------------------------------------------------------
*/
div#follow   { z-index: 30; }
div#header   { z-index: 20; }
div#contents { z-index: 10; }
div#lower    { z-index: 10; }

/* @end */


/* 背景 */
/* @group
---------------------------------------------------------------------------
*/

body {
	background: #fff;
}

/* @end */


/* @end */


/* #2 #followのレイアウト */
/* @group
===========================================================================
*/

div#follow {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 210px;
}

div#follow a {
	outline: none;
	text-decoration: none;

}

div#follow h1 {
	width: 210px;
	height: 120px;
	margin-top: 30px;
	margin-bottom: 45px;
}

ul#menu_main {
	padding-bottom: 30px;
	background: url(/2010/_img/parts/line-dotted.gif) 0 bottom repeat-x;	
}
ul#menu_main li {
	width: 190px;
	line-height: 1em;
	margin: 0px;
	padding: 10px;
	padding-bottom: 0px;
}
ul#menu_main li a {
	display: block;
	width: 175px;
	height: 20px;
	padding-left: 15px;
	background: url(/2010/_img/parts/tick-closed.gif) 0 0 no-repeat;
}
ul#menu_main li.open a {
	background: url(/2010/_img/parts/tick-open.gif) 0 0 no-repeat;
}
ul#menu_main li.current > a {
	cursor: default;
}

ul#menu_main ul.submenu li {
	padding-left: 0px;
}
ul#menu_main ul.submenu li a {
	width: 160px;
	margin-left: 15px;
	padding-left: 15px;
	background: url(/2010/_img/parts/sub-tick.gif) 0 0 no-repeat;	
}

ul#menu_main li#totop {
	padding-top: 40px;
}
ul#menu_main li#totop a {
	background: url(/2010/_img/parts/tick.gif) 0 0 no-repeat;	
}

ul#menu_footer {
	height: 10px;
	padding: 20px 10px 0px;
}
ul#menu_footer li {
	float: left;
	padding-right: 15px;
	line-height: 1em;
	font-size: 0.83em; /* 10px */
}

div#copyright {
	padding: 20px 10px 0px;
	line-height: 1.5em;
	font-size: 0.83em; /* 10px */
}


/* @end */


/* #3 #headerのレイアウト */
/* @group
===========================================================================
*/

div#header {
	position: fixed;
	width: 960px;
	height: 120px;
	margin: 0 auto;
	text-align: center;
	background: transparent url(/2010/_img/header/bg.png) no-repeat;
}

ul#menu_header, ul#menu_language {
	position: absolute;
	top: 0px;
	padding-left: 14px;
	padding-right: 15px;
	border-left: 1px solid #999;
}
ul#menu_header   {
	left: 260px;
	width: 410px;
}
ul#menu_language {
	left: 750px;
	width: 179px;
	border-right: 1px solid #999;
}

ul#menu_header li, ul#menu_language li {
	float: left;
	line-height: 1em;
	margin: 0px;
	padding: 0px;
	padding-right: 15px;
}

ul#menu_header li a, ul#menu_language li a {
	float: left;
	display: block;
	height: 30px;
	padding-left: 8px;
	line-height: 1em;
	background: url(/2010/_img/parts/circle_0.gif) 0 12px no-repeat;	
}

ul#menu_header li a:hover,
ul#menu_header li.open a,
ul#menu_language li a:hover,
ul#menu_language li.current a {
	background: url(/2010/_img/parts/circle_1.gif) 0 12px no-repeat;	
}

ul#menu_header ul.submenu {
	float: left;
}

ul#menu_header ul.submenu li {
	padding-right: 0px;
}
ul#menu_header ul.submenu li a,
ul#menu_header ul.submenu li a:hover {
	background-image: none;
}

/* @end */


/* #4 #contentsのレイアウト */
/* @group
===========================================================================
*/

/* 基本レイアウト */
/* @group
---------------------------------------------------------------------------
*/

div#contents {
	padding-top: 30px;
	padding-left: 260px;
}

div#contents h2 {
	margin-top: 90px;
	margin-bottom: 45px;
	padding: 0px 15px 14px;
	border-bottom: 1px solid #dd1a88;
	line-height: 30px;
	font-size: 3em; /* 36px */
	font-weight: normal;
	color: #dd1a88;
}

div#contents h3 {
	margin-bottom: 45px;
	padding: 0px 15px 15px;
	line-height: 30px;
	font-size: 3em; /* 36px */
	font-weight: normal;
	font-family: 'Courier New','Courier',monospace;
	background: url(/2010/_img/parts/line-dotted.gif) 0px bottom repeat-x;
}

div#contents h4 {
	margin-bottom: 45px;
	padding-left: 23px;
	padding-right: 15px;
	line-height: 15px;
	font-size: 1.17em; /* 14px */
	background: url(/2010/_img/parts/circle_1.gif) 15px 3px no-repeat;
}

div#contents .body {
	margin-bottom: 90px;
	padding: 0px 15px;
}

div#contents .body p {
	margin-top: -4px;
	text-align: justify;
}

/* 2カラム */

div#contents div.left  { width: 440px; }
div#contents div.right { width: 210px; }

div#contents div.right h2 {
	margin-bottom: 0px;
	border-color: #000;
	color: #000;
}

div#contents div.right .body {
	font-size: 0.92em; /* 11px */
	line-height: 1.36em; /* 15px */ 	
}

div#contents div.right .body p {
	margin-top: -2px;
	margin-bottom: 15px;
	text-align: justify;
}

div#contents div.right .body .paren {
	font-size: 0.91em; /* 10px */
}

/* News */

h2 {
	position: relative;
}

a#twitter_icon,
a#rss_icon {
	position: absolute;
	top: 13px;
	display: block;
	width: 16px;
	height: 16px;
	line-height: 1em;
}
a#twitter_icon { left: 153px; }
a#rss_icon     { left: 179px; }

div#contents div.article {
	padding: 15px 0px;
	font-size: 0.92em; /* 11px */
	line-height: 1.36em; /* 15px */
	background: url(/2010/_img/parts/line-dotted.gif) 0px bottom repeat-x;	
}

div#contents div.left div.article {
	font-size: 1em; /* 12px */
	line-height: 2.5em; /* 15px */
}
div#contents div.article h3 {
	margin: 0px;
	padding: 0px 15px;
	line-height: 1em;
	font-size: 1.25em; /* 15px */
	font-weight: bold;
	font-family: 'Courier New','Courier',monospace;
	color: #dd1a88;
	background-image: none;
}

div#contents div.article h4 {
	margin: 0px;
	padding: 15px 15px 0px;
	font-size: 1em;
	background: none;
}
div#contents div.left div.article h4 {
	font-weight: normal;
	font-size: 1.5em; /* 18px */
}

div#contents div.article p {
	padding: 15px 15px 0px;
	margin-bottom: 2px !important;
}

div#contents div.has_more {
	cursor: pointer;
}
div#contents div.has_more div.date,
div#contents div.has_more h3 {
	background: url(/2010/_img/parts/rarrow.gif) 180px 0 no-repeat;
}

div.date {
	padding: 0px 15px;
	line-height: 1em;
	font-size: 1.25em; /* 15px */
	font-family: 'Courier New','Courier',monospace;
}


.wp-caption { padding: 15px 0 0 15px; }

p.wp-caption-text { 
	padding-top: 0 !important;
	padding-left: 0 !important;
	color: #666666;
	font-size: 0.92em;
	line-height: 2.73em;
 }

/* Events */

.artistImage {
	float: right;
	padding: 0 0 15px 15px;
}

div#contents div.events {
	margin-top: 60px;
}

div#contents div.events h3 {
	margin-bottom: 0px;
	border-bottom: 1px solid #000;
	background-image: none;
}

div#contents div.events table {
	width: 440px;
}
div#contents div.events table tr {
	background: url(/2010/_img/parts/line-dotted.gif) 0px bottom repeat-x;	
}

div#contents div.events table td {
	white-space: nowrap;
}
div#contents div.events table td.dates {
	padding: 0px 15px;
	line-height: 1em;
	font-size: 1.08em; /* 12px */
	font-family: 'Courier New','Courier',monospace;
}
div#contents div.events table td a {
	text-decoration: none;
}
div#contents div.events table td a:visited {
	color: #dd1a88;
}

/* home: banner */

div#partner {
	margin-top: 60px;
	background: url('/2010/_img/banner/shu_0.gif') 0 0 no-repeat;
}

div#partner a {
	outline: none;
}

/* @end */




/* @end */



/* #5 #footerのレイアウト */
/* @group
===========================================================================
*/

/* 基本レイアウト */
/* @group
---------------------------------------------------------------------------
*/


/* @end */


/* @end */

/* @end */