/*====================================
	(style_contents.css)からの#header_menuの差分
====================================*/
#header_menu {
	height: 70px;
	background-image: url(/kodomo/images/header_menu_bgw.png);
}

	#header_menu > #header_menu_inner {
		height: 62px;
	}

	#header_menu > #header_menu_inner > ul > li {
		height: 62px;
		background-image: url(/kodomo/images/header_menuw.png);
	}

		#header_menu_inner > ul > li > a {
			height: 62px;
		}

		#header_menu_inner .header_smenu {
			top: 62px;
		}


/* 一時的に動画ボタンをブランク */
.box03 #box03_menu #box03_menu_movie {
	opacity: 0.5;
	-ms-filter: "alpha(opacity=50)";
}


/*====================================
Window Size 1100px 以下（1000px表示）
====================================*/
@media screen and (min-width: 1001px){
	body {
		-webkit-text-size-adjust: 100%;
	}

	#pc {
		width: 100%;
		min-width: 1280px;
	}

	#bg {
		width:100%;
		height: auto;
		position: relative;
		top: -8px;
	}

	#header_menu {
		min-width: 1280px;
		z-index: 5;
	}

	#waku {
		background-image: url(../images/bg.gif);
		background-repeat:repeat-y;
		background-size: 1366px auto;
		-webkit-background-size: 1366px auto;
		background-position: center center;
		margin: 0 auto;
	}

	#wrapper {
		width: 1280px;
		margin: 0 auto;
	}

	img {
		margin: 0;
		padding:0;
		border:none;
		vertical-align:bottom;
	}

	p {
		margin: 0;
	}

	a:hover {
		opacity: 0.5;
	}

	/***** Reload Start[first] *****/
	#mainarea-1st {
		visibility: hidden;
	}

	#mainarea {
		width: 1280px;
		position: relative;
		margin: 0 auto;
	}

		#mainarea #inner_skip {
			width: 58px;
			height: 58px;
			top: 10px;
			right: 10px;
			position: absolute;
			z-index: 99;
			background: url(../images/skip.png) no-repeat;
			text-indent: -9999px;
		}

		#mainarea div#logo {
			width: 446px;
			height: 211px;
			top: 45px;
			left: 51px;
			position:absolute;
			z-index:99;
			background: url(../images/logo.png) no-repeat;
			text-indent: -9999px;
		}

		#mainarea #inner_skip {
			position:absolute;
			top: 10px;
			right: 10px;
			margin: auto;
			z-index:100;
			cursor: pointer;
		}

		#mainarea #mainvisual {
			width: 1280px;
			height: 740px;
		}

		#mainarea #mainvisual > img {
			width: 1280px;
			height: 740px;
		}

	/*****　Changes Page[second]　*****/

	#mainarea-2nd {
		width: 1280px;
		overflow: hidden;
		padding: 20px 0 14px 0;
		display: none;
	}

	.box01 {
		width: 338px;
		float: left;
		margin: 0 0 0 19px;
	}

		.box01 #boxlogo {
			width: 335px;
			height: 158px;
			display: block;
			background: url(../images/boxlogo.png) no-repeat;
			margin: 60px auto 30px;
			text-indent: -9999px;
		}

		.box01 #txt_detail {
			position: relative;
			width: 338px;
			height: 244px;
			display: block;
			background: url(../images/txt_detail.png) no-repeat;
			text-indent: -9999px;
			margin: 0px 0 15px 0;
		}

		.box01 #box01_thanks {
			background-color: #fcd5b4;
			width: 308px;
			color:#ff0000;
			border:2px solid #ff0000;
			padding: 10px 10px 10px 10px;
		}

		.box01 #box01_whatsnew {
			width: 290px;
			border: 1px solid #cccccc;
			padding: 20px;
			margin: 15px 0px 15px 0px;
		}

		.box01 #bnr {
			overflow: hidden;
		}

		.box01 #bnr ul {
			margin: 10px 0px 0px 0px;
		}

		.box01 #bnr li {
			float: left;
			margin: 0 0 0 12px;
			display: block;
			text-indent: -9999px;
		}

			.box01 #bnr #bnr_li01 {
				width: 57px;
				height: 32px;
				background: url(../images/bnr01.png) no-repeat;
			}

			.box01 #bnr #bnr_li02 {
				width: 99px;
				height: 32px;
				background: url(../images/bnr02.png) no-repeat;
			}

			.box01 #bnr #bnr_li03 {
				width: 68px;
				height: 32px;
				background: url(../images/bnr03.png) no-repeat;
			}

			.box01 #bnr #bnr_li03 > a {
				width: 100%;
				height: 100%;
				display: block;
			}

	.box02 {
		width: 537px;
		float: left;
		height:703px;
		overflow:hidden;
		margin: 0 15px 0 15px;
	}

		.box02 #thumbslist li {
			padding:0px;
			float:left;
		}

	.box03 {
		width: 339px;
		float: left;
		margin: 0 14px 0 0;
		padding: 0px 0 0 0;
	}

		.box03 #box03_title {
			width: 138px;
			height: 468px;
			margin: 0px auto 0px auto;
			padding: 0px 0px 10px 0px;
			background: url(../images/top_box03_title.png) no-repeat;
			text-indent: -9999px;
		}

		.box03 #box03_menu, .box03 #box03_menu2 {
			width: 292px;
			height: 17px;
			display: block;
			padding: 10px 0px 10px 0px;
		}
			.box03 #box03_menu li, .box03 #box03_menu2 li {
				float: left;
				display: block;
				text-indent: -9999px;
			}

			.box03 #box03_menu li > a, .box03 #box03_menu2 li > a {
				width: 100%;
				height: 100%;
				display: block;
			}

			.box03 #box03_menu #box03_menu_english {
				width: 104px;
				height: 17px;
				background: url(../images/top_box03_menu_english.png) no-repeat;
			}

			.box03 #box03_menu #box03_menu_press {
				width: 119px;
				height: 17px;
				background: url(../images/top_box03_menu_press.png) no-repeat;
			}

			.box03 #box03_menu #box03_menu_movie {
				width: 69px;
				height: 17px;
				background: url(../images/top_box03_menu_movie.png) no-repeat;
			}

			.box03 #box03_menu2 #box03_menu_copyright {
				width: 125px;
				height: 17px;
				background: url(../images/top_box03_menu_copyright.png) no-repeat;
			}


		.box03 #box03_bt {
			width: 349px;
			height: 17px;
			display: block;
			padding: 10px 0px 20px 0px
		}
			.box03 #box03_bt li {
				float: left;
				display: block;
				padding: 0px 8px 0px 0px;
				text-indent: -9999px;
			}

			.box03 #box03_bt li a {
				width: 100%;
				height: 100%;
				display: block;
			}

			.box03 #box03_bt #box03_bt01 {
				width: 108px;
				height: 61px;
				background: url(../images/top_box03_bt01.png) no-repeat;
			}

			.box03 #box03_bt #box03_bt02 {
				width: 109px;
				height: 61px;
				background: url(../images/top_box03_bt04.png) no-repeat;
			}

			.box03 #box03_bt #box03_bt03 {
				width: 108px;
				height: 61px;
			}

				.box03 #box03_bt #box03_bt03 li {
					width: 108px;
					height: 26px;
					float: none;
				}

				.box03 #box03_bt #box03_bt03 li#box03_bt03_in1 {
					width: 108px;
					height: 26px;
					background: url(../images/top_box03_bt05.png) no-repeat;
					padding: 0px 0px 9px 0px;
				}

				.box03 #box03_bt #box03_bt03 li#box03_bt03_in2 {
					width: 108px;
					height: 26px;
					background: url(../images/top_box03_bt06.png) no-repeat;
				}

		.box03 #txt_author {
			width: 339px;
			height: 85px;
			margin: 37px 0 0 0;
		}

		.box03 #txt_author01 {
			width: 339px;
			height: 83px;
			display: none;
			background: url(../images/txt_author01.png) no-repeat;
			text-indent: -9999px;
		}

		.box03 #txt_author02 {
			width: 339px;
			height: 83px;
			display: none;
			background: url(../images/txt_author02.png) no-repeat;
			text-indent: -9999px;
		}

	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear :both;
		visibility: hidden;
	}

	.clearfix {
		display:
		inline-table;
		min-height:1%;
	}

	/* MacIE begin \*/
	* html .clearfix {
		height: 1%;
	}

	/***** footer *****/
	footer {
		width: 100%;
		min-width: 1280px;
		height: 64px;
		position: relative;
		margin: 0px auto;
	}

		footer #footer-upper {
			width: 100%;
			background: #cccccc;
		}

		footer ul#footer-snsbtn {
			width: 1280px;
			margin: 0px auto;
			display: block;
		}

		footer ul > li.btnleft {
			margin: 11px 0 0 0;
			float: left;
		}

		footer ul > li.btnright {
			float: right;
		}

		footer #copyright {
			width: 100%;
			font-size: 15px;
			line-height: 32px;
			background: #9c2d00;
			text-align: center;
			color: #ffffff;
		}

	.clearfix {
		*zoom: 1;
	}

	.clearfix:after {
		content: '';
		display: block;
		clear: both;
	}

}

/*====================================
Window Size 1100px 以下（1000px表示）
====================================*/
@media screen and (max-width: 1000px){
	body {
		background: none;
	}

	#pc {
		width: 100%;
		min-width: 1000px;
	}

	#header_menu {
		min-width: 1000px;
		z-index: 5;
	}

	#bg {
		width:100%;
		height: auto;
		position: relative;
		top: -8px;
	}

	#waku {
		background-image: url(../images/bg_s.gif);
		background-repeat:repeat-y;
		background-size: 985px auto;
		-webkit-background-size: 985px auto;
		background-position: center center;
		margin: 0 auto;
	}

	#wrapper {
		width: 925px;
		margin: 0 auto;
	}

	img {
		margin:0;
		padding:0;
		border:none;
		vertical-align:bottom;
	}

	p {
		margin: 0;
	}

	a:hover {
		opacity: 0.5;
	}

	/***** Reload Start[first] *****/
	#mainarea-1st {
		visibility: hidden;
	}

	#mainarea {
		width: 925px;
		position: relative;
		margin: 0 auto;
	}

		#mainarea #inner_skip {
			width: 45px;
			height: 45px;
			top: 10px;
			right: 10px;
			position: absolute;
			z-index: 99;
			background: url(../images/skip_s.png) no-repeat;
			text-indent: -9999px;
		}

		#mainarea div#logo {
			width: 302px;
			height: 143px;
			top: 45px;
			left: 51px;
			position: absolute;
			z-index: 99;
			background: url(../images/logo_s.png) no-repeat;
			text-indent: -9999px;
		}

		#mainarea div#logo > img {
			width: 90%;
			height: 90%;
		}

		#mainarea #inner_skip {
			position:absolute;
			top: 10px;
			right: 10px;
			z-index:100;
			cursor: pointer;
		}

		#mainarea #inner_skip > img {
			width: 80%;
			height: 80%;
		}

		#mainarea #mainvisual {
			width: 925px;
			height: 530px;
		}

		#mainarea #mainvisual > img {
			width: 925px;
			height: 530px;
		}

	/*****　Changes Page[second]　*****/

	#mainarea-2nd {
		width: 925px;
		overflow: hidden;
		padding: 17px 0px 10px 0px;
		display: none;
	}

	.box01 {
		width: 245px;
		float: left;
		margin: 0 0 0 15px;
	}

		.box01 #boxlogo {
			width: 230px;
			height: 109px;
			display: block;
			background: url(../images/boxlogo_s.png) no-repeat;
			margin: 30px auto 42px;
			text-indent: -9999px;
		}

		.box01 #txt_detail {
			width: 233px;
			height: 165px;
			display: block;
			background: url(../images/txt_detail_s.png) no-repeat;
			text-indent: -9999px;
		}

		.box01 #box01_thanks {
			background-color: #fcd5b4;
			width: 218px;
			color:#ff0000;
			border:2px solid #ff0000;
			padding: 10px 10px 10px 10px;
		}

		.box01 #box01_whatsnew {
			width: 230px;
			border: 1px solid #cccccc;
			padding: 5px;
			margin: 5px 0px 0px 0px;
		}

		.box01 #bnr {
			overflow: hidden;
		}

		.box01 #bnr ul {
			margin: 15px 0 0 0;
		}

		.box01 #bnr li {
			float: left;
			text-indent: -9999px;
			display: block;
			margin: 0 0 0 4px;
		}

			.box01 #bnr #bnr_li01 {
				width: 40px;
				height: 22px;
				background: url(../images/bnr01_s.png) no-repeat;
			}

			.box01 #bnr #bnr_li02 {
				width: 69px;
				height: 22px;
				background: url(../images/bnr02_s.png) no-repeat;
			}

			.box01 #bnr #bnr_li03 {
				width: 48px;
				height: 22px;
				background: url(../images/bnr03_s.png) no-repeat;
			}

			.box01 #bnr #bnr_li03 > a {
				width: 100%;
				height: 100%;
				display: block;
			}

	.box02 {
		width: 381px;
		height: 497px;
		float: left;
		overflow:hidden;
		margin: 0 12px 0 12px;
	}

		.box02 #thumbslist li {
			padding: 0px;
			float: left;
		}

		.box02 #pic1 img, .box02 #pic2 img {
			width: 381px;
			height: auto;
		}

	.box03 {
		width: 246px;
		float: left;
	 	margin: 0 14px 0 0;
		padding: 0 0 0 0;
	}

		.box03 #box03_title {
			width: 96px;
			height: 322px;
			margin: 0px auto 0px auto;
			padding: 20px 0px 0px 0px;
			background: url(../images/top_box03_title_s.png) no-repeat;
			text-indent: -9999px;
		}

		.box03 #box03_menu, .box03 #box03_menu2 {
			width: 224px;
			height: 12px;
			display: block;
			padding: 0px 0px 10px 0px;
		}
			.box03 #box03_menu li, .box03 #box03_menu2 li {
				float: left;
				display: block;
				text-indent: -9999px;
			}

			.box03 #box03_menu li > a, .box03 #box03_menu2 li > a {
				width: 100%;
				height: 100%;
				display: block;
			}

			.box03 #box03_menu #box03_menu_english {
				width: 73px;
				height: 12px;
				background: url(../images/top_box03_menu_english_s.png) no-repeat;
			}

			.box03 #box03_menu #box03_menu_press {
				width: 83px;
				height: 12px;
				background: url(../images/top_box03_menu_press_s.png) no-repeat;
			}

			.box03 #box03_menu #box03_menu_movie {
				width: 48px;
				height: 12px;
				background: url(../images/top_box03_menu_movie_s.png) no-repeat;
			}

			.box03 #box03_menu2 #box03_menu_copyright {
				width: 125px;
				height: 17px;
				background: url(../images/top_box03_menu_copyright_s.png) no-repeat;
			}

		.box03 #box03_bt {
			width: 250px;
			height: 17px;
			display: block;
			padding: 0px 0px 15px 0px
		}
			.box03 #box03_bt li {
				float: left;
				display: block;
				padding: 0px 8px 0px 0px;
				text-indent: -9999px;
			}

			.box03 #box03_bt li a {
				width: 100%;
				height: 100%;
				display: block;
			}

			.box03 #box03_bt #box03_bt01 {
				width: 75px;
				height: 43px;
				background: url(../images/top_box03_bt01_s.png) no-repeat;
			}

			.box03 #box03_bt #box03_bt02 {
				width: 76px;
				height: 43px;
				background: url(../images/top_box03_bt04_s.png) no-repeat;
			}

			.box03 #box03_bt #box03_bt03 {
				width: 75px;
				height: 43px;
			}

				.box03 #box03_bt #box03_bt03 li {
					width: 75px;
					height: 43px;
					float: none;
				}

				.box03 #box03_bt #box03_bt03 li#box03_bt03_in1 {
					width: 75px;
					height: 18px;
					background: url(../images/top_box03_bt05_s.png) no-repeat;
					padding: 0px 0px 7px 0px;
				}

				.box03 #box03_bt #box03_bt03 li#box03_bt03_in2 {
					width: 75px;
					height: 18px;
					background: url(../images/top_box03_bt06_s.png) no-repeat;
				}

		.box03 #txt_author {
			width: 233px;
			height: 36px;
			margin: 16px 0 0 0;
		}

		.box03 #txt_author01 {
			width: 233px;
			height: 60px;
			display: none;
			background: url(../images/txt_author01_s.png) no-repeat;
			text-indent: -9999px;
		}

		.box03 #txt_author02 {
			width: 233px;
			height: 60px;
			display: none;
			background: url(../images/txt_author02_s.png) no-repeat;
			text-indent: -9999px;
		}

	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear :both;
		visibility: hidden;
	}

	.clearfix {
		display:
		inline-table;
		min-height:1%;
	}

	/* MacIE begin \*/
	* html .clearfix {
		height: 1%;
	}

	.clearfix {
		display: block;
	}


	/***** footer *****/
	footer {
		width: 100%;
		min-width: 1000px;
		height: 72px;
		position: relative;
		margin: 0px auto;
	}

		footer #footer-upper {
			width: 100%;
			height: 40px;
			background: #cccccc;
		}

		footer ul#footer-snsbtn {
			width: 925px;
			margin: 0px auto;
			display: block;
		}

		footer ul > li.btnleft {
			margin: 11px 0 0 0;
			float: left;
		}

		footer ul > li.btnright {
			margin: 6px 0 0 0;
			float: right;
		}

		footer #upper-txt img {
			width: 473px;
		}

		footer #copyright {
			width: 100%;
			font-size: 15px;
			line-height: 32px;
			background: #9c2d00;
			text-align: center;
			color: #FFF;
		}

}