/******** タイトル ********/
h3.MagazineTitle {
	display: block;
	width: 740px;
	height:155px;
	overflow: hidden;
}
/******** 今月号のタイトル ********/
h4.MagazineSubTitle {
	display: block;
	width: 700px;
	margin-bottom:15px;
}
/******** 今月号概要 ********/
.MagazineOutline {
	width:700px;
	display:block;
	text-align:left;
	font-size:120%;
	letter-spacing:1px;
	line-height:135%;
	margin-bottom:30px;
}
.MagazineOutline dt {
	width:330px;
	float:left;
	text-align:center;
}
.MagazineOutline dd {
	width:370px;
	margin-left:330px;
}
.MagazineOutline p {
	padding-bottom:10px;
}
/******** CONTENTSタイトル部分 ********/
.MagazineContentsTitle {
	width:670px;
	_width:700px;
	padding:10px 15px;
	margin:25px 0 20px;
	background-color:#f7e8ad;
	font-size:135%;
	letter-spacing:1px;
	color:#00b3ed;
}
/* 特集タイトル */
.MagazineFeature {
	width:625px;
	_width:700px;
	font-size:140%;
	color:#53b93c;
	padding:7px 0 7px 75px;
	background: url(../magazine/images/icon_feature.gif) no-repeat 0 0;
	margin-bottom:15px;
	letter-spacing:1px;
}
.MagazineFeature span {
	display:block;
	font-size:90%;
	color:#4f4f4f;
	margin-top:10px;
}
/* 特集DETAIL */
.MagazineFeatureDetail {
	width:680px;
	margin-left:10px;
	font-size:103%;
	letter-spacing:1px;
	line-height:140%;
}
.MagazineFeatureDetail p {
	display:block;
	float: right;
	margin-left: 25px;
	margin-bottom:7px;
}
/* 画像が細い場合の回り込み */
.MagazineFeatureDetail p.SlimImage {
	display:block;
	float: right;
	margin: 0 50px 7px;
}
/* 立ち読みボタン */
.TachiyomiBtn {
	display:block;
	text-align:center;
	margin-top:20px;
}
/* 特集以降記事タイトル○マーク */
.MagazineCircleTitle {
	clear:both;
	display:block;
	font-size:140%;
	color:#53b93c;
	padding:7px 0 7px 21px;
	background: url(../magazine/images/icon_migi.gif) no-repeat 0 7px;
	margin-top:20px;
	letter-spacing:1px;
}
.MagazineCircleTitle span {
	display:block;
	font-size:90%;
	padding:5px 0;
	color:#4f4f4f;
}
/* 連載 */
.MagazineRensai {
	width:700px;
	height:50px;
	display:block;
	background: url(../magazine/images/icon_rensai.gif) no-repeat 0 0;
	background-repeat:no-repeat;
	margin:30px 0 0;
}
.MagazineRensaiArea ul {
	margin-left:20px;
}
.MagazineRensaiArea li {
	padding:3px 0 7px 20px;
	background: url(../magazine/images/icon_migi.gif) no-repeat 0 2px;
	font-size:120%;
	color:#53b93c;
	letter-spacing:1px;
}
.MagazineRensaiArea li span {
	display:block;
	color:#505050;
	font-size:90%;
	margin-top:3px;
}
/* 予告 */
.MagazineYokokuTop {
	width:700px;
	height:50px;
	display: block;
	background-image:url(../magazine/images/yokoku_top.gif);
	background-repeat:no-repeat;
	margin-top:30px;
}
.MagazineYokokuBottom {
	width:700px;
	height:13px;
	display: block;
	background-image:url(../magazine/images/yokoku_bottom.gif);
	background-repeat:no-repeat;
}
.MagazineYokoku {
	width:660px;
	_width:700px;
	display: block;
	padding:5px 20px;
	text-align:left;
	font-size:105%;
	letter-spacing:1px;
	line-height:125%;
	background-image:url(../magazine/images/yokoku_middle.gif);
}
.MagazineYokoku span{
	color:#FF0000;
	font-size:90%;
	display:block;
	text-align:right;
}
.MagazineYokoku span.YokokuTokusyu{
	display:block;
	font-size:120%;
	padding:8px 0 7px 75px;
	background: url(../magazine/images/icon_feature.gif) no-repeat 0 0;
	color:#53b93c;
	text-align:left;
	margin-bottom:15px;
}
.MagazineYokoku p {
	display:block;
	margin-bottom:10px;
}
.MagazineYokoku p.Notice {
	font-size:80%;
	padding-top:10px;
}
/******** ここからペラコンテンツ（放射線・原発のきほん） ********/
h3.RadiationTitle {
	display: block;
	width: 700px;
	overflow: hidden;
	text-align:center;
}
#RadiationMainArea {
	width:670px;
	_width:700px;
	padding:15px 15px;
	background-image:url(../magazine/images/radiation_bg.gif);
}
#RadiationRead {
	width:630px;
	_width:670px;
	padding:15px 20px;
	background-color:#FFFFFF;
	margin-bottom:15px;
	font-size:90%;
	letter-spacing:1px;
	line-height:135%;
}
h4.RadiationSubTitle {
	display: block;
	width: 670px;
}
#RadiationContents {
	width:625px;
	_width:670px;
	background-image:url(../magazine/images/radiation_middle.gif);
	padding:20px 15px 0 30px;
	letter-spacing:1px;
	line-height:135%;
}
#RadiationContentsFooter {
	width:670px;
	height:15px;
	display:block;
	margin-bottom:20px;
	background-image:url(../magazine/images/radiation_under.gif);
	background-repeat:no-repeat;
}
.RadiationPDF {
	width:198px;
	float:left;
	margin:0 10px 20px 0;
	text-align:center;
}
.RadiationPDF_img {
	margin-bottom:3px;
}
.RadiationPDF span {
	width: 198px;
	height:50px;
	display:block;
	padding: 0;
	margin:0;
	font-size:12px;
	color:#333333;
}
.PDFMr00 {
	margin-right: 0;
}
.RadiationRead {
	margin:0 0 0 208px;
	padding:0 20px 0 20px;
	font-size:115%;
	letter-spacing:1px;
	line-height:135%;
}
/******** （おうちのパソコンを守るセキュリティー対策） ********/
.SecurityContents {
	width:565px;
	display:block;
	margin-left:20px;
	margin-bottom:15px;
	font-size:110%;
	letter-spacing:1px;
	line-height:135%;
}
.SecurityContents p {
	margin-bottom:10px;
}
.SecurityContentsImage {
	width:670px;
	text-align:center;
	margin-bottom:15px;

}
/******** （ミルボ） ********/
h3.MiruboTitle {
	display: block;
	width: 700px;
	height:400px;
	overflow: hidden;
	margin-bottom:25px;
}
#MiruboRead {
	width:640px;
	_width:700px;
	padding:0 30px 25px;
	margin-bottom:20px;
	font-size:105%;
	letter-spacing:1px;
	line-height:140%;
	background-image:url(../magazine/images/mirubo_Line.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}
#MiruboArea {
	width:670px;
	_width:700px;
	padding:0 15px;
	margin-bottom:20px;
}
#MiruboArea p{
	text-align:center;
	margin-bottom:5px;
}

/* だまし絵 */
#DamashieMainArea {
	width:700px;
	padding:30px 0 20px;
	background-color:#f8f8f8;
	background-image:url(../magazine/images/damasie_back.gif);
	background-repeat:repeat-x;
	text-align:center;
}
h4.DamashieSubTitle {
	display: block;
	margin:30px auto 20px;
}
#DamashieMainArea p {
	padding-bottom:10px;
}
#DamashieMainArea p.DetailTxt {
	width:610px;
	_width:650px;
	display:block;
	background-color:#FFFFFF;
	margin-left:25px;
	padding:13px 20px;
	text-align:left;
	border:1px solid #e1e1e1;
	font-size:115%;
	letter-spacing:1px;
	line-height:125%;
}

/******** （2012年イグノーベル賞） ********/
#ignobelRead {
	width:670px;
	_width:700px;
	padding:18px 15px 15px;
	margin-bottom:20px;
	background-color:#FFAA0A;
	letter-spacing:3px;
	line-height:155%;
}

#ignobelMainArea {
	width:668px;
	_width:700px;
	padding:25px 15px;
	background-image:url(../magazine/images/ignobel2012_bg.gif);
	border:1px solid #ffefac;
	text-align:center;
}
#ignobelMainArea p {
	padding:3px 10px;
	text-align:left;
	font-size:110%;
	letter-spacing:2px;
	line-height:155%;
}
#ignobelMainArea h4.ignobel {
	display: block;
	width: 648px;
	margin:30px 0 10px 10px;
	text-align:left;
}


/******** ページ下部オススメ本 ********/
#DamashieRecommendTop {
	width:600px;
	_width:700px;
	height:20px;
	_height:55px;
	display:block;
	clear: both;
	padding:35px 0 0 100px;
	background-image:url(../images/index/osusume_top.gif);
	background-repeat:no-repeat;
	margin-top:10px;
}
#DamashieRecommendTop span {
	color:#0470bd;
	font-weight:bold;
	font-size:140%;
	letter-spacing:1px;
}
#DamashieRecommendBottom {
	width:700px;
	height:15px;
	display:block;
	background-image:url(../images/index/osusume_bottom.gif);
	background-repeat:no-repeat;
	margin-bottom:15px;
}
#DamashieRecommend {
	width:660px;
	_width:700px;
	padding:25px 20px 0;
	text-align:left;
	background-image:url(../images/index/osusume_middle.gif);
	line-height:135%;
}
#DamashieRecommend p {
	margin-top:10px;
}
#DamashieRecommend dl {
	width: 320px;
	float:left;
}
#DamashieRecommend dt {
	width:180px;
	float:left;
}
#DamashieRecommend dd {
	width:140px;
	float:left;
}
#DamashieRecommend img {
	width:130px;
}

/******** プログラミング入門 Scratchでオリジナルゲームをつくろう ********/
.RengaArea{
	width:700px;
	height:57px;
	display:block;
	background:url(../magazine/programming/images/bg.gif);
}
.ContentsArea{
	clear:both;
	background:#40c100;
	padding:0 0 30px;
	font-size:125%;
	line-height:145%;
	letter-spacing:2px;
}
.ContentsArea .Read{
	width:560px;
	_width:600px;
	margin:30px 0 30px 50px;
	padding:25px 20px 15px;
	background:#000;
	border:4px solid #FFF;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px; 
    border-radius: 20px;
	color:#FFF;
}
.ContentsArea p {
	padding:0 15px 10px;
}
.ContentsArea p.Triangle {
	text-align:center;
	font-size:135%;
	padding:10px 15px 10px;
}
.ContentsArea p.Supervise {
	color:#000;
	font-size:85%;
	line-height:125%;
	padding:0 50px 10px;
}
.ContentsArea .BtnArea{
	width:540px;
	_width:600px;
	margin:30px 0 30px 50px;
	padding:25px 30px 15px;
	background:#ffde00;
	border:4px solid #FFF;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px; 
    border-radius: 20px;
	color:#FFF;
	text-align:center;
}
.ContentsArea .BtnArea p.Triangle {
	text-align:center;
	font-size:135%;
	padding:10px 15px 10px;
	color:#000;
}
.ContentsArea .BtnArea p.MovieTxt {
	text-align:left;
	font-size:115%;
	color:#000;
	padding:0 0 10px;
}
/* 詳細ページ */
.ImageArea{
	width:600px;
	display:block;
	margin:20px auto 20px;
	text-align:center;
}
.ImageArea img {
	vertical-align: middle;
	margin:0 auto;
}
.ProgramingDetail{
	width:580px;
	_width:600px;
	padding:15px 10px 15px;
	font-size:105%;
	line-height:145%;
	letter-spacing:2px;
	background:#d0e8fa;
}
.ProgramingDetail p {
	padding:0 15px 10px;
}
.ProgramingDetail span{
	color:#F00;
}
.ProgramingDetail img {
	display:inline !important;
	vertical-align: bottom;
	margin:0 2px;
}

/* ゲームプログラミング　アコーディオン */
.acMenu dt{
    display:block;
    cursor:pointer;
    }
.acMenu dd{
	color:#000;
	background:#FFF;
	text-align:left;
	padding:10px 20px;
    display:none;
	border:1px solid #CCC;
}

/* button */
.button {
  font-size: 16px;
  	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
  height: 42px;
  padding-right: 30px;
  padding-left: 30px;
  border-radius: 21px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.3s ease 0s;
  outline: none;
  border: 0;
  text-align: center;
	font-weight: bold;
  cursor: pointer;
	border:3px solid #000;
	line-height: 105%;
}
@media screen and (max-width: 768px) {
  .button {
  	width: 100%;
	font-size: 16px;
	  padding-right: 35px;
	  padding-left: 20px;
	  height: 46px;
	  border-radius: 26px;
  }
}
.button:hover {transform: translateY(0.2em);}
.a-button {
  color: #fff;
  background-color: #e08091;
}
.b-button {
  color: #121212;
  background-color:#FFF /*#F3CB40*/;
}
.BgRed{background:#e60012 !important;border: none !important; color: #FFF !important; }
.BgBlue{background:#006eba !important;border: none !important; color: #FFF !important; }