/* CSS Document */
@charset "UTF-8";

p { text-align:justify; }

#mainphoto img { display:block; padding:0 5px 10px 5px; }

div.w675 { width:675px; margin:0 auto; padding:0 0 25px 0; }

div#intro { border-bottom:1px dashed #B7D332; padding:30px 0 30px 0; margin:0 auto 30px auto; overflow:auto;}
div#intro div.left350 p { font-size:15px; line-height:28px; padding:50px 0 0 0;}
div#intro div.right300 p { font-size:11px; line-height:16.5px; padding:5px 0 0 0;}

div.lessons { background:url(/mc/ysgearclub/report/01/img/bg_lesson.gif); margin:0 auto 30px auto;
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
box-shadow: 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}
div.lesson { width:635px; margin:0 auto 10px auto; padding:10px 0 0 0;}
div.lesson h5 { background-color:transparent; margin:10px 0;}
div.lesson p { font-size:13px; line-height:21px;}
div.lesson p.w315left { width:315px; float:left;}
div.lesson img.w300right { display:block; width:300px; float:right;}
div.lesson .photobox { clear:both; padding:10px 0 0 0; margin:0 0 0 -2px; letter-spacing:2px; text-justify:distribute-all-lines;}
div.lesson .photobox img { display:inline-block; margin:0 0 0 2px;}

.left170 { float:left; width:170px; padding:0 0 15px 0; }
.left300 { float:left; width:300px; padding:0 0 15px 0; }
.left350 { float:left; width:350px; padding:0 0 15px 0; }
.right300 { float:right; width:300px; padding:0 0 15px 0; }
.right460 { float:right; width:460px; padding:0 0 15px 0; }
.clear { clear:both; padding:0 0 10px 0; }
.imgGirl { position:absolute;}

div#lesson1intro { padding:0;}
div#lesson1intro div.left350 p { font-size:15px; line-height:28px;}
div#lesson1intro div.right300 p { font-size:11px; line-height:16px; padding:5px 0;}
div#lesson1intro div.right300 p strong { font-size:12px; font-weight:bold; display:block; margin:0 0 }

/* report1 */
#report1 div#lesson2intro { padding:0; }
#report1 div#lesson2intro p { font-size:15px; line-height:28px; padding:5px 0 10px 0;}
#report1 div#lesson2intro .left170 { padding:86px 0 0 0;}
#report1 div#ending { padding:30px 0 30px 0; margin:0 auto 30px auto; overflow:auto;}
#report1 div#ending div.left350 p { font-size:15px; line-height:28px; padding:50px 0 0 0;}

/* report2 */
#report2 div#intro { padding:20px 0 0 0;}
#report2 #intro-wrap h4 { background:#fff5e0; color:#e95383; font-size:25px; height:50px; line-height:50px; padding-left:15px; margin-bottom:15px;}
#report2 #intro-wrap img { margin-bottom:15px;}
#report2 #intro-wrap p { font-size:15px; line-height:28px;}
#report2 div.lessons { position:relative; padding-top:280px;}
#report2 div.lessons .titMenu { position:absolute; top:0; left:-20px;}
#report2 div.lessons .txtMenu { position:absolute; top:95px; left:20px; font-size:15px; line-height:28px; width:400px;}
#report2 div.topics { background:#f9be65; width:635px; margin:0 auto 10px auto; }
#report2 div.topics p { font-size:15px; line-height:24px; padding:15px 20px;}
#report2 div#ending { padding-bottom:0;}
#report2 div#ending div.left350 p { font-size:15px; line-height:28px; padding:50px 0 0 0;}
#report2 div#ending .right300 { width:308px;}

/* report3 */
#report3 #intro-wrap { padding:0 30px 0 25px; }
#report3 #intro-wrap div.left350 p { font-size:15px; line-height:28px; padding-top:50px; }
#report3 #intro-wrap div.right300 { right:310px; padding-bottom:0; }
#report3 #intro { border-bottom:none; padding:0;}
#report3 #intro div.left350 p { font-size:15px; line-height:28px; padding-top:0; }
#report3 #intro div.right300 p { font-size:11px; line-height:16.5px; padding:5px 0 0 0;}
#report3 div.lessons { background:url(/mc/ysgearclub/report/03/img/bg_lesson.gif); margin:0 auto 30px auto;}
#report3 h5 { color:#80B927; font-size:27px; line-height:33px; height:65px; padding-left:160px;}
#report3 h5#tit01 { background:url(/mc/ysgearclub/report/03/img/tit_1.png) no-repeat left center;}
#report3 h5#tit02 { background:url(/mc/ysgearclub/report/03/img/tit_2.png) no-repeat left center;}
#report3 h5#tit03 { background:url(/mc/ysgearclub/report/03/img/tit_3.png) no-repeat left center;}
#report3 h5#tit04 { background:url(/mc/ysgearclub/report/03/img/tit_4.png) no-repeat left center;}
#report3 h5#tit05 { background:url(/mc/ysgearclub/report/03/img/tit_5.png) no-repeat left center;}
#report3 div.lesson h6 { background:#eea900; color:#fff; font-size:18px; height:36px; line-height:36px; padding-left:15px; margin:15px 0;}
#report3 div#ending h6 { background:#80B927; color:#fff; font-size:27px; height:50px; line-height:50px; text-align:center; margin-bottom:15px;}
#report3 div#ending div.left350 p { font-size:15px; line-height:28px; padding:0;}

/* report4 */
#report4 p { font-size:15px; line-height:28px;}
#report4 #intro-wrap { border-top:1px dashed #000; padding-top:20px;}
#report4 #intro-wrap div { position:relative; padding:25px 22px; background:#fff5e3;}
#report4 #intro-wrap div p.txt330 { width:330px;}
#report4 #intro-wrap div div { background:#fff; padding:20px; margin:20px 0 30px 0;}
#report4 #intro-wrap div div p { font-size:13px; line-height:22px; margin-top:8px;}
#report4 #intro-wrap div div strong { font-size:22px;}
#report4 .offroad-step { padding-top:35px;}
.offroad-step h5 { color:#cba828; font-size:22px; height:72px; font-weight:bold;}
.offroad-step h5#tit01 { background:url(/mc/ysgearclub/report/04/img/tit_01.gif) no-repeat right center; }
.offroad-step h5#tit02 { background:url(/mc/ysgearclub/report/04/img/tit_02.gif) no-repeat right center; }
.offroad-step h5#tit03 { background:url(/mc/ysgearclub/report/04/img/tit_03.gif) no-repeat right center; }
.offroad-step h5#tit04 { background:url(/mc/ysgearclub/report/04/img/tit_04.gif) no-repeat right center; }
.offroad-step p { margin:15px 0 35px 0;}
.offroad-step .photo-wrap { position:relative;}
.offroad-step .photo-wrap .onPhoto { position:absolute;}
#report4 #topics { background:#fff5e3; margin-bottom:20px; }
#report4 #topics div { padding:20px 20px 0 20px; }
#report4 #topics div p { float:left; width:330px;}
#report4 #topics div img { float:right;}
#report4 #ending { background:#fff5e3; position:relative; margin:90px auto 40px auto;}
#report4 #ending p { width:310px; padding:20px 0 0 20px;}

/* report5 */
#report5 .w675 { padding:0;}
#report5 #intro-wrap { position:relative; border-top:1px dashed #000; margin-top:20px; padding-top:20px;}
#report5 #intro-wrap p strong { font-size:15px; line-height:28px;}
#school-mecha { background:url(/mc/ysgearclub/report/05/img/bg_intro.gif) repeat; padding:20px; margin:20px 0 30px 0; }
#school-mecha div { background:#fff; padding:25px 20px 20px 20px;}
#school-mecha div strong { background:#ed7987; color:#fff; padding:5px; font-size:17px;}
#school-mecha div p { font-size:13px; line-height:22px; margin-top:13px;}
#report5 #intro-wrap #intro { border:none; background: url(/mc/ysgearclub/report/05/img/bg_end.jpg) repeat; padding:20px; margin:0; }
#report5 #intro-wrap #intro img { float:right;}
#report5 #intro-wrap #intro p { float:left; width:328px; font-size:15px; line-height:28px;}
#report5 .mecha-step { padding:50px 0 0 0;}
.mecha-step h5 { color:#ed7987; font-size:22px; height:65px; padding-left:80px; font-weight:bold;}
.mecha-step h5#tit01 { background:url(/mc/ysgearclub/report/05/img/tit_01.gif) no-repeat left center; line-height:33px;}
.mecha-step h5#tit02 { background:url(/mc/ysgearclub/report/05/img/tit_02.gif) no-repeat left center; line-height:33px;}
.mecha-step h5#tit03 { background:url(/mc/ysgearclub/report/05/img/tit_03.gif) no-repeat left center; line-height:65px;}
.mecha-step h5#tit04 { background:url(/mc/ysgearclub/report/05/img/tit_04.gif) no-repeat left center; line-height:33px;}
.mecha-step h5#tit05 { background:url(/mc/ysgearclub/report/05/img/tit_05.gif) no-repeat left center; line-height:33px;}
.mecha-step h5#tit06 { background:url(/mc/ysgearclub/report/05/img/tit_06.gif) no-repeat left center; line-height:65px;}
.mecha-step h5#tit07 { background:url(/mc/ysgearclub/report/05/img/tit_07.gif) no-repeat left center; line-height:65px;}
.mecha-step h5#tit08 { background:url(/mc/ysgearclub/report/05/img/tit_08.gif) no-repeat left center; line-height:65px;}
.mecha-step p { font-size:15px; line-height:28px; margin:15px 0;}
#report5 #ending { background: url(/mc/ysgearclub/report/05/img/bg_end.jpg) repeat; position:relative; margin-top:50px; }
#report5 #ending img { position:absolute; top:-50px; right:15px;}
#report5 #ending p { font-size:15px; line-height:28px; width:320px; padding:20px; }
#report5 #schoolinfo { padding:50px 0 25px 0;}