@charset "utf-8";

/*----------------------------------------------------------
  Copy right: MIN ON CONCERT ASSOCIATION all right reserved.
  File  :  kids.css
----------------------------------------------------------*/



@import "resetKids.css";


* html .productArea { behavior: expression(IEPNGFIX.fix(this)); } /*ie6*/



body#access .mainArea {
	width: 950px;
	height: 454px;
}

body#strings .mainArea {
	width: 4186px;
	_width: 10000px;
	height: 430px;
	padding-top: 122px;
	background-image: url(/kids/img/bg_localBase.jpg);
	background-repeat: repeat-x;
	background-position: 0px 122px;
	_background-position: 0px 0px;
	_padding-top: 0;
}

body#strings #header {
	height: 124px;
	background-image: url(/kids/img/bg_headerLocal.gif);
}
body#aerophone .mainArea {
	width: 9910px;
	_width: 12000px;
	height: 430px;
	padding-top: 122px;
	background-image: url(/kids/img/bg_localBase.jpg);
	background-repeat: repeat-x;
	background-position: 0px 122px;
	_background-position: 0px 0px;
	_padding-top: 0;
}
body#aerophone #header {
	height: 124px;
	background-image: url(/kids/img/bg_headerLocal.gif);
}
body#idiophone .mainArea {
	width: 8002px;
	_width: 10000px;
	height: 430px;
	padding-top: 122px;
	background-image: url(/kids/img/bg_localBase.jpg);
	background-repeat: repeat-x;
	background-position: 0px 122px;
	_background-position: 0px 0px;
	_padding-top: 0;
}
body#idiophone #header {
	height: 124px;
	background-image: url(/kids/img/bg_headerLocal.gif);
}
body#membranophone .mainArea {
	width: 7048px;
	_width: 10000px;
	height: 430px;
	padding-top: 122px;
	background-image: url(/kids/img/bg_localBase.jpg);
	background-repeat: repeat-x;
	background-position: 0px 122px;
	_background-position: 0px 0px;
	_padding-top: 0;
}
body#membranophone #header {
	height: 124px;
	background-image: url(/kids/img/bg_headerLocal.gif);
}
body#about .mainArea, body#access .mainArea {
	width: 100%;
	background-image: url(/kids/img/bg_localBaseH454.jpg);
	background-repeat: repeat-x;
	background-position: 0px 100px;
	_background-position: 0px 0px;
	_padding-top: 0;
}

#wrapper {
	width: 100%;
	height: 100%;
	_overflow-x: scroll;
	display: block;
}

.mainArea {
	height: 454px;
	width: 4750px;
	_width: 4850px;
	padding-top: 100px;
	_padding-top: 0;
}

#header  {
	width: 100%;
	height: 100px;
	_height: 98px;
	background-image: url(/kids/img/bg_header.gif);
	background-position: 0 52px;
	_background-position: 0 52px;
	background-repeat: repeat-x;
	position: fixed;
	_font-size: 8px;
	_line-height: 0px;
	_padding-top: 2px;
}

.headArea {
	width: 930px;
	padding-right: 20px;
}

#header dl.kidsLogoHeader {
	float: left;
	width: 347px;
	margin-top: 9px;
	_margin-top: 7px;
	_width: 351px;
	background-image: url(/kids/img/bg_footer.gif);
	padding-left: 20px;
}

#header dl.kidsLogoHeader dt {
	float: left;
	margin-top: 22px;
	margin-right: 1px;
}

#header dl.kidsLogoHeader dd { _margin-left: 190px; }

#header ul.headerMenu {
	float: right;
	margin-bottom: 11px;
	height: 16px;
	padding-top: 8px;
	_padding-top: 6px;
}

*:first-child+html #header ul.headerMenu { /* ie7 */
	padding-top: 0px;
	padding-bottom: 8px;
}

#header  ul.headerMenu li{
	float: left;
	margin-left: 15px;
}

#header ul.globalMenu {
	float: right;
	_margin-left: 0px;
	width: 520px;
}

#header ul.globalMenu li {
	float: left;
	position: absolute;
}

#header ul.globalMenu li.btn01 {
	margin-top: -29px;
	margin-left: 7px;
}
#header ul.globalMenu li.btn01On {
	margin-top: 6px;
	margin-left: -8px;
}
#header ul.globalMenu li.btn02 {
	margin-top: -1px;
	margin-left: 127px;
}
#header ul.globalMenu li.btn02On {
	margin-top: 16px;
	margin-left: 128px;
}
#header ul.globalMenu li.btn03 {
	margin-top: -4px;
	margin-left: 259px;
}
#header ul.globalMenu li.btn03On {
	margin-top: -4px;
	margin-left: 258px;
}
#header ul.globalMenu li.btn04 {
	margin-top: -5px;
	margin-left: 392px;
}
#header ul.globalMenu li.btn04On {
	margin-top: -8px;
	margin-left: 390px;
}


.ancAreaFromTop {
	position: absolute;
	margin-left: 105px;
	_display: block;
 _padding-left: 1px;
	_left: 745px;
}

*:first-child+html .ancAreaFromTop {
 padding-left: 1px;
	left: 745px;
}

.contentArea {
	float: left;
	height: 454px;
	width: 950px;
	display: block;
}

.contentArea a { _cursor: pointer; }





/* Footer
---------------------------------------------------------------- */
#footer{
	height: 46px;
	width: 100%;
	font-size: 100%;
	line-height: normal;
	position: fixed;
	_z-index: 500;
}

*:first-child+html #footer{ top: 552px; }

#footer .pageTop {
	margin-top: -25px;
	text-align: right;
	width: 935px;
	z-index: 500;
	position: relative;
}

*:first-child+html #footer .pageTop {
	margin-top: -23px;
}

#footer address {
	float: left;
	padding-top: 20px;
	_padding-top: 10px; /*ie6*/
	padding-left: 20px;
}

*:first-child+html #footer address {
	padding-top: 10px;
}

#footer ul.bnr {
	float: right;
	padding-top: 7px;
}

#footer ul.bnr li {
	float: left;
	margin-right: 17px;
	margin-top: 3px;
}

#footer ul.bnr li.btnMinon { margin-top: 6px; }

#footer ul.bnr li.btnPagetop { _margin-right: 0; _margin-top: 0px; }

ul.subMenu {
	background-image: url(/kids/img/bg_subMenu.gif);
	background-repeat: repeat-x;
	width: 950px;
	height: 18px;
	display: block;
	margin-top: 100px;
	_margin-top: 15px;
	_margin-left: 20px;
	padding-top: 4px;
	_padding: 0;
}

*:first-child+html ul.subMenu {
	margin-top: 9px;
	padding: 0;
}


ul.subMenu li {
	float: right;
	margin-right: 20px;
}
.titleLocalArea {
	float: left;
	height: 430px;
	width: 360px;
}

dl.titleLocal {
	background-image: url(/kids/img/bg_titleLocal.gif);
	background-repeat: no-repeat;
	height: 294px;
	width: 350px;
	margin-top: 136px;
	margin-left: 10px;
	display: block;
}
dl.titleLocal dt {
	margin-left: 47px;
	padding-top: 73px;
}

dl.titleLocal dd {
	margin-top: 20px;
	margin-left: 52px;
	_margin-left: 50px;
}
.arrow01Local {
	width: 105px;
	float: left;
	height: 197px;
	padding-top: 233px;
	text-align: center;
	display: block;
}
.arrow02Local {
	width: 200px;
	float: left;
	height: 198px;
	padding-top: 232px;
	text-align: center;
	display: block;
}
.arrow03Local {
	width: 105px;
	float: left;
	height: 132px;
	padding-top: 298px;
	text-align: center;
	display: block;
}
.productMain {
	width: 747px;
	float: left;
}

.productArea {
	width: 754px;
	float: left;
	height: 374px;
	background-image: url(/kids/img/bg_contentLocal.png);
	background-repeat: no-repeat;
	margin-top: 28px;
	display: block;
}

.productArea .leftArea {
	float: left;
	height: 360px;
	width: 410px;
	margin-top:7px;
	margin-left:7px;
}
.productArea .leftArea dl.thumbList dt {
	float: left;
	position: absolute;
	margin-top: -164px;
	_margin-top: 0px;
	_margin-left: -344px;
}

*:first-child+html .productArea .leftArea dl.thumbList dt {
	margin-top: 0px;
	margin-left: -336px;
}

.productArea .leftArea dl.thumbList dd {
	margin-left: 336px;
	margin-bottom: 5px;
}

.productArea .leftArea dl.thumbList dd img { border: 1px solid #CCC; }
.productArea .leftArea dl.thumbList dd.first { margin-top: 164px; }


.productArea .rightArea {
	float: left;
	width: 330px;
	padding-top: 22px;
	margin-top:7px
}
#top01 {	background-image: url(/kids/img/bg_topIllust01.jpg); }
#top02 {	background-image: url(/kids/img/bg_topIllust02.jpg); }
#top03 {	background-image: url(/kids/img/bg_topIllust03.jpg); }
#top04 {	background-image: url(/kids/img/bg_topIllust04.jpg); }
#top05 {	background-image: url(/kids/img/bg_topIllust05.jpg); }
#access01 {
	background-image: url(/kids/img/bg_accessIllust.jpg);
	background-repeat: no-repeat;
}
#about01 {
	background-image: url(/kids/img/bg_aboutIllust.jpg);
	background-repeat: no-repeat;
	width: 100%;
}






/* Top
---------------------------------------------------------------- */
.topIllust01  {
	position: absolute;
	margin-top: -28px;
	margin-left: 265px;
	z-index: 5000;
}
.topIllust02  {
	position: absolute;
	margin-top: -8px;
	margin-left: 75px;
	z-index: 5000;
}

dl.topLogo {
	margin-top: 95px;
	margin-left: 123px;
}

dl.topLogo dt {
	float: left;
	margin-top: 8px;
}
ul.topBtn01 li{
	float: left;
	position: absolute;
}

ul.topBtn01 li.btn01 {
	margin-top: 226px;
	margin-left: 755px;
}
ul.topBtn02 li { float: left; }
ul.topBtn02 li.btn01 { padding: 226px 0 0 22px; }
ul.topBtn02 li.btn02 { padding: 250px 0 0 29px; }
ul.topBtn02 li.btn03 { padding: 150px 0 0 73px; }
ul.topBtn02 li.btn04 { padding: 284px 0 0 42px; }
ul.topBtn02 li.btn05 { padding: 230px 0 0 49px; }
ul.topBtn02 li.btn06 { padding: 118px 0 0 73px; }
ul.topBtn03 li { float: left; }
ul.topBtn03 li.btn01 { padding: 225px 0 0 17px; }
ul.topBtn03 li.btn02 { padding: 282px 0 0 3px; }
ul.topBtn03 li.btn03 { padding: 169px 0 0 40px; }
ul.topBtn03 li.btn04 { padding: 225px 0 0 22px; }
ul.topBtn03 li.btn05 { padding: 283px 0 0 14px; }
ul.topBtn03 li.btn06 { padding: 223px 0 0 40px; }
ul.topBtn03 li.btn07 { padding: 116px 0 0 56px; }
ul.topBtn04 li { float: left; }
ul.topBtn04 li.btn01 { padding: 90px 0 0 23px; }
ul.topBtn04 li.btn02 { padding: 127px 0 0 2px; }
ul.topBtn04 li.btn03 { padding: 155px 0 0 4px; }
ul.topBtn04 li.btn04 { padding: 233px 0 0 0; }
ul.topBtn04 li.btn05 { padding: 171px 0 0 16px; }
ul.topBtn04 li.btn06 { padding: 230px 0 0 0; }
ul.topBtn04 li.btn07 { padding: 255px 0 0 9px; }
ul.topBtn04 li.btn08 { padding: 171px 0 0 8px; }

ul.topBtn05 li { float: left; }
ul.topBtn05 li.btn01 { padding: 288px 0 0 10px; }
ul.topBtn05 li.btn02 { padding: 253px 0 0 4px; }
ul.topBtn05 li.btn03 { padding: 218px 0 0 6px; }
ul.topBtn05 li.btn04 { padding: 128px 0 0 0; margin-left: -4px }
ul.topBtn05 li.btn05 { padding: 153px 0 0 4px; }
ul.topBtn05 li.btn06 { padding: 189px 0 0 1px; }
ul.topBtn05 li.btn07 {
	padding-top: 120px;
	padding-left: 21px;
}

.topArrow01 {
	position: absolute;
	margin-left: 837px;
	margin-top: 322px;
}
.topArrow02 {
	position: absolute;
	margin-left: 807px;
	margin-top: 307px;
}

.topArrow03 {
	position: absolute;
	margin-left: 788px;
	margin-top: 299px;
}
.topArrow04 {
	position: absolute;
	margin-left: 838px;
	margin-top: 291px;
}

dl.accessArea {
	margin-top: 75px;
	margin-left: 75px;
}

dl.accessArea dt {
	margin-left: 420px;
	background-image: url(/kids/img/access/bg_accessTitle.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	padding-bottom: 10px;
	margin-bottom: 7px;
}

dl.accessArea dd {
	margin-left: 420px;
	margin-bottom: 25px;
}

dl.accessArea dd.map {
	float: left;
	margin-left: 0px;
	margin-bottom: 0px;
}

dl.accessData dt {
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(/kids/img/access/bg_kugiri.gif);
	background-repeat: no-repeat;
	float: left;
	padding-bottom: 0px;
	width: 82px;
	padding-left: 3px;
	background-position: 73px 13px;
	padding-top: 7px;
}
dl.accessData dd {
	margin-bottom: 0px;
	margin-left: 85px;
	padding-top: 7px;
}

.decoIdiophone01 {
	position: absolute;
	margin-top: -430px;
}
.decoIdiophone02 {
	position: absolute;
	margin-top: -365px;
	margin-left: 65px;
}

.ie6Content {
	width: 4750px;
	height: 454px;
}

.ie6ContentDetail {
	float: left;
	width: 940px;
	border: 1px solid #CCC;
	height: 454px;
}