@charset "utf-8";


/* == overwrite ------------------------------------------------------------------ */

#container{
	background: url("/global/activities/img/bg-contents-head.jpg") no-repeat right top;
}
.contentsHeaderBlock {
	padding: 0 0 25px;
}



/* == pageNav - ancher ------------------------------------------------------------------ */
.pageNavBox{
	width: 860px;
	overflow: hidden;
	margin: 20px -40px 50px 0;
}
.pageNavBox li{
	float: left;
	width: 390px;
	margin: 0 40px 0 0;
}

/* == contentsBox ------------------------------------------------------------------ */

#shiretoko{
	background: url("/global/activities/img/bg_shiretoko.jpg") no-repeat 100% 85%;
	width: 820px;
	overflow: hidden;
}
#firefox{
	background: url("/global/activities/img/bg_firefox.jpg") no-repeat 100% 85%;
	width: 820px;
	overflow: hidden;
}
#shiretoko h2,
#firefox h2{
	margin-bottom: 30px !important;
}
p.activitiesTxt{
	clear: both;
	float: left;
	margin: 40px 0 !important;
}

.contentsBox{
	width: 820px;
	clear: both;
	float: left;
	margin: 20px 0;
}

.boxOverL{
	clear: both;
	float: left;
}
.boxOverR{
	clear: both;
	float: right;
}

p.imgPh{
	margin: 0 !important;
}

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

.boxW400x400{
	background: url("/global/activities/img/bg-box-400-400.gif") no-repeat left bottom;
	padding-bottom: 10px;
}
.boxW350x450{
	background: url("/global/activities/img/bg-box-350-450.gif") no-repeat left bottom;
	padding-bottom: 10px;
}
.boxW460x340{
	background: url("/global/activities/img/bg-box-460-340.gif") no-repeat left bottom;
	padding-bottom: 10px;
}
.boxW400l{
	background: url("/global/activities/img/bg-box-400.gif") no-repeat left bottom;
	padding-bottom: 10px;
}
.boxW400r{
	background: url("/global/activities/img/bg-box-400.gif") no-repeat right bottom;
	padding-bottom: 10px;
}
.boxW350{
	background: url("/global/activities/img/bg-box-350.gif") no-repeat left bottom;
	padding-bottom: 10px;
}
.boxW490{
	background: url("/global/activities/img/bg-box-490.gif") no-repeat left bottom;
	padding-bottom: 10px;
}


.w400{
	width: 400px;
}
.w450{
	width: 450px;
}
.w460{
	width: 460px;
}
.w490{
	width: 490px;
}
.w340{
	width: 340px;
}
.w350{
	width: 350px;
}


.boxW400x400 .flLeft{
	background: url("/global/activities/img/bg-box-400-400.gif") no-repeat left top;
}
.boxW400x400 .flRight{
	background: url("/global/activities/img/bg-box-400-400.gif") no-repeat right top;
}
.boxW350x450 .flLeft{
	background: url("/global/activities/img/bg-box-350-450.gif") no-repeat left top;
}
.boxW350x450 .flRight{
	background: url("/global/activities/img/bg-box-350-450.gif") no-repeat right top;
}
.boxW460x340 .flLeft{
	background: url("/global/activities/img/bg-box-460-340.gif") no-repeat left top;
}
.boxW460x340 .flRight{
	background: url("/global/activities/img/bg-box-460-340.gif") no-repeat right top;
}
.boxW400l dl{
	background: url("/global/activities/img/bg-box-400.gif") no-repeat left top;
}
.boxW400r dl{
	background: url("/global/activities/img/bg-box-400.gif") no-repeat right top;
}
.boxW350 dl{
	background: url("/global/activities/img/bg-box-350.gif") no-repeat left top;
}
.boxW490 dl{
	background: url("/global/activities/img/bg-box-490.gif") no-repeat left top;
}



.contentsBox dl{
	position: relative;
	margin: 0;
	padding: 0;
}
.contentsBox dt{
	margin: 0;
	padding: 0;
}
.contentsBox dd{
	margin: 0;
	padding: 20px 12px 10px 12px;
}
.contentsBox dd p{
	margin: .5em 0 !important;
}


/* boxID */
#activitiesSh01 .decimalTxt{position: absolute; top: -9px; right: 14px;}
#activitiesSh01 .copyTxt{position: absolute; top: -22px; left: 14px;}
#activitiesSh02 .decimalTxt{position: absolute; top: -9px; left: 12px;}
#activitiesSh02 .copyTxt{position: absolute; top: -22px; right: 14px;}
#activitiesSh03 .decimalTxt{position: absolute; top: -9px; right: 14px;}
#activitiesSh03 .copyTxt{position: absolute; top: -22px; left: 12px;}
#activitiesSh04 .decimalTxt{position: absolute; top: -9px; right: 14px;}
#activitiesSh04 .copyTxt{position: absolute; top: -22px; left: 14px;}
#activitiesSh05 .decimalTxt{position: absolute; top: -9px; left: 12px;}
#activitiesSh05 .copyTxt{position: absolute; top: -22px; right: 12px;}
#activitiesSh06 .decimalTxt{position: absolute; top: -9px; left: 14px;}
#activitiesSh06 .copyTxt{position: absolute; top: -22px; right: 12px;}

#activitiesFx01 .decimalTxt{position: absolute; top: -9px; right: 14px;}
#activitiesFx01 .copyTxt{position: absolute; top: -22px; left: 12px;}
#activitiesFx02 .decimalTxt{position: absolute; top: -9px; left: 14px;}
#activitiesFx02 .copyTxt{position: absolute; top: -22px; right: 12px;}
#activitiesFx03 .decimalTxt{position: absolute; top: -9px; left: 14px;}
#activitiesFx03 .copyTxt{position: absolute; top: -22px; right: 12px;}
#activitiesFx04 .decimalTxt{position: absolute; top: -9px; right: 14px;}
#activitiesFx04 .copyTxt{position: absolute; top: -22px; left: 12px;}
#activitiesFx05 .decimalTxt{position: absolute; top: -9px; right: 14px;}
#activitiesFx05 .copyTxt{position: absolute; top: -22px; left: 12px;}
#activitiesFx06 .decimalTxt{position: absolute; top: -9px; left: 14px;}
#activitiesFx06 .copyTxt{position: absolute; top: -22px; right: 12px;}
#activitiesFx07 .decimalTxt{position: absolute; top: -9px; left: 14px;}
#activitiesFx07 .copyTxt{position: absolute; top: -22px; right: 14px;}