@charset "utf-8";
@import url(pc.css) screen and (min-width:1000px); /* 横幅1000px以上 */
@import url(phone.css) screen and (max-width:999px); /* 横幅999px以下 */

#topicpath{
	letter-spacing:-1px;
}
#topicpath a{
	color:#C00;
	font-size:90%;
	margin:0;
	text-decoration:none;
}
#topicpath a:before{
	content:"→";
	margin-left:10px;	
	margin-right:5px;
}
#topicpath a:first-child:before{
	content:"▲";
	
}

h1{
	border-radius:7px;
	background-color:#090;
	color:#fff;
	padding:10px 20px;	
}
h2{
	border-bottom:5px solid #090;
	padding:0 20px;
	color:#C30;	
}
h3{
	border-radius:5px;
	background-color:#090;
	color:#fff;
	padding:5px 20px;	
}
h4{
	border-radius:5px;
	border:2px solid #090;
	padding:5px 20px;	
	background-color:#FFC;
}
h5{
	font-size:100%;
	border-bottom:3px solid #090;
	padding:5px 20px;	
}
#contents{
	overflow:hidden;
}

.link_title{
	font-weight:bold;
	color:#090;
	font-size:120%;
}
.link_title:before{
	content:"●";
	color:#090;	
}
.jidoseito a:hover,.jidoseito2 a:hover{
	opacity:0.7;
}
.tb_menu{
	width:100%;
	border-collapse:collapse;
	margin:30px 0;
}
.tb_menu td{
	text-align:center;
	font-size:150%;
	border:1px solid #090;
}
.tb_menu tr:first-child{
	background-color:#060;
	color:#fff;
	font-weight:bold;
}
.tb_menu tr:nth-child(2n) {
	background-color:#CFC;	
}
.kyuko_chui{
	border:1px solid #F30;
	padding:0px;
	margin:20px auto;
	width:80%;
	border-radius:5px;
}
.kyuko_chui p{
	font-size:100%;
	margin:0;
	padding:5px 20px;
	background-color:#F30;
	color:#fff;
}
.kyuko_chui ul{
	margin:10px 30px 10px 10px;	
}
.otasuke_sheet{
	font-size:150%;
	margin-left:30px;
}
.otasuke_sheet li{
	margin:10px 0 10px 0;
	padding-left:10px;
}
ul.kansensho li{
	margin:5px 0;
}
.kyoka{
	margin-bottom:10px;
	margin-right:10px;
	background-color:#090;
	color:#fff;
	padding:0 10px;	
}

#footer{
	text-align:center;	
}
#footer a{
	text-decoration:none;
	color:#00F;	
}
.video{
	position:relative;
	height:0;
	padding:30px 0 56.25%;
	overflow:hidden;
	border-radius:10px;	
}
.video iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;	
}
#dhtml{
	width:500px;
	margin:auto;
		
}
#dhtml iframe{
	border:0;	
}
#return{
	clear:both;
	display:none;
	position:fixed;
	text-indent:-9999px;
	opacity:0.8;
}
#return a{
	display:block;
	width:100px;
	height:100px;
	background-image:url(../../../general/return.png);
	background-repeat:no-repeat;
	background-position:left top;	
}

.video_JS {
	width:100%;
}

/* 家庭でやってみよう */
#kateideyattemiyo h1{
	text-align:center;
	background-color:transparent;
}
#kateideyattemiyo h2{
	background-color:#009fd1;
	border-radius:8px;
	color:#fff;
	padding:5px 20px;
	border-bottom:none;	
}
#kateideyattemiyo h3{
	border-radius:15px;
	background-color:#009fd1;
	color:#fff;
	padding:5px 30px;	
}

.kateideyattemiyo_menu1,.kateideyattemiyo_menu2,.kateideyattemiyo_menu3{
	background-image:url(katei/menu_button.png);
	width:320px;
	height:300px;
	display:block;
}
.kateideyattemiyo_menu1 img,.kateideyattemiyo_menu2 img,.kateideyattemiyo_menu3 img{
	width:320px;
	height:300px;	
}
.kateideyattemiyo_menu1{
	background-position:left top;
}
.kateideyattemiyo_menu2{
	background-position:-321px 0;
}
.kateideyattemiyo_menu3{
	background-position:-642px 0;	
}
.kateideyattemiyo_menu1:hover,.kateideyattemiyo_menu2:hover,.kateideyattemiyo_menu3:hover{
	opacity:0.7;	
}
#kateideyattemiyo table.menu{
	border-collapse:collapse;
	width:90%;
	margin:auto;	
}
#kateideyattemiyo table.menu td a{
	display:block;
	text-decoration:none;
	padding:5px 30px;
	border:1px solid #009fd1;
	border-radius:5px;
}
#kateideyattemiyo table.menu td a:hover{
	background-color:#009fd1;
	color:#fff;
}
.bt_menu1_doga1:hover,.bt_menu1_doga2:hover{
	opacity:0.7;	
}
#kateideyattemiyo h1.text{
	background-color:#009fd1;
	border-radius:10px;	
}
#kateideyattemiyo h1 span{
	font-size:70%;
	display:block;	
}
#kateideyattemiyo .box{
	width:90%;
	border-radius:5px;
	border:3px solid #009fd1;
	padding:10px 20px;
	margin:5px auto 10px auto;
}
#kateideyattemiyo .box p:first-child{
	margin:0;
	color:#009fd1;	
}
#kateideyattemiyo .box p:first-child:before{
	content:"■";
	color:#009fd1;	
}
#kateideyattemiyo .box p:nth-child(2){
	font-size:150%;
	font-weight:bold;
	background-color:#009fd1;
	color:#fff;	
	margin:0;
	padding:10px;
}
#kateideyattemiyo .box p:nth-child(3){
	padding-right:20px;
	margin:0;
	text-align:right;
	background-color:#666;
	color:#fff;
}
#kateideyattemiyo .box p:nth-child(4){
	padding:0px 20px;	
}

.return{
	text-align:center;	
}
.return a{
	display:block;
	color:#fff;
	background-color:#009fd1;
	padding:10px 0;	
	border-radius:25px;
	text-decoration:none;
	font-size:120%;
}
.return a:hover{
	opacity:0.7;	
}