@charset 'Shift_JIS';


/*タグ初期化*/
img{border:0;vertical-align:top;}
p,h1,h2,h3,h4,h5,h6,form{margin:0;padding:0;}
ul{margin:0;padding:0;list-style-type:none;}
ol{margin:0;padding:0;list-style-type:none;}
li{margin:0;padding:0;list-style-type:none;}
div{margin:0;padding:0;}




/******************************************************************************/
/*汎用クラス
/******************************************************************************/

/*汎用テキストクラス*/
a 		{color:#39c;text-decoration:none;}
a:hover {color:#39c;text-decoration:underline;}
.tB	{font-weight:bold;}



/******************************************************************************/
/*共通レイアウト
/******************************************************************************/

body{
	font-family:'ＭＳ Ｐゴシック',sans-serif;
	margin:0;padding:0;
	text-align:center;
	color:#000;
	font-size:14px;
	line-height:1.3;
	background:#35A2D8;
}
#container{
	width:100%;
	background:#fff url(../common_image/container_bg.gif) left bottom repeat-x;
}


/*header----------------------------------------*/
#headerBg{
	width:100%;
	height:120px;
	margin-bottom:20px;
	background:#fff url(../common_image/header_bg.gif) bottom center repeat-x;
}
#header{
	width:780px;
	height:120px;
	margin:0 auto;
	text-align:left;
	position:relative;
}
h1{
	width:380px;
	height:65px;
	padding-top:10px;
}
* html body h1{height:75px;}
h1 a{
	display:block;
	width:380px;
	height:75px;
	text-indent:-9999px;
	background:url(../common_image/h1.gif) top left;
}
h1 a:hover{
	background-position:bottom left;
}
#header img{
	position:absolute;
	right:6px;
	bottom:-12px;
}

/*こどもページ用----------*/
h1#kid_h1{
	width:520px;
}
h1#kid_h1 a{
	display:block;
	width:520px;
	height:75px;
	text-indent:-9999px;
	background:url(../common_image/kid_h1.gif) top left;
}
h1#kid_h1 a:hover{
	background-position:bottom left;
}
a#kid_otona{
	display:block;
	width:200px;
	height:75px;
	text-indent:-9999px;
	position:absolute;
	top:23px;
	right:0;
	background:url(../common_image/kid_otona.gif) top left;
}
a#kid_otona:hover{
	background-position:bottom left;
}
/*----------*/


/*contents----------------------------------------*/
#contents,#kid_contents{
	width:780px;
	margin:0 auto 30px auto;
	text-align:left;
}
#contents:after{content:""; display:block; clear:both;}
/*こどもページ用----------*/
#kid_contents{
	background:#EFEDDE url(../common_image/kid_contents_bg.gif) 615px bottom no-repeat;
}
#kid_contents:after{content:""; display:block; clear:both;}
/*----------*/

#menu{
	width:210px;
	float:left;
}
.menuBox{
	width:210px;
	margin-bottom:5px;
	background:url(../common_image/menu_box.gif) bottom left no-repeat;
	position:relative;
}
h2#menu01,h2#menu02,h2#menu03,h2#menu04,h2#menu06{
	width:210px;
	height:31px;
	text-indent:-9999px;
	background:url(../common_image/menu_h2.gif);
}
h2#menu01{background-position:0 0;}
h2#menu02{background-position:0 -31px;}
h2#menu03{background-position:0 -62px;}
h2#menu04{background-position:0 -93px;}
h2#menu06{background-position:0 -124px;}
.menuIcon{
	position:absolute;
	top:1px;
	right:1px;
}
h2#menu05 a{
	display:block;
	width:210px;
	height:57px;
	text-indent:-9999px;
	margin-bottom:12px;
	background:url(../common_image/menu_05.gif) top left;
}
h2#menu05 a:hover{
	background-position:bottom left;
}
.menuBox ul{
	padding:10px 10px 5px 10px;
}
.menuBox ul li{
	margin-bottom:5px;
}
p#menuMobile{
	padding:0 10px;
	font-size:13px;
}
img#qr{
	margin:3px 0 7px 5px;
}
/*こどもページ用----------*/
#kid_menu{
	width:210px;
	height:590px;
	float:left;
	position:relative;
}
#kid_menu ul{
	width:250px;
	height:497px;
	position:absolute;
	top:14px;
	left:-24px;
}
a#kid_menu01,a#kid_menu02,a#kid_menu03,a#kid_menu04,a#kid_menu05,a#kid_menu06{
	display:block;
	width:250px;
	text-indent:-9999px;
	background:url(../common_image/kid_menu.gif);
}
a#kid_menu01{height:95px;background-position:0 0;}
a#kid_menu02{height:71px;background-position:0 -95px;}
a#kid_menu03{height:98px;background-position:0 -166px;}
a#kid_menu04{height:86px;background-position:0 -264px;}
a#kid_menu05{height:71px;background-position:0 -350px;}
a#kid_menu06{height:76px;background-position:0 -421px;}
a#kid_menu01:hover{background-position:-250px 0;}
a#kid_menu02:hover{background-position:-250px -95px;}
a#kid_menu03:hover{background-position:-250px -166px;}
a#kid_menu04:hover{background-position:-250px -264px;}
a#kid_menu05:hover{background-position:-250px -350px;}
a#kid_menu06:hover{background-position:-250px -421px;}
/*----------*/

#main{
	width:540px;
	float:right;
}
/*こどもページ用----------*/
#kid_main{
	width:530px;
	float:right;
	margin:20px;
}
* html body #kid_main{
	margin:20px 10px;
}
/*----------*/


/*footer----------------------------------------*/
#footer{
	width:880px;
	height:85px;
	margin:0 auto;
	text-align:left;
	background:url(../common_image/footer_bg.gif) left bottom no-repeat;
}
#footer p{
	padding-top:60px;
	padding-left:50px;
	font-size:12px;
	color:#fff;
}