/*
    TopageContentsFlame
----------------------------------------*/

#menuShadow {
height: 11px;
background: url(../../../img/menu/menu_shadow_topage.gif) no-repeat right;
display: none;
}

#topageContentsWhole {
float: right;
background: url(../../../img/top/bg.gif) repeat-y right;
background-image: none;/* print */
}

#topageContentsLeft {
margin: 0;
padding: 0;
width: 510px;
float: left;
}

#topageContentsRight {
margin: 5px 0 0;
padding: 10px 0 10px 10px;
width: 239px;
float: left;
background-color: #3f523e;
}


#topageContentsWholeFooter {
width:720px;
float: right;
padding: 32px 0 7px;
background: url(../../../img/top/blackboard/pic_eraser.gif) no-repeat right bottom;
vertical-align:bottom;
display: none;
}


/*
    topicsArea
----------------------------------------*/

#topicsArea {
margin: 0;
padding: 4px 0 0 20px;
}

#topicsContents {
margin: 0;
padding: 0;
}

#topicsContents ul.topicsW {
margin: 0;
padding: 0;
}

#topicsContents ul.topicsW li.topicsW01 {
list-style-type: none;
height: 20px;
background: url(../../../img/top/topics/pink_w01.gif) no-repeat left top;
}

#topicsContents ul.topicsW li.topicsW02 {
list-style-type: none;
width: 485px;
background: url(../../../img/top/topics/pink_w02.gif) repeat-y  left;
}

div.topicsW02Title {
margin: 0;
padding: 0 0 0 20px;
width: 435px;
}

div.topicsW02Contents {
margin: 0;
padding: 18px 0 0 48px;
}

div.topicsW02Contents img {
padding-right: 10px;
}

#topicsContents ul.topicsW li.topicsW03 {
list-style-type: none;
height: 20px;
background: url(../../../img/top/topics/pink_w03.gif) no-repeat left top;
}

#opinionW01 {
margin: 0;
padding: 0 0 0 13px;
width: 470px;
background: url(../../../img/top/topics/pink_w04.gif) repeat-y  left;
}

#opinionW01 ul.opinionW01Frame {
margin: 0;
padding: 0;
}

#opinionW01 ul.opinionW01Frame li {
list-style-type: none;
}

#opinionW01 ul.opinionW01Frame li.opinionW01FrameLeft {
width: 89px;
float: left;
}

#opinionW01 ul.opinionW01Frame li.opinionW01FrameRight {
margin: 0;
padding: 16px 0 10px;
width: 353px;
float: left;
}

.opinionBtn {
margin: 0;
padding: 5px 0 0 2px;
}

.opinionBtn ul {
margin: 0;
padding: 0;
}

.opinionBtn ul li.opinionBtnExplanation {
list-style-type: none;
padding: 0 5px 0 0;
width: 305px;
float: left;
}

.opinionBtn ul li.opinionBtnImage {
list-style-type: none;
padding: 2px 0 0 0;
width: 37px;
float: left;
}

div.topicsW05 {
list-style-type: none;
height: 13px;
background: url(../../../img/top/topics/pink_w05.gif) no-repeat  left top;
}

/*
    newsArea
----------------------------------------*/

#newsArea {
margin: 0;
padding: 16px 0 0 20px;
}

div.newsW01 {
list-style-type: none;
height: 30px;
background: url(../../../img/top/news/title.gif) no-repeat background-position: left top;
}

div.newsW01 img {
border-bottom: 1px solid #333366;
}

div.newsW02 {
padding: 0 20px 0 30px;
width: 425px;
background: url(../../../img/top/news/blue_w02.gif) repeat-y left;
}

div.newsW02 ul {
margin: 0;
padding: 0;
}

div.newsW02 ul li {
list-style-type: none;
}

div.newsW02 li.newsW02contentsDateBlock {
float: left;
padding-top: 8px;
width: 5em;
}

div.newsW02 li.newsW02contentsTextBlock {
float: left;
padding-top: 8px;
width: 328px;
}

div.newsW03 {
list-style-type: none;
height: 13px;
background: url(../../../img/top/news/blue_w03.gif) no-repeat  left top;
}

/*
    compulsoryEducationArea
----------------------------------------*/

#compulsoryEducationArea {
margin: 0;
padding: 4px 0 0;
width: 495px;
}

.cEducationLinkBlock {
margin: 0;
padding: 8px 0 0;
background-color:#FFF;
width: 495px;
}

.cEducationLinkBlock ul {
margin: 0;
padding: 0;
}

.cEducationLinkBlock li {
list-style-type: none;
float: left;
}

.cEducationLinkBlock li.cEducationCharacter {
width: 138px;
}

.cEducationLinkBlock li.cEducationTitle {
padding-top: 12px;
width: 357px;
}

.cEducationLinkBlock li.cEducationTitle .cEducationBtn {
padding: 5px 0 0 5px;
width: 320px;
}
.cEducationLinkBlock li.cEducationTitle .cEducationBtn img {
margin: 5px 0 0;
}

/*
    compulsoryEducationArea
----------------------------------------*/

.bbContents {
margin: 0;
padding: 0;
background: url(../../../img/top/blackboard/cork_w02.gif) repeat-y right;
width: 239px;
display: block;
}

.bbContents img{
padding-left: 4px;
}