@charset "UTF-8";
/**
 * 物語まるわかり教室って？
 */
/* ==========================================================================
   link
   ========================================================================== */
a {
  color: #2280ff;
}

a:visited {
  color: #064599;
}

a:hover {
  color: #2280ff;
  text-decoration: none;
}

.arrow {
  background: url(img/arrow.gif) no-repeat left center;
  padding-left: 25px;
}

/* ==========================================================================
   title
   ========================================================================== */
/* ==========================================================================
   parts
   ========================================================================== */
/*言葉で伝える楽しさをあじわう*/
#introduction-box {
  margin-bottom: 60px;
}
#introduction-box h2 {
  margin-bottom: 37px;
}
#introduction-box #author-name {
  font-size: 123.1%;
  font-weight: bold;
  margin-bottom: 30px;
}
#introduction-box #author-name span {
  font-size: 77%;
}
#introduction-box .fl {
  width: 407px;
}
#introduction-box .fr {
  width: 364px;
}
#introduction-box .fr img {
  margin-top: -37px;
  margin-bottom: 33px;
  position: relative;
}
#introduction-box .fr .text12 {
  text-align: center;
}

/*アナウンサーコメント*/
#announcer-comment-box {
  background: url(img/bg01_top.gif) no-repeat left top;
  padding-top: 42px;
  position: relative;
}
#announcer-comment-box .box-in {
  background: url(img/bg01_mdl.gif) repeat-y left top;
}
#announcer-comment-box .article {
  background: url(img/bg01_btm.gif) no-repeat left bottom;
  padding: 0 53px 45px;
}
#announcer-comment-box .itemLtr {
  background: url(img/line01.gif) repeat-x left bottom;
  padding-bottom: 37px;
  margin-bottom: 28px;
}
#announcer-comment-box .itemImage span {
  display: block;
  margin-top: 10px;
}
#announcer-comment-box h3 {
  position: absolute;
  left: -29px;
  top: -21px;
}
#announcer-comment-box h4 {
  margin-bottom: 20px;
}
#announcer-comment-box #img-kukku01 {
  position: absolute;
  right: 55px;
  top: -21px;
}
#announcer-comment-box #img-kukku02 {
  position: absolute;
  left: -27px;
  bottom: -9px;
}

/*レポート*/
#report-box {
  position: relative;
  margin-top: -15px;
}

.report-article {
  margin-top: 75px;
}
.report-article h4 {
  background: url(img/bg_sttl.gif) no-repeat left top;
  color: #2280ff;
  font-size: 161.5%;
  padding-left: 40px;
  min-height: 45px;
}
.report-article dl.report-info {
  letter-spacing: -.40em;
  margin-top: 20px;
}
.report-article dl.report-info dt, .report-article dl.report-info dd {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  margin-bottom: 20px;
}
.report-article dl.report-info dt {
  margin-right: 20px;
}
.report-article dl.report-info dd {
  font-size: 123.1%;
  margin-right: 40px;
}
.report-article dl.report-info .date {
  width: 175px;
}
.report-article dl.report-info .class {
  width: 245px;
}
.report-article .report-photo {
  width: 800px;
}
.report-article .report-photo ul {
  width: 830px;
  margin-right: -30px;
  overflow: hidden;
  _zoom: 1;
}
.report-article .report-photo li {
  float: left;
  margin-right: 30px;
}


/* ==========================================================================
   シンガポール
   ========================================================================== */
   
#sin_box_top {
	background: url(img/bg_sin_top.gif) no-repeat left top;
	width: 800px;
	margin: 60px auto 40px;
}

#sin_box_mdl {
	background: url(img/bg_sin_mdl.gif) repeat-y left top;
}

#sin_box_btm {
	background: url(img/bg_sin_btm.gif) no-repeat left bottom;
	padding: 30px 45px;
	position: relative;
}

#sin_box_btm #img_kukku_sin {
	position: absolute;
	top: 30px;
	right: 50px;
}

#sin_box_btm .fr {
	/*width: 370px;*/
	line-height: 2.4;
	margin-top: 25px;
}

.report-article h4.sin {
  background: url(img/bg_sttl_sin.gif) no-repeat left top;
  color: #ffa619;
}

#img_movie_sin {
	position: relative;
}

.btn img {
	width: 98%;
	height: auto;
}

#img_movie_sin #btn_play {
	position: absolute;
	top: 82px;
	left: 156px;
}

.fancybox-inner{
width: 1067px;
height: 600px;
overflow: hidden;

}

#mailTo{
  margin: 0 auto;
  text-align: center;
  border: 3px solid #2383f9;
  border-radius: 5px;
  padding: 10px 0;
  font-size: 18px;
  font-weight: bold;
}

.mt20 {
	width: 340px;
	float: right;
	margin-right: -25px;
	margin-top: 48px !important;
}

.mt20 img {
	width: 90%;
	height: auto;
}

.mt30 img {
	width: 70%;
	height: auto;
}

.sinBox {
	width: 380px;
}