@charset "utf-8";

/*---------------------------------------------------------------------------------*/
/* 「こどもまなびてれび」プレゼントキャンペーン：スタイルシート(2026-07-25 update) */
/*---------------------------------------------------------------------------------*/

*{
	margin:0px;
	padding:0px;
	border:0px;
	}

a:link{   text-decoration:none;       color:#003399;}
a:visited{text-decoration:none;       color:#007700;}
a:hover{  text-decoration:underline;  color:#dd0000;}
a:active{ text-decoration:none;       color:#dd0000;}

body{
	margin:0;
	padding:0;
	-webkit-text-size-adjust:none;
	min-height:460px;
	background-color:#ffffff;
	font-family:HiraKakuProN-W3,"ヒラギノ角ゴ Pro W3";
	font-size:15px;
	line-height:20px;
	color:#000000;
	}

header{
	top:0;
	width:100%;
	height:55px;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	position:fixed;
	background-color:rgba(0,50,200,0.8);
	z-index:10;
	}

h1.page_title{
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 30px;
	line-height:30px;
	font-size:22px;
	font-weight:normal;
	font-family:HiraKakuProN-W6,"ヒラギノ角ゴ Pro W6";
	color:#ffffff;
	text-align:left;
	}

	.navi{
		height:28px;
		max-width:80px;
		font-family:HiraKakuProN-W6,"ヒラギノ角ゴ Pro W6";
		font-size:14px;
		line-height:26px;
		color:#ffffff;
		text-shadow:rgba(0,0,0,0.6) 0px -1px 0;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		padding:0px 6px 0px 6px;
		-webkit-border-radius:6px;
		-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.5);
		-moz-border-radius:6px;
		box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.8), inset 0 -1px 1px rgba(255, 255, 255, 0.8);
		border:1px solid rgba(255, 255, 255, 0.5);
		border-radius:6px;
		}

	#back{
		float:left;
		position:absolute;
		top:7px;
		left:5px;
		text-shadow:rgba(0,0,0,0.6) 0px -1px 0;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.90, #333333), color-stop(0.05, #555555));
		background: -webkit-linear-gradient(top, #555555 5%, #333333 90%);
		background: -moz-linear-gradient(top, #555555 5%, #333333 90%);
		background: -o-linear-gradient(top, #555555 5%, #333333 90%);
		background: -ms-linear-gradient(top, #555555 5%, #333333 90%);
		background: linear-gradient(top, #555555 5%, #333333 90%);
		}

#backhome{
	float:right;
	position:absolute;
	top:8px;
	right:8px;
	width:52px;
	height:44px;
	background:url("../images/smp/back_home.png") no-repeat;
	background-size:52px 44px;
	-moz-background-size:52px 44px;
	-webkit-background-size:52px 44px;
	z-index:10;
	}

	#backhome a{
		display:block;
		width:45px;
		height:31px;
		}

	.navi a{
		text-decoration:none;
		color:#ffffff;
		}

#footer{
	height:50px;
	width:100%;
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:20px 0px 0px 0px;
	background-color:#ffffff;
	font-family:arial,HiraKakuProN-W3,"ヒラギノ角ゴ Pro W3";
	}

#wrapper{
	margin:0px 0px 20px 0px;
	padding:60px 0px 20px 0px;
	width:100%;
	background-color:#ffffdd;
	border-bottom:1px dotted #bbbbbb;
	text-align:center;
	}

h2{
	width:100%;
	margin:20px 0px 10px 0px;
	padding:10px 0px 10px 0px;
	color:#ffffff;
	font-size:20px;
	font-weight:bold;
	font-family:HiraKakuProN-W6,"ヒラギノ角ゴ Pro W6";
	line-height:30px;
	text-align:center;
	}

h2.title_1{background-color:#1442b0;}
h2.title_2{background-color:#a40101;}
h2.title_3{background-color:#015201;}


.present_1{
	margin:0px 10px 10px 10px;
	padding:10px;
	text-align:cnter;
	background-image:url("../images/smp/present_bg_1.png");
	background-repeat:repeat-x;
	border-radius:10px;
	}

.present_2{
	margin:0px 10px 10px 10px;
	padding:10px;
	text-align:cnter;
	background-image:url("../images/smp/present_bg_2.png");
	background-repeat:repeat-x;
	border-radius:10px;
	border:2px solid #ffcc00;
	}

.present_1 img,
.present_2 img{
	margin:0px;
	padding:0px;
	text-align:cnter;
	width:100%;
	max-width:600px;
	}


.bp{
	margin:10px auto 20px auto;
	text-align:center;
	}

.bp img{
	width:45%;
	max-width:320px;
	margin:5px 3px 3px 3px;
	}

.lead{
	margin:5px auto 0px auto;
	padding:0px;
	text-align:center;
	}

.lead_text{
	margin:5px 20px 0px 20px;
	padding:0px;
	color:#003399;
	font-size:20px;
	font-weight:bold;
	font-family:HiraKakuProN-W6,"ヒラギノ角ゴ Pro W6";
	line-height:28px;
	text-align:left;
	}


dl.contents{
	margin:10px 10px 10px 10px;
	padding:0px;
	text-align:left;
	}

dl.contents dt{
	margin:5px 0px 0px 0px;
	padding:5px 10px 3px 10px;
	background-color:#015201;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	font-family:HiraKakuProN-W6,"ヒラギノ角ゴ Pro W6";
	line-height:22px;
	border:1px solid #015201;
	border-radius:6px 6px 0px 0px;
	}

dl.contents dd{
	margin:0px 0px 10px 0px;
	padding:5px 10px 10px 10px;
	background-color:#ffffff;
	color:#000000;
	font-size:14px;
	font-weight:normal;
	font-family:HiraKakuProN-W3,"ヒラギノ角ゴ Pro W3";
	line-height:20px;
	border:1px solid #015201;
	border-radius:0px 0px 6px 6px;
	}

dl.contents dd .excuse{
	margin:5px 0px 5px 20px;
	padding:0px;
	line-height:18px;
	font-size:12px;
	color:#885555;
	}


ul.asterisk{
	margin:10px 0px 10px 20px;
	padding:0px 0px 0px 0px;
	}

ul.asterisk li{
	margin:0px 0px 0px 0px;
	padding:2px 0px 2px 0px;
	font-family:HiraKakuProN-W3,"ヒラギノ角ゴ Pro W3";
	font-size:14px;
	font-weight:normal;
	line-height:20px;
	list-style-type:none;
	color:#000000;
	}

ul.asterisk li:before{
	margin-left:-1em;
	content:'※';
	}

ul.simple_list{
	margin:10px 0px 10px 20px;
	padding:0px 0px 0px 0px;
	}

ul.simple_list li{
	margin:0px 0px 0px 0px;
	padding:2px 0px 2px 0px;
	font-family:HiraKakuProN-W3,"ヒラギノ角ゴ Pro W3";
	font-size:14px;
	font-weight:normal;
	line-height:20px;
	list-style-type:square;
	color:#000000;
	}

ol.entry{
	margin:10px 0px 10px 20px;
	padding:0px 0px 0px 0px;
	}

ol.entry li{
	margin:0px 0px 0px 0px;
	padding:2px 0px 2px 0px;
	font-family:HiraKakuProN-W3,"ヒラギノ角ゴ Pro W3";
	font-size:16px;
	font-weight:bold;
	line-height:24px;
	list-style-type:decimal;
	color:#000000;
	}

	hr{
		color:#555555;
		background-color:#555555;
		border-style:none;
		height:1px;
		margin:10px 0px 10px 0px;
		}

	blockquote{
		margin:5px 0px 5px 20px;
		}

/*-------------------------------------------------------*/
/* PageTop (2026-05-07 update) */
/*-------------------------------------------------------*/

#pageTop{
	background:transparent;
	border:none;
	outline:none;
	appearance:none;
	position:fixed;
	bottom:20px;
	right:0px;
	width:70px;
	height:70px;
	padding:0;
	border:none;
	background:none;
	cursor:pointer;
	opacity:0;
	visibility:hidden;
	transition:opacity 0.3s, visibility 0.8s;
	z-index:999;
	}

#pageTop.show{
	opacity:0.8;
	visibility:visible;
	transition:opacity 0.5s;
	}

#pageTop:hover{
	opacity:1;
	}

#pageTop img{
	width:100%;
	height:100%;
	display:block;
	background:transparent;!important
	}