@charset "utf-8";

/* body-wrapper */

#body-wrapper{
	width:90%;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

#main-w{
	margin:0;
	padding:0;
	overflow:hidden;
	clear:both;
	width:100%;
}

/* @end */

#whatsnew-w{
	clear:both;
	width:100%;
	margin:0;
	overflow:hidden;
}

.menu-title{
	width:100%;
	float:none;
	margin:0 auto;
	padding-top:5px;
	border-top:3px solid #fcc800;
	margin-bottom:10px;
	overflow:hidden;
}

.title-icon{
	height:15px;
	margin:0;
	padding:0;
	margin-top:3px;
	margin-right:2px;
	float:left;
}

#main-w h3, #side-w h3{
	margin:0;
	padding:0;
	color:#fcc800;
	font-size:20px;
	font-family: 'Ubuntu';
	font-weight:bold;
	line-height:1;
	float:left;
}

#main-w small, #side-w small{
	margin:0;
	padding:0;
	font: 100 11px/1 Helvetica, Verdana, Arial, Meiryo;
	text-transform: none;
	color: #666;
	margin-top:8px;
	float:left;
}

#sentaku-menu-w{
	clear:both;
	width:100%;
	margin:0;
	overflow:hidden;
}

.sentaku-menu{
	clear:both;
	width:42.5%;
	margin:0 3%;
	margin-top:20px;
	padding:10px 0;
	float:left;
	text-align:center;
	font-size:14px;
	color:#000;
	border:2px solid #888;
}

.sentaku-menu-r{
	width:42.5%;
	margin:0 3%;
	margin-top:20px;
	padding:10px 0;
	float:left;
	text-align:center;
	font-size:14px;
	color:#000;
	border:2px solid #888;
}

.sentaku-menu a, .sentaku-menu-r a{
	color:#000;
}

/* Box-Area */

.box-area-w{
	margin:0;
	padding:30px 0;
	overflow:hidden;
}

.box-area-w h3{
	margin:0;
	padding:0;
	color:#000;
	font-size:20px;
	font-weight:bold;
	line-height:1;
	float:left;
}

.box-photo-l{
	clear:both;
	width:44.5%;
	margin:1% 1% 1% 0;
	padding:1.5%;
	border:#ddd 1px solid;
	float:left;
}

.box-photo-cl{
	width:44.5%;
	margin:1% 0 1% 1%;
	padding:1.5%;
	border:#ddd 1px solid;
	float:right;
}

.box-photo-cr{
	clear:both;
	width:44.5%;
	margin:1% 1% 1% 0;
	padding:1.5%;
	border:#ddd 1px solid;
	float:left;
}

.box-photo-r{
	width:44.5%;
	margin:1% 0 1% 1%;
	padding:1.5%;
	border:#ddd 1px solid;
	float:right;
}

.box-area-w a:hover img{
    opacity:0.5;
    -moz-opacity:0.5;
    filter:alpha(opacity = 50);
}

.age-title{
	clear:both;
	margin:0;
	padding:15px 0 0 0;
	font-size:16px;
	font-weight:bold;
}

.icon-w{
	clear:both;
	padding:0;
}

.baby-cls-icon-first{
	clear:both;
	float:left;
	margin:1% 0.5%;
	padding:8px 4px;
	background-color:#F9C;
	border-radius:8px;
	font-size:10px;
	color:#000;
	font-weight:bold;
	text-align:center;
}

.baby-cls-icon{
	float:left;
	margin:1% 0.5%;
	padding:8px 4px;
	background-color:#F9C;
	border-radius:8px;
	font-size:10px;
	color:#000;
	font-weight:bold;
	text-align:center;
}

.kids-cls-icon-first{
	clear:both;
	float:left;
	margin:1% 0.5%;
	padding:8px 4px;
	background-color:#32b1cf;
	border-radius:8px;
	font-size:10px;
	color:#000;
	font-weight:bold;
	text-align:center;
}

.kids-cls-icon{
	float:left;
	margin:1% 0.5%;
	padding:8px 4px;
	background-color:#32b1cf;
	border-radius:8px;
	font-size:10px;
	color:#000;
	font-weight:bold;
	text-align:center;
}

.open-cls-icon-first{
	clear:both;
	float:left;
	margin:1% 0.5%;
	padding:8px 4px;
	background-color:#FC0;
	border-radius:8px;
	font-size:10px;
	color:#000;
	font-weight:bold;
	text-align:center;
}

.open-cls-icon{
	float:left;
	margin:1% 0.5%;
	padding:8px 4px;
	background-color:#FC0;
	border-radius:8px;
	font-size:10px;
	color:#000;
	font-weight:bold;
	text-align:center;
}

.reg-cls-icon-first{
	clear:both;
	float:left;
	margin:1% 0.5%;
	padding:8px 4px;
	background-color:#F60;
	border-radius:8px;
	font-size:10px;
	color:#000;
	font-weight:bold;
	text-align:center;
}

.reg-cls-icon{
	float:left;
	margin:1% 0.5%;
	padding:8px 4px;
	background-color:#F60;
	border-radius:8px;
	font-size:10px;
	color:#000;
	font-weight:bold;
	text-align:center;
}

.baby-cls-icon-first a, .baby-cls-icon a, .kids-cls-icon-first a, .kids-cls-icon a, .open-cls-icon-first a, .open-cls-icon a, .reg-cls-icon-first a, .reg-cls-icon a{
	color:#000;
}

.box-d-w-pink, .box-d-w-blue, .box-d-w-orenge, .box-d-w-yellow, .box-d-w-white{
	clear:both;
	margin:0;
	padding:0;
	text-align:right;
}

.box-d-w-pink p{
	margin:0;
	padding:0;
	font-size:13px;
	font-weight:bold;
	line-height:1;
	color:#F9C;
}

.box-d-w-blue p{
	margin:0;
	padding:0;
	font-size:13px;
	font-weight:bold;
	line-height:1;
	color:#32b1cf;
}

.box-d-w-orenge p{
	margin:0;
	padding:0;
	font-size:13px;
	font-weight:bold;
	line-height:1;
	color:#F60;
}

.box-d-w-yellow p{
	margin:0;
	padding:0;
	font-size:13px;
	font-weight:bold;
	line-height:1;
	color:#00D500;
}

.box-d-w-white p{
	margin:0;
	padding:0;
	font-size:13px;
	font-weight:bold;
	line-height:1;
	color:#FFC47B;
}

/* side-w */

#side-w{
	margin:30px 0 0 0;
	padding:0;
	overflow:hidden;
	clear:both;
	width:100%;
}

#side-pickup-w{
	overflow:hidden;
}

.pickup-banner{
	width:100%;
	margin:0 0 15px 0;
}
	
	/* Sosial-w */

#sosial-w{
	clear:both;
	margin:15px 0;
	padding:0;
	border-top:#fff 1px solid;
	overflow:hidden;
}

.YoutubeWrapper-w{
	width:100%;
	margin:0 0 0 0;
	float:none;
}

.YoutubeWrapper{
	width:100%;
	margin:0 0 0 0;
	float:none;
	position: relative;
  	padding-top: 60%;
}
 
.YoutubeWrapper iframe {
	position: absolute;
  	top: 0;
 	right: 0;
  	width: 100% !important;
 	height: 100% !important;
}

#twitter{
	clear:both;
	width:100%;
	height:290px;
	margin:30px 0 0 0;
	float:none;
}

.twitter-timeline{
	height:250px;
}

	/* @end */	

/* @end */	

/*768px*/

@media screen and (min-width:768px){

/* body-wrapper */

	#body-wrapper{
	width:96%;
	margin:0 auto 30px auto;
	padding:0;
	}
	
	#main-w{
	clear:both;
	width:73%;
	float:left;
	}
	
	#whatsnew-w{
	clear:both;
	width:100%;
	overflow:hidden;
	}
	
	.menu-title{
	width:100%;
	float:left;
	margin-bottom:10px;
	overflow:hidden;
	}

	.title-icon{
	height:18px;
	margin:0;
	padding:0;
	margin-top:3px;
	margin-right:2px;
	float:left;
	}

	#main-w h3, #side-w h3{
	margin:0;
	padding:0;
	color:#fcc800;
	font-size:23px;
	font-family: 'Ubuntu';
	font-weight:bold;
	line-height:1;
	float:left;
	}

	#main-w small, #side-w small{
	margin:0;
	padding:0;
	font: 100 11px/1 Helvetica, Verdana, Arial, Meiryo;
	text-transform: none;
	color: #666;
	margin-top:10px;
	margin-left:1px;
	float:left;
	}
	
	#sentaku-menu-w{
	clear:both;
	width:100%;
	margin:30px 0 0 0;
	overflow:hidden;
	}

	.sentaku-menu{
	clear:both;
	width:42.5%;
	margin:0 3%;
	margin-top:20px;
	padding:10px 0;
	float:left;
	text-align:center;
	font-size:14px;
	color:#000;
	border:2px solid #888;
	}
	
	.sentaku-menu-r{
	width:42.5%;
	margin:0 3%;
	margin-top:20px;
	padding:10px 0;
	float:left;
	text-align:center;
	font-size:14px;
	color:#000;
	border:2px solid #888;
	}
	
	/* Box-Area */

	.box-area-w{
	margin:0;
	padding:30px 0 0 0;
	overflow:hidden;
	}
	
	.box-area-w h3{
	margin:0;
	padding:0;
	color:#000;
	font-size:23px;
	font-family: 'Ubuntu';
	font-weight:bold;
	line-height:1;
	float:left;
	}

	.box-photo-l{
	clear:both;
	width:20.1%;
	margin:1% 1% 1% 0;
	padding:1.5%;
	border:#ddd 1px solid;
	float:left;
	}

	.box-photo-cl{
	width:20.1%;
	margin:1% 1% 1% 1%;
	padding:1.5%;
	border:#ddd 1px solid;
	float:left;
	}

	.box-photo-cr{
	clear:none;
	width:20.1%;
	margin:1% 1% 1% 1%;
	padding:1.5%;
	border:#ddd 1px solid;
	float:left;
	}

	.box-photo-r{
	width:20.1%;
	margin:1% 0 1% 1%;
	padding:1.5%;
	border:#ddd 1px solid;
	float:left;
	}

	.box-area-w a:hover img{
    opacity:0.5;
    -moz-opacity:0.5;
    filter:alpha(opacity = 50);
	}
	
	.age-title{
	clear:both;
	margin:0;
	padding:15px 0 0 0;
	font-size:17px;
	font-weight:bold;
	}

	.icon-w{
	clear:both;
	padding:0;
	}

	.baby-cls-icon-first{
	clear:both;
	float:left;
	margin:1% 0.5%;
	padding:10px 5px;
	background-color:#F9C;
	border-radius:8px;
	font-size:12px;
	color:#000;
	font-weight:bold;
	text-align:center;
	}

	.baby-cls-icon{
	float:left;
	margin:1% 0.5%;
	padding:10px 5px;
	background-color:#F9C;
	border-radius:8px;
	font-size:12px;
	color:#000;
	font-weight:bold;
	text-align:center;
	}
	
	.kids-cls-icon-first{
	clear:both;
	float:left;
	margin:1% 0.5%;
	padding:10px 5px;
	background-color:#32b1cf;
	border-radius:8px;
	font-size:12px;
	color:#000;
	font-weight:bold;
	text-align:center;
	}

	.kids-cls-icon{
	float:left;
	margin:1% 0.5%;
	padding:10px 5px;
	background-color:#32b1cf;
	border-radius:8px;
	font-size:12px;
	color:#000;
	font-weight:bold;
	text-align:center;
	}

	.open-cls-icon-first{
	clear:both;
	float:left;
	margin:1% 0.5%;
	padding:10px 5px;
	background-color:#FC0;
	border-radius:8px;
	font-size:12px;
	color:#000;
	font-weight:bold;
	text-align:center;
	}

	.open-cls-icon{
	float:left;
	margin:1% 0.5%;
	padding:10px 5px;
	background-color:#FC0;
	border-radius:8px;
	font-size:12px;
	color:#000;
	font-weight:bold;
	text-align:center;
	}

	.reg-cls-icon-first{
	clear:both;
	float:left;
	margin:1% 0.5%;
	padding:10px 5px;
	background-color:#F60;
	border-radius:8px;
	font-size:12px;
	color:#000;
	font-weight:bold;
	text-align:center;
	}

	.reg-cls-icon{
	float:left;
	margin:1% 0.5%;
	padding:10px 5px;
	background-color:#F60;
	border-radius:8px;
	font-size:12px;
	color:#000;
	font-weight:bold;
	text-align:center;
	}

	.baby-cls-icon-first a, .baby-cls-icon a, .kids-cls-icon-first a, .kids-cls-icon a, .open-cls-icon-first a, .open-cls-icon a, .reg-cls-icon-first a, .reg-cls-icon a{
	color:#000;
	}

	.box-d-w-pink, .box-d-w-blue, .box-d-w-orenge, .box-d-w-yellow, .box-d-w-white{
	clear:both;
	margin:0;
	padding:0;
	text-align:right;
	}

	.box-d-w-pink p{
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:bold;
	line-height:1.1;
	color:#F9C;
	}
	
	.box-d-w-blue p{
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:bold;
	line-height:1.1;
	color:#32b1cf;
	}

	.box-d-w-orenge p{
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:bold;
	line-height:1.1;
	color:#F60;
	}

	.box-d-w-yellow p{
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:bold;
	line-height:1.1;
	color:#00D500;
	}
	
	.box-d-w-white p{
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:bold;
	line-height:1.1;
	color:#FFC47B;
	}

	/* @end */	
	
	/* side-w */

	#side-w{
	margin:0 0 0 2%;
	padding:0;
	overflow:hidden;
	clear:none;
	width:25%;
	float:right;
	}
	
	.YoutubeWrapper{
	width:100%;
	margin:0 0 0 0;
	float:none;
	position: relative;
  	padding-top: 60%;
	}
	
	.YoutubeWrapper iframe {
	position: absolute;
  	top: 60px;
 	right: 0;
  	width: 100% !important;
 	height: 100% !important;
	}
	
	#twitter{
	clear:both;
	width:100%;
	height:390px;
	margin:90px 0 0 0;
	float:none;
	}

	.twitter-timeline{
	height:320px;
	}

	/* @end */
	
/* @end */

}

/* @end */


/*1024px*/

@media screen and (min-width:1024px){

	/* body-wrapper */

	#body-wrapper{
	width:940px;
	margin:0 auto 30px auto;
	padding:0;
	}
	
	#whatsnew-w{
	clear:both;
	width:100%;
	overflow:hidden;
	}
	
	.YoutubeWrapper{
	width:100%;
	margin:0 0 0 0;
	float:none;
	position: relative;
  	padding-top: 60%;
	}
	
	.YoutubeWrapper iframe {
	position: absolute;
  	top: 40px;
 	right: 0;
  	width: 100% !important;
 	height: 100% !important;
	}
	
	#twitter{
	clear:both;
	width:100%;
	height:350px;
	margin:70px 0 0 0;
	float:none;
	}

	.twitter-timeline{
	height:310px;
	}
	
	/* @end */
		
	}