@charset "utf-8";

/* ------------------------------------
1. index
------------------------------------ */

/*-- 1-1 character --*/

#cate-menu #character {
height: 222px;
background: url(../img/feature/bg_character.jpg) no-repeat;
}

#cate-menu #character h2 {
float: left;
width: 330px;
margin-top: 0;
margin-bottom: 0;
padding: 21px 0 0 17px;
background: url(../img/feature/bg_character.jpg) no-repeat ;
}

#cate-menu #character p {
padding-top: 25px;
padding-bottom: 10px;
}

#cate-menu #character ul {
clear: both;
margin-left: 12px;
}

#cate-menu #character ul li {
float: left;
margin-right: 12px;
}

/*-- 1-2 program/what --*/


#cate-menu #program {
float: left;
width: 318px;
height: 529px;
background: url(../img/feature/bg_program.jpg) no-repeat;
}

#cate-menu #what {
float: right;
width: 318px;
height: 384px;
background: url(../img/feature/bg_what.jpg) no-repeat;
}



#cate-menu div.featuretop h2 {
width: 318px;
margin-top: 0;
margin-bottom: 0;
padding: 10px 0 19px 25px;
background: url(../img/feature/bg_program.jpg) no-repeat ;
}

#cate-menu div.featuretop p {
margin-left: 20px;
margin-bottom: 10px;
}

#cate-menu div.featuretop ul li {
padding-left: 7px;
padding-bottom: 6px;
}



/* ------------------------------------
2. greeting
------------------------------------ */

/*-- 2-1 lead --*/
#gree-lead {
min-height: 245px;
background: url(../img/feature/greeting/img01.jpg) no-repeat right top;
}

/*For IE6*/
* html #gree-lead {
height: 245px;
}

#gree-lead p {
width: 450px;
}

/*-- 2-2 h2 --*/
#main h2.h2-inlinelead {
padding: 0px 0 6px 0;
background: #fff ;
}

/* ------------------------------------
3. point
------------------------------------ */

/*-- 3-1 h2 --*/
#point h2 {
padding: 10px 0 6px 0;
}

/*-- 3-2 how --*/
#point dl {
margin-bottom: 20px;
background: url(../img/feature/point/frame_how_middle.gif) left bottom repeat-y;
}

#point dt {
padding: 8px 0 2px 32px;
background: url(../img/feature/point/frame_how_top.gif) no-repeat;
_height: 33px;
}

#point dd {
padding: 10px 15px 10px 15px;
background: url(../img/feature/point/frame_how_bottom.gif) no-repeat left bottom;
}

/*-- 3-3 h2-01 --*/

#point #h2-01  {
background: url(../img/feature/point/img01.jpg) no-repeat 400px 50px;
}

#point #h2-01 p {
width: 390px;
min-height: 190px;
}

/*For IE6*/
* html #point #h2-01 p {
height: 190px;
}

/*-- 3-4 h2-02 --*/

#point #h2-02  {
background: url(../img/feature/point/img02.jpg) no-repeat 430px 50px;
}

#point #h2-02 p {
width: 420px;
min-height: 130px;
}

/*For IE6*/
* html #point #h2-02 p {
height: 130px;
}

/*-- 3-5 h2-03 --*/

#point #h2-03  {
background: url(../img/feature/point/img03.jpg) no-repeat 430px 60px;
}

#point #h2-03 p {
width: 420px;
min-height: 145px;
}

/*For IE6*/
* html #point #h2-03 p {
height: 145px;
}


/* ------------------------------------
4. curriculum
------------------------------------ */

/*-- 4-1 lead --*/
#cari-lead {
min-height: 205px;
background: url(../img/feature/curriculum/img01.jpg) no-repeat right top;
}

/*For IE6*/
* html #cari-lead {
height: 205px;
}

#cari-lead p {
width: 400px;
}

/*-- 4-2 step --*/

#step h3 {
display:none;
}

#step p.step {
width: 340px;
min-height: 136px;
padding-top: 8px;
padding-left: 40px;
padding-right: 30px;
padding-bottom: 20px;
}

/*For IE6*/
* html #step p.step  {
width: 410px;
height: 136px;
}


#step #step01 {
background: #fff url(../img/feature/curriculum/bg_step01_base.jpg) left top no-repeat;
}

#step #step01 p.step {
background: url(../img/feature/curriculum/bg_step01_bottom.jpg) left bottom no-repeat;
}

#step #step02 {
margin-left: 30px;
background: #fff url(../img/feature/curriculum/bg_step02_base.jpg) left top no-repeat;
}

#step #step02 p.step {
background: url(../img/feature/curriculum/bg_step02_bottom.jpg) left bottom no-repeat;
}

#step #step03 {
margin-left: 60px;
background: #fff url(../img/feature/curriculum/bg_step03_base.jpg) left top no-repeat;
}

#step #step03 p.step {
background: url(../img/feature/curriculum/bg_step03_bottom.jpg) left bottom no-repeat;
}

/*-- 4-3 subject --*/

#subject  {
background: url(../img/feature/curriculum/img02.jpg) no-repeat 360px 30px;
}

#subject p {
width: 350px;
min-height: 250px;
}

/*For IE6*/
* html #subject p {
height: 250px;
}

#subject .sub-orange {
background-color: #FDECAB;
}

#subject .sub-green {
background-color: #EAFEDF;
}


#subject th {
line-height: 1.2;
}

/* ------------------------------------
5. message
------------------------------------ */

/*-- 5-1 lead --*/
#mes-lead {
min-height: 160px;
background: url(../img/feature/message/img01.jpg) no-repeat right top;
}

/*For IE6*/
* html #mes-lead {
height: 160px;
}

#mes-lead p {
width: 360px;
}


/*-- 5-2 message --*/
#message dl {
margin-bottom: 20px;
background: url(../img/feature/message/bg_mes_base.jpg) left bottom no-repeat;
}

#message dt {
padding: 8px 0 1px 42px;
background: url(../img/feature/message/bg_mes_head.jpg) no-repeat;
_height: 33px;
}

#message dd {
padding: 10px 15px 10px 15px;
background: url(../img/feature/message/bg_mes_middle.jpg) no-repeat;
font-size: 90%;
}

#message dd span.more p {
margin-bottom: 20px;
background: url(../img/feature/message/bg_more.gif) no-repeat 90px 0;
}


#message .link {
background-position: 0 0.3em;
line-height: 1.3;
}

/* ------------------------------------
6. class
------------------------------------ */

.maintxt1 {
line-height: 1.6;
}

.maintxt2 {
font-size: 90%;
line-height: 1.6;
}


/* ------------------------------------
7. philosophy
------------------------------------ */

/*-- 7-1 h2 --

go to 2.greeting 

*/

/*-- 7-2 h2-01 --*/
#phi-h2-01 {
background: url(../img/feature/philosophy/img01.jpg) no-repeat 410px 70px;
min-height: 340px;
}

/*For IE6*/
* html #phi-h2-01 {
height: 340px;
}

#phi-h2-01 p {
width: 390px;
}

/*-- 7-3 h2-02 --*/
#phi-h2-02 {
background: url(../img/feature/philosophy/img02.jpg) no-repeat 0 70px;
min-height: 365px;
}

/*For IE6*/
* html #phi-h2-02 {
height: 365px;
}

#phi-h2-02 p {
margin-left: 250px;
}

/*-- 7-4 more --*/
dl#phi-more {
margin-top: 30px;
margin-bottom: 10px;
background: url(../img/feature/message/bg_mes_base.jpg) left bottom no-repeat;
}

#phi-more dt {
padding: 8px 0 1px 27px;
background: url(../img/feature/philosophy/bg_more_head.jpg) no-repeat;
_height: 33px;
}

#phi-more dd {
padding: 10px 15px 10px 15px;
background: url(../img/feature/message/bg_mes_middle.jpg) no-repeat;
font-size: 90%;
}

#phi-more .link {
margin-top: 0;
margin-bottom: 0.5em;
line-height: 1.3;
}




/* ------------------------------------
8. twelvesign
------------------------------------ */

#twel-h2-02 div {
margin-top: 20px;
}

#twel-h2-02 p.illust {
float: left;
padding-left: 10px;
padding-right: 5px;
}

#twel-h2-02 dl.text {
float: left;
width: 500px;
margin-top: 3px;
margin-right: 5px;
background: url(../img/feature/twelvesign/bg_text_base.gif) repeat-y;
}

#twel-h2-02 dl.text dt {
float: left;
width: 42px;
padding: 10px 10px 10px 15px;
}

#twel-h2-02 dl.text dd {
float: right;
width: 420px;
padding: 10px 10px 7px 0;
}