@charset "UTF-8";

/* 
	activity setting file
	create : 080325 
	update : 101019*/


/* -------------------------------------------------- shokuiku */
div#mainContents div.heading {
	clear: both;
	margin-bottom: 10px;
}

div#mainContents div.heading h1 {
	width: 600px;
	float: left;
}

div#mainContents div.heading p {
	font-size: 0;
	line-height: 0;
	float: right;
	margin-top: 10px;
	margin-bottom: 0;
}

* html div#mainContents div.heading h1 { width: 600px; }

* html div#mainContents div.heading p { margin-right: 5px; }

div#mainContents div.projectBox {
	margin: 0 auto 10px;
	background-image: url(/company/shokuiku/images/img-project-top.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width:540px;
	text-align:left;
}

div#mainContents div.projectBoxInner {
	background-image: url(/company/shokuiku/images/img-project-bottom.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding: 45px 15px 10px 18px;
}

div#mainContents div.projectItem {
	background-color: #FFF;
	border: solid 1px #CCC;
	width: 154px;
	margin-bottom: 10px;
}

* html div#mainContents div.projectItem { width: 156px; }

div#mainContents div.projectItem p {
	margin: 4px;
	line-height: 0;
	font-size: 0;
}

div#mainContents div.projectItem ul { margin: 0; }

div#mainContents div.projectBox div.column3A { width: 163px; }

/* -------------------------------------------------- sponsorship */
div#mainContents p.leadImage img { vertical-align: middle; }

div#mainContents div.minorColumnC ul.links { margin: 0 0 10px 0; }

div#mainContents dl.eventOutline dt {
	float: left;
	width: 3.5em;
	padding-left: 0;
}

div#mainContents dl.eventOutline dd { margin-left: 3.5em; }

* html div#mainContents dl.eventOutline dd {
	text-indent: -3px;
	padding-left: 3px;
}

div#mainContents table.walk th { white-space: nowrap; }

div#mainContents table.walk td dl.notes { margin: 0; }

/* disney */
div#mainContents dl.guide dt {
	float: left;
	clear: both;
	width: 50px;
	margin-right: 10px;
	margin-bottom: 10px;
}

div#mainContents dl.guide dd {
	float: left;
	margin-bottom: 10px;
	width: 189px;
}

div#mainContents ul.atractionLink li {
	width: 50%;
	float: left;
	text-align: center;
}

div#mainContents div.atractionProgram {
	clear: both;
	margin-bottom: 20px;
	background-color: #FDFCF7;
	border: 1px solid #663300;
}

div#mainContents div.atractionProgram dl {
	float: left;
	margin: 0 0 10px 10px;
	width: 495px;
}

* html div#mainContents div.atractionProgram dl {
	margin: 0 0 10px 5px;
	width: 495px;
}

div#mainContents div.atractionProgram p {
	float: right;
	margin: 0 10px 10px 0;
	width: 195px;
}

* html div#mainContents div.atractionProgram p { margin-right: 5px; }

div#mainContents div.atractionProgram dl dt {
	color: #663300;
	font-weight: bold;
	font-size: 75%;
}

div#mainContents div.atractionProgram dl dd { margin-bottom: 10px; }

div#mainContents table.atractionFriends {
	border-top: 1px solid #663300;
	border-left: 1px solid #663300;
}

div#mainContents table.atractionFriends th,
div#mainContents table.atractionFriends td {
	vertical-align: top;
	border-bottom: 1px solid #663300;
	border-right: 1px solid #663300;
	width: 33%;
}

div#mainContents table.atractionFriends tbody td dl {
	margin: 0 0 10px 0;
	text-align: center;
}

div#mainContents table.atractionFriends tbody td dl dd {
	margin-top: 10px;
	color: #663300;
	font-weight: bold;
	text-align: center;
}

body.atraction div#mainContents h2 {
	padding: 0;
	background: none;
	border: 0;
}

div#mainContents p.disneyCopy {
	float: right;
	font-size: 70%;
}

div#mainContents div.atraction {
	width: 720px;
	padding: 10px 0;
	margin: 0 10px 10px 10px;
	background-image: url(/company/culture-sports/images/bg-atraction.gif);
	background-repeat: no-repeat;
}

div#mainContents div.atraction p {
	clear: both;
	vertical-align: middle;
}


/* -------------------------------------------------- ecology */
body.ecology div#localNavi { margin: 30px 0 30px 0!important; }

body.ecology div#mainContents h1 { width: auto; }

body.ecology div#mainContents h2 { margin: 20px 10px 10px 10px; }

body.ecology div#mainContents table.chronology thead th { text-align: center; }

body.ecology div#mainContents table.chronology tbody th {
	text-align: right;
	white-space: nowrap;
}

div#mainContents img.ecoImage { border: solid 1px #333; }


/* -------------------------------------------------- csr add090610 */
body.csr div#localNavi { margin: 30px 0 30px 0!important; }

body.csr div#mainContents h1 { width: auto; }

body.csr div#mainContents h2 { margin: 20px 10px 10px 10px; }


body.csr div#mainContents table.chronology thead th { text-align: center; }

body.csr div#mainContents table.chronology tbody th {
	text-align: right;
	white-space: nowrap;
}


/* -------------------------------------------------- clearfixes */
div#mainContents div.heading:after,
div#mainContents div.projectBox:after,
div#mainContents div.projectBoxInner:after,
div#mainContents div#resultsBtnArea:after {
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	display: block;
	content: ".";
}

div#mainContents div.heading,
div#mainContents div.projectBox,
div#mainContents div.projectBoxInner {
	min-height: 1%;
	display: inline-table;
}

/* for macIE \*/
* html div#mainContents div.heading,
* html div#mainContents div.projectBox,
* html div#mainContents div.projectBoxInner { height: 1%; }

div#mainContents div.heading,
div#mainContents div.projectBox,
div#mainContents div.projectBoxInner { display: block; }
/* end of for macIE */

div#mainContents div#resultsBtnArea{
	margin:0px;
	padding:0px;
}
div#mainContents div#resultsBtnArea ul{
	margin-top:-3px;
	margin-right:-11px;
	zoom:1;
}
div#mainContents div#resultsBtnArea ul li{
	display:inline;
	float: left;
	margin-top:2px;
	margin-right:11px;
    width: 166px;
}

* html div#mainContents ul.tab{
	width:520px;
	margin-right:-2px;
}

/* ------------------------------------------------------- add 081120 */
div#mainContents ul.tab01,
div#mainContents ul.tab02,
div#mainContents ul.tab03,
div#mainContents ul.tab04{
	background-repeat:no-repeat;
	background-position:left top;
	background-color:none;
	border-bottom:none;
	border-bottom:1px solid #FF9900;
}

div#mainContents ul.tab01 li.current{ border-bottom:none; }
div#mainContents ul.tab02 li.current{ border-bottom:none; }
div#mainContents ul.tab03 li.current{ border-bottom:none; }
div#mainContents ul.tab04 li.current{ border-bottom:none; }

div#mainContents ul.tab01 li.current a{ color:#000000;text-decoration:none;font-weight:bolder; }
div#mainContents ul.tab02 li.current a{ color:#000000;text-decoration:none;font-weight:bolder; }
div#mainContents ul.tab03 li.current a{ color:#000000;text-decoration:none;font-weight:bolder; }
div#mainContents ul.tab04 li.current a{ color:#000000;text-decoration:none;font-weight:bolder; }

div#mainContents ul.tab01 li,
div#mainContents ul.tab02 li,
div#mainContents ul.tab03 li,
div#mainContents ul.tab04 li{
	float:left;
	padding:5px 5px 0 5px;
}

div#mainContents ul.tab01 li a,
div#mainContents ul.tab02 li a,
div#mainContents ul.tab03 li a,
div#mainContents ul.tab04 li a{
	display:block;
	width:118px;
	text-align:center;
}

/* ------------------------------------------------------- add 081212 */
div#mainContents ul.imgTab:after {
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	display: block;
	content: ".";
}
div#mainContents ul.imgTab li {
	float:left;
}
div#mainContents ul.imgTab li a {
	display:block;
	background-repeat:no-repeat;
	background-position:left top;
	background-color:none;
	border-bottom:none;
	width:130px;
	height:42px;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
}
div#mainContents ul.imgTab li a.imgTab01,
div#mainContents ul.imgTab li a.imgTab01Active{
	width:129px;
}


/* ------------------------------------------------------- add 090416 */
div#mainContents p.syokuikuCopy{
font-size: 70%;
}

div#mainContents ul.imgTab li a.imgTab07,
div#mainContents ul.imgTab li a.imgTab07Active{
	width:129px;
}

div#mainContents dl.gallery {
margin: 0;
}

div#mainContents dl.gallery dt {
width:20%;
font-weight:bold;
clear:both;
}

div#mainContents dl.gallery dd {
width:80%;
}


div#mainContents div.vcupImg01{
width:520px;
height:651px;
position:relative;
margin-left:10px;
margin-bottom:10px;
}

div#mainContents div.vcupImg02{
width:520px;
height:561px;
position:relative;
margin-left:10px;
margin-bottom:10px;
}

div#mainContents div.vcupImg03{
width:520px;
height:216px;
position:relative;
margin-left:10px;
margin-bottom:10px;
}

/* ------------------------------------------------------- add 091215 */

p img#message{
font-size:0;
line-height:0;
margin:125px 0 0 10px;
}

/* ------------------------------------------------------- add 100625 */

div#mainContents div.related{
	border:solid 2px #cccccc;
	padding-bottom:5px;
	margin-bottom:20px;
}

div#mainContents div.related div.column4B{
	width:360px;
	padding:3px;
}

div#mainContents div.related h2{
	background:none;
	border-bottom:solid 1px #cccccc;
	margin:8px 5px;
}

div#mainContents div.related p{
	float:left;
	width:70px;
	margin:0 10px 10px;
}

*html div#mainContents div.related p{
	margin:0 5px 10px;
}

div#mainContents div.related dl{
	float:left;
	width:250px;
	margin:0 10px 10px;
}

*html div#mainContents div.related dl{
	margin:0 5px 10px;
}

div#mainContents div.related dl dt{
	background-image:url("/common/images/2010/marker-arrow.gif");
	background-position:0 0.3em;
	background-repeat:no-repeat;
	margin-left:4px;
	padding-left:11px;
}

div#mainContents div.related dl dt.external{
	background:none;
	margin-left:0;
	padding-left:0;
}


/* ------------------------------------------------------- add 101019 */
div#mainContents .activityMT20 {
	margin-top: 20px;
}

/* EOF */


/* ------------------------------------------------------- add 140921 */
div#mainContents .activityMB15 {
	margin-bottom: 15px;
}

div#mainContents .cooking_nav li {
	margin:0;
	padding:0;
	float:left;
}

div#mainContents .photo{
	margin:0 0 20px 0;
}

div#mainContents .photo dl dt{
	margin-bottom:10px;
}
div#mainContents div.photo ul{
	margin-bottom:0;
}

div#mainContents div.photo li{
	float:left;
	padding-bottom:0;
}

div#mainContents div.cooking_cm{
	margin-bottom:40px;
}

div#mainContents div.cooking_cm dl{
	margin:0;
}

div#mainContents div.cooking_cm ul.links li{
	float:left;
	margin:0;
}

div#mainContents div.cooking_cm ul.links li a{
	height:13px;
}

div#mainContents div.cooking_cm div.left{
	float:left;
	width:350px;
}

div#mainContents div.cooking_cm div.right{
	float:right;
	width:350px;
}

div#mainContents div.cooking_cm .youtubeimg{
	padding-right:15px;
	
}

div#mainContents div.mail{
	background-color:#fff7ec;
	margin-bottom:30px;
	padding-top:10px;
}

div#mainContents div.sns{
	position:relative;
}

div#mainContents div.sns ul li.facebook{
	position:absolute;
	top:0px;
	left:533px;
}

div#mainContents div.sns ul li.twitter{
	position:absolute;
	top:0px;
	left:657px;
}

div#mainContents div.sns ul li iframe{
	border:none;
}

/* EOF */