@charset "utf-8";
/*****************************
1. header
2. footer
3. sns
4. menu
*****************************/

* {
  margin: 0;
  padding: 0;
  line-height: 0;
  border: 0;
  outline: 0;
  background: transparent;
}
body {
  -webkit-text-size-adjust: 100%;
  font-family:"Microsoft Yahei","PingHei" ,sans-serif;
  font-size: 100%;
  color:#403f41;
  background: #fff;
}
ul, ol {
  list-style: none;
}


/* layout */
.fL {
  float: left;
}
.fR {
  float: right;
}
.tx_center{
	text-align:center;}

.mgTop10px{
	margin-top:10px;}
.mgTop14px{
	margin-top:14px;}
.mgTop17px{
	margin-top:17px;}
.mgTop20px{
	margin-top:20px;}
.mgTop40px{
	margin-top:40px;}

.pdTop40px{
	padding-top:40px;}

.mgBottom10px{
	margin-bottom:10px;}
.mgBottom15px{
	margin-bottom:15px;}
.mgBottom20px{
	margin-bottom:20px;}
.mgBottom30px{
	margin-bottom:30px;}
.mgBottom40px{
	margin-bottom:40px;}


/* clearfix */
.clear,
.w94box {
  clear: both;
}


 /* !Header
---------------------------------------------------------- */
header ul {
	margin: 15px 0 25px 0;
	text-align: center;
}
	header ul li {
		font-size: 62.5%;
		display: inline-block;
		border-right: 1px solid #221815;
		line-height: 1;
		margin-left: 3px;
		padding-right: 5px;
		margin-bottom:5px;
	}
	header ul li.font01 a {
		font-family: arial;
	}
	header ul li:first-child {
		border-left: 1px solid #221815;
		padding-left: 5px
	}
	header ul li a {
		color: #221815;
		text-decoration: underline;
	}


 /* !contents
---------------------------------------------------------- */
#wrapper {
  width: 100%;
  margin:0;
  padding:0;
}


/* !Mainimg  changed on 20180130
---------------------------------------------------------- */
#mainimg {
	background: url(../../../../common/images/bg_mainimg01.png) repeat;
	background-size: 12px;
}
		#mainimg h1 img {
			max-width: 100%%;
		}
		#mainimg img {
		    max-width: 100%;
		    vertical-align: bottom;
		}
	#mainimg .mainimg_product {
		margin-bottom: 0;
	}
		#mainimg .mainimg_product img {
			max-width: 100%%;
		}

/* ctWrap
---------------------------------------------------------- */
#wrapper #ctWrap{
	display:block;
	width:100%;
	margin:0;
	padding:0;}

#wrapper #ctWrap .g_navBox{
	display:block;
	width:100%;
	margin:0;
	padding:0;}
#wrapper #ctWrap .g_navBox ul{
	display:block;
	width:100%;
	margin:0;
	padding:0;}
#wrapper #ctWrap .g_navBox ul img{
	width:100%;}
#wrapper #ctWrap .g_navBox ul li.gn01{
	display:inline;
	width:24%;
	margin:0;
	padding:0;
	float:left;
	list-style:none;}
#wrapper #ctWrap .g_navBox ul li.gn02{
	display:inline;
	width:22%;
	margin:0;
	padding:0;
	float:left;
	list-style:none;}
#wrapper #ctWrap .g_navBox ul li.gn03{
	display:inline;
	width:24%;
	margin:0;
	padding:0;
	float:left;
	list-style:none;}
#wrapper #ctWrap .g_navBox ul li.gn04{
	display:inline;
	width:25%;
	margin:0;
	padding:0;
	float:left;
	list-style:none;}


#wrapper #ctWrap .w100box{
	display:block;
	width:100%;
	margin:0;
	padding:0;}
#wrapper #ctWrap .w100box img{
	width:100%;}


#wrapper #ctWrap h2{
	display:block;
	width:100%;
	margin:0 0;
	padding:0;}
#wrapper #ctWrap h2 img{
	width:100%;}


#wrapper #ctWrap .acordionBox{
	display:block;
	width:100%;
	margin:0 0 25px 0;
	padding:0;}
#wrapper #ctWrap .acordionBox img{
	width:100%;}
dl.accordion {width:100%; margin:0; padding:30px 0 10px 0; font-size:16px;}
dl.accordion dt {
    background:url(/smartphone/baby/step/languages/traditional_chinese/images/acd_but01.jpg) 100% center no-repeat;
	cursor:pointer;}
dl.accordion dt.open {
    background:url(/smartphone/baby/step/languages/traditional_chinese/images/acd_but01.jpg) 100% center no-repeat;}
dl.accordion dd {
	background:#FFF;
	padding:10px;
	display:none;
	  font-size: 0.75em;
  line-height:1.4em;}


#wrapper #ctWrap .w92box{
	display:block;
	width:92%;
	margin:0 auto;
	padding:0;}
#wrapper #ctWrap .w92box img{
	width:100%;}

#wrapper #ctWrap .w88box{
	display:block;
	width:88%;
	margin:0 auto;
	padding:0;}
#wrapper #ctWrap .w88box img{
	width:100%;}
#wrapper #ctWrap .w88box p{
	font-size: 0.75em;
	line-height:1.4em;
	padding:17px 0;
	margin:0;}
#wrapper #ctWrap .w88box dl.chusyakudl{
	padding:0;
	margin:0;
	display:block;}
#wrapper #ctWrap .w88box dl.chusyakudl dt.ch_dt{
	float:left;
	width:7%;
	font-size: 0.6em;
	line-height:1.4em;}
#wrapper #ctWrap .w88box dl.chusyakudl dd.ch_dd{
	float:left;
	width:93%;
	font-size: 0.6em;
	line-height:1.4em;}





/* changed on  20180130 */

#wrapper #ctWrap .w88box .w35box{
	display:block;
	width:35%;
	margin:0;
	padding:0 0 10px 0;
	float:left;}
#wrapper #ctWrap .w88box .w35box p{
	display:block;
	margin:0;
	padding:0;
	font-size: 0.75em;
	line-height:1.4em;}
#wrapper #ctWrap .w88box .w50Box{
	display:block;
	width:50%;
	margin:0;
	padding:0;
	float:left;}
#wrapper #ctWrap .w88box .w50Box img{
	width:48%;}

/* changed on  20180130 */




#wrapper #ctWrap .w94box{
	display:block;
	width:94%;
	margin:0 auto;
	padding:0;}
#wrapper #ctWrap .w94box img{
	width:100%;}
#wrapper #ctWrap .w94box p{
	font-size: 0.75em;
	line-height:1.4em;
	padding:10px 0;
	margin:0;}

#wrapper #ctWrap .w94_02box{
	display:block;
	width:94%;
	margin:0 auto;
	padding:0;}
#wrapper #ctWrap .w94_02box img{
	width:21%;
	float:right;
	margin-left:2%;}
#wrapper #ctWrap .w94_02box p{
	font-size: 0.75em;
	line-height:1.4em;
	padding:10px 0;
	margin:0;}



#wrapper #ctWrap .w85box{
	display:block;
	width:85%;
	margin:0 auto;
	padding:0;}
#wrapper #ctWrap .w85box img{
	width:100%;}
#wrapper #ctWrap .w50_02box{
	display:block;
	width:50%;
	margin:0;
	padding:0;
	float:left;}
#wrapper #ctWrap .w50_02box img{
	width:100%;}


#wrapper #ctWrap .w70box{
	display:block;
	width:70%;
	margin:0 auto;
	padding:0;}
#wrapper #ctWrap .w70box img{
	width:100%;}

  #sec07 div.inner01 {
  width: 100%;
  padding: 0 7.8%;
  margin-bottom: 25px;
}

#sec07 div.inner01 img {
  max-width: 100%;
}
.bdbox {
  border-radius: 5px 5px 5px 5px;
  border: 5px solid red;
  margin: 4%;
}
.mt20 {
  margin: 20px auto!important;
}
.mt20 > img {
  margin-bottom: 10px;
}
.mt20 > a > img {
  margin-bottom: 20px;
}



.pdf_area01 {
	margin-top: 50px
}
.btn_pdf01,
.btn_pdf02 {
	position: relative;
	width: 100%;
	margin: 10px auto 30px;
	text-align: center;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #d22d26;
}
	.btn_pdf01 a,
	.btn_pdf02 a {
		display: block;
		padding: 14px 0;
		color: #ffffff;
		text-decoration: none;
		line-height: 1;
	}
		.btn_pdf01 a:after,
		.btn_pdf02 a:after {
			content: "";
			display: block;
			position: absolute;
			right: 10px;
			top: 50%;
			width: 26px;
			height: 26px;
			margin: -14px 0 0 0;
			background: url(/baby/step/common/images/icon_pdf01.png) no-repeat;
			background-size: 100%;
			background-position: right center;
		}
		.pdf_area01 .btn_pdf01 a:after {
			right: 10px;
			top: 10%;
			width: 40px;
			height: 65px;
			background: url(/baby/step/common/images/icon_rakurakucibe01.png) no-repeat;
		}
		.pdf_area01 .btn_pdf02 a:after {
			right: 10px;
			top: 10%;
			width: 40px;
			height: 61px;
			background: url(/baby/step/common/images/icon_rakurakucibe02.png) no-repeat;
		}