@charset "UTF-8";

/**********************************************************************************************/
/* CSSの初期化 */
/***********************************************/

body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, 
brockquote, pre, table, caption, th, td, address, 
form, fieldset, legend, object {

  font-family:"ヒラギノ角ゴ Pro W3","メイリオ",Osaka,"ＭＳ Ｐゴシック",sans-serif;
}

h5, h6, pre, table, code, kbd, samp, acronym, input, textarea {
  font-size: 100%;
}

a, ins {
  text-decoration: none;
}

address, em, cite, dfn, var {
  font-style: normal;
}

input, textarea {
  font-family: sans-serif;
  font-weight: normal;
}

img {
  vertical-align: baseline;
}

a img {
  border: none;
}
/***********************************************/
/* CSSの初期化 */
/**********************************************************************************************/



/**********************************************************************************************/
/* 全ページ                 */
/***********************************************/
body{
background-color:#bfe1f3;
  text-align:center;
  background-image:url(img/BG.jpg);
  background-repeat:repeat-x;
  padding:0px;
  margin:0px;
}
a img{
border:none;
}
p{
font-size:12px;
line-height:20px;
}
#globalM_Area{
width:910px;
height:80px;
background-color:#FFFFFF;
background-image:url(img/head.jpg);
background-repeat:no-repeat;
background-position: 100% 1px;
padding:0px 0px 0px 0px;
margin:0 auto;
}
img.logo{
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#globalMenu {
width:590px;
height:60px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:right;
text-align:left;

}
#globalMenu ul {
width:auto;
margin:0px 0px 0px 0px;
padding:50px 60px 0px 0px;
list-style:none;

}
#globalMenu ul li{
width:auto;
padding:5px 0px 0px 5px;
margin:0px 0px 0px 10px;
text-align:left;
float:right;
line-height: 1;
}
#news_menu{
width:1030px;
height:535px;
margin:0 auto;
background-image:url(img/kidsnews_BG.jpg);
background-position:center;
background-repeat:no-repeat;
position:relative;
}
#wrapper{
width:1030px;
margin:0 auto;
}
#content_area {
width:910px;
text-align:center;
margin:0 auto;
padding:0px;
margin-top:0px;
background-color:#FFFFFF;
display: inline-block;
}
#content_area:after{
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
	clear: both;
	line-height: 0;
}
/* hide from MacIE \*/
* html #content_area{ height: 1em; }
#content_area{ display: block; }
/* end of clearfix */

h1{
padding:23px 0px 0px 10px;
margin:0px;
}

#screen{
width:253px;
height:164px;
padding:96px 0px 0px 194px;
margin:0px;
float:left;
}
.fadein { position:relative; height:170px; width:253px; }
.fadein img { position:absolute; left:0; top:0; }

/* ----------  キービジュアルナビゲーション ---------- */
#menuTXT{
width:330px;
padding:28px 0px 0px 60px;
margin:0px;
float:left;
}
#menuTXT ul{
width:330px;
margin:0px;
padding:0px;
list-style:none;
}
#menuTXT li{
height:45px;
margin:0px;
padding:0px 0px 1px 0px;
}
#menuTXT li img{
	vertical-align: bottom;
}
#news_movie{
clear:both;
width:1030px;
height:38px;
margin:0;
padding: 0;
}
#news_movie img{
margin: 16px 0 0 440px;
}

/* ----------  キービジュアルナビゲーション（商社ものがたり追加） ---------- 
#menuTXT{
width:382px;
padding:12px 0px 0px 60px;
margin:0px;
float:left;
background: url(img/bg-menu-top.png) no-repeat 60px 4px;
}
#menuTXT ul{
width:330px;
margin:0px;
list-style:none;
padding: 0 37px 7px 16px;
background: url(img/bg-menu-bottom.png) no-repeat 0 100%;
}
#menuTXT li{
height:45px;
margin:0px;
padding:0px 0px 1px 0px;
background: url(img/bg-menu-separate.gif) no-repeat 0 0;
}
#menuTXT li img{
	vertical-align: bottom;
}
#menuTXT li.first{
	background: none;
}
#news_movie{
clear:both;
height:40px;
margin:0px;
padding:11px 0px 0px 400px;
_padding:11px 0px 0px 400px;
background: url(img/bg-menu-movie.jpg) no-repeat 555px 0;
}
*/

#kidsContents .feature dl{
	width: 644px;
	padding-bottom: 10px;
	border-bottom: 1px solid #BFE1F3;
}
#kidsContents .feature dt{
	float: left;
	width: 380px;
}
#kidsContents .feature dd{
	float: right;
	width: 247px;
}
#kidsContents .feature dd h3{
	margin-top: 45px;
	width: auto;
}
#kidsContents .feature p{
	line-height: 18px;	
}


#kidsContents {
width:660px;
padding:0px 0px 10px 10px;
margin:0px;
float:left;
}
h2.kidsContents{
width:660px;
padding:2px 0px 10px 0px;
margin:5px 0px  0px;
}
#kidsContents h3{
width:280px;
height:20px;
font-size:14px;
font-weight:bold;
line-height: 1.6;
color:#0000FF;
background:url(img/icon_spl.gif) no-repeat 0 -28px;
padding:2px 0px 2px 25px;
margin:0px 0px 0px 0px;
}
#kidsContents img{ vertical-align: bottom; }
#kidsContents dl{
width:320px;
padding:0px 0px 4px 0px;
margin:5px 0px 4px 6px;
display: inline;
list-style:none;
float:left;
}
#kidsContents dt{
width:318px;
padding:2px;
margin:0px 0px 0px 0px;
text-align:left;
}
#kidsContents dd{
width:303px;
padding:2px;
margin:0px 0px 0px 0px;
text-align:left;
}
#kidsContents dd p{
font-size:12px;
padding-top:3px;
margin:0px 0px 0px 0px;
text-align:left;
line-height:16px;
color:#555555;
}
#kidsContents dd a{
color:#0033FF;
text-decoration:none;
}
#kidsContents dd a:hover{
color:#FF3300;
}
#kidsContents dt a img{
padding:0px;
border:none;
}
#kidsContents dt a:hover img{
padding:0px;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}

/* ----------  動画コンテンツ ---------- 
#kidsContents .movies{
	float: left;
	width: 320px;
	background:#f0f0f0;
	margin: 5px 0 0 6px;
}
#kidsContents .movies h4{
	margin: 0;
	padding: 5px 0 0 0;
}
#kidsContents .movies dl{
	width: auto;
	border-bottom: 1px dotted #cccccc;
	margin: 5px 0 0 5px;
}
#kidsContents .movies dt{
	float: left;
	width: auto;
	margin-right: 5px;
}
#kidsContents .movies dd{
	width: auto;
	margin-right: 5px;
}
#kidsContents .movies dd h3{
	height: auto;
}
*/

.note{
font-size:12px;
padding:10px;
}

.news{
color:#ff0000;
padding:0px 0px 0px 0px;
font-size: 80%;
}
.movie{
color:#a40000;
}
h2.news{
width:660px;
height:35px;
padding:2px 0px 0px 0px;
margin:20px 0px 0px 0px;
}
#news_datas {
width:650px;
margin:0px 0px 0px 5px;
padding: 0px;
}

#news_datas dl{
width:650px;
font-size:12px;
margin:0px 0px 0px 0px;
padding:10px 0px 0px 0px;
text-align:left;
line-height:16px;
overflow:auto;
/*height:240px;
*/
}
#news_datas dt{
float: left;
width:100px;
text-align:left;
padding:5px 0px 5px 27px; 
margin: 0px;
clear: both;
background-image:url(img/icon_spl.gif);
background-position:0 -27px;
background-repeat:no-repeat;
}

#news_datas dd{
margin-left:1em;
padding:5px 0px 5px 0px; 
width:auto;
}

#right_area{
float:right;
width:230px;
margin:0px 5px 0px 5px;
text-align:left;
padding:0px;
}
.banner{
margin:5px 0px 5px 0px;
padding:0px;
}

h2.linksS{
width:222px;
padding:0px 0px 0px 0px;
margin:7px 0px 0px 0px;
}
#othersS{
width:220px;
border-left:solid 1px #3f94f1;
border-right:solid 1px #3f94f1;
border-bottom:solid 1px #3f94f1;
margin:0px 0px 10px 0px;
padding:0px;
text-align:center;
}
#othersS ul{
list-style:none;
text-align:left;
margin:0px 0px 0px 0px;
padding:0px;
vertical-align:top;
}
#othersS li{
margin:10px 0px 10px 0px;
padding:0px 1px 0px 20px;
text-align:left;
font-size:12px;
line-height:15px;
background-image:url(img/icon_c.gif);
background-repeat:no-repeat;
background-position:30px -50px;
}
#othersS a{
color:#0000FF;
padding:0px;
}
#othersS a:hover{
color:#FF3300;
}
.jun{
text-align:right;
font-size:10px;
font-weight:bold;
padding-right:30px;
padding:0px;
margin-top:0px;
width:auto;
color:#444444;
}
#links{
width:220px;
margin:10px 0px 10px 0px;
padding:10px 0px 10px 0px;
border-top:dotted 2px #3f94f1;
border-bottom:dotted 2px #3f94f1;
}

#contents_bottom{
margin:0 auto;
clear:both;
}
#footer_menu{
padding:2px;
margin-top:30px;
background-color:#ececec;
text-align:center;
width:100%;
font-size : 70% ; line-height : 175% ;
}
#copy{
background-color:#006EC6;
text-align:center;
width:100%;
}
/***********************************************/
/* 全ページ                 */
/**********************************************************************************************/

.clearfix{ display: inline-block; }
.clearfix:after{
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
	clear: both;
	line-height: 0;
}
/* hide from MacIE \*/
* html .clearfix{
	height: 1em;
}
.clearfix{
	display: block;
}
/* end of clearfix */