/*******************************************/
/************ base elements ***********/
/*******************************************/

.scsubcontents {
padding:0 0 15px 10px;
}

.scsubcontents p {
padding-bottom:12px;
}

.imgRight {
margin:0 0 5px 15px;
float:right;
}

.imgLeft {
margin:0 15px 5px 0;
float:left;
}

.clr {
clear:both;
}

#mainContainer #main .contents .scsubcontents .mainTxt {
float:right;
width:470px;
}

#mainContainer #main .contents .scsubcontents .mainTxtl {
float:left;
width:470px;
}

/************************************************/
/************ shool index elements **************/
/************************************************/

.schoolIndex {
float:left;
margin:15px 0;
}

.schoolIndex li {
float:left;
margin-left:10px;
}

.schoolIndex li.sItxt {
width:405px;
}


.schoolIndex li.sItxt img {
margin:8px 0;
}

.schoolIndex li strong {
color:#e50012;
text-align:left;
}

.gakusei {
float:right;
font-size:9px;
_font-size:8px;
line-height:11px;
margin-left:10px;
}



/*******************************************/
/************ important elements ***********/
/*******************************************/

p.contTxt-L {
  padding:0;
margin:0 0 0 10px;
font-size:1em;
line-height:1.4em;
}

.pointTxtOraCenter {
  font-size:1.1em;
line-height:1.4em;
color:#ff6600;
font-weight:bold;
padding-bottom:5px;
text-align:center;
}

.pointTxtredLeft {
  font-size:1.1em;
line-height:1.4em;
color:#cc0000;
font-weight:bold;
padding-bottom:5px;
padding-left:10px;
text-align:left;
}

.point03 {
  width:725px;
  text-align:center;
padding:20px 0;
overflow: hidden;
}

/* IE6 に適用 */
* html .clearfix {
zomm: 1;
}

.point03 ul {
  width:690px;
margin-left:auto;
margin-right:auto;
}
.point03 li {
  float:left;
margin-right:18px;
}

.point03 li.point03end {
  margin-right:0px;
}

.pointTxtBox {
line-height:1.4em;
width:700px;
}

.pointTxtBox dt {
  float:left;
padding:0 10px 10px 0;
}

.pointTxtBox dd.pointTxtOre2 {
  font-size:1.2em;
color:#ff6600;
font-weight:bold;
padding-bottom:5px;
}

.txtRed {
color:#CC0000;
}

.txtOrange {
color: #FF9900;
}


/*********************************/
/************ strong elements ***********/
/*********************************/
#mainContainer #main .contents .scsubcontents .catch {
font-size: 1.2em;
color:#ff6600;
font-weight:bold;
}

#mainContainer #main .contents .scsubcontents .txtBox01 {
padding: 10px;
margin: 0 auto 15px;
border: 2px solid #FF6600;
text-align:center;
width:600px;
background:url(../school/images/strong_bg.gif) repeat-x bottom;
}
#mainContainer #main .contents .scsubcontents b {
font-size: 1.2em;
line-height:1.6em;
}
#mainContainer #main .contents .scsubcontents .txtBox02 {
padding: 10px;
margin: 10px auto 15px;
border: 2px solid #FF6600;
text-align:center;
width: 250px;
background:url(../school/images/strong_bg.gif) repeat-x bottom;
}
.stTable {
font-size: 0.8em;
}
.stTable img {
padding-bottom:5px;
}


/*********************************/
/************ inst elements ***********/
/*********************************/


.instIndex {
float:left;
padding:22px 30px 28px 28px;
background-color:#e5f3fa; 
margin-bottom:10px;
}

.instIndex ul {
float:left;
margin-bottom:20px;
}

.instIndex li {
width:209px;
padding-right:20px;
float:left;
}

.instIndex li.liEnd {
width:209px;
padding-right:0px;
float:left;
}

.instIndex li.instIw {
width:438px;
}

.instIndex li img {
margin-bottom:10px;
}


/*********************************/
/************ schedule elements ***********/
/*********************************/
#mainContainer #main .contents .scsubcontents .scheduleTxt {
float:right;
width:435px;
}


/*********************************/
/************ voice elements ***********/
/*********************************/
.faqBox {
padding: 10px 0 10px 10px;
}
.faqBox .voiceBox {
clear:both;
border-bottom:dashed 1px #CCCCCC;
margin-bottom:10px;
}
.faq {
float:right;
width:550px;
}

dl.faq dt {
  background:url(../faq/images/question.gif) no-repeat 0 0.2em;
font-weight:bold;
padding:0 0 10px 20px;
}

dl.faq dd {
  background:url(../faq/images/answer.gif) no-repeat 0 0.2em;
padding:0 0 10px 20px;
}



/************************************************/
/************ access elements ************/
/************************************************/

.access {
width:725px;
margin:15px 0;
_margin:30px 0;
}

.access td.map {
padding-right:10px;
}

.access p {
padding:10px;
margin:10px 0;
background-color:#fff5af;
}

.guidance {
width:725px;
margin:10px 0;
_margin:20px 0;
}

.guidance td {
width:230px;
padding-top:5px;
}

.guidance td.fSpace {
width:17px;
}


/*********************************/
/************ around elements ***********/
/*********************************/

#mainContainer #main .contents .scsubcontents .tenjin {
float:left;
width:470px;
border-top:#CC0000 1px solid;
padding-top:5px;
}

#mainContainer #main .contents .scsubcontents .tenjinr {
float:right;
width:470px;
border-top:#CC0000 1px solid;
padding-top:5px;
}

#mainContainer #main .contents .scsubcontents .tenjin .shopData {
font-weight: bold;
margin-bottom: 10px;
padding-top: 5px;
padding-bottom: 5px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #999999;
border-bottom-color: #999999;
}

#mainContainer #main .contents .scsubcontents .tenjinr .shopData {
font-weight: bold;
margin-bottom: 10px;
padding-top: 5px;
padding-bottom: 5px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #999999;
border-bottom-color: #999999;
}


/***************************************/
/************ popup elements ***********/
/***************************************/


.popTitlebg {
  background:url(../school/images/popTitlebg.gif) repeat-x;
height:73px;
}

.popTitle {
  text-align:left;
padding-left:30px;
}

.popYouBox {
  text-align:center;
padding-top:20px;
}

.popcloseBtn {
  margin-top:20px;
}



/************************************************/
/************ faq elements ************/
/************************************************/

.faqBox2 {
padding: 20px 0 10px 10px;
}

dl.faq2 dt {
  background:url(../school/images/question.gif) no-repeat 0 0.2em;
font-weight:bold;
padding:0 0 10px 20px;
}

dl.faq2 dd {
  background:url(../school/images/answer.gif) no-repeat 0 0.2em;
padding:0 0 10px 20px;
border-bottom:dashed 1px #CCCCCC;
margin-bottom:10px;
}


/************************************************/
/************ if elements ************/
/************************************************/

.ifTitle {
position:relative;
background-image: url(../school/images/if_title.gif);
background-repeat:no-repeat;
width:725px;
height:228px;
}

.ifTitle p {
position: absolute;
top:140px;
left:15px;
width:450px;                           
}

/************************************************/
/************ process elements ************/
/************************************************/

.processDec {
width:686px;
margin-left:20px;
}

.proStep {
float:left;
width:656px;
margin-left:15px;
_margin-left:7px;
margin-bottom:15px;
}

.proStep p {
font-weight:bold;
font-size:18px;
padding-bottom:5px;
margin-bottom:10px;
border-bottom:solid 1px #333333;
}

.proStep img {
float:right;
margin-left:15px;
}

.proBgBlue {
width:686px;
float:left;
background-image: url(../school/images/process_img06_bg.gif);
background-repeat: repeat-y;
padding:15px 0;
}
.proBgGreen {
width:686px;
float:left;
background-image: url(../school/images/process_img07_bg.gif);
background-repeat: repeat-y;
padding:15px 0;
}
.proBgOrange {
width:686px;
float:left;
background-image: url(../school/images/process_img09_bg.gif);
background-repeat: repeat-y;
padding:15px 0;
}
.proBgPink {
width:686px;
float:left;
background-image: url(../school/images/process_img11_bg.gif);
background-repeat: repeat-y;
padding:15px 0;
}

.proBgBlue span {
color:#0099d9;
}
.proBgGreen span {
color:#49b138;
}
.proBgOrange span {
color:#e95605;
}
.proBgPink span {
color:#ea6fa5;
}







/************************************************/
/************ 修正時追加分 ************/
/************************************************/

/************* index.html *************/


pctRight {
margin-left:430px;
text-align: right;
display: block;
margin-top: 15px;
}

li .sugoi {
color: #FFF;
background-color: #6699FF;
padding: 3px;
margin-bottom: 15px;
}

li .sugoi02 {
color: #FFF;
background-color: #B4CA5D;
padding: 3px;
margin-bottom: 15px;
}

li .sugoi03 {
color: #FFF;
background-color: #F9AB24;
padding: 3px;
margin-bottom: 15px;
}

li .sugoi04 {
color: #FFF;
background-color: #0EB9E4;
padding: 3px;
margin-bottom: 15px;
}

li .sugoi05 {
color: #FFF;
background-color: #339966;
padding: 3px;
margin-bottom: 15px;
}

li .sugoi06 {
color: #FFF;
background-color: #339AE3;
padding: 3px;
margin-bottom: 15px;
}

li .sugoi07 {
color: #FFF;
background-color: #7CA4EF;
padding: 3px;
margin-bottom: 15px;
}

li .sugoi08 {
color: #FFF;
background-color: #FF9B2F;
padding: 3px;
margin-bottom: 15px;
}


.battle {
font-size: 24px;
display: block;
margin-top: 15px;
margin-bottom: 15px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #A8A8A8;
border-bottom-color: #A8A8A8;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
}

.battle span.f1 {
color: #6699FF;
}

.battle span.f2 {
color: #B4CA5D;
}

.battle span.f3 {
color: #F9AB24;
}

.battle span.f4 {
color: #0EB9E4;
}

.battle span.f5 {
color: #339966;
}

.battle span.f6 {
color: #339AE3;
}

.battle span.f7 {
color: #7CA4EF;
}

.battle span.f8 {
color: #FF9B2F;
}

ul.schoolIndex2 {
display: block;
margin-top: 15px;
float: left;
width: 400px;
}

.schoolIndex2 li strong {
color:#e50012;
text-align:left;
}


/************* merit.html *************/



h4.meritName {
font-size: 18px;
color: #FF3366;
padding-bottom: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #A8A8A8;
margin-bottom: 15px;
font-weight: bold;
line-height: 20px;
border-left-width: 10px;
border-left-style: solid;
border-left-color: #FF3366;
padding-left: 10px;
}

#meritbox01 {
margin-bottom: 35px;
padding-right: 300px;
background-image: url(../school/images/merit_01.jpg);
background-repeat: no-repeat;
background-position: right top;
display: block;
height: 219px;
margin-left: 35px;
margin-right: 35px;

}

#meritbox02 {
margin-bottom: 35px;
padding-left: 300px;
background-image: url(../school/images/merit_02.jpg);
background-repeat: no-repeat;
background-position: left top;
display: block;
height: 219px;
margin-right: 35px;
margin-left: 35px;
}

#meritbox03 {
margin-bottom: 35px;
padding-right: 200px;
background-image: url(../school/images/merit_03.jpg);
background-repeat: no-repeat;
background-position: right top;
display: block;
height: 150px;
margin-right: 35px;
margin-left: 35px;
}

#meritbox04 {
margin-bottom: 35px;
padding-left: 200px;
background-image: url(../school/images/merit_04.jpg);
background-repeat: no-repeat;
background-position: left top;
display: block;
height: 150px;
margin-right: 35px;
margin-left: 35px;
}

#meritbox05 {
margin-bottom: 35px;
background-image: url(../school/images/merit_05.jpg);
background-repeat: no-repeat;
background-position: right top;
display: block;
height: 219px;
padding-right: 300px;
margin-right: 35px;
margin-left: 35px;
}

#meritbox06 {
margin-bottom: 35px;
padding-left: 300px;
background-image: url(../school/images/merit_06.jpg);
background-repeat: no-repeat;
background-position: left top;
display: block;
height: 321px;
margin-right: 35px;
margin-left: 35px;
}







/************* process.html *************/


#stepBox01_top {
background-image: url(../school/images/step_01_01.gif);
background-repeat: no-repeat;
background-position: left top;
margin: 0px;
padding: 35px 0px 0px 250px;
height: 40px;
}

#stepBox_01 {
background-image: url(../school/images/step_01_02.gif);
background-repeat: repeat-y;
padding-top: 25px;
padding-right: 35px;
padding-bottom: 25px;
padding-left: 35px;
}

#stepBox02_top {
background-image: url(../school/images/step_02_01.gif);
background-repeat: no-repeat;
background-position: left top;
margin: 0px;
padding: 35px 0px 0px 250px;
height: 40px;
}

#stepBox_02 {
background-image: url(../school/images/step_02_02.gif);
background-repeat: repeat-y;
padding-top: 25px;
padding-right: 35px;
padding-bottom: 25px;
padding-left: 35px;
}

#stepBox03_top {
background-image: url(../school/images/step_03_01.gif);
background-repeat: no-repeat;
background-position: left top;
margin: 0px;
padding: 35px 0px 0px 250px;
height: 40px;
}

#stepBox_03 {
background-image: url(../school/images/step_03_02.gif);
background-repeat: repeat-y;
padding-top: 25px;
padding-right: 35px;
padding-bottom: 25px;
padding-left: 35px;
}

#stepBox04_top {
background-image: url(../school/images/step_04_01.gif);
background-repeat: no-repeat;
background-position: left top;
margin: 0px;
padding: 35px 0px 0px 390px;
height: 40px;
}

#stepBox_04 {
background-image: url(../school/images/step_04_02.gif);
background-repeat: repeat-y;
padding-top: 25px;
padding-right: 35px;
padding-bottom: 25px;
padding-left: 35px;
}

.stepBox_btm {
margin: 0px 0px 25px;
padding: 0px;
}


.stepPoint {
display: block;
width: 650px;
clear: borh;
padding-bottom: 10px;
}

.stepPoint p {
padding-bottom: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #777;
font-size: 120%;
font-weight: bold;
display: block;
margin-bottom: 10px;
margin-top: 10px;
}

.stepPoint img {
float:right;
margin-left:22px;
margin-bottom: 15px;
}

.stepPoint ol {
margin-left:35px;
}


#stepBox_01 span {
color:#0099d9;
}

#stepBox_02 span {
color:#49b138;
}

#stepBox_03 span {
color:#e95605;
}
#stepBox_04 span {
color:#ea6fa5;
}

#textbookBox {
display: block;
margin-top: 25px;
margin-bottom: 25px;
}

#textbookBox .innerBox {
display: block;
float: left;
width: 225px;
padding-right: 15px;
}






/************* strength.html *************/


ol.study {
display: block;
list-style-type: none;
margin-top: 25px;
margin-left: 25px;
}

ol.yell {
display: block;
list-style-type: none;
margin-top: 25px;
margin-left: 25px;
}


ol.study li {
font-size: 1.2em;
margin-top: 10px;
margin-bottom: 10px;
background-image: url(../school/images/str_arw_g.gif);
background-repeat: no-repeat;
padding-left: 27px;
}

ol.study li span {
color: #83C66E;
}

ol.yell li {
font-size: 1.2em;
margin-top: 10px;
margin-bottom: 10px;
background-image: url(../school/images/str_arw_p.gif);
background-repeat: no-repeat;
padding-left: 27px;
}

ol.yell li span {
color: #FF6699;
}
















/************* event.html *************/

table.event {
width: 725px;
margin-top: 10px;
margin-right: auto;
margin-bottom: 25px;
margin-left: auto;
}

td.senkottl {
font-size: 120%;
font-weight: bold;
color: #FFF;
background-color: #FF9900;
text-align: center;
vertical-align: middle;
padding: 8px;
}

td.sogottl {
font-size: 120%;
font-weight: bold;
color: #FFF;
background-color: #BEE16B;
text-align: center;
vertical-align: middle;
padding: 8px;
}

td.sogo1ttl {
font-size: 120%;
font-weight: bold;
color: #FFF;
background-color: #99CC00;
text-align: center;
vertical-align: middle;
padding: 5px;
}

td.sogo2ttl {
font-size: 120%;
font-weight: bold;
color: #FFF;
background-color: #009933;
text-align: center;
vertical-align: middle;
padding: 5px;
border-left-width: 2px;
border-left-style: solid;
border-left-color: #FFF;
}

td.senko {
padding: 10px;
width: 130px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #D8D8D8;
border-bottom-color: #D8D8D8;
border-left-color: #D8D8D8;
}

td.sogo {
padding: 10px;
width: 225px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #D8D8D8;
border-bottom-color: #D8D8D8;
border-left-color: #D8D8D8;
}

td.month {
padding: 12px;
font-size: 120%;
font-weight: bold;
color: #FFF;
background-color: #66CC33;
border-top: 1px solid #CCFF33;
border-right: 8px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
border-left: 1px solid #CCFF33;
width: 50px;
}

td.season {
text-align: center;
vertical-align: middle;
border-right-color: #D8D8D8;
border-bottom-color: #D8D8D8;
border-right-width: 1px;
border-bottom-width: 1px;
background-color: #FFFFCC;
border-right-style: solid;
border-bottom-style: solid;
}

td.happyo {
text-align: center;
vertical-align: middle;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #D8D8D8;
background-color: #EC311E;
}

.senko span {
color: #FF9900;
}

.sogo01 span {
color: #99CC33;
}

.sogo02 span {
color: #009933;
}




/************* if.html *************/

.greenBox {
display: block;
background-color: #7EBF26;
width: 725px;
margin-top: 0px;
margin-bottom: 25px;
padding-top: 0px;
padding-bottom: 0px;
text-align: center;
}

.linerBox {
display: block;
border: 2px solid #FFF;
margin-right: 15px;
margin-left: 15px;
margin-top: 10px;
margin-bottom: 10px;
padding: 12px;
text-align: left;
}

.imgfix {
display: block;
margin: 0px;
padding: 0px;
}

#qus {
display: block;
padding-left: 80px;
font-weight: bold;
background-image: url(../school/images/if_img_Q.gif);
background-repeat: no-repeat;
background-position: left top;
padding-top: 12px;
padding-bottom: 25px;
}

#ans {
display: block;
background-image: url(../school/images/if_img_A.gif);
background-repeat: no-repeat;
background-position: left top;
padding-left: 80px;
padding-top: 10px;
padding-bottom: 10px;
}

.if_waku {
display: block;
background-color: #F1F5E0;
padding: 10px 10px 10px 15px;
margin-top: 10px;
margin-right: 15px;
margin-bottom: 10px;
margin-left: 15px;
text-align: left;
}

.if_waku strong {
font-size: 125%;
font-weight: bold;
color: #000000;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000;
}

.if_waku img {
float: right;
margin-left: 15px;
}





/************* institution.html *************/

/*
.inst03 {
display: block;
background-image: url(../school/images/inst_03_2.jpg);
background-repeat: no-repeat;
background-position: right top;
padding-right: 255px;
height: 240px;
}

.inst04 {
background-image: url(../school/images/inst_04_2.jpg);
background-repeat: no-repeat;
background-position: left top;
display: block;
padding-left: 225px;
height: 240px;
}
*/

.inst03 {
width:500px;
background-image: url(../school/images/inst_03_2.jpg);
background-repeat: no-repeat;
background-position: right top;
padding-right: 225px;
height: 240px;
}

.inst04 {
width:495px;
background-image: url(../school/images/inst_04_2.jpg);
background-repeat: no-repeat;
background-position: left top;
display: block;
padding-left: 230px;
height: 240px;
}