@charset "utf-8";

/* ------------------------------------
1.lead
------------------------------------ */

/*--1-1 lead background/p--*/

#trial-lead {
min-height: 335px;
background: url(../img/trial/img01.jpg) no-repeat right top;
}

/*For IE6*/
* html #trial-lead {
height: 335px;
}

#trial-lead p {
width: 420px;
}

/*--1-2 for menu --*/

#trial-lead ul li {
float: left;
}

/* ------------------------------------
2.h2_01
------------------------------------ */

/*--2-1 h2--*/

#h2_01 h2 {
clear: both;
}

/*--2-2 float left/photo--*/


ul#program {
margin-bottom: 10px;
}

ul#program li {
float: left;
width: 165px;
}

ul#program li#program01 {
width: 148px;
background: url(../img/trial/program_bg01.jpg) no-repeat;
}

ul#program li#program02 {
background: url(../img/trial/program_bg02.jpg) no-repeat;
}

ul#program li#program03 {
background: url(../img/trial/program_bg03.jpg) no-repeat;
}

ul#program li#program04 {
background: url(../img/trial/program_bg04.jpg) no-repeat;
}

/*--2-3 dl --*/ 

ul#program li dl {
margin-top: 105px;
margin-left: 17px;
background: url(../img/trial/program_bg_middle.jpg) 
}

ul#program li#program01 dl {
margin-left: 0;
}

ul#program li dl dt {
padding-top: 5px;
padding-left: 7px;
padding-bottom: 3px;
background: url(../img/trial/program_bg_t.jpg)  no-repeat bottom left;
}

ul#program li dl dd {
min-height: 70px;
padding-top: 5px;
padding-left: 7px;
padding-right: 3px;
padding-bottom: 3px;
font-size: 90%;
background: url(../img/trial/program_bg_bottom.jpg)  no-repeat bottom left;
}

/*For IE6*/
* html ul#program li dl dd  {
height: 70px;
}

/* ------------------------------------
3.h2_02/h2_03
------------------------------------ */

#h2_02 {
background: url(../img/trial/img02.jpg) no-repeat right top;
}

#h2_03 {
background: url(../img/trial/img03.jpg) no-repeat right top;
}

#h2_02 p,
#h2_03 p {
width: 430px;
}

#h2_03 ul li {
list-style-type: disc;
list-style-position: inside;
}