@charset "shift_jis";

/* common
---------------------------------------------------*/
h2 {
padding:10px 0 5px 10px;
}

#pagebody h3.hdg-contents {
text-indent:-999em;
overflow:hidden;
}

#pagebody p.para-contents {
width:180px;
height:60px;
position:absolute;
top:250px;
left:8px;
font-weight:bold;
font-size:90%;
}

#pagebody #footer {
background:url(../images_common/bg_pagebody_bottom.gif) transparent no-repeat left bottom;
padding:0 20px 20px;
width:930px;
height:85px;
}
html>body #pagebody #footer {
width:890px;
min-height:65px;
height:auto !important;
}

a {
text-decoration:none;
color:#0000cc;
background:transparent;
}

.layout-1col #pagebody #footer #footnav {
float:right;
width:15em;
padding-top:10px;
text-align:right;
}

p.para-none {
text-indent:-999em;
overflow:hidden;
height:1px;
}

/* layout-top
---------------------------------------------------*/
.layout-top #pagebody #box01 {
float:left;
width:290px;
height:360px;
margin-left:5px;
background:url(../images_top/img_main01.gif) transparent no-repeat 0 0;
position:relative;
}

.layout-top #pagebody #box02 {
float:left;
width:296px;
height:360px;
background:url(../images_top/img_main02.gif) transparent no-repeat 0 0;
margin-left:25px;
position:relative;
}

.layout-top #pagebody #box03 {
float:right;
width:298px;
height:360px;
background:url(../images_top/img_main03.gif) transparent no-repeat 0 0;
position:relative;
}

.layout-top #pagebody .box-main a {
position:absolute;
left:4px;
bottom:7px;
text-indent:-999em;
overflow:hidden;
display:block;
width:210px;
height:40px;
}

.layout-top #pagebody .box-main #btn-slideshow-01 {
background:url(../images_top/btn_slide01_off_on.gif) transparent no-repeat 0 0;
}
.layout-top #pagebody .box-main #btn-slideshow-01:hover {
background-position:0px -40px;
}

.layout-top #pagebody .box-main #btn-slideshow-02 {
background:url(../images_top/btn_slide02_off_on.gif) transparent no-repeat 0 0;
}
.layout-top #pagebody .box-main #btn-slideshow-02:hover {
background-position:0px -40px;
}

.layout-top #pagebody .box-main #btn-slideshow-03 {
background:url(../images_top/btn_slide03_off_on.gif) transparent no-repeat 0 0;
left:2px;
bottom:9px;
}
.layout-top #pagebody .box-main #btn-slideshow-03:hover {
background-position:0px -40px;
}

.layout-top #pagebody #para-att {
background:url(../images_top/ico_pink_03.gif) transparent no-repeat 0 3px;
padding-left:15px;
margin-left:10px;
clear:both;
}

.layout-top #pagebody #box04 {
border-top:#cccccc 3px dotted;
border-bottom:#cccccc 3px dotted;
margin:10px 0;
width:100%;
overflow:hidden;
}

.layout-top #pagebody #box04 #container-download {
float:left;
width:670px;
height:105px;
background:url(../images_top/bg_download.gif) transparent no-repeat 0 0;
position:relative;
}

.layout-top #pagebody #box04 #container-download a {
background:url(../images_top/btn_download.gif) transparent no-repeat 0 0;
text-indent:-999em;
overflow:hidden;
width:207px;
height:37px;
display:block;
position:absolute;
top:14px;
left:4px;
}

.layout-top #pagebody #box04 #container-download a:hover {
background-position:0px -37px;
}

.layout-top #pagebody #box04 #container-message {
float:left;
width:237px;
height:87px;
margin:5px 0 0 20px;
}

.layout-top #pagebody #box04 #container-message a {
background:url(../images_top/btn-message.jpg) transparent no-repeat 0 0;
text-indent:-999em;
overflow:hidden;
width:237px;
height:88px;
display:block;
}

.layout-top #pagebody #box04 #container-message a:hover {
background-position:0px -88px;
}

.layout-top #pagebody #footer address {
color:#999999;
font-size:80%;
float:left;
width:360px;
}

.layout-top #pagebody #footer .container-adobe {
float:right;
width:510px;
}


.layout-top #pagebody #footer .container-adobe p {
float:left;
width:174px;
}

.layout-top #pagebody #footer #href-adobe-player {
background:url(../images_top/btn-adobeplayer.gif) transparent no-repeat 0 0;
width:158px;
height:39px;
display:block;
float:left;
text-indent:-999em;
overflow:hidden;
margin-right:10px;
}

.layout-top #pagebody #footer #href-adobe-reader {
background:url(../images_top/btn-adobereader.gif) transparent no-repeat 0 0;
width:158px;
height:39px;
display:block;
float:left;
text-indent:-999em;
overflow:hidden;
}

/* layout-download
---------------------------------------------------*/
.download #pagebody #box01 {
float:left;
width:290px;
height:360px;
margin-left:5px;
background:url(../images_common/img_main01.gif) transparent no-repeat 0 0;
position:relative;
}

.download #pagebody #box02 {
float:left;
width:290px;
height:360px;
background:url(../images_common/img_main02.gif) transparent no-repeat 0 0;
margin-left:25px;
position:relative;
}

.download #pagebody #box03 {
float:left;
width:290px;
height:360px;
background:url(../images_common/img_main03.gif) transparent no-repeat 0 0;
margin-left:25px;
position:relative;
}

.download #pagebody #box04 {
border-top:#999999 1px dotted;
border-bottom:#999999 1px dotted;
margin:10px 0 0;
padding:10px 0 20px;
clear:both;
}

.download #pagebody .box-main a {
position:absolute;
text-indent:-999em;
overflow:hidden;
display:block;
width:284px;
height:40px;
}

.download #pagebody #box01 a {
background:url(../images_common/btn_imagedown01_off_on.gif) transparent no-repeat;
}
.download #pagebody #box01 a.btn-image-down {
background-position:0 0;
left:3px;
bottom:77px;
}
.download #pagebody #box01 a.btn-image-down:hover {
background-position:0 -75px;
}
.download #pagebody #box01 a.btn-scenario-down {
background-position:0 -40px;
left:3px;
bottom:38px;
}
.download #pagebody #box01 a.btn-scenario-down:hover {
background-position:0 -115px;
}

.download #pagebody #box02 a {
background:url(../images_common/btn_imagedown02_off_on.gif) transparent no-repeat;
}
.download #pagebody #box02 a.btn-image-down {
background-position:0 0;
left:3px;
bottom:77px;
}
.download #pagebody #box02 a.btn-image-down:hover {
background-position:0 -75px;
}
.download #pagebody #box02 a.btn-scenario-down {
background-position:0 -40px;
left:3px;
bottom:38px;
}
.download #pagebody #box02 a.btn-scenario-down:hover {
background-position:0 -115px;
}

.download #pagebody #box03 a {
background:url(../images_common/btn_imagedown03_off_on.gif) transparent no-repeat;
}
.download #pagebody #box03 a.btn-image-down {
background-position:0 0;
left:3px;
bottom:77px;
}
.download #pagebody #box03 a.btn-image-down:hover {
background-position:0 -75px;
}
.download #pagebody #box03 a.btn-scenario-down {
background-position:0 -40px;
left:3px;
bottom:38px;
}
.download #pagebody #box03 a.btn-scenario-down:hover {
background-position:0 -115px;
}

.download #pagebody #container-sozai {
background:url(../images_common/bg_download02.gif) transparent no-repeat 0 0;
width:920px;
height:95px;
position:relative;
}

.download #pagebody #container-sozai a {
background:url(../images_common/btn_download02.gif) transparent no-repeat;
position:absolute;
top:15px;
left:5px;
text-indent:-999em;
overflow:hidden;
display:block;
width:315px;
height:34px;
}
.download #pagebody #container-sozai a:hover {
background-position:0 -34px;
}

.download #pagebody #container-teacher {
margin-top:10px;
height:90px;
width:920px;
}

.download #pagebody #container-teacher .list-downteacher {
background:url(../images_common/bg_imagescenario_off_on.gif) transparent no-repeat 0 0;
width:920px;
height:90px;
position:relative;
}

.download #pagebody #container-teacher .list-downteacher li {
height:20px;
position:absolute;
}

.download #pagebody #container-teacher ul li a {
text-indent:-999em;
overflow:hidden;
display:block;
width:100%;
height:100%;
}

.download #pagebody #container-teacher ul li#li-01 {
top:5px;
left:300px;
width:180px;
}
.download #pagebody #container-teacher ul li#li-02 {
top:5px;
left:610px;
width:80px;
}
.download #pagebody #container-teacher ul li#li-03 {
top:5px;
left:700px;
width:80px;
}
.download #pagebody #container-teacher ul li#li-04 {
top:5px;
left:790px;
width:80px;
}
.download #pagebody #container-teacher ul li#li-05 {
top:35px;
left:300px;
width:180px;
}
.download #pagebody #container-teacher ul li#li-06 {
top:35px;
left:610px;
width:80px;
}
.download #pagebody #container-teacher ul li#li-07 {
top:35px;
left:700px;
width:80px;
}
.download #pagebody #container-teacher ul li#li-08 {
top:35px;
left:790px;
width:80px;
}
.download #pagebody #container-teacher ul li#li-09 {
top:65px;
left:300px;
width:180px;
}
.download #pagebody #container-teacher ul li#li-10 {
top:65px;
left:610px;
width:80px;
}
.download #pagebody #container-teacher ul li#li-11 {
top:65px;
left:700px;
width:80px;
}
.download #pagebody #container-teacher ul li#li-12 {
top:65px;
left:790px;
width:80px;
}
.download #pagebody #container-teacher ul li#li-13 {
top:64px;
left:94px;
width:100px;
}

.download #pagebody #container-teacher ul li a:hover {
background:url(../images_common/bg_imagescenario_off_on.gif) transparent no-repeat 0 0;
}

.download #pagebody #container-teacher ul li#li-01 a:hover {
background-position:-300px -94px;
}
.download #pagebody #container-teacher ul li#li-02 a:hover {
background-position:-610px -94px;
}
.download #pagebody #container-teacher ul li#li-03 a:hover {
background-position:-700px -94px;
}
.download #pagebody #container-teacher ul li#li-04 a:hover {
background-position:-790px -94px;
}
.download #pagebody #container-teacher ul li#li-05 a:hover {
background-position:-300px -124px;
}
.download #pagebody #container-teacher ul li#li-06 a:hover {
background-position:-610px -124px;
}
.download #pagebody #container-teacher ul li#li-07 a:hover {
background-position:-700px -124px;
}
.download #pagebody #container-teacher ul li#li-08 a:hover {
background-position:-790px -124px;
}
.download #pagebody #container-teacher ul li#li-09 a:hover {
background-position:-300px -154px;
}
.download #pagebody #container-teacher ul li#li-10 a:hover {
background-position:-610px -154px;
}
.download #pagebody #container-teacher ul li#li-11 a:hover {
background-position:-700px -154px;
}
.download #pagebody #container-teacher ul li#li-12 a:hover {
background-position:-790px -154px;
}
.download #pagebody #container-teacher ul li#li-13 a:hover {
background-position:-96px -154px;
}

.download #pagebody #footer #para-footer-att {
background:url(../images_common/bg_footer_att.gif) transparent no-repeat left bottom;
padding:10px 0 0 220px;
height:66px;
float:left;
width:520px;
}
html>body.download #pagebody #footer #para-footer-att {
height:auto;
min-height:66px !important;
width:300px;
}

/* message
---------------------------------------------------*/
.message #pagebody {
padding-top:20px;
}

.message #container-tit {
padding:10px 0 20px 90px;
margin-left:20px;
height:99px;
background:url(../images_common/bg_messagetit.gif) transparent no-repeat left top;
}
html>body.message #container-tit {
min-height:69px;
height:auto !important;
}

.message h2 {
padding:0;
}

.message h3#hdg-message {
font-size:260%;
color:#665099;
background-color:transparent;
margin-top:10px;
}

.message #para-message {
background:url(../images_common/img_message.gif) transparent no-repeat right top;
padding:0 290px 20px 0;
border-bottom:#cccccc 3px dotted;
}

.message #para-message p {
line-height:2;
}