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

	Written by  Gazikobo.Inc Gazirow
				http://gazikobo.co.jp/
						
	Last Modified		2010.08.14
	CSS Name  common.css

	Color Schema
		Pink - Key		#EB3E7A
		Light Pink		#FFE5EE
	
		Orange - Key	#FF9200
		Light Orange	#FEE283
	
		Green - Key		#60D072
		Light Green		#EBF9ED
	
		Blue - Key		#279BDE
		Light Blue		#EEF5F9
		
		Brown - Key		#877543
		Light Brown		#B49C59
	
		Black - Key		#333
		Dark Gray		#B4B4B4
		Light Gray		#EBEBEB
		
	Font Size - YUI 3.0
	
		10px	---		77%			82.8%
		11px	---		85%			91.4%
		12px	---		93%			100%
		13px	---		100%		107.5%
		14px	---		108%		116.7%
		15px	---		116%		125%
		16px	---		123.1%		133.3%
		17px	---		131%		141.7%
		18px	---		138.5%		150%
		19px	---		146.5%		158.3%
		20px	---		153.9%
		21px	---		161.6%
		22px	---		167%
		23px	---		174%
		24px	---		182%
		25px	---		189%
		26px	---		197%
		
	Line Height = 100 * new line-height / 12 (ex. Base Font size: 12px)
	
		10px	---		
		11px	---		
		12px	---		100%
		13px	---		
		14px	---		
		15px	---		
		16px	---		
		17px	---		
		18px	---		
		19px	---		
		20px	---		
		21px	---		
		22px	---		
		23px	---		192%
		24px	---		
		25px	---		
		26px	---		

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

Base Style

-------------------------------------*/
body {
	text-align: center;
	background: #000000;
}
a {
	outline: none;
}
td,th{
	border: none;
}
/*-------------------------------------

Common Style

-------------------------------------*/
ol#side-banner li.lastchild {
	margin-bottom: 0;
}
p.pageUp {
	text-align: right;
	background: url(../images/common/sankaku-up-mark.gif) 0 50% no-repeat;
	padding-left: 5px;
	float: right;
	width: 8em;
	line-height: 100%;
	margin: 0;
}
p.photo-left {
	float: left;
	margin: 0 15px 15px 0;
}
p.photo-right {
	float: right;
	margin: 0 0 15px 15px;
}
/* text */
.indent0hr{
	margin-right:0.5em;
}
.indent01r{
	margin-right:1em;
}
.indent01l{
	margin-left:1em;
}
.indent01hr{
	margin-right:1.5em;
}
.indent02r{
	margin-right:2em;
}
.kome{
text-indent: -1em;
margin-left: 1em;
/* padding-left: 1em; でも可*/
}
.red-text{
	color: #C00;
}
/* clear */
.clear:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clear {
	zoom: 1;
}
*:first-child+html .clear {
	zoom: 1;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
/*-------------------------------------

BaseBox

-------------------------------------*/
/* Head */
#Head {
	width: 1006px;
	height: 150px;
	background: url(../images/common/head.jpg) no-repeat;
	margin: 0 auto 0 auto;
	text-align: left;
	position: relative;
}
/* Contents */
#Wrap {
	width:995px;
	margin: 0 auto;
	/*background-color: #060;*/
	text-align: left;
}
#Article {
	width: 745px;
	/*background-color:#C36;*/
	float: right;
	color: #333;
	background: #FFFFFF;
	margin-bottom: 20px;
}
#Left-side {
	width: 240px;
	float: left;/*background-color: #F60;*/
}
/* Footer */
#Footer {
	clear:both;
	/*background-color:#FF6;*/
	width: 995px;
	text-align: left;
	border-top: 1px solid #FFFFFF;
	position: relative;
	height: 40px;
}
/*-------------------------------------

#Head

-------------------------------------*/
#Head p.logo{
	width: 325px;
	height: 98px;
	background: url(../images/common/head-logo.jpg) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -9999em;
	display: block;
}
#Head p.logo a{
	width: 325px;
	height: 98px;
	background: url(../images/common/head-logo.jpg) no-repeat;
	text-indent: -9999em;
	display: block;
}
#Head p.head-title{
	width: 681px;
	height: 98px;
	background: url(../images/common/head-title.jpg) no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	text-indent:-9999em;
	display: block;
}
#Head ol.gnav{
	width: 972px;
	height: 35px;
	position: absolute;
	top: 98px;
	left: 17px;
	margin: 0;
	padding: 0;
	line-height: 100%;
}
#Head ol.gnav li,
#Head ol.gnav li a{
	width: 162px;
	height:35px;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	line-height: 100%;
	text-indent: -9999em;
}
#Head ol.gnav li.centerli,
#Head ol.gnav li.centerli a{
	width: 162px;
	height:35px;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	line-height: 100%;
	text-indent: -9999em;
}
#Head ol.gnav li.gnav-home{
	background: url(../images/common/header-nav-btn.jpg) no-repeat;
	background-position: 0 0;
}
#Head ol.gnav li.gnav-home a:hover,
#Head ol.gnav li.gnav-home-grey{
	background: url(../images/common/header-nav-btn.jpg) no-repeat;
	background-position: 0 -35px;
}
#Head ol.gnav li.gnav-t-summary{
	background: url(../images/common/header-nav-btn.jpg) no-repeat;
	background-position: 162px 0;
}
#Head ol.gnav li.gnav-t-summary a:hover,
#Head ol.gnav li.gnav-t-summary-grey{
	background: url(../images/common/header-nav-btn.jpg) no-repeat;
	background-position: -162px -35px;
}
#Head ol.gnav li.gnav-player{
	background: url(../images/common/header-nav-btn.jpg) no-repeat;
	background-position: 324px 0;
}
#Head ol.gnav li.gnav-player a:hover,
#Head ol.gnav li.gnav-player-grey{
	background: url(../images/common/header-nav-btn.jpg) no-repeat;
	background-position: -324px -35px;
}
#Head ol.gnav li.gnav-ticket{
	background: url(../images/common/header-nav-btn.jpg) no-repeat;
	background-position: 486px 0;
}
#Head ol.gnav li.gnav-ticket a:hover,
#Head ol.gnav li.gnav-ticket-grey{
	background: url(../images/common/header-nav-btn.jpg) no-repeat;
	background-position: -486px -35px;
}

#Head ol.gnav li.gnav-access{
	background: url(../images/common/header-nav-btn.jpg) no-repeat;
	background-position: 648px 0;
}
#Head ol.gnav li.gnav-access a:hover,
#Head ol.gnav li.gnav-access-grey{
	background: url(../images/common/header-nav-btn.jpg) no-repeat;
	background-position: -648px -35px;
}

#Head ol.gnav li.gnav-event{
	background: url(../images/common/header-nav-btn.jpg) no-repeat;
	background-position: 810px 0;
}
#Head ol.gnav li.gnav-event a:hover,
#Head ol.gnav li.gnav-event-grey{
	background: url(../images/common/header-nav-btn.jpg) no-repeat;
	background-position: -810px -35px;
}


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

#Article

-------------------------------------*/
#Article h1 {
	width: 747px;
	height: 37px;
	text-indent: -9999em;
	margin: 0;
}
#Article h1.highlight-page {
	background: url(../images/highlight/h1-highlight.jpg) no-repeat;
	margin-bottom: 12px;
}
#Article h1.event-page {
	background: url(../images/event/h1-event.jpg) no-repeat;
}
#Article h1.access-page {
	background: url(../images/access/h1_access.jpg) no-repeat;
}
#Article h1.ticket-page {
	background: url(../images/ticket/h1-ticket.jpg) no-repeat;
}
#Article h1.t-summary-page {
	background: url(../images/t-summary/h1-t-summary.jpg) no-repeat;
	margin-bottom: 12px;
}
#Article h1.player-page {
	background: url(../images/player/h1-player.jpg) no-repeat;
	margin-bottom: 0px;
}
#Article h1.message-page {
	background: url(../images/message/h1-message.jpg) no-repeat;
	margin-bottom: 12px;
}
#Article h1.contact-page {
	background: url(../images/contact/h1-contact.jpg) no-repeat;
	margin-bottom: 0;
}
#Article h1.volunteer-page {
	background: url(../images/volunteer/h1-volunteer.jpg) no-repeat;
	margin-bottom: 0;
}
#Article h1.present-page {
	background: url(../images/present/h1-present.jpg) no-repeat;
}
#Article h1.course-page {
	background: url(../images/course/h1-course.jpg) no-repeat;
}

#Article h1.gallery-page {
	background: url(../images/gallery/h1-gallery.jpg) no-repeat;
}
#Article h1.pairing-page {
	background: url(../images/pairing/h1-pairing.jpg) no-repeat;
}
#Article h1.interview-page {
	background: url(../images/interview/h1-interview.jpg) no-repeat;
}
#Article h1.report-page {
	background: url(../images/report/h1-report.jpg) no-repeat;
}

div.event-inner {
	padding: 0 30px 30px 30px;
	background-color: #fff;
}
h2.normal{
	color: #006F45;
	border-left: 7px solid #006F45;
	border-bottom: 1px dashed #5FB09B;
	/*line-height: 140%;*/
	padding-left: 13px;
	padding-top: 2px;
	height: 24px;
	font-size: 130%;
	font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
}
h2.under {
	border-bottom: none;
	color: #006F45;
	margin: 20px auto 10px auto;
	text-align: center;
	font-size: 1.5em;
	font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
}

div.text-box {
	margin: 0 20px;
}
div.text-box2 {
	margin: 0 15px 15px 15px;
}
div.text-box2 h3{
	color: #006F45;
	margin: 0 0 0.5em -1em;
	clear: both;
}
div.text-box2 h3.contact{
	color: #333333;
	margin: 0 0 0.5em -1em;
}
div.text-box ul {
	margin: 0;
	padding: 0;
}
div.text-box ul li {
	list-style: none;
	line-height: 1.5;
	margin-bottom: 0.5em;
}
div.text-box ul li.sankaku-right {
	background: url(../images/common/sankaku-right-mark.gif)  no-repeat 0 5px;
	padding-left: 12px;
}
div.text-box ul li.cam {
	padding-left: 25px;
	background: url(../images/common/cam-mark.gif) left top no-repeat;
}
div.article-box {
	margin-bottom: 12px;
}
div.article-box p,
div.text-box p {
	text-indent: 1em;
	line-height: 1.8;
	margin-bottom: 12px;
	text-align: justify;
	text-justify: inter-ideograph; /*IE*/
}
div.article-box p.Noindent,
div.text-box p.Noindent{
	text-indent: 0;
}
div.event-box-frame {
	width: 745px;
	background: #C3D4CD;
}

div.event-box-frame.toppadding{
	padding-top: 8px;
}
div.event-box-frame-top,
div.event-box-frame-bottom {
	width: 745px;
	height: 8px;
	display: block;
	margin: 0;
	line-height: 100;
}
div.event-box-frame-top {
	background: url(../images/common/article-box-frame-top.gif) no-repeat;
}
div.event-box-frame-bottom {
	background: url(../images/common/article-box-frame-bottom.gif) no-repeat;
	margin-bottom: 12px;
}
div.article-inner-top,
div.article-inner-bottom {
	width: 729px;
	height: 8px;
	display: block;
	margin:0 auto;
}
div.article-inner-top {
	background: url(../images/common/article-inner-top.gif) no-repeat;
}
div.article-inner-bottom {
	background: url(../images/common/article-inner-bottom.gif) no-repeat;
}
div.inner {
	padding: 5px 15px;
	background: #FFFFFF;
	margin: 0 8px;
}


div.article-inner {
	margin: 0 auto;
}
div.article-inner li{
	line-height: 1.6;
	margin-bottom:0.5em;
}

div.picbox {
	width: 480px;
	margin: 0 auto 8px;
}
div.picbox img {
	margin: 0 auto;
	text-align: center;
}
div.picbox-Aoki {
	width: 380px;
	margin: 0 auto 8px;
}
div.picbox table,
div.picbox table td,
div.picbox table th,
table.volunteer,
table.volunteer td,
table.volunteer th {
	border: 1px solid #999;
}
div.picbox table th,
table.volunteer th{
	background-color: #23543F;
	color: #fff;
}
div.picbox table tr.yellow-bg {
	background-color: #FFFAC8;
}
div.picbox table .gray-bg,
table.volunteer td.gray-bg,
table.volunteer tr.gray-bg{
	background-color: #EFEFEF;
}
div.picbox h3 {
	margin-bottom: 8px;
}

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

#Left-side

-------------------------------------*/
div.side-content-top {
	background: url(../images/common/left-side-top.gif) #FFF top no-repeat;
	height: 8px;
	display: block;
	width: 240px;
}
div.side-content-bottom {
	background: url(../images/common/left-side-bottom.gif) #FFF top no-repeat;
	height: 8px;
	display: block;
	width: 240px;
}
div.side-content {
	background: #CCCCCC;
	width: 240px;
	margin-bottom: 20px;
}
/* side nav */
ol#side-nav, ol#side-nav li {
	margin: 0;
	padding: 0;
	width: 224px;
	list-style-type: none;
}
ol#side-nav {
	margin: 0 auto;
}
ol#side-nav li, ol#side-nav li a {
	margin-bottom: 3px;
	line-height: 100%;
	width: 224px;
	height: 24px;
	display: block;
	text-indent: -9999em;
}
ol#side-nav li.sidenav-aoki, ol#side-nav li.sidenav-aoki a {
	background: url(../images/common/sidenav/sidenav-01_aoki.gif) top left no-repeat;
}
ol#side-nav li.sidenav-aoki a:hover, ol#side-nav li.sidenav-aoki-on {
	background: url(../images/common/sidenav/sidenav-01_aoki.gif) bottom left no-repeat;
}
ol#side-nav li.sidenav-highlight, ol#side-nav li.sidenav-highlight a {
	background: url(../images/common/sidenav/sidenav-02_highlight.gif) top left no-repeat;
}
ol#side-nav li.sidenav-highlight a:hover, ol#side-nav li.sidenav-highlight-on {
	background: url(../images/common/sidenav/sidenav-02_highlight.gif) bottom left no-repeat;
}
ol#side-nav li.sidenav-course, ol#side-nav li.sidenav-course a {
	background: url(../images/common/sidenav/sidenav-03_course.gif) top left no-repeat;
}
ol#side-nav li.sidenav-course a:hover, ol#side-nav li.sidenav-course-on {
	background: url(../images/common/sidenav/sidenav-03_course.gif) bottom left no-repeat;
}
ol#side-nav li.sidenav-volunteer, ol#side-nav li.sidenav-volunteer a {
	background: url(../images/common/sidenav/sidenav-04_volunteer.gif) top left no-repeat;
}
ol#side-nav li.sidenav-volunteer a:hover, ol#side-nav li.sidenav-volunteer-on {
	background: url(../images/common/sidenav/sidenav-04_volunteer.gif) bottom left no-repeat;
}
ol#side-nav li.sidenav-present, ol#side-nav li.sidenav-present a {
	background: url(../images/common/sidenav/sidenav-05_present.gif) top left no-repeat;
}
ol#side-nav li.sidenav-present a:hover, ol#side-nav li.sidenav-present-on {
	background: url(../images/common/sidenav/sidenav-05_present.gif) bottom left no-repeat;
}
ol#side-nav li.sidenav-pairing, ol#side-nav li.sidenav-pairing a {
	background: url(../images/common/sidenav/sidenav-06_pairing.gif) top left no-repeat;
}
ol#side-nav li.sidenav-pairing a:hover, ol#side-nav li.sidenav-pairing-on {
	background: url(../images/common/sidenav/sidenav-06_pairing.gif) bottom left no-repeat;
}
ol#side-nav li.sidenav-report, ol#side-nav li.sidenav-report a {
	background: url(../images/common/sidenav/sidenav-07_report.gif) top left no-repeat;
}
ol#side-nav li.sidenav-report a:hover, ol#side-nav li.sidenav-report-on {
	background: url(../images/common/sidenav/sidenav-07_report.gif) bottom left no-repeat;
}
ol#side-nav li.sidenav-comment, ol#side-nav li.sidenav-comment a {
	background: url(../images/common/sidenav/sidenav-08_comment.gif) top left no-repeat;
}
ol#side-nav li.sidenav-comment a:hover, ol#side-nav li.sidenav-comment-on {
	background: url(../images/common/sidenav/sidenav-08_comment.gif) bottom left no-repeat;
}
ol#side-nav li.sidenav-gallery, ol#side-nav li.sidenav-gallery a {
	background: url(../images/common/sidenav/sidenav-09_gallery.gif) top left no-repeat;
}
ol#side-nav li.sidenav-gallery a:hover, ol#side-nav li.sidenav-gallery-on {
	background: url(../images/common/sidenav/sidenav-09_gallery.gif) bottom left no-repeat;
}
ol#side-nav li.sidenav-contact, ol#side-nav li.sidenav-contact a {
	background: url(../images/common/sidenav/sidenav-10_contact.gif) top left no-repeat;
	margin-bottom: 0;
}
ol#side-nav li.sidenav-contact a:hover, ol#side-nav li.sidenav-contact-on {
	background: url(../images/common/sidenav/sidenav-10_contact.gif) bottom left no-repeat;
}
/* grey out */
ol#side-nav li.sidenav-aoki-greyout {
	background: url(../images/common/sidenav/sidenav-01_grey.gif) bottom left no-repeat;
}
ol#side-nav li.sidenav-course-greyout {
	background: url(../images/common/sidenav/sidenav-03_grey.gif) top left no-repeat;
}
ol#side-nav li.sidenav-volunteer-greyout {
	background: url(../images/common/sidenav/sidenav-04_grey.gif) top left no-repeat;
}
ol#side-nav li.sidenav-present-greyout {
	background: url(../images/common/sidenav/sidenav-05_grey.gif) top left no-repeat;
}
ol#side-nav li.sidenav-pairing-greyout {
	background: url(../images/common/sidenav/sidenav-06_grey.gif) top left no-repeat;
}
ol#side-nav li.sidenav-report-greyout {
	background: url(../images/common/sidenav/sidenav-07_grey.gif) top left no-repeat;
}
ol#side-nav li.sidenav-comment-greyout {
	background: url(../images/common/sidenav/sidenav-08_grey.gif) top left no-repeat;
}
ol#side-nav li.sidenav-gallery-greyout {
	background: url(../images/common/sidenav/sidenav-09_grey.gif) top left no-repeat;
}
/* side banner */
ol#side-banner, ol#side-banner li {
	margin: 0 auto;
	padding: 0;
	width: 209px;
	list-style-type: none;
}
ol#side-banner {
}
ol#side-banner li {
	margin-bottom: 5px;
}
/* side-web-present */
p.side-web-present {
	margin: 0 auto;
	margin-bottom: 20px;
}
/* side Disney */
p.side-disney {
	margin: 0 auto;
	width: 209px;
	height: 322px;
}
/*-------------------------------------

#Footer

-------------------------------------*/
#Footer a {
	color:#FFFFFF;
	text-decoration: none;
}
#Footer a:hover {
	text-decoration: underline;
}
#Footer p.copyright, #Footer p.copyright a {
	width: 327px;
	height: 40px;
	background: url(../images/common/copyright.gif) no-repeat;
	text-indent: -9999em;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
#Footer p.privacy {
	position: absolute;
	right: 0;
	top : 10px;
	background: url(../images/common/sankaku-right-mark.png) left no-repeat;
	padding-left: 15px;
}