@charset "Shift_JIS";
@import url(style.css);
@import url(thickbox.css);

/*-------------------------------------------------
reset
-------------------------------------------------*/
body,p,blockquote,address,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,img,table {
	margin:0;
	padding:0;
	border:0;
}

/*-------------------------------------------------
body
-------------------------------------------------*/
body {
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ƒƒCƒŠƒI", Meiryo, "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	background: url(../../img/backgraund.gif) repeat;
	color: #412729;
}


/*-------------------------------------------------
wrapper
-------------------------------------------------*/
/*IEˆÈŠO—p*/
html>body div#wrapper {
	width: 900px;
	margin: 30px 35px;
}

div#wrapper {
	width: 900px;
	margin: 30px 35px;
	
}

div#wrapper a {
	color: #412729;
}
div#wrapper a:hover {
 text-decoration: none;
}
div#wrapper a:visited {
 color: #412729;
}


/*-------------------------------------------------
header
-------------------------------------------------*/
div#header {
	width: 900px;
}

div#header h1 a {
	width: 494px;
	height: 296px;
	display: block;
	text-indent: -1000em;
	background: url(../../img/header.gif) no-repeat;
}


div#footer {
	color: #F9D3D0;
	font-size: 11px;
	padding-left: 30px;
}

div#footer a {
	color: #F9D3D0;
	text-decoration: none;
}
div#footer a:hover {
	text-decoration: underline;
 	color: #F9D3D0;
}
div#footer a:visited {
 color: #F9D3D0;
}







/*-------------------------------------------------
menu

table#menu_main {
	margin-top: 13px;
	width: 900px;
}
table#menu_main td {
	vertical-align: top;
}

div#menu {
	width: 190px;
}
div#menu li {
	list-style-type: none;
}
div#menu li a {
	width: 190px;
	height: 110px;
	display: block;
	text-indent: -1000em;
	outline-style: none;
	text-decoration: none;
	list-style-type:none;
}



/*-------------------------------------------------
menu

table#menu_main {
	margin-top: 13px;
	width: 900px;
}
table#menu_main td {
	vertical-align: top;
}

div#menu {
	width: 190px;
}
div#menu li {
	list-style-type: none;
}
div#menu li a {
	width: 190px;
	height: 110px;
	display: block;
	text-indent: -1000em;
	outline-style: none;
	text-decoration: none;
	list-style-type:none;
}


div#menu li.animation a {
	background: url(../../img/menu.gif) 0px 0px;
}
div#menu li.animation a:hover {
	background: url(../../img/menu.gif) -190px 0px;
}
div#menu li.animation_on a {
	background: url(../../img/menu.gif) -190px 0px;
}


div#menu li.guest a {
	background: url(../../img/menu.gif) 0px -110px;
}
div#menu li.guest a:hover {
	background: url(../../img/menu.gif) -190px -110px;
}
div#menu li.guest_on a {
	background: url(../../img/menu.gif) -190px -110px;
}


div#menu li.ticket a {
	background: url(../../img/menu.gif) 0px -220px;
}
div#menu li.ticket a:hover {
	background: url(../../img/menu.gif) -190px -220px;
}
div#menu li.ticket_on a {
	background: url(../../img/menu.gif) -190px -220px;
}


div#menu li.access a {
	background: url(../../img/menu.gif) 0px -330px;
}
div#menu li.access a:hover {
	background: url(../../img/menu.gif) -190px -330px;
}
div#menu li.access_on a {
	background: url(../../img/menu.gif) -190px -330px;
}


div#menu li.tomo a {
	background: url(../../img/menu.gif) 0px -440px;
}
div#menu li.tomo a:hover {
	background: url(../../img/menu.gif) -190px -440px;
}
div#menu li.tomo_on a {
	background: url(../../img/menu.gif) -190px -440px;
}



/*-------------------------------------------------
main

div#main {
	width: 675px;
	padding: 30px 25px 30px 10px;
	background-color: #FFFFFF;
}

div#main h2 {
	color: #36004F;
	border-bottom: 2px solid #36004F;
	font-size: 21px;
	padding-bottom: 3px;
	margin-bottom: 35px;
}

div#main h3 {
	color: #36004F;
	font-size: 17px;
	background: url(../../img/h3.gif) no-repeat;
	height: 40px;
	padding: 5px 0px 10px 40px;
	margin-top: 60px;
}


div#main h4 {
	color: #36004F;
	font-size: 15px;
}


div#main h5 {
	color: #36004F;
	font-size: 12px;
}


div#main p {
	font-size: 14px;
	line-height: 170%;
}

div#main  p.small {
	font-size: 10px;
	float: left;
	padding-top: 10px;	
}



div#main div.pagetop a {
	width: 175px;
	height: 30px;
	margin: 5px 0px 0px 500px;
	display: block;
	text-indent: -1000em;
	background: url(../../img/pagetop.gif) no-repeat 0px 0px;
}
div#main div.pagetop a:hover {
	background: url(../../img/pagetop.gif) no-repeat -175px 0px;
}


div#main p.note {
	font-size: 11px;
	color: #FF3366;
}


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

div#footer {
	clear: both;
	height: 110px;
	position:relative;
}

div#footer li {
	list-style-type: none;
	display: inline;
}

div#footer li.animationsoup a {
	width: 530px;
	height: 110px;
	display: block;
	text-indent: -1000em;
	position: absolute;
	background: url(../../img/footer.gif) no-repeat 0px 0px;
}
div#footer li.animationsoup a:hover {
	background: url(../../img/footer.gif) no-repeat -900px 0px;
}


div#footer li.atelie-tomo a {
	width: 185px;
	height: 110px;
	display: block;
	text-indent: -1000em;
	position: absolute;
	top: 0px;
	left: 530px;
	background: url(../../img/footer.gif) no-repeat -530px 0px;
}
div#footer li.atelie-tomo a:hover {
	background: url(../../img/footer.gif) no-repeat -1430px 0px;
}


div#footer li.dedicate a {
	width: 185px;
	height: 110px;
	display: block;
	text-indent: -1000em;
	position: absolute;
	top: 0px;
	left: 715px;
	background: url(../../img/footer.gif) no-repeat -715px 0px;
}
div#footer li.dedicate a:hover {
	background: url(../../img/footer.gif) no-repeat -1615px 0px;
}