@charset "UTF-8";

/* -----------------------------------------------
   common layout
----------------------------------------------- */

/* -----------------------------------------------
  body
*/
body{
}

/* -----------------------------------------------
  #container
*/
#container{
	width:100%;
}

/* ------------------------------------------
   header
*/
header{
 width:100%;
 height:138px;
 padding-bottom:3px;
 background-color:#FFF;
}
header .header-wrapper{
 width:950px;
 height:138px;
 margin:0 auto;
 position:relative;
}
header h1 a,header h1 a:link{
 display:block;
 text-indent:-9999px;
 width:190px;
 height:138px;
 background-image: url(../../img/common/kids-logo.gif);
 background-position:center -27px;
 background-repeat:no-repeat;
}

/* ------------------------------------------
   header nav
*/
header nav{
 text-align:left;
 width:475px;
 position:absolute;
 z-index:1;
 top:94px;
 left:205px;
}
header nav a,header nav a:link{
 display:block;
 text-indent:-9999px;
 width:156px;
 height:34px;
 background-repeat:no-repeat;
 position:absolute;
 z-index:1;
 top:0;
}
a#nav-program{
 background-image: url(../../img/common/nav-program.gif);
 left:0;
}
a#nav-howto{
 background-image: url(../../img/common/nav-howto.gif);
 left:160px;
}
a#nav-club{
 width:90px;
 background-image: url(../../img/common/nav-club.gif);
 left:320px;
}
a#nav-login{
 width:66px;
 background-image: url(../../img/common/nav-login.gif);
 left:410px;
}
header nav.login a#nav-club{background-image: url(../../img/common/nav-club-top.gif) !important;}
header nav.login a#nav-login{background-image: url(../../img/common/nav-logout.gif) !important;}

/* ------------------------------------------
   header aside
*/
header aside a,header aside a:link{
 display:block;
 position:absolute;
 z-index:1;
}
#header-bnr46860 li{
 display:none;
 list-style:none;
}
#header-bnr46860 li.show{
 display:block;
}
/*#header-bnr46860 a,#header-bnr46860 a:link{
 width:474px;
 height:66px;
 top:18px;
 left:205px;
}*/
/*#header-bnr46860 a img{
 display:block;
 padding:1px;
 border:solid 2px #ccc;
}*/
a#banner-side,a#banner-side:link{
 width:240px;
 top:18px;
 left:715px;
}

/* ------------------------------------------
   header #sub-menu
*/
#sub-menu{
 width:100%;
 text-align:left;
 background-color:#fff;
/* border-top:solid 2px #d9d9d9;*/
}
#sub-menu .submenu-wrapper{
 width:950px;
 height:26px;
 margin:0 auto 10px 0;
 position:relative;
 font-size: 12px;
}
a#sub-menu-home{
 display:block;
 text-indent:-9999px;
 width:190px;
 height:26px;
 background-image: url(../../img/common/sub-nav-home.png);
 background-position:14px 0;
 background-repeat:no-repeat;
}

/* ------------------------------------------
   body#club-login
   header #sub-menu
*/
body#club-login #sub-menu{
 background-color:#fdf0de;
 /*border-top:solid 2px #ffd599;*/
}
body#club-login a#sub-menu-home{
 background-image: url(../../img/common/sub-nav-home-club.png);
}

/* ------------------------------------------
   header #sub-menu.sns
*/
 .sns{
	/*width:350px;*/
 position:absolute;
 z-index:1;
 top:0;
 right:0;
	}

 .sns ul.sns-set{
	line-height:0px;
	list-style:none;
	/*width:350px;*/
	margin:0px;
	padding:3px 0 0 0;
 overflow:hidden;
	}

.sns ul.sns-set li{
  border-top: 2px solid #fff;
	display:list-item;
	float:right !important;
	margin:0 0  0 5px;
	padding:0px;
	}

#sub-menu {
    border-top: 2px solid #fff;
  }
 
li.twitter,
li.facebook{
 font-size:10px !important;
}
 li.mixi{
   
 }
/* ---------------------------------------
			#copylight-common
*/
#copylight-common{
 width:100%;
 background-color:#e6e6e6;
 border-top:solid 2px #FFF;
}
#copylight-common small{
 display:block;
 font-size:70%;
 line-height:140%;
 color:#808080;
 text-align:left;
 width:900px;
 padding:8px 0 3px 0;
 margin:0 auto;
}

/* ------------------------------------------
   footer
*/
footer{
 background-color:#FFF;
 width:100%;
}

/* ------------------------------------------
   footer .pagetop
*/
.pagetop{
 text-align:left;
 width:100%;
 height:19px;
 background-color:#e6e6e6;
 border-bottom:solid 1px #b3b3b3;
}
.pagetop p{
 display:block;
 width:900px;
 margin:0 auto;
 position:relative;
}
.pagetop a,.pagetop a:link{
 display:block;
 text-indent:-9999px;
 font-size:1px;
 line-height:100%;
 width:113px;
 height:19px;
 background-color:#FFF;
 background-image:url(../../img/common/pagetop.gif);
 background-repeat:no-repeat;
 border-top:solid 1px #b3b3b3;
 border-right:solid 1px #b3b3b3;
 border-left:solid 1px #b3b3b3;
 position:absolute;
 z-index:10;
 top:0;
 right:0;
}
/* ------------------------------------------
   footer nav
*/
footer nav{
 width:100%;
 margin-bottom:16px;
 background-color:#b3b3b3;
 border-top:solid 2px #FFF;
}
footer .nav-wrapper{
 width:900px;
 margin:0 auto;
 overflow:hidden;
}
footer nav ul{
 margin:0 0 0 10px;
}
footer nav ul li{
 display: block;
 padding:6px 0;
 float: left;
 list-style-type: none;
}
footer nav ul li a,footer nav ul li a:link{
 display:block;
 color:#000;
 font-size:80%;
 line-height:135%;
 text-decoration:none;
 padding:1px 23px 1px 25px;
 border-right:solid 2px #767676;
}
footer nav ul li a:hover{
 color:#000 !important;
 background-color:#CCC;
}
footer nav ul li a.element-last{
 border-right:none;
}

/* ------------------------------------------
   footer .f-wrapper
*/
footer .f-wrapper{
 width:900px;
 height:150px;
 margin:0 auto;
 position:relative;
}

/* ------------------------------------------
   footer #account
*/
#account{
 width:196px;
 position:absolute;
 z-index:1;
 top:0;
 left:0;
 overflow:hidden;
}
#account p{
 margin-right:12px;
 float:left;
}

/* ------------------------------------------
   footer #copylight
*/
#copylight{
 width:900px;
}
#copylight a,#copylight a:link{
 display:block;
 text-indent:-9999px;
 width:214px;
 height:33px;
 margin:0 auto 16px auto;
 background-image: url(../../img/common/footer_kidslogo.gif);
 background-position:center bottom;
 background-repeat:no-repeat;
}
#copylight small{
 font-size:70%;
 text-align:center;
 display:block;
 width:300px;
 margin:0 auto;
}

/* -----------------------------------------------
  secom
*/
#secom{
 width:88px;
 height:145px;
 position:absolute;
 overflow:hidden;
 z-index:1;
 top:0;
 left:710px;
}
#privacy-mark{
 width:82px;
 position:absolute;
 z-index:1;
 top:0;
 left:818px;
}
#privacy-mark a,#privacy-mark a:link{
 display:block;
 width:82px;
 height:96px;
}