/* =========================================================== 
 Top
 =========================================================== */
.top #watashi-contents {
width: 960px;
margin:0px auto;
margin-top: 32px;
}
.top .top-head {
margin-top: 0px;
margin-left:-9px;
position: relative;
height: 740px;
}
.top .top-head-step1{
position: absolute;
left: 55px;
top:211px;
}
.top .top-head-step2{
position: absolute;
left: 279px;
top:211px;
}
.top .top-head-step3{
position: absolute;
left: 476px;
top:211px;
}
.top .top-fivekouka {
margin-left:-12px;
position: relative;
height: 570px;
}
.top .top-fivekouka-kouka1 {
position: absolute;
left: 76px;
top:103px;
}
.top .top-fivekouka-kouka2 {
position: absolute;
left: 76px;
top:236px;
}
.top .top-fivekouka-kouka3 {
position: absolute;
left: 284px;
top:233px;
}
.top .top-fivekouka-kouka4 {
position: absolute;
left: 524px;
top:233px;
}
.top .top-fivekouka-kouka5 {
position: absolute;
left: 77px;
top:372px;
}
.top .top-fivekouka-link {
position: absolute;
left: 56px;
top:493px;
}
.top .top-download {
position: relative;
width: 705px;
height: 233px;
background-image: url("../img/top/back-download.gif");
background-repeat: no-repeat;
}
.top .top-download-pdf {
position: absolute;
left: 28px;
top:117px;
}
.top .top-download-excel {
position: absolute;
left: 239px;
top:117px;
}
.top .top-download-sample {
position: absolute;
left: 412px;
top:7px;
}
.top .top-jirei {
position: relative;
}
.top .top-jirei-link {
position: absolute;
left: 570px;
top:6px;
}
.top .jirei-top-lastline {
height: 14px;
}
.top .top-taisyo {
position: relative;
width: 694px;
height: 174px;
border:solid 6px #cc470c;
}
.top .top-taisyo-head {
position: absolute;
left: 13px;
top:11px;
}
.top .top-taisyo-txt {
position: absolute;
left: 13px;
top:99px;
width: 437px;
font-size:12px;
color:#000000;
line-height:150%;
}
.top .top-taisyo ul {
position: absolute;
left: 475px;
top:16px;
}
.top .top-taisyo ul li{
margin-bottom:9px;
}
/* Thickbox =========================================================== */
.top #top-thickbox{
display:none;
width: 100%;
height:100%;
position: fixed;
top: 0;
left: 0;
z-index: 50;
}
.top .top-thickbox-bg{
background: #000000;
width: 100%;
height:100%;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
.top .top-thickbox-body {
position: relative;
background: #ffffff;
width: 800px;
height: 796px;
position: absolute;
left: 0;
top: 0;
border:solid 14px #c2d5e4;
overflow:auto;
}
.top .top-thickbox-ttl {
position: absolute;
left: 33px;
top:18px;
}
.top .top-thickbox-body ul {
position: absolute;
left: 25px;
top:102px;
width:765px;
height:300px;
}
.top .top-thickbox-body ul li{
position: relative;
}
.top .top-thickbox-body ul li p{
width: 650px;
color:#000000;
font-size:12px;
line-height:150%;
position: absolute;
left: 57px;
}
.top .top-thickbox-humans {
position: absolute;
left: 430px;
top:730px;
}
.top .top-thickbox-close {
position: absolute;
left: 0px;
top:0px;
}


/* =========================================================== 
 case school-list：取り組み事例一覧
 =========================================================== */
.school-list .schoollist-top {
margin-top: 0px;
margin-left:-7px;
margin-bottom: 10px;
width: 715px;
height: 199px;
background-image: url("../case/img/sl-head.gif");
position: relative;
}
.school-list .schoollist-top h2{
font-size:0px;
position:absolute;
left:185px;
top:63px;
}
.school-list .schoollist-top h3 {
margin:0px;
position: relative;
left: 47px;
top:179px;
color:#093E8C;
font-size:20px;
font-weight: bold;
}
.school-list .schoollist-top ul {
position: relative;
left: 380px;
top:156px;
width:340px;
}
.school-list .schoollist-top ul li {
float: left;
padding:0 5px 0 0;
}
.schlist-jirei {
position:relative;
clear: both;
font-size:0px;
margin:0px;
padding:0px;
line-height:0px;
background:#ffffff;
width: 706px;
min-height: 105px;
}
.schlist-jirei a{
display:block;
background-image: url("../img/common/box0.gif");
width: 706px;
min-height: 105px;
text-decoration: none;
cursor:pointer;
}
.jirei-img {
position: absolute;
left: 8px;
top:15px;
}
.jirei-img img{
border:solid 2px #83b8da;
}
.schlist-jirei-info {
margin-left:132px;
margin-top:14px;
width:520px;
}
.jirei-txt {
font-size:14px;
color:#13307F;
line-height:21px;
text-decoration: none;
margin-bottom:5px;
font-weight:bold;
}
.jirei-icon {
float:left;
}
.jirei-school {
margin-left:50px;
font-size:12px;
color:#333333;
line-height:16px;
}
.schlist-jirei-info p.space {
height:16px;
}
.jirei-btn {
position:absolute;
left:670px;
top:40px;
}
.jirei-lastline {
height: 40px;
}


/* =========================================================== 
 case/school-top：学校ごとのTOPページ
 =========================================================== */
.school-top .schooltop-top{
margin-top: 0px;
margin-left:-7px;
width: 715px;
height: 195px;
background-image: url("../case/img/st-head.gif");
position:relative;
}
.school-top .schooltop-top h2{
font-size:0px;
position:absolute;
left:185px;
top:63px;
}
.school-top .schooltop-top .schooltop-top-icon{
position:absolute;
left:27px;
top:188px;
}
.school-top .schooltop-top-txt {
margin-left:3px;
width: 705px;
background-image: url("../case/img/st-back_body.gif");
min-height:40px;
}
.school-top .schooltop-top-txt .schooltop-top-txt-body{
margin-left: 70px;
color:#093E8C;
font-size:20px;
font-weight: bold;
width: 610px;
line-height: 24px;
}
.school-top .schooltop-top-line {
margin-left:3px;
font-size:0px;
}
.school-top .schooltop-body {
margin-left: 3px;
width: 705px;
background-image: url("../case/img/st-back_body.gif");
}
.school-top .schooltop-schname {
width: 705px;
margin:0px auto;
font-size:0px;
}
.school-top .schooltop-schname img{
width: 27px;
margin:0px auto;
display:block;
padding:10px 0 0 0;
}
.school-top .schooltop-schname h2{
width: 705px;
text-align:center;
color:#333333;
font-size:16px;
font-weight: bold;
line-height: 16px;
padding:11px 0 20px 0;
margin:0;
}
.school-top .schooltop-schtxt {
width: 650px;
margin-left: 32px;
color:#333333;
font-size:13px;
line-height:1.6em;
padding:0 0 12px 0;
}
.school-top .blue-border-bold {
background-image: url("../case/img/st-blue-line.gif");
padding:10px;
}
.school-top .blue-border-normal {
background-image: url("../case/img/st-blue-line.gif");
padding:8px;
}
.school-top .schooltop-schtxt a{
text-decoration: none;
}
.school-top .schooltop-schtxt .schtxt-left{
float: left;
margin:0 20px 0 0;
}
.school-top .schooltop-schtxt .schtxt-right{
float: right;
margin:0 0 0 20px;
}
.school-top .schooltop-schtxt .schtxt-center{
clear: both;
text-align:center;

}
.school-top .schooltop-schtxt .schtxt-caption {
color:#467E9E;
font-size:10px;
text-decoration: none;
}
.school-top .schooltop-schtxt .schtxt-blank{
clear: both;
height: 24px;
}
.school-top .schooltop-schlink {
clear: both;
}
.school-top .schlink-line {
margin-left: 24px;
height: 30px;
}
.school-top .schlink-pen {
color:#093E8C;
font-size:16px;
background-image: url("../case/img/st-pen-icon.gif");
background-repeat: no-repeat;
height: 30px;
margin-left: 24px;
padding-left: 24px;
padding-top: 6px;
font-weight:bold;
}
.school-top .schlink-txt {
color:#333333;
font-size:12px;
margin-left: 26px;
height: 30px;
}
.school-top .classdetail-headbtns {
margin-left:7px;
margin-top:10px;
height: 55px;
}
.school-top .classdetail-headbtns li {
float: left;
margin-bottom:20px;
}
.school-top .classdetail-headbtns .btn-noselect {
width: 160px;
height: 35px;
background-image: url("../case/img/cd-class-bt-2.gif");
text-align:center;
letter-spacing: 2px;
color:#333333;
font-size:12px;
font-weight: normal;
text-decoration: none;
line-height: 35px;
margin-left:10px;
}
.school-top .classdetail-headbtns .btn-noselect a{
display:block;
background-image: url("../img/common/box0.gif");
color:#333333;
text-decoration: none;
width: 160px;
height: 35px;
letter-spacing: 2px;
}
.school-top .classdetail-headbtns .btn-noselect a:hover{
opacity: 0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
}
.school-top .schooltop-foot {
margin-left:3px;
height: 40px;
}
/* Thickbox =========================================================== */
.school-top #school-thickbox{
display:none;
width: 100%;
height:100%;
position: fixed;
top: 0px;
left: 0px;
z-index: 50;
}
.school-top .school-thickbox-bg{
background: #000000;
width: 100%;
height:100%;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
.school-top .school-thickbox-body {
position: relative;
background: #ffffff;
width: 600px;
height: 600px;
border:solid 14px #c2d5e4;
position: absolute;
left:0px;
top:0px;
overflow:auto;
}
.school-top .school-thickbox-pic {
position: absolute;
left:0px;
top:0px;
margin:10px;
}
.school-top .school-thickbox-close {
position: absolute;
left: 0px;
top:0px;
}


/* =========================================================== 
 case class-detail:クラスごとのページ
 =========================================================== */
.class-detail .classdetail-top {
margin-top: 0px;
width: 707px;
height: 61px;
background-image: url("../case/img/cd-scl_head.gif");
}
.class-detail .classdetail-top .classdetail-top-title{
margin:0px;
margin-top: 0px;
color:#093E8C;
font-size:20px;
font-weight: bold;
position: relative;
left: 35px;
top:15px;
}
.class-detail .classdetail-headbtns {
margin-left:15px;
margin-top:10px;
}
.class-detail .classdetail-headbtns li {
float: left;
margin-bottom:20px;
}
.class-detail .classdetail-headbtns .btn-select {
width: 160px;
height: 44px;
background-image: url("../case/img/cd-class-bt-1.gif");
text-align:center;
letter-spacing: 2px;
line-height: 35px;
color:#333333;
font-size:12px;
font-weight: normal;
text-decoration: none;
margin-left:10px;
}
.class-detail .classdetail-headbtns .btn-noselect {
width: 160px;
height: 35px;
background-image: url("../case/img/cd-class-bt-2.gif");
text-align:center;
letter-spacing: 2px;
color:#333333;
font-size:12px;
font-weight: normal;
text-decoration: none;
line-height: 35px;
margin-left:10px;
}
.class-detail .classdetail-headbtns .btn-noselect a{
display:block;
background-image: url("../img/common/box0.gif");
color:#333333;
text-decoration: none;
width: 160px;
height: 35px;
letter-spacing: 2px;
}
.class-detail .classdetail-headbtns .btn-noselect a:hover{
opacity: 0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
}
.class-detail .classdetail-body {
clear:both;
width: 710px;
}
.class-detail .detailbox {
width: 350px;
margin-bottom:20px;

}
.class-detail .cd-body-head {
width: 350px;
height: 34px;
background-image: url("../case/img/cd-head.gif");
}
.class-detail .cd-body-pro {
width: 350px;
background-image: url("../case/img/cd-body-back.gif");
}
.class-detail .cd-body-detail {
color:#333333;
font-size:16px;
line-height: 140%;
font-weight: bold;
width: 290px;
margin-left: 30px;
margin-bottom: 20px;
}
.class-detail .cd-body-book{
width:290px;
height:80px;
margin-top:-75px;
margin-left: 100px;
}
.class-detail .cd-body-pic {
margin-left: 30px;
}
.class-detail .cd-body-title {
color:#0081BA;
font-size:10px;
line-height: 150%;
width: 210px;
}
.class-detail .cd-body-title a{
color:#0081BA;
font-size:10px;
line-height: 150%;
width: 210px;
text-decoration: none;
}
.class-detail .cd-body-author {
color:#333333;
font-size:10px;
line-height: 150%;
width: 210px;
}
.class-detail .cd-body-page {
color:#333333;
font-size:10px;
line-height: 150%;
width: 210px;
}
.class-detail .cd-body-pro-line {
width: 350px;
height: 44px;
background-image: url("../case/img/cd-reason.gif");
}
.class-detail .cd-body-user {
background:#e5f0f6;
width: 350px;
padding-bottom:5px;
}
.class-detail .cd-body-reason {
color:#333333;
font-size:10px;
line-height: 160%;
width: 290px;
margin-left: 25px;
}
.class-detail .cd-body-foot {
width: 350px;
height: 12px;
background-image: url("../case/img/cd-foot.gif");
}
.class-detail .cd-body-bottom {
width: 350px;
height:27px;
}
.class-detail .cd-body-voicemark{
float:right;
width: 75px;
height: 27px;
background-image: url("../case/img/cd-name.gif");
}
.class-detail .cd-body-name {
float:right;
max-width: 260px;
color:#333333;
font-size:14px;
font-weight: bold;
margin-top:8px;
margin-right:5px;
margin-left:5px;
}