@charset "SHIFT_JIS";
body{
	font: 12px 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif;
	width:100%;
	margin:0;
	padding:0;
	text-align:left;
	background-color: #FFFFFF;
	background: URL(./img/bg3.gif) repeat-y left top;
}
a{color:#EF1000;text-decoration:none;}
a:link{color:#EF1000;text-decoration:none;}
a:visited{text-decoration:none;}
a:active{}
a:hover{background-color:transparent;color:#EF1000;text-decoration:underline;}

#Container {
	width: 990px;
	margin:0 auto 0 0;
	text-align: left;
	background-color: transparent;
}
/*td{border:solid 1px #000;}*/
/*table{border:solid 1px #000;}*/
/*--------------------------------------------------PageTitle  */
#PageTitle {
	width: 990px;
	height: 110px;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}
#PageTitle img{
	padding: 0;
	margin: 0;
	border: none;
}
#PageTitle h1{
	display: none;
}
#PageTitle p{
	display: none;
}
h1,h2,h3{margin:0;padding:0;}
h1,h2{
	font-size: 110%;
}
h3{
	font-size: 100%;
}
.PageName {
	font-family: "Times New Roman", Times, serif;
	font-size:24px;
	font-weight:bold;
	text-align: right;
	margin: 0px;
	padding: 88px 20px 0 0;
	color: #FF6600;
}
.Counter{
	text-align: right;
	padding: 10px 10px 0px 0px;
}
/*--------------------------------------------------Description  */
#Description {
	float: left;
	width: 990px;
	background-color: transparent;
	padding: 0;
	margin: 0;
}

#Description strong{
	color: #FF6600;
}

.Navi{
	font-size:12px;
	color: #ccc;
	margin:0 0 5px 0;
}

/*--------------------------------------------------Description  > Body*/
#DescriptionBody {
	background-color: transparent;
	padding: 0;
	margin: 0;
	/*color: #024DAA;*/
	color: #000000;
	font-size:14px;
}

#DescriptionBody img{
	border: none;
	padding: 0;
	margin: 0;
}
#DescriptionBody p{
	line-height: 150%;
	padding: 3px 58px 3px 58px;
	margin: 0;
}

#TopNews{
	background: URL(./img/basenew2.png) no-repeat left top;
	background-color: #FFFFFF;
	height:61px;
	width:975px;
	float:left;
	margin:10px 0 5px 15px;
}

#update{
	width:200px;
	height:61px;
	font: 14px 'Kozuka Gothic Pro','小塚ゴシック Pro W3',"游ゴシック", YuGothic, 'ＭＳ Ｐゴシック', sans-serif;
	font-weight: 600;
	float:left;
	color:#000;
	margin:0 0 0 7px;
	line-height:60px;
	text-align:center;
	letter-spacing:0.6px;
}

#update p { margin:11px 0 0 7px; padding:0; text-align:left; }

#update .upyear{font-size:18px;}

#update .upday{font-size:18px;}

#update .upwday{font-size:14px;}

#update .nextup{font-size:12px; color:#595757; font-weight: normal;}

#uppuzzle{
	/*border:solid 1px #000;*/
	font: 13.5px 'Kozuka Gothic Pro','小塚ゴシック Pro W3',"游ゴシック", YuGothic,'ＭＳ Ｐゴシック', sans-serif;
	height:61px;
	color: #da2129;
	float:left;
	margin:0;
	font-weight: 550;
	line-height:160%;
}
#uppuzzle p{
	text-align:left;
	margin:11px 0 0 7px;
	padding: 0 0 0 15px;
	border-left: solid 1px #231815;
}
#uppuzzle a{color:#000;text-decoration:none;margin-left:6px;}
#uppuzzle a:link{color:#000;text-decoration:none;}
#uppuzzle a:visited{text-decoration:none;}
#uppuzzle a:active{}
#uppuzzle a:hover{background-color:transparent;color:#da2129;text-decoration:underline;}

.b_link {color:#44a8ff;text-decoration:none;}
/*.b_link a:link{color:#44a8ff;text-decoration:none;}
.b_link a:visited{text-decoration:none;}
.b_link a:active{}
.b_link a:hover{background-color:transparent;color:#44a8ff;text-decoration:underline;}*/

.c_link {color:#ff8a00;text-decoration:none;}
/*.c_link a:link{color:#ff8a00;text-decoration:none;}
.c_link a:visited{text-decoration:none;}
.c_link a:active{}
.c_link a:hover{background-color:transparent;color:#ff8a00;text-decoration:underline;}*/

#rankbutton{
	float:right;
	margin:0;
}

#Top{
	background-color: #FFFFFF;
	margin: 0;
	padding: 0 0 5px 0;
	color: #da2129;
	font-size:12px;
}

#Top .Notice{
	clear:both;
	font: 13px 'Kozuka Gothic Pro','小塚ゴシック Pro W3',"游ゴシック", YuGothic,'ＭＳ Ｐゴシック', sans-serif;
	color: #999;
	color: #595757;
	margin:5px 0 5px 53px;
	padding:0;
	line-height:150%;
}

.topText{
	color: #da2129;
	font-size:12px;
}

#tweetDisp {
	/*border:solid 1px #000;*/
	float: right;
	height:20px;
	margin: 0 0 0 0;
}

#shares {
	height:20px;
	clear:both;
	margin:10px 0 5px 48px;
	padding: 0;
}

#googleListAd {
	float:left;
	height:20px;
	margin:3px 0 0 0;
}

#gplus {
	float:right;
	height:20px;
	margin:3px 0 0 0;
}

#Top2{
	background-color: #FFFFFF;
	text-align: center;
	margin: 0;
	padding: 5px 0 5px 0;
	color: #777;
	font-size:12px;
}

#Top3{
	background-color: transparent;
	margin: 0;
	color: #000;
	font-size:14px;
	height: 30px;
}

#basicEx{
	height:30px;
	line-height:30px;
	float: left;
	margin-left: 222px;
	font-weight: bold;
	color: #555;
}

#colorfulEx{
	height:30px;
	line-height:30px;
	float: right;
	margin-right: 140px;
	font-weight: bold;
	color: #555;
}

#Content{
	width: 990px;
	padding: 0;
	margin: 0;
}

#DescriptionBody h2{
	display: none;
}

#MakeCopy {
	text-align: center;
}

#BasicAd{
	margin:13px 13px 13px 15px;
	padding:8px;
	background-color:#FFF;
	font-size:12px;color:#000;
	width:260px;
	height:260px;
	overflow:hidden;
	display: flex; /* 子要素をflexboxで揃える */
	flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
	justify-content: center; /* 子要素をflexboxにより中央に配置する */
	align-items: center;  /* 子要素をflexboxにより中央に配置する */
}

#ColorfulAd{
	margin:13px 15px 13px 13px;
	padding:8px;
	/*padding:8px 0 11px 11px;*/
	background-color:#FFF;
	font-size:12px;color:#000;
	width:260px;
	height:260px;
	overflow:hidden;
	display: flex; /* 子要素をflexboxで揃える */
	flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
	justify-content: center; /* 子要素をflexboxにより中央に配置する */
	align-items: center;  /* 子要素をflexboxにより中央に配置する */
}

#BasicAd2{
	margin:13px auto;
	border:solid 3px #2369a4;
	width:265px;
	height:265px;
	background-color:#FFFFFF;
	display: flex; /* 子要素をflexboxで揃える */
	flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
	justify-content: center; /* 子要素をflexboxにより中央に配置する */
	align-items: center;  /* 子要素をflexboxにより中央に配置する */
}

#ColorfulAd2{
	margin:13px auto;
	border:solid 3px #679707;
	width:265px;
	height:265px;
	background-color:#FFFFFF;
	display: flex; /* 子要素をflexboxで揃える */
	flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
	justify-content: center; /* 子要素をflexboxにより中央に配置する */
	align-items: center;  /* 子要素をflexboxにより中央に配置する */
}

#BasicOutSide{
	background-color: transparent;
	width: 215px;
	padding: 0;
	margin: 0;
}

#BasicOutSide .Block{
	margin: 10px 0 0 15px;
	padding: 0;
}

#BasicOutSide .topBlock{
	margin: 15px 0 0 15px;
	padding: 0;
}

#BasicOutSide .Block2{
	margin: 10px 0 0 15px;
	padding: 0;
	/*for IE*/
	/*display: none;*/
}

#BasicOutSide .Block3{
	margin: 10px 0 0 15px;
	padding: 0;
}

#BasicOutSide .Block4{
	margin: 10px 0 0 15px;
	padding: 0;
	font-size:12px;
}

.Block4 a{color:#000000;text-decoration:none;}
.Block4 a:link{color:#EF1000;text-decoration:none;}
.Block4 a:visited{color:#000000;text-decoration:none;}
.Block4 a:active{}
.Block4 a:hover{background-color:transparent;color:#EF1000;text-decoration:underline;}

#BasicOutSide .Block5{
	margin: 12px 0 0 15px;
	padding: 0;
}

#BasicInSide{
	background-color: transparent;
	width: 300px;
	padding: 0;
	margin: 0;
}

#BasicInSide .Block{
	margin: 13px 0 13px 15px;
	padding: 0;
}

#ColorfulInSide{
	background-color: transparent;
	width: 300px;
	padding: 0;
	margin: 0;
}

#ColorfulInSide .Block{
	margin: 13px 0 13px 13px;
	padding: 0;
}

#ColorfulOutSide{
	background-color: transparent;
	width: 175px;
	padding: 0;
	margin: 0;
}

#ColorfulOutSide .topBlock{
	margin: 15px 15px 0 0 ;
	padding: 0;
}

#ColorfulOutSide .Block{
	margin: 10px 15px 0 0 ;
	padding: 0;
}

.Shelf{
	margin:0 0 0 0;
}
.Np{
	text-align: center;
	margin: 0;
	padding: 0;
}
.Each{
	vertical-align:top;
	width: 272px;
}
.Each td{
	/*border:solid 1px #000;*/
}
.Puzzles{
	margin: 0;
	padding: 0;
}
.Each .Puzzles .Check{
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
	background:url(./img/eb_check_b.gif) top left no-repeat;
}
.Each .Puzzles .Number{
	text-align: center;
	vertical-align: top;
	margin: 0;
	_vertical-align: bottom;
	padding: 12px 0 0 0;
	_padding: 0 0 0 0;
	background:url(./img/eb_number_b.gif) top left no-repeat;
}
.Each .Puzzles .Hint{
	vertical-align: top;
	line-height: 140%;
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	padding: 8px 9px 0 9px;
	margin: 0;
	color: #2468a5;
	color: #da2129;
	background:url(./img/eb_hint_b.gif) top left repeat-y;
}
.Each .Puzzles .Deka{
	vertical-align: middle;
	text-align: right;
	padding: 0 6px 0 0;
	background:url(./img/eb_hint_b.gif) top right repeat-y;
}
.Each .Puzzles .Credit{
	text-align: left;
	font-size: 10px;
	margin: 0;
	padding: 0 6px 0 6px;;
	color: #2468a5;
	vertical-align: middle;
	line-height: 140%;
	background:url(./img/eb_credit_b.gif) top left repeat-x;
}
.Each .Puzzles .CreditNew{
	text-align: left;
	font-size: 10px;
	margin: 0;
	padding: 0 6px 0 6px;;
	color: #2468a5;
	vertical-align: middle;
	line-height: 140%;
	background:url(./img/eb_credit_b_new.gif) top left repeat-x;
}
.Each .Puzzles .New{
	text-align: right;
	vertical-align: top;
	padding: 6px 6px 0 0;
	background:url(./img/eb_new_b.gif) top right no-repeat;
}
.Each .Puzzles .Play{
	text-align: left;
	padding: 0;
	margin: 0;
	background:url(./img/eb_play_b.gif) top right no-repeat;
}
.Each .Puzzles .DataBack{
	background:url(./img/eb_data_b.gif) top left no-repeat;
}
.Each_C{
	vertical-align:top;
	width: 272px;
}
.Each_C .Puzzles .Check{
	text-align: left;
	vertical-align: top;
	background:url(./img/eb_check_c.gif) top left no-repeat;
}
.Each_C .Puzzles .Number{
	text-align: center;
	vertical-align: top;
	margin: 0;
	_vertical-align: bottom;
	padding: 12px 0 0 0;
	_padding: 0 0 0 0;
	background:url(./img/eb_number_c.gif) top left no-repeat;
}
.Each_C .Puzzles .Hint{
	vertical-align: top;
	line-height: 140%;
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	padding: 8px 9px 0 9px;
	margin: 0;
	color: #2468a5;
	color: #da2129;
	background:url(./img/eb_hint_c.gif) top left repeat-y;
}
.Each_C .Puzzles .Credit{
	text-align: left;
	font-size: 10px;
	margin: 0;
	padding: 0 6px 0 6px;;
	color: #2468a5;
	vertical-align: middle;
	line-height: 140%;
	background:url(./img/eb_credit_c.gif) top left repeat-x;
}
.Each_C .Puzzles .CreditNew{
	text-align: left;
	font-size: 10px;
	margin: 0;
	padding: 0 6px 0 6px;;
	color: #2468a5;
	vertical-align: middle;
	line-height: 140%;
	background:url(./img/eb_credit_c_new.gif) top left repeat-x;
}
.Each_C .Puzzles .New{
	text-align: right;
	vertical-align: top;
	padding: 6px 6px 0 0;
	background:url(./img/eb_new_c.gif) top right no-repeat;
}
.Each_C .Puzzles .Play{
	text-align: left;
	padding: 0;
	margin: 0;
	background:url(./img/eb_play_c.gif) top right no-repeat;
}
.Each_C .Puzzles .DataBack{
	background:url(./img/eb_data_c.gif) top left no-repeat;
}
.Puzzles .Data{
	background-color: transparent;
	font-size: 10px;
	vertical-align: top;
	text-align: left;
	padding: 5px 0 0 10px;
	margin: 0;
	color: #2468a5;
}
.Puzzles .Hr{
	background: url(./img/card_hr.gif) top left repeat-y;
	height: 1px;
}
.Puzzles .DataE{
	background: url(./img/card_body2.gif) top left repeat-y;
	font-size: 10px;
	vertical-align: top;
	padding: 3px 5px 3px 5px;
	text-align: left;
}





.PuzzlesSpace{
	width: 10px;
}
.HowtoTable{
	margin-bottom: 4px;
}
.HowtoTable .Num{
	width: 5%;
	text-align: center;
	background-color: #006BAD;
	color: #fff;
}
.HowtoTable .Image{
	width: 25%;
	background-color: #FFF;
	text-align: center;
	vertical-align: center;
}
.HowtoTable .Text{
	width: 70%;
	background-color: #FFEFCE;
	color: #006BAD;
	color: #000;
	line-height: 150%;
	font-size: 13px;
}
.HowtoSpace {
	padding: 2px;
}
.PrevNext img{
	border: none;
}
.AdTable{
	border: solid 1px #006BAD;
	color: #006BAD;
	background-color: transparent;
	padding:5px;
	text-align:center;
}
.Backnumber{
	/*margin: 11px 15px 0 15px;*/
	margin: 11px 0 0 15px;
}

.Numbers{
	padding-top: 12px;
	text-align: left;
}
.NumFrom{
	margin: 0;
	padding: 0 0 0 22px;
}
.NumFrom2{
	margin: 0;
	padding: 0 0 0 15px;
}
.NumTo{
	margin: 0;
	padding: 0 0 0 95px;
}
.NumTo2{
	margin: 0;
	padding: 0 0 0 90px;
}
.NumTo3{
	margin: 0;
	padding: 0 0 0 85px;
}

.BackNum a{
        width : 272px ;
        height : 44px ;
        text-align : center ;
       	display : block ;
        background-repeat : no-repeat ;
        background-position : left top;
	text-decoration: none;
}

.BackNum a:link{
        color : blue ;
        background-image : url(./img/backnumbk_bsc_a.gif) ;
	text-decoration: none;
}

.BackNum a:visited{
        color : purple ;
        background-image : url(./img/backnumbk_bsc_a.gif) ;
	text-decoration: none;
}

.BackNum a:hover{
        color : red ;
        background-image : url(./img/backnumbk_bsc_b.gif) ;
	text-decoration: none;
}

.BackNum a:active{
        color : green ;
        background-image : url(./img/backnumbk_bsc_b.gif) ;
	text-decoration: none;
}

.BackNum_c a{
        width : 272px ;
        height : 44px ;
        text-align : center ;
       	display : block ;
        background-repeat : no-repeat ;
        background-position : left top;
	text-decoration: none;
}

.BackNum_c a:link{
        color : blue ;
        background-image : url(./img/backnumbk_col_a.gif) ;
	text-decoration: none;
}

.BackNum_c a:visited{
        color : purple ;
        background-image : url(./img/backnumbk_col_a.gif) ;
	text-decoration: none;
}

.BackNum_c a:hover{
        color : red ;
        background-image : url(./img/backnumbk_col_b.gif) ;
	text-decoration: none;
}

.BackNum_c a:active{
        color : green ;
        background-image : url(./img/backnumbk_col_b.gif) ;
	text-decoration: none;
}



.AdTable a{color:#006BAD;text-decoration:none;}
.AdTable a:link{color:#006BAD;text-decoration:none;}
.AdTable a:visited{text-decoration:none;}
.AdTable a:active{}
.AdTable a:hover{color:#006BAD;text-decoration:underline;}

.LinkTable{
	border: solid 1px #da2129;
	color: #006BAD;
	background-color: #FFF;
	text-align:center;
	padding: 0;
	margin: 0;
}
.LinkTable a{color:#006BAD;text-decoration:none;}
.LinkTable a:link{color:#006BAD;text-decoration:none;}
.LinkTable a:visited{text-decoration:none;}
.LinkTable a:active{}
.LinkTable a:hover{color:#006BAD;text-decoration:underline;}
.LinkTable td{
	padding: 5px 5px 5px 5px;
	color: #636363;
}
.LinkTable a img{
	border: solid 1px #006BAD;
	margin:3px 0 0 0;
	padding:0;
}
.LinkTable th{
	padding: 2px 5px;
	/*color: #084A73;*/
	background-color: #da2129;
	color: #fff;
}
.LogicLink{
	background-color: #fff;
	padding: 1px;
	margin: 2px 0 0 0;
}
.LogicLinkR{
	text-align: right;
	margin: 0 0 3px 0;
	font-size: 9px;
	padding: 1px;
}
.TopBannerAd{
	margin: 0;
	padding: 2px;
}

/*--------------------------------------------------SideBar  */
#SideBar {
	float: left;
	width: 175px;
	background-color: transparent;
	padding: 20px 0 0 15px;
}
.SideBarBlock {
	margin: 15px 0 15px 15px;
}

.NoFlash{
	margin: 3px 0 0 0;
}
.NoFlash p{
	font-size: 10px;
}
.NoFlash a{text-decoration:none;}
.NoFlash a:link{text-decoration:none;}
.NoFlash a:visited{text-decoration:none;}
.NoFlash a:active{}
.NoFlash a:hover{text-decoration:none;}

.over-white a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

a.overwhite:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}