@charset "utf-8";
/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

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

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

div#main {padding-bottom: 54px;}  /* must be same height as the footer */

div#footer {position: relative;
	margin-top: -54px; /* negative value of footer height */
	height: 54px;
	clear:both;} 

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

/*Sticky Footer END
---------------------------------------------------------*/

body {
	font-size: 12px;
	line-height:135%;
	color: #333333;
	font-family: "lr oSVbN", Osaka, "qMmpS Pro W3";
}

img {
	border:none;
	vertical-align:top;
}

ul, li, ol, dl, dt, dd {
	margin:0;
	padding:0;
}
li {
	list-style-type: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 12px;
	margin:0;
	padding:0;
}
a {
	color: #FF6600;
}
a:link, a:visited {
	color: #FF6600;
}
a:hover {
	color: #FF0000;
	text-decoration: none;
}

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

div#container {
	width:930px;
	margin:0 auto;
	background:url(img/content_bg.jpg) repeat-y;
}

div#header {
	width:870px;
	height:265px;
	margin:0 auto;
	background-image:url(images/headder.jpg);
}

div#header h1 {
	width:870px;
	height:153px;
	margin:0;
	text-indent:-9999px;
	overflow:hidden;
}

/*div#header p.date {
	width:274px;
	height:112px;
	margin:0;
	float:right;
	text-indent:-9999px;
	overflow:hidden;
	background:url(img/head_date.jpg);
}*/

div#header p.siryou {
	width:269px;
	height:112px;
	margin:0;
	float:left;
}

div#header p.siryou img {
	margin:10px 0 0 0;
}

/*div#header p.siryou a {
	display:block;
	width:269px;
	height:85px;
	margin:10px 0 0 0;
	text-indent:-9999px;
	overflow:hidden;
	background:url(img/head_form_off.jpg);
}

div#header p.siryou a:hover {
	background:url(img/head_form_on.jpg);
}*/

div#header p.text {
	width:556px;
	height:112px;
	margin:0;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	background:url(img/head_text.jpg);
}

div#header ul {
	width:590px;
	height:112px;
	margin:0;
	float:left;
	list-style:none;
	position:relative;
}

div#header ul li {
	display:block;
	position:absolute;
}


* html div#header ul li {
behavior: expression(IEPNGFIX.fix(this));
}


div#header ul li#naviTop {
	left:0;
	top:35px;
}

div#header ul li#naviAtt {
	left:131px;
	top:5px;
}

div#header ul li#naviPer {
	left:357px;
	top:5px;
}

div#header ul li#naviSem {
	left:131px;
	top:48px;
}

div#header ul li#naviFw {
	left:357px;
	top:48px;
}


/*ムービー入りheadA*/
div#headerA {
	width:870px;
	height:267px;
	margin:0 auto;
	background-image:url(images/headder.jpg);
	background-repeat:no-repeat;
	position:relative;
}

div#headerA h1 {
	width:870px;
	height:153px;
	margin:0;
	text-indent:-9999px;
	overflow:hidden;
}

div#headerA div#headerL {
	width:578px;
	float:left;
}

div#headerA p.siryou {
	width:578px;
	height:45px;
	margin:0;
}

div#headerA p.siryou img {
	margin:0 0 0 26px;
}

div#headerA p.text {
	width:578px;
	height:98px;
	margin:0;
	text-indent:-9999px;
	overflow:hidden;
	background:url(img/head_a_text.jpg) no-repeat left;
}

div#headerA div#headerR {
	width:199px;
	height:177px;
	position:absolute;
	top:121px;
	left:578px;
	background-image:url(img/head_a_moviebox.jpg);
}

div#headerA div#moviebox {
	width:180px;
	height:135px;
	margin:7px 8px 0 8px;
	padding-bottom:6px;
}

div#headerA div#moviebox a {
	display:block;
	width:199px;
	height:29px;
}

div#headerA div#moviebox a img {
	vertical-align:top;
}


div#main {
	width:870px;
	margin:0 auto;
}

div#main h2 {
	width:820px;
	height:83px;
	margin:0 auto;
}

div#main div#mainfoot {
	width:808px;
	margin:0 auto 20px auto;
	padding:7px 0;
	text-align:center;
	font-size:14px;
	line-height:1.3;
	background-color:#DFFFFF;
	border:1px solid #AAD5FF;
	clear:both;
}

div#footer {
	width:870px;
	margin-left:auto;
	margin-right:auto;
	background-color:#000000;
	text-align:center;
}

div#footer address img {
	vertical-align:bottom;
}


/*  index.html  */

div#attraction {
	width:820px;
	margin:0 auto;
	height:165px;
	background-image:url(img/att_bg.jpg);
	position:relative;
}

div#attraction a {
	display:block;
	width:163px;
	height:49px;
/*	text-indent:-9999px;
	overflow:hidden;
	background-image:url(img/att_button.jpg);*/
	position:absolute;
	left:657px;
	top:116px;
}

/*div#attraction a:hover {
	background-image:url(img/att_button_on.jpg);
}*/

div#performance {
	width:820px;
	margin:0 auto;
	height:245px;
	background-image:url(img/per_bg.jpg);
	position:relative;
}

div#performance a {
	display:block;
	width:163px;
	height:49px;
/*	text-indent:-9999px;
	overflow:hidden;
	background-image:url(img/per_button.jpg);*/
	position:absolute;
	left:657px;
	top:196px;
}

/*div#performance a:hover {
	background-image:url(img/per_button_on.jpg);
}*/

div#seminar {
	width:820px;
	margin:0 auto;
	height:143px;
	background-image:url(img/sem_bg.jpg);
	position:relative;
}

div#seminar a {
	display:block;
	width:163px;
	height:49px;
/*	text-indent:-9999px;
	overflow:hidden;
	background-image:url(img/sem_button.jpg);*/
	position:absolute;
	left:657px;
	top:94px;
}

/*div#seminar a:hover {
	background-image:url(img/sem_button_on.jpg);
}*/

div#foodwagon {
	width:820px;
	margin:0 auto 10px auto;
	height:173px;
	background-image:url(img/fw_bg.jpg);
	position:relative;
}

div#foodwagon a {
	display:block;
	width:163px;
	height:49px;
/*	text-indent:-9999px;
	overflow:hidden;
	background-image:url(img/fw_button.jpg);*/
	position:absolute;
	left:657px;
	top:124px;
}

/*div#foodwagon a:hover {
	background-image:url(img/fw_button_on.jpg);
}*/


/*ひまわり基金＋エコキャップの場合
div#infomation {
	width:820px;
	margin:0 auto;
	padding:10px 0 20px 0;
}
div#infomation:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
div#infomation img {
	vertical-align:bottom;
}

div#infomation dl{
	width:410px;
	float:left;
}

div#infomation dl dt {
	margin:0 5px;
	background-color:#FFDFDF;
}

div#infomation dl dd {
	margin:0 5px;
	background-color:#FFDFDF;
}

div#infomation dl dd p {
	padding:3px 10px;
}

div#infomation dl dd p span {
	font-size:10px;
}

div#infomation dl dd a {
	display:block;
	font-weight:bold;
	color:#333333;
	padding:5px 0;
	line-height:1;
	border-top:1px solid #666;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}

div#infomation dl dd a:hover {
	color:#999999;
}
*/

/*ひまわり基金のみ*/
div#infomation {
	background-color:#bae2f3;
	width:820px;
	margin:5px auto 20px auto;
	padding:10px 0 10px 0;
}
div#infomation:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
div#infomation img {
	vertical-align:bottom;
}

div#infomation dl{
	width:810px;
	margin:0 auto;
}

div#infomation dl dt {
	margin:0;
	width:300px;
	float:left;
	padding:5px 0;
	height:95px;
}

div#infomation dl dd {
	margin:0;

	width:510px;
	float:left;
	padding:5px 0;

}

div#infomation dl dd p {
	padding:3px 10px;
}

iv#infomation dl dd img {
	float:left;
	padding:7px;
}

div#infomation dl dd p span {
	font-size:10px;
}

div#infomation dl dd a {
	display:block;
	font-weight:bold;
	color:#333333;
	padding:5px 3px;
	line-height:1;
	border-top:1px solid #666;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}

div#infomation dl dd a:hover {
	color:#999999;
}



/* attraction */
div#wrap {
	width:830px;
	margin:0 auto;
}
div.box,
div.boxFW {
	width:415px;
	margin:0;
	padding:0;
	float:left;
	background:url(img/boxbg.gif) no-repeat bottom left;
}
div.boxW {
	width:830px;
	margin:0;
	padding:0;
	background:url(img/boxW_bg.gif) no-repeat bottom left;
}
div.boxFW {
	height:170px;
}
div.box:after,
div.boxW:after,
div.boxFW:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
div.box p {
	margin:6px 15px;
}
div.boxFW p.prtext {
	margin:6px 15px;
	height:68px;
}
div.boxFW p.prtext50 {
	margin:6px 15px;
	height:51px;
}

div.boxW p {	
	margin:8px 0 8px 15px;
}
div.boxWsub p {
	margin:5px 15px 5px 5px;
}
div.boxFW p.prtext span,
div.boxFW p.prtext50 span {
	background-color:#FF6699;
	color:#FFFFFF;
	padding:2px 5px;
	line-height:1.8;
}
div.boxW div.boxWmain {
	width:499px;
	float:left;
}
div.boxW div.boxWsub {
	width:331px;
	float:right;
}
div.box div.textbox,
div.boxW div.textbox,
div.boxFW div.textbox {
	padding:0 15px 20px 15px;
	font-family:Arial, Helvetica, sans-serif;
}
div.boxW div.textbox {
	padding:0 4px 20px 15px;
}
div.box div.textbox p.perColor,
div.boxW div.textbox p.perColor {
	color:#996600;
	margin:0 0 8px 0;
	float:left;
}
div.box div.textbox p.attColor {
	color:#269900;
	margin:0 0 8px 0;
	float:left;
}
div.box div.textbox p.semColor {
	margin:0 0 8px 0;
	float:left;
}
div.box div.textbox img,
div.boxW div.textbox img {
	margin:0 10px 5px 0;
	padding:0;
}
div.box div.textbox span.profile,
div.boxW div.textbox span.profile {
	display:block;
	margin-top:20px;
	padding-top:20px;
	background:url(img/profile.gif) no-repeat top left;
	color:#333333;
}
div.box div.imagebox,
div.boxW div.imagebox {
	float:right;
	padding:0;
	margin:0;
}
div.box div.imagebox img,
div.boxW div.imagebox img {
	padding:0 0 20px 0;
	margin:0;
}
div.box div.textbox span.long214 {
	width:214px;
}
div.box div.textbox span.long185 {
	width:185px;
}
div.boxW div.textbox span.long289 {
	width:289px;
}
div.boxWsub p.sub05 {
	margin:5px 0 5px 5px;
	padding:0;
	padding-right:118px;
	height:134px;
	background:url(img/per_05_sub03photo.jpg) no-repeat top right;
}
div.boxWsub p.sub05 b {
	display:block;
	margin-bottom:15px;
	font-weight:bold;
}
div.boxW b.redtext {
	font-weight:bold;
	color:#D70034;
}
div.box .att01ill {
	padding-right:20px;
	padding-bottom:120px;
	background:url(img/att_ill_01.gif) no-repeat bottom right;
}
div.box .att02ill {
	padding-right:50px;
	padding-bottom:85px;
	background:url(img/att_ill_02.gif) no-repeat bottom right;
}
div.box .att03ill {
	padding-right:50px;
	padding-bottom:107px;
	background:url(img/att_ill_03.gif) no-repeat bottom right;
}
div.box .att04ill {
	margin-top:0;
	padding-top:8px;
	padding-bottom:44px;
	background:url(img/att_ill_04.gif) no-repeat center right;
}
div.box .att04ill img {
	margin-top:8px;
}
div.box .att05ill {
	margin-top:0;
	padding-top:8px;
	padding-bottom:28px;
	background:url(img/att_ill_05.gif) no-repeat top right;
}
div.box .att05ill img {
	margin-top:8px;
}

div.boxFW div.textbox p.place {
	float:left;
}
div.boxFW div.textbox p.staff {
	float:right;
	width:180px;
	padding-left:10px;
	margin-bottom:20px;
	border-left:1px solid #999;
	color:#C53A79;
}