body {			background:#eee; margin:0px;
			font-family:Arial, Verdana, Helvetica, sans-serif; font-size:13px; color:#666; text-align:center; }
a, div, td {		font-family:Arial, Verdana, Helvetica, sans-serif; font-size:13px; color:#666; text-align:justify; }


#mainBox {		margin:0px auto; width:780px; }
#headBox {		background:url(head.jpg); width:780px; height:95px; }
#bodyBox {		background:#fff; width:720px; min-height:300px; border:1px solid #ddd; margin:0px 30px 0px 30px; }
#footBox {		background:url(foot.jpg); width:780px; height:55px; }

#subNaviBox {		float:left; width:140px; }
a.subNaviItem {		display:block; width:140px; border-bottom:1px solid #ddd; padding:3px 10px 3px 10px; margin-left:-1px; }
a.subNaviItem:link,
a.subNaviItem:active,
a.subNaviItem:visited {	text-decoration:none; font-size:15px; color:#999; }
a.subNaviItem:hover {	text-decoration:none; color:#666; background:url(subNavi.jpg); }
#puzzleSingle {		text-align:center; margin-top:20px; width:160px; }


#contBox {		float:right; padding:20px; }
.contHead {		padding:2px; font-size:18px; }
.contBody {		padding:2px; width:500px; border-top:1px solid #ddd; }
#contFoot {		clear:both; height:2px; }


a:link,
a:active,
a:visited { 		text-decoration: none; color: #f66; font-weight:bold; }
a:hover   { 		text-decoration: none; color: #c33; }


input, 
textarea, 
select {		border:1px dotted #aaa; border-bottom:2px solid #666; font-size:13px; padding:1px; background:#eee; color:#666; }




#puzzleBg {		width:710px; height:400px; margin:0px auto; }
.puzzleBgImg {		position:absolute; width:350px; height:250px; margin:50px 180px 50px 180px; }

#topNaviBox {		position:absolute; width:140px; height:100px; top:25px; margin-left:660px; }
#puzzleSm {		width:140px; height:100px; }
#puzzleSmAll {		position:absolute; width:140px; height:100px; }
#puzzleSmNone {		position:absolute; width:140px; height:100px; }


a.puzzleBgTtl {		font-size:20px; color:#ccc; font-weight:bold; width:160px; }
a.puzzleBgTtl:hover {	font-size:20px; text-decoration: none; color:#f66; }
#puzzleTlLT {		display:block; position:absolute; margin-top:70px;  margin-left:60px; text-align:right; }
#puzzleTlTT {		display:block; position:absolute; margin-top:20px;  margin-left:270px; text-align:center; }
#puzzleTlRT {		display:block; position:absolute; margin-top:70px;  margin-left:480px; }
#puzzleTlRR {		display:block; position:absolute; margin-top:170px; margin-left:530px; }
#puzzleTlRB {		display:block; position:absolute; margin-top:260px; margin-left:480px; }
#puzzleTlBB {		display:block; position:absolute; margin-top:310px; margin-left:270px; text-align:center; }
#puzzleTlLB {		display:block; position:absolute; margin-top:260px; margin-left:60px; text-align:right; }
#puzzleTlLL {		display:block; position:absolute; margin-top:170px; margin-left:10px; text-align:right; }




#indexBox {		margin:0px auto; padding:20px; text-align:center; width:350px; }
.langBg {		width:90px; text-align:center; padding-top:60px; font:bold 16px Arial; }
a.langBg {		color:#ccc; }
a.langBg:hover {	color:#f33; }
a#langBgDE {		display:block; float:left; background:url(langBgDE.gif) no-repeat; }
a#langBgDE:hover {	display:block; float:left; background:url(langBgDE.jpg) no-repeat; }
a#langBgFR {		display:block; float:left; background:url(langBgFR.gif) no-repeat; }
a#langBgFR:hover {	display:block; float:left; background:url(langBgFR.jpg) no-repeat; }
a#langBgIT {		display:block; float:left; background:url(langBgIT.gif) no-repeat; }
a#langBgIT:hover {	display:block; float:left; background:url(langBgIT.jpg) no-repeat; }

#langBgBox {		margin:0px auto; width:270px; }