@charset "utf-8";
/* summer */

h3.ContentTitle{
	height:auto !important;
}

p.summer_title{
	margin:0 0 10px;
}

p.summer_subtitle{
	margin:0 0 15px;
	text-align: center;
}

div.summer_top_box{
	width:680px;
	margin:0 auto 15px auto;
	overflow:hidden;
	_zoom:1;
}

p.bottom_space{
	padding: 0 0 25px 0;
}

p.bottom_border{
	padding: 0 0 25px 0;
	margin-bottom: 25px !important;
	background:url(/summer/2012/images/dotline.gif) no-repeat 0 bottom;
}

p.bottom_border_last{
	padding: 0 0 25px 0;
	margin-bottom: -15px !important;
	background:url(/summer/2012/images/dotline.gif) no-repeat 0 bottom;
}

div.summer_top_box ul{
	width:693px;
	overflow:hidden;
	_zoom:1;
	padding: 0 0 0 0;
}

div.summer_top_box ul li{
	float:left;
	padding:0 15px 15px 0;
}

div.summer_top_menu{
	overflow:hidden;
	_zoom:1;
	margin: 0 -11px 0 0;
	padding: 0 0 10px 0 !important;
}

div.summer_top_menu p{
	float:left;
	margin: 0 11px 0 0;
	padding: 0;
	width: 225px;
	height: 65px;
}

div.summer_top_menu{
	overflow:hidden;
	_zoom:1;
	margin: 0 -11px 0 0;
	padding: 0 0 0 0;
}

p.center{
	text-align:center;
}

.f_left{
	float:left;
}

.f_right{
	float:right;
}

.fontB{
	font-weight: bold;
}

.border_non{
	background-image: none !important;
}

.brock{
	display: block;
	
}

/*
 * under 
 */

h4.sytle_box{
 	color:#1A4779;
 	border:2px solid #8DBDE0;
	font-size: 123.1%;
	font-weight:bold;
	padding:0 0 0 30px;
	background:url(/summer/2012/images/h4_mark.gif) no-repeat 5px 7px;
	margin:0 0 20px;
}

h4.sytle_box_ob{
 	color:#01721F;
 	border:2px solid #A0EBAF;
	font-size: 123.1%;
	font-weight:bold;
	padding:0 0 0 30px;
	background:url(/summer/2012/images/h4_mark_ob.gif) no-repeat 5px 7px;
	margin:0 0 20px;
}

h4.sytle_box_ha{
 	color:#333333;
 	border:2px solid #E9D311;
	font-size: 123.1%;
	font-weight:bold;
	padding:0 0 0 30px;
	background:url(/summer/2012/images/h4_mark_ha.gif) no-repeat 5px 7px;
	margin:0 0 20px;
}

h4.sytle_underline{
 	color:#1A4779;
 	border-bottom:2px solid #8DBDE0;
	font-size: 123.1%;
	font-weight:bold;
	padding:0 0 0 30px;
	background:url(/summer/2012/images/h4_mark.gif) no-repeat 5px 7px;
	margin:0 0 20px;
}

h4.sytle_underline_ha{
 	color:#333333;
 	border-bottom:2px solid #E8D106;
	font-size: 123.1%;
	font-weight:bold;
	padding:0 0 0 30px;
	background:url(/summer/2012/images/h4_mark_ha.gif) no-repeat 5px 7px;
	margin:0 0 20px;
}

h4.sytle_underline_ob{
 	color:#333333;
 	border-bottom:2px solid #B4EFBF;
	font-size: 123.1%;
	font-weight:bold;
	padding:0 0 0 30px;
	background:url(../summer/2012/images/h4_mark_ob.gif) no-repeat 5px 7px;
	margin:0 0 20px;
}

div.summer_under_box{
	line-height:1.9;
	padding:15px 0;
	width:660px;
	margin:0 auto;
	font-size:108%;
	background:url(../summer/2012/images/dotline.gif) no-repeat 0 bottom;
	position:relative;
}

div.summer_under_box p{
	margin:0 0 1em;
}

div.summer_under_box div.pics{
	width:220px;
}

div.summer_under_box div.pics p{
	margin:0 0 15px;
}

div.summer_under_box div.text{
	padding:0 0 0 20px;
	overflow:hidden;
	_zoom:1;
}

div.summer_under_box p.r_img{
	float:left;
  	padding: 0 15px 0 0;
}

div.summer_under_box .lh_set{
	line-height: 1.6;
}

div.summer_under_box div.text2{
	padding:0 10px 0 5px;
	overflow:hidden;
	_zoom:1;
	line-height: 1.4;
}

div.summer_under_box .text_bold_ob{
	font-weight: bold;
	color: #00721F;
}

div.summer_under_box p.art{
	position:absolute;
	bottom:30px;
}

div.summer_under_box .leadtext{
	padding: 6px;
	font-size: 123.1%;
	font-weight: bold;
}

div.box01 div.box,
div.box02 div.box,
div.box03 div.box,
div.box04 div.box{
	padding:10px;
	margin:0 10px;
	background:#fff;
	border:1px solid #cdcdcd;
	overflow:hidden;
	_zoom:1;
	font-size:108%;
	line-height:1.9;
}

div.box01 div.box p{
	margin:0;
}

div.box01{
	margin:15px auto;
	width:660px;
	background:url(../summer/2012/images/box01bg.gif);
}

div.box01 p.title{
	background:url(/summer/2012/images/star01.gif) no-repeat 0 5px;
	padding:0 0 0 20px;
	font-weight:bold;
	font-size: 108%;
	margin:0 10px 10px 10px;
}

div.box02{
	width:660px;
	margin:15px auto;
	background:url(../summer/2012/images/box02bg.gif);
}

div.box02 p.title{
	background:url(/summer/2012/images/star02.gif) no-repeat 0 0px;
	padding:0 0 0 20px;
	font-weight:bold;
	font-size: 108%;
	margin:0 10px 10px 10px;
}

div.box02 h5{
	color:#2657AB;
	font-weight:bold;
	font-size: 108%;
}

div.box02 div.text{
	width:490px;
}

div.box02 div.text2{
	padding: 0 0 0 6px;
}

div.box02 div.text img.f_right{
	padding:0 0 0 10px;
}

div.box02 p.btm_img{
	padding: 7px 0;
}

div.box03{
	margin:15px auto;
	width:660px;
	background:url(/summer/2012/images/box03bg.gif);
}

div.box03 p.title{
	background:url(/summer/2012/images/star03.gif) no-repeat 0 5px;
	padding:0 0 0 20px;
	font-weight:bold;
	font-size: 108%;
	margin:0 10px 10px 10px;
}

div.box04{
	margin:15px auto;
	width:660px;
	background:url(../summer/2012/images/box04bg.gif);
}

div.box04 p.title{
	background:url(/summer/2012/images/star04.gif) no-repeat 0 5px;
	padding:0 0 0 20px;
	font-weight:bold;
	font-size: 108%;
	margin:0 10px 10px 10px;
}

ul.process{
	margin:0 0 20px;
}

ul.process li{
	padding:0 0 10px;
	overflow:hidden;
	_zoom:1;
}

ul.process li span{
	float:left;
}

ul.process li span img{
	vertical-align:top;
}

ul.process li span.pic{
	padding:0 20px 0 0;
}

ul.process li span.num{
	padding:0 10px 0 0;
}

ul.process li p{
	float:left;
	margin:-5px 0 0 0;
}

ul.process li p.text01{
	width: 450px;
}

ul.process li p.text02{
	width: 415px;
}

ul.process li p .font24{
	line-height: 1.5;
}

ul.process li p .font14{
	padding: 2px 0 0 0;
	line-height: 1.7;
}

ul.process li p .minititle{
	font-weight: bold;
	color: #D21307;
	display: block;
	float: none;
}

ul.process li.caution{
	padding-top: 5px;
  	padding-bottom: 14px;
}

ul.process li.caution span.text{
	border: 1px solid #FF9C00;
	border-top: none;
	background: #ffffff;
	padding: 7px 14px 9px 14px;
	color: #FD4E02;
	line-height: 1.5;
	font-weight: bold;
	width: 630px;
	_width: 660px;
} 

ul.process li.caution span.black{
  	font-weight: normal;
	color: #333333;
	font-size: ;
	font-size: 93%;
}

ul.process li.link_box_ob{
	background: #ECFBEE;
	border: 2px solid #5EDF3E;
}

ul.process li.link_box_ob .title{
	padding: 14px 0 15px 10px;
}

ul.process li.link_box_ob .button{
	padding:0 0 3px 120px;
}


div.box_caution{
	width:660px;
	margin:15px auto 30px auto;
	padding: 15px 0 0 0;
	background:url(/summer/2012/images/dotline.gif) no-repeat 0 top;
}

div.box_caution div.box_caution_inner{
	border: 1px solid #FFB0B0;
	background: #FFECEC;
	padding: 15px 15px 10px 15px;
}


div.box_caution div.box_caution_inner p.title{
	padding-bottom: 10px;
}

div.box_caution div.box_caution_inner p.leadtext{
	padding-bottom: 6px;
	font-weight: bold;
	color: #ff0000;
}

div.box_caution div.box_caution_inner dl{
	overflow:hidden;
	_zoom:1;
}

div.box_caution div.box_caution_inner dl dt{
	float: left;
	width: 15px;
	padding-bottom: 4px;
}

div.box_caution div.box_caution_inner dl dd{
	float: left;
	width: 610px;
	padding-bottom: 4px;
}

div.box_caution2{
	width:660px;
	margin:15px auto 30px auto;
	padding: 15px 0 0 0;
	background:url(/summer/2012/images/dotline.gif) no-repeat 0 top;
}

div.box_caution2 div.box_caution_inner{
	border: 1px solid #FFB0B0;
	background: #FFECEC;
	padding: 15px 15px 10px 15px;
}


div.box_caution2 div.box_caution_inner p.title{
	padding-bottom: 0;
}

div.box_caution2 div.box_caution_inner dl{
	overflow:hidden;
	_zoom:1;
	line-height: 1.5;
}

div.box_caution2 div.box_caution_inner dl dt{
	float: left;
	width: 15px;
	padding-bottom: 4px;
}

div.box_caution2 div.box_caution_inner dl dd{
	float: left;
	width: 610px;
	padding-bottom: 4px;
}

div.box_caution3{
	background: #F2F2F2;
  	margin-bottom: 30px;
	padding: 20px 20px 10px 20px;
	line-height: 1.5;
}

div.box_caution3 .title{
	color: #C5006E;
	font-weight: bold;
	font-size: 108%;
}

div.box_caution3 span{
	color: #C5006E;
	font-weight: bold;
}

p.button_newbook{
	width: 660px;
	text-align: center;
	margin: auto;
	padding: 0 0 25px 0;
	background:url(/summer/2012/images/dotline.gif) no-repeat 0 bottom;
}

p.button_newbook2{
	width: 660px;
	text-align: center;
	margin: auto;
	padding: 25px 0 25px 0;
	background:url(/summer/2012/images/dotline.gif) no-repeat 0 bottom;
}

p.button_newbook_top{
	width: 660px;
	text-align: center;
	margin: auto;
	padding: 25px 0 25px 0;
	background:url(/summer/2012/images/dotline.gif) no-repeat 0 top;
}

p.button_foot{
	text-align: center;
	margin-top: 30px;
}

div.blue_box {
  	margin: 0 10px 10px 10px;
	border: 2px solid #85C3F4;
	background: #EFF7FE;
	padding: 15px 15px 10px 15px;
}

div.blue_box2 {
  	margin: 0 0 20px 0;
	border: 2px solid #85C3F4;
	background: #EFF7FE;
	padding: 15px 15px 10px 15px;
}

div.blue_box.last_box,
div.blue_box2.last_box
{
  	margin-bottom: 30px;
}

div.blue_box .blue_box_subtitle,
div.blue_box2 .blue_box_subtitle{
	border-bottom: 1px dashed #999999;
	color: #DB002C;
	font-weight: bold;
	font-size: 108%;
	margin: 4px 0;
	padding: 0 2px;
}

div.blue_box .blue_box_text,
div.blue_box2 .blue_box_text{
	padding: 0 2px;
}

.bgnone{
	background: none !important;
	
}

/*** 2013追加ここから ***/
.imgL{
	float:left;
	margin:0 20px 5px 0;
}
.imgR{
	float:right;margin:0 0 5px 20px;
}
.DP-BK{
	display:block;
}
.LE-SP2{ letter-spacing:2px !important;}
.CO-BL{ color:#006eba;}

/*** INDEX（3列にする） ***/
.SummerBoxLeft {
	width:226px;
	background:url(../summer/2013/images/bg01.jpg) repeat-y;
	margin-right:11px;
	margin-bottom:20px;
	float:left;
}
.SummerBoxCenter {
	width:226px;
	background:url(../summer/2013/images/bg02.jpg) repeat-y;
	margin-bottom:20px;
	float:left;
}
.SummerBoxRight {
	width:226px;
	background:url(../summer/2013/images/bg03.jpg) repeat-y;
	margin-bottom:20px;
	float:right;
}
ul.SummerBox {
	width:206px;
	margin:10px 0 10px 10px;
	display:block;
	background:url(../summer/2013/images/title01_sub_middle.jpg) repeat-y ;
}
ul.SummerBox li {
	display:block;
	background:url(../summer/2013/images/icon_blue.gif) no-repeat 6px 2px;
	padding:2px 5px 3px 24px;
	letter-spacing:1px;
}
ul.SummerBox li.Title {
	line-height:0;
	padding:0;
	background:none;
}
ul.SummerBox li img{
	margin-right:3px;
	vertical-align:middle;
}
ul.SummerBox li.Title img{
	margin:0 !important;
}
ul.SummerBox a {
	color:#000;
	text-decoration:none;
}
ul.SummerBox a:hover {
	color: #06C;
	background-color:#FF9;
}
/* 工作用 */
ul.Kosaku {
	background-image:url(../summer/2013/images/title01_kosaku_middle.jpg);
}
ul.SummerBox li.Kosaku {
	background-image:url(../summer/2013/images/icon_orange.gif);
}
/* 観察用 */
ul.Kansatsu {
	background-image:url(../summer/2013/images/title01_kansatsu_middle.jpg);
}
ul.SummerBox li.Kansatsu {
	background-image:url(../summer/2013/images/icon_green.gif);
}
h4.sytle_box_Fire {
	height:35px;
	_height:40px;
 	color:#1A4779;
 	border:2px solid #8DBDE0;
	font-size: 123.1%;
	font-weight:bold;
	letter-spacing:2px;
	padding:5px 0 0 55px;
	background:url(../summer/2013/images/h4_fire.gif) no-repeat 10px 2px;
	margin:0 0 20px;
}
h4.sytle_box_Notice {
	width:335px;
	_width:350px;
	height:30px;
	_height:35px;
 	color: #C00;
	letter-spacing:2px;
	padding:5px 0 0 15px;
	background:url(../summer/2013/images/h4_notice.gif) no-repeat;
	margin:0 0 3px;
}
h4.Fire {
	padding:0 0 8px 58px;
	background: url(../summer/2013/images/h4_ring.gif) no-repeat 15px 0;
}
h4.Obser {
	letter-spacing:3px;
 	color:#01721F;
	padding:3px 0 5px 58px;
	background: url(../summer/2013/images/h4_obser.gif) no-repeat 15px 0;
	margin-top:30px;
}

/* 詳細 */
ul.process li p.text03{
	width: 365px;
	_width: 370px;
	padding-left:5px;
}
.NoticeBox {
	background: #EAEAEA;
	padding:10px 15px;
	font-size:85%;
	letter-spacing:1px;
	margin-bottom:5px;
}
.NoticeBox dt {
	width:320px;
	float:left;
}
.NoticeBox dd {
	width:290px;
	float:right;
	text-align:left;
}
.TXT-S {
	font-size:95%;
	letter-spacing:1px;
	line-height:145%;
}
/* 工作 */
.HandArea {
	display:block;
	letter-spacing:1px;
	line-height:135%;
}
.HandArea dt {
	width:310px;
	float:left;
	clear:both;
	margin:0 0 30px 0;
	background: url(../summer/2013/images/num01.jpg) no-repeat 0 0;
	padding:50px 0 0 0;
}
.HandArea dd {
	width:310px;
	float:right;
	background: url(../summer/2013/images/num02.jpg) no-repeat 0 0;
	padding:50px 0 0 0;
	margin:0 0 30px 0;
}
.HandArea dt.Long {
	width:660px;
	margin:0 0 30px 0;
	background: url(../summer/2013/images/num01.jpg) no-repeat 0 0;
	padding:50px 0 0 0;
}
.HandArea dt img,.HandArea dd img{
	display:block;
	margin:0 auto 10px;
}
/* 宇宙天気 */
p.ObserNumber {
	background: url(../summer/2013/images/num01.jpg) no-repeat 0 0;
	padding:5px 0 10px 50px;
	letter-spacing:3px;
	font-weight:bold;
	font-size:105%;
	color:#00a0b0;
}
p.RingNumber {
	background: url(../summer/2013/images/ringnum01.jpg) no-repeat 0 0;
	padding:5px 0 10px 45px;
	letter-spacing:3px;
	font-weight:bold;
	font-size:105%;
}
/* 雲を読もう */
.HandArea span {
	display:block;
	margin:0 0 3px;
	font-weight:bold;
}
.HandArea dt.Cloud {
	width:410px;
	background: none;
	padding:0;
	letter-spacing:2px;
	line-height:165%;
	font-size:85%;
}
.HandArea dd.Cloud {
	width:225px;
	background: none;
	padding:0;
	letter-spacing:2px;
	line-height:165%;
}
/* 2014 夏の紫外線実験 */
.UltravioletArea h4 {
	margin:40px 0 15px;
	padding:13px 0 13px 80px;
	background: #F5F5F5 url(../summer/2014/images/h4_sun.gif) no-repeat 15px 5px;
	color:#2073cf;
	font-size:125%;
	letter-spacing:3px;
	border-bottom:1px dotted #2073cf;
}
.UltravioletArea p {
	padding: 0 15px 5px;
	letter-spacing:2px;
	line-height:145%;
}
.UltravioletArea dl {
	display:block;
	margin:0 0 20px;
}
.UltravioletArea dt {
	width:250px;
	float:right;
	margin-right:20px;
	margin-bottom:20px;
}
.UltravioletArea dd {
	width:380px;
	float:left;
	clear:both;
	padding-top:30px;
	margin-bottom:20px;
}
.UltravioletArea dd p.One {
	min-height:50px;
	background:url(../summer/2014/images/experiment01_no01.gif) no-repeat 15px 0;
	padding:5px 10px 0 75px;
}
.UltravioletArea dd p.Two {
	background-image:url(../summer/2014/images/experiment01_no02.gif);
}
.UltravioletArea dd p.Three {
	background-image:url(../summer/2014/images/experiment01_no03.gif);
}
.UltravioletArea dd p.Four {
	background-image:url(../summer/2014/images/experiment01_no04.gif);
}
.UltravioletArea dd p.Five {
	background-image:url(../summer/2014/images/experiment01_no05.gif);
}
.UltravioletArea dd p.Six {
	background-image:url(../summer/2014/images/experiment01_no06.gif);
}
/* 2014 パラパラアニメをつくってみよう */
.ParaArea h4 {
	margin:40px 0 15px;
	padding:13px 0 13px 95px;
	background: #fff799 url(../summer/2014/images/h4_cloud.gif) no-repeat 15px 5px;
	color:#66381a;
	font-size:125%;
	letter-spacing:3px;
	border-bottom:1px dotted #66381a;
}
.ParaArea p {
	padding: 0 15px 5px;
	letter-spacing:2px;
	line-height:145%;
}
.ParaArea dl {
	display:block;
	margin:0 0 20px;
	letter-spacing:2px;
}
.ParaArea dt {
	width:320px;
	float:right;
	text-align:right;
	margin-right:20px;
	margin-bottom:20px;
}
.ParaArea dd {
	width:280px;
	float:left;
	clear:both;
	padding-top:40px;
	margin-bottom:20px;
	margin-left:15px;
}
.ParaArea dd.PhotoBox {
	width:310px;
	clear:none;
	padding-top:10px;
	margin-bottom:10px;
}
/* 2017 ガイコツ模型 */
.GaikotsuContent {
	background:url(../summer/2017/images/gaikotsu_bg.gif);
	padding:40px 0;
	font-size:120%;
	line-height:155%;
	letter-spacing:1px;
}
.GaikotsuContent .Read {
	margin:20px 50px;
}
.GaikotsuContent p {
	margin-bottom:15px;
}
.GaikotsuContent dl {
	display:block;
	margin:0 35px 20px;
	letter-spacing:1px;
}
.GaikotsuContent dt {
	width:360px;
	float:right;
	text-align:left;
	margin-bottom:20px;
}
.GaikotsuContent dd {
	width:270px;
	float:left;
	clear:both;
	margin-bottom:20px;
}
.GaikotsuContent dd.Full {
	width:100%;
	float:none;
	text-align:center;
}
/* アニメーションボタン */
a.AnimeBtn {
	display: inline-block;
	text-indent:0 !important;
	padding:10px 20px;
	text-align: center;
	text-decoration: none;
	font-size:165%;
	font-weight:bold;
	outline: none;
	position: relative;
	z-index: 2;
	background-color: #8fc31f;
	border: 2px solid #8fc31f;
	color: #fff;
	border-radius: 5px;
	webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
a.AnimeBtn::before,
a.AnimeBtn::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #8fc31f;
}
a.AnimeBtn,
a.AnimeBtn::before,
a.AnimeBtn::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
a.AnimeBtn:hover {
	background-color: #fff;
	border-color: #333;
	color: #333 !important;
}
a.AnimeBtn::before {
	right: 0;
}
a.AnimeBtn::after {
	left: 0;
}
a.AnimeBtn:hover::before,
a.AnimeBtn:hover::after {
	width: 0;
	background-color: #333;
}