/*---base---*/

body{
font-family:Verdana, "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
font-weight:normal;
font-style:normal;
font-size:75%;
line-height:160%;
text-align: center;
color:#666666;
background-color:#EFEFEF;
}

*html body{
padding-left:1px;
}

*-html body{
padding-left:1px;
} 

*{
margin:0px;
padding:0px;
}

h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:lighter;
}

img{
border-width: 0px;
border-style: none;
vertical-align:top;
}

#wrapper {
width:900px;
margin:0 auto;
text-align:left;
}

#base {
width:900px;
float:left;
background-image:url(back.jpg);
background-position:center;
background-repeat:repeat-y;
}

#frame {
width:780px;
margin:0 auto;
}

#head{
width:780px;
height:58px;
float:left;
background-color:#000000;
}

#head h1{
width:223px;
height:58px;
float:left;
} 

#head ul{
width:240px;
height:58px;
float:right;
margin:15px 0 0 200px;
}

#head ul li{
float:left;
background-image:url(icon.gif);
background-repeat:no-repeat;
text-indent:15px;
list-style:none;
color:#FFFFFF;
}

#head ul li a:link, #head ul li a:visited, #head ul li a:hover, #head ul li a:active{
color:#FFFFFF;
text-decoration:none;
}

a:link, a:visited, a:hover, a:active{
color:#0033FF;
}


/*---navi---*/
#main_navi{
width:780px;
float:left;
background-image:url(navi.gif);
background-repeat:no-repeat;
height:35px;
margin:0 0 15px 0;
display:inline;
}

#main_navi li{
width:130px;
height:35px;
float:left;
color:#FFFFFF;
font-size:110%;
text-align:center;
list-style:none;
line-height:35px;
font-weight:bold;
}

*html #main_navi li{
width:130px;
height:35px;
float:left;
color:#FFFFFF;
font-size:120%;
text-align:center;
list-style:none;
line-height:35px;
font-weight:bold;
}

#main_navi a:link, #main_navi a:visited, #main_navi a:active{
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}

#main_navi a:hover{
color:#FFCCCC;
text-decoration:none;
}

/*---subnavi---*/
#subnavi{
width:170px;
float:left;
margin:0px 20px 0 10px;
}

#subnavi span{
background-image:url(sub_navi_ttl.gif);
background-repeat:no-repeat;
width:168px;
height:26px;
text-align:right;
text-indent:15px;
line-height:26px;
font-weight:bold;
float:left;
}

#subnavi span a:link, #subnavi span a:visited, #subnavi span a:hover, #subnavi span a:active{
color:#666666;
text-decoration:none;
}

#subnavi ul{
margin:7px 0 0 0;
}

#subnavi li{
background-image:url(sub_navi.gif);
background-repeat:no-repeat;
float:left;
width:168px;
height:52px;
line-height:38px;
text-align:left;
text-indent:15px;
list-style:none;
}

#subnavi li a:link{
color:#666666;
text-decoration:none;
}

#subnavi li a:visited, #subnavi li a:hover, #subnavi li a:active{
color:#993399;
text-decoration:none;
}



/*---footer---*/
#footer{
background-image:url(footer.gif);
background-repeat:no-repeat;
width:780px;
height:20px;
float:left;
color:#FFFFFF;
text-align:right;
font-weight:bold;
margin:15px 0 0 0;
display:inline;
}

/*---top---*/
#main_box{
width:780px;
float:left;
display:inline;
}

.topbox_left{
width:200px;
float:left;
margin:0 0 0 15px;
display:inline;
}

.topbox_left img{
margin:0 0 10px 0;
float:left;
}

.topbox_middle{
width:309px;
float:left;
margin:0 20px;
display:inline;
}

.topbox_middle table th{
background-image:url(topics_icon.gif);
background-repeat:no-repeat;
width:23px;
height:25px;
text-align:center;
}

.topbox_middle table td p{
margin:0 0 3px 0;
}

.topbox_middle table td p.details{
font-weight:bold;
color:#993399;
margin:0 0 3px 0;
}

.topbox_right{
width:200px;
float:left;
margin:0 10px 0 0px;
display:inline;
}

.topbox_right img{
margin:0 0 10px 0;
float:left;
}
/*---common---*/
.seg01{
width:504px;
float:left;
margin:0 0 15px 0;
display:inline;
}

.seg02{
float:left;
margin:15px 0px;
display:inline;
}

/*---course---*/
#main02{
width:504px;
float:left;
}

#main02 h1{
width:491px;
height:30px;
background-image:url(h1.gif);
background-repeat:no-repeat;
font-weight:bold;
text-indent:10px;
font-size:90%;
color:#333333;
margin:0 0 25px 0;
}

#main02 h2{
width:504px;
height:26px;
background-image:url(h2.gif);
background-repeat:no-repeat;
font-weight:bold;
text-indent:10px;
line-height:26px;
font-size:90%;
color:#663399;
margin:0 0 10px 0;
}

.decoration_box{
float:left;
width:463px;
border:#CCCCCC 1px solid;
background-color:#f1f1f1;
}

.decoration_box p{
margin:0 0 10px 0;
}

.decoration_box_l{
float:left;
width:300px;
margin:0 0 0 5px;
display:inline;
}

.decoration_box_l p{
text-align:right;
margin:7px 0 7px 0;
}

.decoration_box_r{
float:right;
width:150px;
}

.decoration_box02{
float:left;
width:243px;
border:#CCCCCC 1px solid;
background-color:#f1f1f1;
margin:10px 0 0 5px;
display:inline;
}

.decoration_box02 p{
margin:5px 5px 7px 5px;
}

.decoration_box02 p.details{
text-align:center;
margin:0 0 10px 0;
}

P.details02{
font-weight:bold;
margin:0 0 5px 0;
}

.high_tbl{
border:#000000 1px solid;
border-collapse:collapse;
}

.high_tbl td{
padding:3px 0 0 5px;
border:#000000 1px solid;
}

.high_tbl th{
background-color:#FF6600;
color:#FFFFFF;
padding:3px 0 0 5px;
border:#000000 1px solid;
text-align:center;
}

.high_tbl02{
}

.high_tbl02 td{
padding:3px 0 3px 5px;
}

.high_tbl02 th{
background-position:bottom;
background-image:url(high_icon.jpg);
background-repeat:no-repeat;
}

.specialized_tbl{
border:#000000 1px solid;
border-collapse:collapse;
}

.specialized_tbl td{
padding:10px 0 10px 5px;
border:#000000 1px solid;
height:30px;

}

.specialized_tbl th{
background-color:#FF3399;
color:#FFFFFF;
padding:3px 0 0 5px;
border:#000000 1px solid;
text-align:center;
}

.specialized_tbl02{
}

.specialized_tbl02 td{
padding:3px 0 3px 5px;
}

.specialized_tbl02 th{
background-position:bottom;
background-image:url(special_icon.jpg);
background-repeat:no-repeat;
}

.specialized02_tbl{
border:#000000 1px solid;
border-collapse:collapse;
}

.specialized02_tbl td{
padding:10px 0 10px 5px;
border:#000000 1px solid;
height:30px;

}

.specialized02_tbl th{
background-color:#00CCFF;
color:#FFFFFF;
padding:3px 0 0 5px;
border:#000000 1px solid;
text-align:center;
}

.specialized02_tbl02{
}

.specialized02_tbl02 td{
padding:3px 0 3px 5px;
}

.specialized02_tbl02 th{
background-position:bottom;
background-image:url(special02_icon.jpg);
background-repeat:no-repeat;
}

/*---fashion---*/
#main03{
margin:0 150px;
float:left;
display:inline;
}

#main03 h1{
width:491px;
height:30px;
background-image:url(h1.gif);
background-repeat:no-repeat;
font-weight:bold;
text-indent:10px;
font-size:90%;
color:#333333;
margin:0 0 10px 0;
}

.main04{
float:left;
margin:0 0 15px 150px;
display:inline;
}


.main04 h1{
width:491px;
height:30px;
background-image:url(h1.gif);
background-repeat:no-repeat;
font-weight:bold;
text-indent:10px;
font-size:90%;
color:#333333;
margin:0 0 10px 0;
}

#main03 h2{
color:#993399;
font-size:90%;
font-weight:bold;
margin:0 0 10px 0;
}

#main03 h3{
width:504px;
height:26px;
background-image:url(h2.gif);
background-repeat:no-repeat;
font-weight:bold;
text-indent:10px;
line-height:26px;
font-size:90%;
color:#663399;
margin:0 0 10px 0;
}

.fashion_tbl td{
padding:5px 5px 10px 5px;
}

.event_tbl{
margin:0 0px;
border:#CCCCCC 1px solid;
border-collapse:collapse;
}

.event_tbl td{
border:#CCCCCC 1px solid;
}

.event_tbl th{
border:#CCCCCC 1px solid;
padding:5px 0 5px 10px;
text-align:left;
font-weight:normal;
line-height:20px;
}

.event_tbl td a:link, .event_tbl td a:visited, .event_tbl td a:hover, .event_tbl td a:active,{
color:#0033CC;
text-decoration:underline;
}

.event_box{
width:533px;
float:left;
}

.event_box p.details{
margin:0 0 10px 0;
}

.event_box p{
margin:0 0 10px 0;
width:500px;
}


.event_box span img{
float:left;
margin:0 1px 5px 1px;
display:inline;
}

/*---school---*/
.school_box{
width:504px;
float:left;
margin:0 0 10px 0;
display:inline;
}

.school_box_l{
width:340px;
float:left;
}

.school_box_l img{
float:left;
margin:0 0 10px 0;
}

.school_box_l p{
width:330px;
float:left;
}

.school_box_r{
width:140px;
float:right;
}

.school_box_r img{
float:left;
margin:30px 16px 5px 16px;
display:inline;
}

.school_box_r p{
font-weight:bold;
width:119px;
text-indent:35px;
}

.school_box_r02{
width:140px;
float:right;
}

.school_box_r02 img{
float:left;
margin:30px 0px 5px 0px;
display:inline;
}

.school_box_r02 p{
font-weight:bold;
width:119px;
text-indent:35px;
}

.school_tbl{
margin:10px 0 0 0;
border:1px #660066 dotted;
}

.school_tbl th{
border-right:1px #660066 dotted;
color:#000000;
text-align:left;
padding:5px 0 5px 5px;
vertical-align:top;
}

.school_tbl td{
text-align:left;
padding:5px 0 5px 5px;
}

.traffic_tbl{
text-indent:5px;
margin:10px 0 0 0;
float:left;
line-height:20px;
}

.traffic_tbl02{
text-indent:5px;
margin:10px 0 0 0;
float:left;
line-height:18px;
}

/*---experience---*/
.experience_tbl{
margin:0 0 15px 0;
}

.experience_tbl th{
font-size:110%;
color:#669999;
line-height:20px;
text-align:left;
}

.experience_tbl td{
line-height:15px;
text-align:left;
vertical-align:top;
}

.experience_tbl p.details{
background-image:url(experience_icon01.gif);
background-repeat:no-repeat;
background-position:center left;
margin:0 0 5px 0;
text-indent:10px;
font-weight:bold;
font-size:100%;
}

.experience_tbl span{
margin:0 0 5px 0;
font-weight:bold;
font-size:100%;
}

.experience_tbl02{
margin:0 0 15px 0;
border:#CCCCCC 1px solid;
border-collapse:collapse;
}

.experience_tbl02 th{
background-color:#ECF5F5;
font-weight:normal;
padding:5px 0 5px 10px;
border:#CCCCCC 1px solid;
vertical-align:top;
}

.experience_tbl02 td{
padding:5px 0 5px 10px;
text-align:left;
border:#CCCCCC 1px solid;
}

.ex{
width:340px;
float:left;
margin:0 0 10px 0;
display:inline;
}

.ex02{
width:250px;
float:left;
margin:0 0 0 55px;
display:inline;
}

.experience_tbl03{
margin:0 0 15px 0;
border:#CCCCCC 1px solid;
border-collapse:collapse;
}

.experience_tbl03 th{
background-color:#ECF5F5;
font-weight:bold;
padding:5px 0 5px 10px;
border:#CCCCCC 1px solid;
vertical-align:top;
text-align:center;
}

.experience_tbl03 td{
padding:5px 0 5px 10px;
text-align:center;
border:#CCCCCC 1px solid;
}

/*---inquiry---*/
.inquiry_tbl{
}

.inquiry_tbl td{
line-height:30px;
text-indent:10px;
vertical-align:top;
}

.inquiry_tbl span{
color:#FF0000;
font-size:10px;
vertical-align:top;
}

.inquiry_tbl td input.box{
width:200px;
}

.inquiry_tbl td input.yubin{
width:80px;
}

.inquiry_tbl td textarea{
width:300px;
}

.inquiry_tbl02{
border:#CCCCCC 1px solid;
}

.inquiry_tbl02 p{
color:#663399;
font-weight:bold;
font-size:120%;
margin:5px 0 8px 10px;
}

.inquiry_tbl02 p.details{
color:#666666;
font-size:120%;
margin:0px 0 5px 10px;
}

.inquiry_tbl02 th{
text-indent:10px;
font-weight:normal;
text-align:left;
vertical-align:top;
line-height:20px;
}

.l{
float:left;
width:60px;
}

.r{
float:right;
width:300px;
}