@charset "UTF-8";
/* =====================================================================
*
*    doraemon styles
*
* =================================================================== */
div.doraContainer {
	width: 100%;
	box-sizing: border-box;
	border: 10px #31C7E7 solid;
	background: url(../images/bg_dot.gif) repeat 0 0;
}
div.doraContainer p {
	text-indent: -9999px;
	overflow: hidden;
}
div.doraContainer p#doraImg01 {
	width: 368px;
	height: 249px;
	margin: 80px auto 0 auto;
	background: url(../images/doraemon/dora_image01.png) no-repeat 0 0;
}
div.doraContainer p#doraImg02 {
	width: 590px;
	height: 442px;
	margin: 51px auto 0 auto;
	background: url(../images/doraemon/dora_image02.png) no-repeat 0 0;
}
div.doraContainer div#doraemonInner {
	width: 100%;
	margin: 75px 0 0 0;
	padding: 0 0 70px 0;
	background: #31C7E7 url(../images/doraemon/bg_inner02.png) repeat-x left bottom;
}
div.doraContainer div#doraemonInner div#doraemonInnerTop {
	width: 100%;
	padding: 68px 0 0 0;
	background: url(../images/doraemon/bg_inner01.png) repeat-x 0 0;
}
div.doraContainer div#doraemonInner div#doraemonInnerTop h3 {
	color: #FFF;
	text-align: center;
	font-weight: bold;
	font-size: 300%;
	line-height: 1.5;
	padding: 100px 0 50px 0;
}
div.doraContainer p#doraImg03 {
	width: 538px;
	height: 317px;
	margin: 0 auto;
	background: url(../images/doraemon/dora_image03.png) no-repeat 0 0;
}
div.doraContainer p#doraImg04 {
	width: 507px;
	height: 414px;
	margin: 0 auto;
	background: url(../images/doraemon/dora_image04.png) no-repeat 0 0;
}
div.doraContainer p#doraImg05 {
	width: 569px;
	height: 191px;
	margin: 0 auto;
	background: url(../images/doraemon/dora_image05.png) no-repeat 0 0;
}
div.doraContainer h4#doraImg06 {
	color: #00ADEB;
	text-align: center;
	font-weight: bold;
	font-size: 300%;
	padding: 180px 0 0 0;
	margin: 70px 0 0 0;
	background: url(../images/doraemon/dora_image06.png) no-repeat center top;
}
div.doraContainer h4#doraImg07 {
	color: #00ADEB;
	text-align: center;
	font-weight: bold;
	font-size: 300%;
	padding: 180px 0 0 0;
	margin: 40px 0;
	background: url(../images/doraemon/dora_image07.png) no-repeat center top;
}
div.doraContainer h5 {
	width: 750px;
	margin: 50px auto 0 auto;
	background: url(../images/doraemon/dora_line.png) repeat-x left bottom;
}
div.doraContainer h5 span {
	width: 100%;
	display: block;
	text-align: center;
	padding: 20px 0;
	font-weight: bold;
	font-size: 200%;
	background: url(../images/doraemon/dora_line.png) repeat-x left top;
}
div.doraContainer ol {
	width: 786px;
	margin: 0 auto;
	padding: 50px 0 0 0;
}
div.doraContainer ol li {
	float: left;
	font-weight: bold;
	font-size: 200%;
	padding: 0 0 0 78px;
	margin: 0 0 50px 0;
	line-height: 61px;
}
div.doraContainer ol li#doraNum1 {
	margin: 0 0 50px 120px;
	background: url(../images/doraemon/dora_num1.png) no-repeat 0 0;
}
div.doraContainer ol li#doraNum2 {
	margin: 0 0 50px 50px;
	background: url(../images/doraemon/dora_num2.png) no-repeat 0 0;
}
div.doraContainer ol li#doraNum3 {
	background: url(../images/doraemon/dora_num3.png) no-repeat 0 0;
}
div.doraContainer ol li#doraNum4 {
	margin: 0 0 50px 50px;
	background: url(../images/doraemon/dora_num4.png) no-repeat 0 0;
}
div.doraContainer ol li#doraNum5 {
	float: right;
	background: url(../images/doraemon/dora_num5.png) no-repeat 0 0;
}
div.doraContainer ul {
	width: 580px;
	margin: 0 auto;
	padding: 0 0 60px 0;
}
div.doraContainer ul li {
	float: right;
	width: 275px;
}
div.doraContainer ul li:first-child {
	float: left;
}
div.doraContainer ul li dl {
}
div.doraContainer ul li dl dt {
	width: 240px;
	margin: 0 auto;
	background: url(../images/doraemon/dora_line.png) repeat-x left bottom;
}
div.doraContainer ul li dl dt span {
	width: 100%;
	display: block;
	text-align: center;
	padding: 17px 0;
	font-size: 150%;
	background: url(../images/doraemon/dora_line.png) repeat-x left top;
}
div.doraContainer ul li dl dd {
	margin: 30px auto 0 auto;
	text-indent: -9999px;
	overflow: hidden;
}
div.doraContainer dd#doraImg08 {
	width: 152px;
	height: 239px;
	background: url(../images/doraemon/dora_image08.png) no-repeat 0 0;
}
div.doraContainer dd#doraImg09 {
	width: 275px;
	height: 255px;
	background: url(../images/doraemon/dora_image09.png) no-repeat 0 0;
}
div.doraContainer dd#doraImg10 {
	width: 258px;
	height: 207px;
	background: url(../images/doraemon/dora_image10.png) no-repeat 0 0;
}
div.doraContainer dd#doraImg11 {
	width: 262px;
	height: 219px;
	background: url(../images/doraemon/dora_image11.png) no-repeat 0 0;
}
div.doraContainer h6 {
	color: #00ADEB;
	text-align: center;
	font-weight: bold;
	font-size: 300%;
	line-height: 1.5;
	padding: 0;
	margin: 70px 0 0 0;
}
div.doraContainer dl#gigazombi {
	width: 560px;
	margin: 40px auto 0 auto;
}
div.doraContainer dl#gigazombi dt {
	width: 240px;
	margin: 0 auto;
	background: url(../images/doraemon/dora_line.png) repeat-x left bottom;
}
div.doraContainer dl#gigazombi dt span {
	width: 100%;
	display: block;
	text-align: center;
	padding: 17px 0;
	font-size: 150%;
	background: url(../images/doraemon/dora_line.png) repeat-x left top;
}
div.doraContainer dd#doraImg12 {
	margin: 30px auto 0 auto;
	text-indent: -9999px;
	overflow: hidden;
	width: 559px;
	height: 408px;
	background: url(../images/doraemon/dora_image12.png) no-repeat 0 0;
}
div.doraContainer p#doraImg13 {
	width: 495px;
	height: 284px;
	margin: 60px auto 165px auto;
	background: url(../images/doraemon/dora_image13.png) no-repeat 0 0;
}
/* =====================================================================
*
*    SP styles
*
* =================================================================== */
@media screen and (max-width: 640px) {
/* =====================================================================
*
*    doraemon styles
*
* =================================================================== */
div.doraContainer {
	width: 100%;
	box-sizing: border-box;
	border: 10px #31C7E7 solid;
	background: url(../images/doraemon/dora_bg_SP.png) repeat-y 0 0;
	background-size: contain;
	-webkit-text-size-adjust: 100%;
}
div.doraContainer p {
	text-indent: -9999px;
	overflow: hidden;
}
div.doraContainer p#doraImg01 {
	width: 191px;
	height: 136px;
	margin: 36px auto 0 auto;
	background: url(../images/doraemon/dora_image01_SP.png) no-repeat 0 0;
	background-size: contain;
}
div.doraContainer p#doraImg02 {
	width: 291px;
	height: 238px;
	margin: 13px auto 0 auto;
	background: url(../images/doraemon/dora_image02_SP.png) no-repeat 0 0;
	background-size: contain;
}
div.doraContainer div#doraemonInner {
	width: 100%;
	margin: 29px 0 0 0;
	padding: 0 0 25px 0;
	background: #31C7E7 url(../images/doraemon/bg_inner02_SP.png) repeat-x left bottom;
	background-size: contain;
}
div.doraContainer div#doraemonInner div#doraemonInnerTop {
	width: 100%;
	padding: 44px 0 0 0;
	background: url(../images/doraemon/bg_inner01_SP.png) repeat-x 0 0;
	background-size: contain;
}
div.doraContainer div#doraemonInner div#doraemonInnerTop h3 {
	color: #FFF;
	text-align: center;
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1.5;
	padding: 35px 0 24px 0;
}
div.doraContainer p#doraImg03 {
	width: 294px;
	height: 163px;
	margin: 0 auto;
	background: url(../images/doraemon/dora_image03_SP.png) no-repeat 0 0;
	background-size: contain;
}
div.doraContainer p#doraImg04 {
	width: 253px;
	height: 207px;
	margin: 0 auto;
	background: url(../images/doraemon/dora_image04_SP.png) no-repeat 0 0;
	background-size: contain;
}
div.doraContainer p#doraImg05 {
	width: 259px;
	height: 87px;
	margin: 0 auto;
	background: url(../images/doraemon/dora_image05_SP.png) no-repeat 0 0;
	background-size: contain;
}
div.doraContainer h4#doraImg06 {
	color: #00ADEB;
	text-align: center;
	font-weight: bold;
	font-size: 1.4em;
	padding: 90px 0 0 0;
	margin: 38px 0 0 0;
	background: url(../images/doraemon/dora_image06_SP.png) no-repeat center top;
	background-size: contain;
}
div.doraContainer h4#doraImg07 {
	color: #00ADEB;
	text-align: center;
	font-weight: bold;
	font-size: 1.4em;
	padding: 90px 0 0 0;
	margin: 38px 0 20px 0;
	background: url(../images/doraemon/dora_image07_SP.png) no-repeat center top;
	background-size: contain;
}
div.doraContainer h5 {
	width: 313px;
	margin: 23px auto 0 auto;
	background: url(../images/doraemon/dora_line_SP.png) repeat-x left bottom;
	background-size: contain;
}
div.doraContainer h5 span {
	width: 100%;
	display: block;
	text-align: center;
	padding: 10px 0;
	font-weight: bold;
	font-size: 1.2em;
	background: url(../images/doraemon/dora_line_SP.png) repeat-x left top;
	background-size: contain;
}
div.doraContainer ol {
	width: 200px;
	margin: 0 auto;
	padding: 22px 0 0 0;
}
div.doraContainer ol li {
	width: 163px;
	float: none;
	font-weight: bold;
	font-size: 1.2em;
	padding: 0 0 0 37px;
	margin: 0;
	line-height: 1.2em;
}
div.doraContainer ol li#doraNum1 {
	margin: 0 0 14px 0;
	background: url(../images/doraemon/dora_num1_SP.png) no-repeat 0 0;
	background-size: contain;
}
div.doraContainer ol li#doraNum2 {
	margin: 0 0 14px 0;
	background: url(../images/doraemon/dora_num2_SP.png) no-repeat 0 0;
	background-size: contain;
}
div.doraContainer ol li#doraNum3 {
	margin: 0 0 14px 0;
	background: url(../images/doraemon/dora_num3_SP.png) no-repeat 0 0;
	background-size: contain;
}
div.doraContainer ol li#doraNum4 {
	margin: 0 0 14px 0;
	background: url(../images/doraemon/dora_num4_SP.png) no-repeat 0 0;
	background-size: contain;
}
div.doraContainer ol li#doraNum5 {
	float: none;
	margin: 0;
	background: url(../images/doraemon/dora_num5_SP.png) no-repeat 0 0;
	background-size: contain;
}
div.doraContainer ul {
	width: 313px;
	margin: 0 auto;
	padding: 0 0 0 0;
}
div.doraContainer ul li {
	float: none;
	width: 313px;
}
div.doraContainer ul li:first-child {
	float: none;
}
div.doraContainer ul li dl {
}
div.doraContainer ul li dl dt {
	width: 313px;
	margin: 0 auto;
	background: url(../images/doraemon/dora_line_SP.png) repeat-x left bottom;
	background-size: contain;
}
div.doraContainer ul li dl dt span {
	width: 100%;
	display: block;
	text-align: center;
	padding: 10px 0;
	font-size: 1.2em;
	background: url(../images/doraemon/dora_line_SP.png) repeat-x left top;
	background-size: contain;
}
div.doraContainer ul li dl dd {
	margin: 20px auto 50px auto;
	text-indent: -9999px;
	overflow: hidden;
}
div.doraContainer dd#doraImg08 {
	width: 142px;
	height: 222px;
	background: url(../images/doraemon/dora_image08_SP.png) no-repeat 0 0;
	background-size: contain;
}
div.doraContainer dd#doraImg09 {
	width: 245px;
	height: 224px;
	background: url(../images/doraemon/dora_image09_SP.png) no-repeat 0 0;
	background-size: contain;
}
div.doraContainer dd#doraImg10 {
	width: 270px;
	height: 218px;
	background: url(../images/doraemon/dora_image10_SP.png) no-repeat 0 0;
	background-size: contain;
}
div.doraContainer dd#doraImg11 {
	width: 285px;
	height: 237px;
	background: url(../images/doraemon/dora_image11_SP.png) no-repeat 0 0;
	background-size: contain;
}
div.doraContainer h6 {
	color: #00ADEB;
	text-align: center;
	font-weight: bold;
	font-size: 1.4em;
	line-height: 1.5;
	padding: 0;
	margin: 70px 0 0 0;
}
div.doraContainer dl#gigazombi {
	width: 313px;
	margin: 40px auto 0 auto;
}
div.doraContainer dl#gigazombi dt {
	width: 313px;
	margin: 0 auto;
	background: url(../images/doraemon/dora_line_SP.png) repeat-x left bottom;
	background-size: contain;
}
div.doraContainer dl#gigazombi dt span {
	width: 100%;
	display: block;
	text-align: center;
	padding: 17px 0;
	font-size: 150%;
	background: url(../images/doraemon/dora_line_SP.png) repeat-x left top;
	background-size: contain;
}
div.doraContainer dd#doraImg12 {
	margin: 30px auto 0 auto;
	text-indent: -9999px;
	overflow: hidden;
	width: 313px;
	height: 306px;
	background: url(../images/doraemon/dora_image12_SP.png) no-repeat 0 0;
	background-size: contain;
}
div.doraContainer p#doraImg13 {
	width: 273px;
	height: 157px;
	margin: 60px auto 165px auto;
	background: url(../images/doraemon/dora_image13_SP.png) no-repeat 0 0;
	background-size: contain;
}
}