@charset "utf-8";

/*------------------------------------------------------------------

	共通スタイルシート
		
		はじめてガイド（/kids/first/）
		なるほど！パソコン研究室（/kids/px/）
		インターネット知識の泉（/kids/izumi/）
		めざせ！タイピングマスター（/kids/typing/）

------------------------------------------------------------------*/


/* 共通
------------------------------------------------------------------*/

/* kidsロゴ ---------------------------------- */
.commonreading_body .kids_logo p{ width:980px; margin:2px auto 12px; padding:0 12px; text-align:left;}
.commonreading_body .kids_logo p a{ margin-left: 12px;}
.commonreading_body .kids_logo img{ width: 130px; height: auto;}

/* H1見出し ---------------------------------- */
.mainImg{ width:auto; height:260px;}
.commonreading_body .mainImg.fmvFIRST{ background:#71aa04 url(/kids/first/images/first_Main.png) no-repeat center center;}
.commonreading_body .mainImg.fmvPC{ background:#DB7631 url(/kids/pc/images/pc_Main.png) no-repeat center center;}
.commonreading_body .mainImg.fmvIZUMI{ background:#47905D url(/kids/izumi/images/izumi_Main.png) no-repeat center center;}
.commonreading_body .mainImg.fmvTYPING{ background:#44B4D3 url(/kids/typing/images/typing_Main.png) no-repeat center center;}

/* H2見出し ---------------------------------- */
.kids_page section h2,
.kids_page #kids-contentsarea h2 {
    display: table;
    font-size: 216.7%;
    font-size: 2.6rem;
    color: #db7631;
    height: 80px;
    width: 880px;
    padding-left: 100px;
    margin-bottom: 40px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.kids_page section h2 span,
.kids_page #kids-contentsarea h2 span {
    display: table-cell;
    vertical-align: middle;
}
.kids_page section.new_info h2 {
    background: #e5dfca url(/kids/images/parts/icon_news.png) no-repeat 20px center;
    background-size: auto auto;
    background-size: 52px;
}
.kids_page section.Beginner h2 {
    background: #e5dfca url(/kids/images/parts/icon-basic.png) no-repeat 20px center;
    background-size: auto auto;
    background-size: 52px;
}
.kids_page section.Intermediate h2 {
    background: #e5dfca url(/kids/images/parts/icon-intermediate.png) no-repeat 20px center;
    background-size: auto auto;
    background-size: 52px;
}
.kids_page section.Backnumber h2 {
    background: #e5dfca url(/kids/images/parts/icon-backnumber.png) no-repeat 20px center;
    background-size: auto auto;
    background-size: 52px;
}
.kids_page section.PC_basic h2 {
    background: #e5dfca url(/kids/images/parts/icon-pc_basic.png) no-repeat 20px center;
    background-size: auto auto;
    background-size: 52px;
}
.kids_page section.PC_hontoko h2 {
    background: #e5dfca url(/kids/images/parts/icon-pc_hontoko.png) no-repeat 20px center;
    background-size: auto auto;
    background-size: 52px;
}
.kids_page section.PC_doyou h2 {
    background: #e5dfca url(/kids/images/parts/icon-pc_doyou.png) no-repeat 20px center;
    background-size: auto auto;
    background-size: 52px;
}
.kids_page section.PC_motto h2 {
    background: #e5dfca url(/kids/images/parts/icon-pc_motto.png) no-repeat 20px center;
    background-size: auto auto;
    background-size: 52px;
}

/* H4見出し ---------------------------------- */
.kids_page .maincontents section article h4{ margin: 2em 0 1.5em; color:#5e4d3f; font-size:200%; font-size:2.5rem;}



/* 新着情報エリア --------------------------- */
.WhatsNew .new_panel	{ width: 100%; display: block; }
.WhatsNew .new_panel a	{
	display:block;
	background:#fff url(/kids/images/parts/arrow_parents_l.png) no-repeat 98% center;
	background-size:36px;
	padding: 20px 30px;
    margin-bottom: 80px;
	overflow:hidden;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);
	color:#5e4d3f;
	-webkit-transition: 0.1s ease-in-out;
	-moz-transition: 0.1s ease-in-out;
	-o-transition: 0.1s ease-in-out;
	transition: 0.1s ease-in-out;
	min-height: inherit;
	clear: none;
}
.WhatsNew .new_panel a:hover	{ color:#5e4d3f; opacity:0.8;}
.WhatsNew .new_panel a img	{ width:220px; height:auto; float:left; margin-bottom:0;}
.WhatsNew .new_panel a p	{ width:580px; display:block; margin: 0 0 0 240px; text-align:center; font-size:150%; font-size:1.8rem; font-weight:bold; padding-top: 20px; }
.WhatsNew .new_panel a p.reading_info	{ float: right; margin-left: 0; margin-right: 100px; padding-bottom: 10px; padding-top: 10px; }
.WhatsNew .new_panel a p.link_ttl	{ font-size:145%; font-size:2.6rem;}
.WhatsNew .new_panel a p.date	{ font-weight:normal; font-size:124%; font-size:1.5rem; color:#a2a2a2;}

/* バックナンバーエリア --------------------- */
.kids_page section.Backnumber ul	{
	font-size: 180%;
	font-size: 1.8rem;
	margin: 0 15px 40px;
}
.kids_page section.Backnumber ul.last	{ margin-bottom: 0; }

.kids_page section.Backnumber ul li	{ margin-bottom: 0.6em; text-indent: -1.4em; padding-left: 1.4em;}
.kids_page section.Backnumber ul li:before	{ content:'◆'; margin-right: 0.4em; color: #5E4D3F;}
.kids_page section.Backnumber a:hover	{ text-decoration: underline; }


/* reset */
.kids_page .maincontents section	{ padding-bottom: 0; }

/* p */
.kids_page .maincontents p	{ font-size: 150%; font-size: 1.8rem; line-height: 2; margin-bottom: 1.5em; }
.kids_page .maincontents section p	{ font-size: 180%; font-size: 1.8rem; }
.kids_page .maincontents article p:last-child	{ margin-bottom: 0; }
.kids_page .maincontents p.fontSmall	{ font-size: 135%; font-size: 1.6rem; }
.kids_page .maincontents p img	{ display: block; margin: 0.5em 0; }
.kids_page .maincontents p img.icon	{ display: inline; margin: 0; border: none;  }

/* box */
.kids_page .maincontents section div.CntBox,
#kids-contentsarea article	{
    display: block;
    background: #fff;
    padding: 70px 40px 80px;
    margin-bottom: 80px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);
    max-height: 100%;
}

/* sns */
.SNSarea	{ text-align: right; margin-bottom: 20px; }

/* Parts */
.textNotice { color: #bb0000; }
.textCenter { text-align: center; }
.textRight { text-align: right; }
.textBig { font-size: 120%; }
.textSmall { font-size: 90%; }
.textSmall1 { font-size: 80%; }
.textBold	{ font-weight:bold; }
.textnormal	{ font-weight: normal; }
.inner { margin: 1em 10px 10px; }
.textInner { margin: 5px 5px 0; }
.blue	{ color:#0000CC!important; }
.mt00	{ margin-top:0!important; }
.mr00	{ margin-right:0!important; }
.mb00	{ margin-bottom:0!important; }
.ml00	{ margin-left:0!important; }
.mt05	{ margin-top:0.5em!important; }
.mr05	{ margin-right:0.5em!important; }
.mb05	{ margin-bottom:0.5em!important; }
.ml05	{ margin-left:0.5em!important; }
.mt10	{ margin-top:1.0em!important; }
.mr10	{ margin-right:1.0em!important; }
.mb10	{ margin-bottom:1.0em!important; }
.ml10	{ margin-left:1.0em!important; }
.mt15	{ margin-top:1.5em!important; }
.mr15	{ margin-right:1.5em!important; }
.mb15	{ margin-bottom:1.5em!important; }
.ml15	{ margin-left:1.5em!important; }
.mt20	{ margin-top:2.0em!important; }
.mr20	{ margin-right:2.0em!important; }
.mb20	{ margin-bottom:2.0em!important; }
.ml20	{ margin-left:2.0em!important; }
.mt25	{ margin-top:2.5em!important; }
.mr25	{ margin-right:2.5em!important; }
.mb25	{ margin-bottom:2.5em!important; }
.ml25	{ margin-left:2.5em!important; }
.mt30	{ margin-top:3.0em!important; }
.mr30	{ margin-right:3.0em!important; }
.mb30	{ margin-bottom:3.0em!important; }
.ml30	{ margin-left:3.0em!important; }
.mt50	{ margin-top:5.0em!important; }
.mr10p	{ margin-right:10px!important; }

/* ※ */
.kome	{ text-indent: -1.3em; padding-left: 1.3em; }
/*（注）*/
.chuki	{ text-indent: -3em; padding-left: 3em; }


/* 各個ページ共通
------------------------------------------------------------------*/

/* header ----------------------------------- */
#kids-contentsarea article h3	{ margin-bottom:30px; color:#5e4d3f; font-size:267%; font-size:3.2rem;}
	
#kids-contentsarea article .columnbox h4	{ border-left: 6px solid #ff0099; padding-left: 0.75em; margin: 0 0 0.75em; font-size:200%; font-size:2.0rem; color:#5e4d3f; line-height: 2; }

/* div, p ----------------------------------- */
#kids-contentsarea article .date	{ margin-bottom: 20px; padding:0; color:#a2a2a2; font-size:150%; font-size:1.6rem; text-align: right; }
#kids-contentsarea article .topimg	{ float: right; margin-left: 1em; }
#kids-contentsarea article .izumi-qa,
#kids-contentsarea article .pc-main	{ margin: 0 0 40px; padding: 0px; }

#kids-contentsarea article .kids-box	{ margin-bottom: 2em; padding: 40px; border: 2px solid #66CCFF; clear: both; }
#kids-contentsarea article .kids-box ol	{ font-size: 150%; font-size: 1.8rem; margin-bottom: 0; margin-left: 2.5em; list-style: decimal; }
#kids-contentsarea article .kids-box ol li	{  margin-bottom: 1em; line-height: 2; }
#kids-contentsarea article .kids-box ol li:last-child	{  margin-bottom: 0; }
#kids-contentsarea article .kids-box ol li img	{ display: block; margin: 0.5em 0; border: 1px solid #5E4D3F; }
#kids-contentsarea article .kids-box ol li img.icon	{ display: inline; margin: 0; border: none;  }
#kids-contentsarea article .kids-box p.boxtitle	{ display: inline-block; font-weight: bold; background: #66CCFF; padding: 0 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; -o-border-radius: 1em; -ms-border-radius: 1em; border-radius: 1em; margin-bottom: 1em; }
#kids-contentsarea article .kids-box h4:first-child	{ margin-top: 0; }


#kids-contentsarea article .RelatedServices	{ border: 2px solid #80989B; margin-bottom: 2em; }
#kids-contentsarea article .RelatedServices	.tit	{ margin: 0 0 1em; padding: 0.3em 1em; border-bottom: 1px dotted #80989B; background: #38B48B; font-weight: bold; }
#kids-contentsarea article .RelatedServices	.text	{ margin: 0 0 1em; padding: 0 1em; }
#kids-contentsarea article .RelatedServices	.link	{ margin: 0 0 1em; padding: 0 1em; text-align: right; }
#kids-contentsarea article .RelatedServices	.link > a:before	{ content: url(/kids/pc/images/arrow_green.gif); margin-right: 0.5em; }

#kids-contentsarea article .columnbox p:last-child	{ margin-bottom: 15px; }

/* ヒント */
#kids-contentsarea article .hinto { border:dashed 2px #cc6600; padding: 1em; margin: 1em 0; background: #FEFAC6; }
#kids-contentsarea article .hinto p.hintotitle	{ display: inline-block; font-weight: bold; color: #fff; background: #cc6600; padding: 0 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; -o-border-radius: 1em; -ms-border-radius: 1em; border-radius: 1em; margin-bottom: 1em; }
#kids-contentsarea article .hinto ul	{ padding-top: 0; list-style: circle; margin-left: 2em; }
#kids-contentsarea article .hinto ul > li	{ line-height: 2; }
#kids-contentsarea article .hinto ul.none	{ padding-top: 0; list-style: none; margin-left: 2em; }
#kids-contentsarea article .hinto ul.none > li	{ line-height: 2; }


/* span ----------------------------------- */
#kids-contentsarea article .key	{ display:inline-block; border:0.2em solid; border-color:#DCDCDC #BFBFBF #BFBFBF #DCDCDC; margin: 0 0.2em; padding: 0 0.4em; background:#EEEEEE; font-size:90%; line-height: 1.5; }

/* table ----------------------------------- */
#kids-contentsarea article table	{ border-collapse: collapse; border-spacing: 0px;  border: solid 2px #66CCFF; margin-bottom: 40px; font-size: 150%; font-size: 1.8rem;  }
#kids-contentsarea article table tr {}
#kids-contentsarea article table th { background-color: #f2f2f2; border: solid 1px #66CCFF; line-height: 2; padding: 10px; }
#kids-contentsarea article table td { background-color: #ffffff; border: solid 1px #66CCFF; line-height: 2; padding: 10px; }
#kids-contentsarea article table thead {}
#kids-contentsarea article table thead th { background-color: #d2d2d2; }
#kids-contentsarea article table thead td { background-color: #d2d2d2; }
#kids-contentsarea article table tfoot {}
#kids-contentsarea article table tfoot th { background-color: #999999; }
#kids-contentsarea article table tfoot td { background-color: #999999; }
#kids-contentsarea article table tbody {}
#kids-contentsarea article table tbody td { background-color: #ffffff; }

/* リスト ----------------------------------- */
/* スタイルなし */
#kids-contentsarea article ul.none	{ font-size: 150%; font-size: 1.8rem; line-height: 2; margin-bottom: 1.5em; margin-left: 2.5em; list-style: none; }
	#kids-contentsarea article ul.none li	{ margin-bottom: 1em; }
/* ・ */
#kids-contentsarea article ul.disc	{ font-size: 150%; font-size: 1.8rem; line-height: 2; margin-bottom: 1.5em; margin-left: 2.5em; }
	#kids-contentsarea article ul.disc li	{ margin-bottom: 1em; }
/* faq */
#kids-contentsarea article ul.theme-faq	{ list-style:none; margin:10px; padding: 0; font-size: 180%; font-size: 1.8rem; }
	#kids-contentsarea article ul.theme-faq li { padding: 0 0 3px 22px; background: url(/usage/closeup/images/icon_link.gif) no-repeat left 0.5em; line-height: 2; }
/* 番号付き*/
#kids-contentsarea article ol.decimal	{ font-size: 150%; font-size: 1.8rem; line-height: 2; margin-bottom: 1.5em; margin-left: 2.5em; list-style: decimal;}
	#kids-contentsarea article ol.decimal li	{ margin-bottom: 1em; line-height: 2; }
	#kids-contentsarea article ol.decimal li img	{ display: block; margin: 0.5em 0; border: 1px solid #5E4D3F; }
	#kids-contentsarea article ol.decimal li img.icon	{ display: inline; margin: 0; border: none;  }

/* 手順番号付き */
#kids-contentsarea article ol.motto_plan	{ font-size: 150%; font-size: 1.8rem; list-style: none; padding-bottom: 1em; }
	#kids-contentsarea article ol.topline	{ border-top: 1px dotted #cc6600; padding-top: 1em; }
	#kids-contentsarea article ol.motto_plan > li	{ margin: 0 0 1em; padding: 0px 0px 1em 34px; border-bottom: 1px dotted #cc6600; line-height: 2; }
	#kids-contentsarea article ol.motto_plan li.no1	{ background-image: url(/kids/pc/images/no01.gif); background-position: left 0.2em; background-repeat:no-repeat; }
	#kids-contentsarea article ol.motto_plan li.no2	{ background-image: url(/kids/pc/images/no02.gif); background-position: left 0.2em; background-repeat:no-repeat; }
	#kids-contentsarea article ol.motto_plan li.no3	{ background-image: url(/kids/pc/images/no03.gif); background-position: left 0.2em; background-repeat:no-repeat; }
	#kids-contentsarea article ol.motto_plan li.no4	{ background-image: url(/kids/pc/images/no04.gif); background-position: left 0.2em; background-repeat:no-repeat; }
	#kids-contentsarea article ol.motto_plan li.no5	{ background-image: url(/kids/pc/images/no05.gif); background-position: left 0.2em; background-repeat:no-repeat; }
	#kids-contentsarea article ol.motto_plan li.no6	{ background-image: url(/kids/pc/images/no06.gif); background-position: left 0.2em; background-repeat:no-repeat; }
	#kids-contentsarea article ol.motto_plan li.no7	{ background-image: url(/kids/pc/images/no07.gif); background-position: left 0.2em; background-repeat:no-repeat; }
	#kids-contentsarea article ol.motto_plan li.no8	{ background-image: url(/kids/pc/images/no08.gif); background-position: left 0.2em; background-repeat:no-repeat; }
	#kids-contentsarea article ol.motto_plan li.no9	{ background-image: url(/kids/pc/images/no09.gif); background-position: left 0.2em; background-repeat:no-repeat; }
	#kids-contentsarea article ol.motto_plan li.no10	{ background-image: url(/kids/pc/images/no10.gif); background-position: left 0.2em; background-repeat:no-repeat; }
	#kids-contentsarea article ol.motto_plan li.no11	{ background-image: url(/kids/pc/images/no11.gif); background-position: left 0.2em; background-repeat:no-repeat; }
	#kids-contentsarea article ol.motto_plan li.no12	{ background-image: url(/kids/pc/images/no12.gif); background-position: left 0.2em; background-repeat:no-repeat; }
	#kids-contentsarea article ol.motto_plan li.no13	{ background-image: url(/kids/pc/images/no13.gif); background-position: left 0.2em; background-repeat:no-repeat; }
	#kids-contentsarea article ol.motto_plan li.no14	{ background-image: url(/kids/pc/images/no14.gif); background-position: left 0.2em; background-repeat:no-repeat; }
	#kids-contentsarea article ol.motto_plan li.no15	{ background-image: url(/kids/pc/images/no15.gif); background-position: left 0.2em; background-repeat:no-repeat; }
	#kids-contentsarea article ol.motto_plan li img	{ display: block; margin: 0.5em 0; border: 1px solid #5E4D3F; }
	#kids-contentsarea article ol.motto_plan li img.icon	{ display: inline; margin: 0; padding: 0 0.2em 0.1em; border: none; vertical-align: middle; }
/* 手順番号なし */
#kids-contentsarea article ul.motto_plan	{ font-size: 150%; font-size: 1.8rem; list-style: none; padding-bottom: 1em; }
	#kids-contentsarea article ul.topline	{ border-top: 1px dotted #cc6600; padding-top: 1em; }
	#kids-contentsarea article ul.motto_plan > li	{ margin: 0 0 1em; padding: 0px 0px 1em 0px; border-bottom: 1px dotted #cc6600; line-height: 2; }

/* 定義・説明リスト */
#kids-contentsarea article .Definition 	{ font-size: 150%; font-size: 1.8rem; line-height: 2; margin: 0 1em; }
	#kids-contentsarea article .Definition dt	{ border-left: outset 12px #FFF1B6; border-left: groove 12px #FFF1B6; padding: 0 0 0 0.5em; margin: 0 0 0.5em }
	#kids-contentsarea article .Definition dd	{ padding: 0 0 0 1.2em; margin: 0 0 1.5em }

/* アンケートバナー ------------------------- */
#kids-contentsarea article .kids_enq	{ text-align: center; margin-bottom: 40px; }

/* 関連リンク ------------------------------- */
#kids-contentsarea article div.theme-link{ margin: 0 0 40px; padding: 0px; border: 1px solid #FA736F; background:url(/kids/izumi/images/link_bg.gif) 0px 2px repeat-x; }
#kids-contentsarea article div.theme-link h3{ font-size:200%; font-size:2.0rem; background:url(/kids/izumi/images/theme-izumi_link.gif) 0px 0px no-repeat; border-bottom:dashed 1px #FA7091; padding: 2px 0 0 52px; margin:1px; color:#333333; }
#kids-contentsarea article div.theme-link > ul	{ list-style:none; margin:10px; padding: 0; font-size: 180%; font-size: 1.8rem; }
#kids-contentsarea article div.theme-link > ul li { padding: 0 0 3px 22px; background: url(/usage/closeup/images/icon_link.gif) no-repeat left 0.5em; line-height: 2; }

/* 記事一覧リンクボタン --------------------- */
.kids_page .maincontents section article .reading_returntop	{ text-align: center; }
.kids_page .maincontents section article .reading_returntop a	{
    display: inline-block;
    padding: 1em 5em;
    margin-bottom: 1.5em;
    color: #5E4D3F;
    font-weight: bold;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #5E4D3F;
}
.kids_page .maincontents section article .reading_returntop a:hover { opacity: 0.8; }

/* テキストリンク --------------------- */
/* アイコン付き（▶）*/
a.icon_triangle	{ background-image:url(/kids/pc/images/arrow_green.gif); background-repeat:no-repeat; background-position: 0 0.4em; padding-left: 1em; }

/* 罫線 ------------------------------------- */
hr.Dashed	{ border: 1px dashed #EFEAD9; }


/* インターネット知識の泉 専用
------------------------------------------------------------------*/

/* リード文 --------------------------------- */
.typing_top p	{ margin-bottom: 1em; }

/* バックナンバー --------------------------- */
.kids_page section.Backnumber .theme-izumi-log h3	{
	padding: 0.2em 0.5em;
	margin: 0 0 1em;
	font-size: 200%;
	font-size: 2.0rem;
	color: #fff;
	text-align: left;
	background: #47905D;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}

/* 各個ページ ------------------------------- */
#kids-contentsarea article .izumi-qa	{ margin: 0 0 40px; padding: 0px; }
#kids-contentsarea article p.izumiChild	{ background:url(/kids/izumi/images/ico_kids.gif) no-repeat #FFF; padding:5px 0px 15px 55px; margin:0px 0px 5px 0px; vertical-align:middle; }
#kids-contentsarea article p.izumiTeacher	{ background:url(/kids/izumi/images/ico_teacher.gif) no-repeat #FFF; padding:5px 0px 15px 55px; margin:0px 0px 5px 0px; vertical-align:middle; }
#kids-contentsarea article p.izumiChild img,
#kids-contentsarea article p.izumiTeacher img	{ display: block; margin: 0.5em 0; border: 1px solid #5E4D3F; }

#kids-contentsarea article p.izumiChild img.icon,
#kids-contentsarea article p.izumiTeacher img.icon	{ display: inline; margin: 0; border: none; }

#kids-contentsarea article .theme-izumi-quiz	{ margin: 0 0 40px; padding: 0px; border: 1px solid #8fc147; }
#kids-contentsarea article .theme-izumi-quiz h3	{ margin: 0 0 15px; padding: 0.5rem; background-color:#039355; color: #fff; font-size:200%; font-size:2.0rem; }
#kids-contentsarea article .theme-izumi-quiz h3 img	{ margin-right: 0.1rem; vertical-align: middle; }
#kids-contentsarea article .theme-izumi-quiz .kids-tex-ten	{ margin: 0 15px 15px;}
#kids-contentsarea article .theme-izumi-quiz .mp-zero	{ text-align: center; }

#kids-contentsarea article .theme-izumi-quiz ul#select	{ margin: 0 15px 15px; padding: 0px; height:82px; }
#kids-contentsarea article .theme-izumi-quiz ul#select > li	{ display: inline-block; border-style: none; list-style:none; margin: 0px; padding-right: 35px; }
#kids-contentsarea article .theme-izumi-quiz .answer	{ margin-top: 10px; padding: 0px; background-color:#ffffcc; border-top: 1px solid #8fc147; border-bottom: 1px solid #ffffff; }
#kids-contentsarea article .theme-izumi-quiz .answer h4	{ margin: 0px; padding: 10px; font-size: 190%; font-size: 1.9rem; color: #039355; letter-spacing: 0.8rem; }
#kids-contentsarea article .theme-izumi-quiz .answer h4:before,
#kids-contentsarea article .theme-izumi-quiz .answer h4:after	{ content:'●'; color: #70D9B6; margin: 0 5px; }

#kids-contentsarea article .theme-izumi-quiz .answer dl	{ margin: 0 15px 15px; font-size: 180%; font-size: 1.8rem; }
#kids-contentsarea article .theme-izumi-quiz .answer dl dt	{ line-height: 2; font-weight: bold; }
#kids-contentsarea article .theme-izumi-quiz .answer dl dd	{ line-height: 2; margin: 0 1em 1em;}



/* なるほど！パソコン研究室 専用
------------------------------------------------------------------*/

/* トップページ ------------------------------- */
.kids_page section ul.main_navi li dl.kidsPCtop dt	{ text-align: left; }
.kids_page section ul.main_navi.menu_panel li dd img	{ width: 190px!important; }
.kids_page section ul.main_navi.menu_panel li a .link_txt	{ margin-left: 200px;}

/* 各個ページ ------------------------------- */

/* hontoko_047 */
#kids-contentsarea #hontoko_047 .Definition	{ border:dashed 2px #cc6600; padding: 0.5em; }
#kids-contentsarea #hontoko_047 .Definition dt	{ margin-bottom: 1em; } 

/* hontoko_056 */
#kids-contentsarea #hontoko_056 .ss1 { margin-bottom: 0.87em; }
#kids-contentsarea #hontoko_056 .ss2 { vertical-align:middle; }

/* izumi_042 */
#kids-contentsarea #izumi_042 span.inlinebox	{ display: inline-block; padding: 1em; background: #CDE8FB; }

/* doyou_011 */
#kids-contentsarea #doyou_011 span.fmv	{ font-size:120%; color:#FF0000; font-weight:bold }
#kids-contentsarea #doyou_011 .fmvdesc	{ border:1px solid #006600; margin:3px 30px 3px 3px; padding:0.5em; background-color:#FFFFFF; }



/* はじめてガイド 専用
------------------------------------------------------------------*/
.first_contents .wtBox {
	padding: 20px 70px 50px;
	background: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 4px 5px 0px #d1ccb9;
	box-shadow: 0px 4px 5px 0px #d1ccb9;
}
.first_contents .how_to_use img {
	width: 90%;
}
.kids_page .first_contents .maincontents section.ruleBox,
.kids_page .first_contents .maincontents section.how_to_use {
	padding-bottom: 50px; 
	margin-bottom: 60px;
}
.kids_page .first_contents .wtBox h2 {
    padding-left: 0;
    margin: 20px 0 20px 35px;
	height: auto;
}
.kids_page .first_contents .ruleBox h2 {
    margin: 20px 0 20px 0;
}
.kids_page .first_contents .wtBox h3 {
	font-weight: bold;
	font-size: 3.0rem;
	margin: 20px 0 20px 35px;
	color: #db7631;
}
.kids_page .first_contents .wtBox h4 {
	font-weight: bold;
	font-size: 2.2rem;
	padding: 0 0 35px 35px;
}
.first_contents .wtBox figure {
	text-align: center;
}
.first_contents .wtBox dl.promise_list {
	font-size: 1.8rem;
	margin-top: 30px;
}
.first_contents .wtBox dl.promise_list dt {
	font-weight: bold;
	margin-top: 20px;
}
.first_contents .wtBox dl.promise_list dd {
	font-size: 1.5rem;
	margin-top: 15px;
}
.first_contents .wtBox dl.promise_list dd span {
	font-weight: bold;
	background-color: #f1f1f1;
	padding: 1px 8px;
	margin-right: 10px;
}
.first_contents .wtBox .orange_text {
	color: #DB7631;
	font-weight: bold;
	text-align: center;
	margin: 30px 0 0 0;
}
.first_contents .new_info {
	margin: 60px 0;
}
.first_contents .how_to_use_box {
	margin: 60px 0;	
}
.first_contents .flexBox {
	display: -webkit-flex;
	display: flex;
}
.first_contents .flexBox figure:nth-of-type(2) {
	position: relative;
}
.first_contents .flexBox figure:nth-of-type(2)::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 2px;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #cacaca;
}
.first_contents .how_to_border {
	position: relative;
}
.first_contents .how_to_border::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 2px;
	height: 100%;
	right: 0;
	top: 0;
	background-color: #cacaca;
}
.first_contents .sub_txt {
	font-size: 1.5rem;
	margin: 5px 0 0 20px;
	line-height: 1.4 !important;
}



/*radio area----------------------------*/

input[type="radio"]{
	display:none;
}
.tab_area {
	display: -webkit-flex;
	display: flex;
	flex-wrap: -webkit-wrap;
	flex-wrap: wrap;
}

.tab_area img {
	width: 100%;
}
.tab_area label {
	float: left;
	cursor: pointer;
	opacity: 1;
	width: 23%;
	margin: 17px 25px 0 0;
	display:inline-block;
	transition:ease 0.2s opacity;
	position: relative;
}
.tab_area label:nth-of-type(4n) {
	margin: 17px 0 0 0;
}
.tab_area label::before {
	content: "";
	display: none;
	position: absolute;
	background: url("../first/images/first_ic01_on.png") no-repeat 100%;
	width: 100%;
	height: 100%;
}
.tab_btn:checked ~ .tab_area label {
	display: block;
	z-index: 100;
}
.tab_area label:hover{
	opacity:0.5;
}
.panel_area {
	background-color: #fff;
}


 
.tab_panel {
  display: inline-block;
  order: -1;
}
input[name="tab_name"] {
  display: none;
}
.tab_class {
	width: 226px;
	height: 103px;
	display: inline-block;
	background: #6fa900 url("../first/images/first_ic01_off.png") no-repeat center;
	border: 4px solid #6fa900;
	box-sizing: border-box;
	order: -2;
	border-radius: 12px;
	background-position: center;
	box-shadow: 0px 4px 5px 0px #d1ccb9;
}
input:checked + .tab_class {
	background: #ecffc8 url("../first/images/first_ic01_on.png") no-repeat center;
	border: 4px solid #4c8b19;
	box-sizing: border-box;
}

/* tab_button */
#tab2_button {
	background: #6fa900 url("../first/images/first_ic02_off.png") no-repeat center;
}
input:checked + #tab2_button {
	background: #ecffc8 url("../first/images/first_ic02_on.png") no-repeat center;
}
#tab3_button {
	background: #6fa900 url("../first/images/first_ic03_off.png") no-repeat center;
}
input:checked + #tab3_button {
	background: #ecffc8 url("../first/images/first_ic03_on.png") no-repeat center;
}
#tab4_button {
	background: #6fa900 url("../first/images/first_ic04_off.png") no-repeat center;
}
input:checked + #tab4_button {
	background: #ecffc8 url("../first/images/first_ic04_on.png") no-repeat center;
}
#tab5_button {
	background: #6fa900 url("../first/images/first_ic05_off.png") no-repeat center;
}
input:checked + #tab5_button {
	background: #ecffc8 url("../first/images/first_ic05_on.png") no-repeat center;
}
#tab6_button {
	background: #6fa900 url("../first/images/first_ic06_off.png") no-repeat center;
}
input:checked + #tab6_button {
	background: #ecffc8 url("../first/images/first_ic06_on.png") no-repeat center;
}
#tab7_button {
	background: #6fa900 url("../first/images/first_ic07_off.png") no-repeat center;
}
input:checked + #tab7_button {
	background: #ecffc8 url("../first/images/first_ic07_on.png") no-repeat center;
}

.tab_panel {
  display: none;
  width: 100%;
}
input:checked + .tab_class + .tab_panel {
  display: block;
	margin-top: 40px;
}