@charset "UTF-8";

@import "default.css";



#Mainarea .Contents .screensaver .sample{

text-align:center;

margin:auto;

padding:auto;

}



#Mainarea .Contents .myschool h2.01,

#Mainarea .Contents .myschool h2.02,

#Mainarea .Contents .myschool h2.03,

#Mainarea .Contents .myschool h2.04,

#Mainarea .Contents .myschool h2.05,

#Mainarea .Contents .myschool h2.06{

display:block;

/* 

height:100%;

width:100%;

*/

text-indent:-4000px;

margin-bottom:20px;

}



#Mainarea .Contents .snapshot h1,

#Mainarea .Contents .campuslife .schedule,

#Mainarea .Contents .campuslife h1,

#Mainarea .Contents .campuslife h2,

#Mainarea .Contents .past h1,

#Mainarea .Contents .screensaver .download li.win a,

#Mainarea .Contents .screensaver .download li.osx a,

#Mainarea .Contents .screensaver .download li.os9 a,

#Mainarea .Contents .screensaver h1,

#Mainarea .Contents .myschool h1{

display:block;

height:100%;

width:100%;

text-indent:-4000px;

margin-bottom:20px;

}



#Mainarea .Contents .snapshot h1{

background:url(../spot/img/ttl_snapshot.gif); height:60px;

}





#Mainarea .Contents .campuslife h1{

background:url(../spot/img/ttl_campuslife.gif); height:60px;

}



#Mainarea .Contents .campuslife h2{

background:url(../spot/img/subttl_campuslife.jpg) no-repeat; width:590px; height:168px;

}



#Mainarea .Contents .campuslife h3{

background:url(../spot/img/h3_bg.gif) repeat-x bottom left;

color:#0a9c6b;

font-weight:bold;

font-size:100%;

padding-bottom:5px;

margin-bottom:10px;

}



#Mainarea .Contents .campuslife p{

font-size:80%;

line-height:1.6em;

margin-bottom:20px;

}



#Mainarea .Contents .campuslife .schedule{

background:url(../spot/img/campuslife_pic.jpg); width:580px; height:1280px;

}





#Mainarea .Contents .past h1{

background:url(../spot/img/ttl_past.gif); height:50px;

}



#Mainarea .Contents .screensaver h1{

background:url(../spot/img/ttl_screensaver.gif) no-repeat top left; height:84px;

border-bottom: 3px solid #000;

}





#Mainarea .Contents .myschool p,

#Mainarea .Contents .myschool table{

margin-left:20px;

}



#Mainarea .Contents .myschool h1{

background:url(../spot/img/ttl_myschool.jpg); height:292px; width:600px;

}



#Mainarea .Contents .myschool h2.01{background:url(../spot/img/subttl_myschool_01.gif) no-repeat; width:600px; height:50px;}

#Mainarea .Contents .myschool h2.02{background:url(../spot/img/subttl_myschool_02.gif) no-repeat; width:600px; height:50px;}

#Mainarea .Contents .myschool h2.03{background:url(../spot/img/subttl_myschool_03.gif) no-repeat; width:600px; height:50px;}

#Mainarea .Contents .myschool h2.04{background:url(../spot/img/subttl_myschool_04.gif) no-repeat; width:600px; height:50px;}

#Mainarea .Contents .myschool h2.05{background:url(../spot/img/subttl_myschool_05.gif) no-repeat; width:600px; height:50px;}

#Mainarea .Contents .myschool h2.06{background:url(../spot/img/subttl_myschool_06.gif) no-repeat; width:600px; height:50px;}




#Mainarea .Contents .myschool th.prise1{

background:url(../spot/img/myschool_prise_01.gif) no-repeat; height:45px;

color:#d28c04;

text-align:left;

font-size:100%;

padding-left:50px;

}



#Mainarea .Contents .myschool th.prise2{

background:url(../spot/img/myschool_prise_02.gif) no-repeat; height:45px;

color:#666;

text-align:left;

font-size:100%;

padding-left:50px;

}



#Mainarea .Contents .myschool th.prise3{

background:url(../spot/img/myschool_prise_03.gif) no-repeat; height:45px;

color:#a17535;

text-align:left;

font-size:100%;

padding-left:50px;

}



#Mainarea .Contents .myschool p{

font-size:80%;

margin-bottom:20px;

}



#Mainarea .Contents .myschool td{

font-size:80%;

padding-bottom:10px;

vertical-align:top;

}



#Mainarea .Contents .myschool th,

#Mainarea .Contents .myschool td{

width:170px;

}



h2 {

padding-left:10px;

line-height:1.8em;

font-size:100%;

background:#f0f0f0;

margin-bottom:20px;

clear:both;

}



#Mainarea .Contents .myschool h3,

#Mainarea .Contents .screensaver h3 {

font-size:90%;

margin:0 10px 15px 10px;

line-height:1.8em;

padding-left:10px;

color:#000;

border-left:7px solid #000;

}



#Mainarea .Contents .past h3 {

padding-left:30px;

padding-bottom:3px;

line-height:1.8em;

font-size:100%;

background:url(../spot/img/bg_h3.gif) no-repeat top left;

margin-bottom:5px;

clear:both;

}



#Mainarea .Contents .past ul{

width:600px;

clear:both;

overflow:auto;

margin-bottom:20px;

}



#Mainarea .Contents .past li{

float:left;

width:200px;

font-size:80%;

}



#Mainarea .Contents .past li a{

background:url(../spot/img/icon_pdf.gif) no-repeat center left;

padding:30px;

padding-left:40px;

display:block;

text-decoration:none;

}



#Mainarea .Contents .past li a:link,

#Mainarea .Contents .past li a:visited,

#Mainarea .Contents .past li a:active{

color:#000;

}



#Mainarea .Contents .past li a:hover{

color:#F09;

}



#Mainarea .Contents .screensaver ol{

list-style-type:decimal;

padding-left:10px;

margin-bottom:20px;

margin-left:30px;

}



#Mainarea .Contents .screensaver ol li{

list-style-type:decimal;

font-size:80%;

margin-bottom:5px;

}



#Mainarea .Contents .screensaver .download{

margin-top:5px;

margin-left:130px;

}



#Mainarea .Contents .screensaver .download li{

float:left;

margin-right:5px;

}

#Mainarea .Contents .screensaver .download li.win a{background:url(../spot/img/ss_menu_01.gif) no-repeat; width:160px; height:29px;}

#Mainarea .Contents .screensaver .download li.win a:hover{background:url(../spot/img/ss_menu_01_on.gif) no-repeat; width:160px; height:29px;}

#Mainarea .Contents .screensaver .download li.osx a{background:url(../spot/img/ss_menu_02.gif) no-repeat; width:160px; height:29px;}

#Mainarea .Contents .screensaver .download li.osx a:hover{background:url(../spot/img/ss_menu_02_on.gif) no-repeat; width:160px; height:29px;}

#Mainarea .Contents .screensaver .download li.os9 a{background:url(../spot/img/ss_menu_03.gif) no-repeat; width:160px; height:29px;}

#Mainarea .Contents .screensaver .download li.os9 a:hover{background:url(../spot/img/ss_menu_03_on.gif) no-repeat; width:160px; height:29px;}





#Mainarea .Contents .snapshot .snaplist{

width:600px;

background:url(../spot/img/snapshot_bg.gif);

text-align:left;

background:#e5e5e5;

padding:15px 0;

}



#Mainarea .Contents .snapshot .snaplist li{

width:150px;

height:140px;

display:block;

text-align:center;

float:left;

font-size:12px;


}



#Mainarea .Contents .snapshot .snaplist li img{

margin-bottom:5px;

}

#Mainarea .Contents .snapshot .snaplist li div{

width:120px;

margin:0 15px;

text-align:left;

line-height:1.2;
}

#Mainarea .Contents .snapshot .snaplist li div .date{

font-size:90%;
font-weight:bold;
color:#666666;
}


/*
#Mainarea .Contents .snapshot .snaplist li a{

display:block;

padding:0 10px;

margin:5px 0;

text-align:left;

}
*/




#Mainarea .Contents .myschool .sweets{

width:580px;

clear:both;

overflow:auto;

margin-left:20px;

}



#Mainarea .Contents .myschool .sweets img{

float:left;

margin-right:10px;

}



#Mainarea .Contents .myschool .sweets p{

line-height:1.6em;

}


/*****  w̌L  *****/

#Mainarea .Contents .abroad {
width:600px;
clear:both;
overflow:auto;
margin-bottom:1em;
}

#Mainarea .Contents .abroad h2{
background:url(../spot/img/ttl_abroad.gif) no-repeat; height:46px;
margin-bottom:20px;
border-bottom: 3px solid #000;
display:block;
text-indent:-4000px;
}

#Mainarea .Contents h2.snap{
background:url(../spot/img/h3_snap.gif) no-repeat; height:50px;
margin-bottom:20px;
border-bottom: 3px solid #000;
display:block;
text-indent:-4000px;
}


#Mainarea .Contents .abroad .commu_center{
padding:10px 0 20px 0;
border-bottom:3px dotted #000;
}

#Mainarea .Contents .abroad .commu_center a{
color:#ffa700;
}

#Mainarea .Contents .abroad h3{
font-size:100%;
color:#ffa700;
margin:20px 0 10px 0;
clear: both;
line-height:1.4em;
}

#Mainarea .Contents .abroad img{
float:left;
margin-right:10px;
margin-bottom:20px;
}

#Mainarea .Contents .abroad p.text01{
width: 340px;
float:right;
margin-top:-5px;
margin-bottom:20px;
line-height:1.6em;
}


#Mainarea .Contents .abroad h3.abroad_ttl_img{
background:url(../spot/img/abroad_pic_03.gif) bottom left no-repeat; height:50px;
margin-bottom:20px;
display:block;
text-indent:-4000px;
border-top:3px dotted #000;
}

#Mainarea .Contents .abroad h4{
font-size:90%;
color:#ffa700;
clear: both;
line-height:1.4em;
}

#Mainarea .Contents .abroad ul{
margin-bottom:10px;
margin-left:20px;
line-height:1.6;
margin-bottom:20px;

}

#Mainarea .Contents .abroad ul li{
font-size:90%;
list-style:square;
}


#Mainarea .Contents h3.gra{
background:url(../spot/img/h3_graduat.gif) bottom left no-repeat; 
height:50px;
margin-bottom:20px;
display:block;
text-indent:-4000px;
}

#Mainarea .Contents h2.gra{
background:url(../spot/img/ttl_graduat.gif) top left no-repeat;
height:53px;
margin-bottom:15px;
border-bottom: 3px solid #000;
display:block;
text-indent:-4000px;
}

#Mainarea .Contents .gra h4{
font-size:90%;
color:#ffa700;
margin:20px 0 0px 0;
clear: both;
line-height:1.4em;
}

#Mainarea .Contents table.spot-tbl{

border: 3px solid #dfdfdf;

margin-bottom: 30px;

}



#Mainarea .Contents table.spot-tbl tr td{

padding:10px;

background-color: #FFF;

border: 1px solid #dfdfdf;

}



#Mainarea .Contents table.spot-tbl tr th{

padding:10px;

border: 0;

background-color: #dfdfdf;

text-align: left;

}


#Mainarea .Contents table.gra_tbl{

border: 3px solid #732899;

margin-bottom: 20px;

}


#Mainarea .Contents table.gra_tbl tr td{

padding:5px 15px 5px 15px;
vertical-align:top;
font-size:90%;
}



#Mainarea .Contents table.gra_tbl tr th{

padding:10px;

border: 0;


text-align: left;

}


#Mainarea .Contents table.gra_tbl_2{

border: 3px solid #d30000;

margin-bottom: 20px;

}

#Mainarea .Contents table.gra_tbl_2 tr td{

padding:5px 15px 5px 15px;
vertical-align:top;
font-size:90%;
}



#Mainarea .Contents table.gra_tbl_2 tr th{

padding:10px;

border: 0;


text-align: left;

}

#Mainarea .Contents h3.gra_01{
background:url(../spot/img/graduate_pic_01.jpg) bottom left no-repeat; 
width:600px;
height:370px;
margin-bottom:40px;
display:block;
text-indent:-4000px;
}

#Mainarea .Contents h4.gra_01{background:url(../spot/img/gra_ttl_01.gif) no-repeat; height:23px; width:400px; margin-bottom:10px; display:block; text-indent:-4000px;}
#Mainarea .Contents h4.gra_02{background:url(../spot/img/gra_ttl_02.gif) no-repeat; height:23px; width:400px; margin-bottom:10px; display:block; text-indent:-4000px;}
#Mainarea .Contents h4.gra_03{background:url(../spot/img/gra_ttl_03.gif) no-repeat; height:23px; width:400px; margin-bottom:10px; display:block; text-indent:-4000px;}
#Mainarea .Contents h4.gra_04{background:url(../spot/img/gra_ttl_04.gif) no-repeat; height:23px; width:400px; margin-bottom:10px; display:block; text-indent:-4000px;}
#Mainarea .Contents h4.gra_05{background:url(../spot/img/gra_ttl_05.gif) no-repeat; height:23px; width:400px; margin-bottom:10px; display:block; text-indent:-4000px;}
#Mainarea .Contents h4.gra_06{background:url(../spot/img/gra_ttl_06.gif) no-repeat; height:23px; width:400px; margin-bottom:10px; display:block; text-indent:-4000px;}
#Mainarea .Contents h4.gra_07{background:url(../spot/img/gra_ttl_07.gif) no-repeat; height:23px; width:400px; margin-bottom:10px; display:block; text-indent:-4000px;}
#Mainarea .Contents h4.gra_08{background:url(../spot/img/gra_ttl_08.gif) no-repeat; height:23px; width:400px; margin-bottom:10px; display:block; text-indent:-4000px;}
#Mainarea .Contents h4.gra_09{background:url(../spot/img/oneday.gif) no-repeat; height:31px; width:400px; margin-bottom:0px; display:block; text-indent:-4000px;}

/*guraduate2.html*/
#Mainarea .Contents h3.gra_02{
background:url(../spot/img/graduate2_pic_01.jpg) bottom left no-repeat; 
width:600px;
height:370px;
margin-bottom:40px;
display:block;
text-indent:-4000px;
}

#Mainarea .Contents h4.gra_01_2{background:url(../spot/img/gra2_ttl_01.gif) no-repeat; height:23px; width:400px; margin-bottom:10px; display:block; text-indent:-4000px;}
#Mainarea .Contents h4.gra_02_2{background:url(../spot/img/gra2_ttl_02.gif) no-repeat; height:23px; width:400px; margin-bottom:10px; display:block; text-indent:-4000px;}
#Mainarea .Contents h4.gra_03_2{background:url(../spot/img/gra2_ttl_03.gif) no-repeat; height:23px; width:400px; margin-bottom:10px; display:block; text-indent:-4000px;}
#Mainarea .Contents h4.gra_04_2{background:url(../spot/img/gra2_ttl_04.gif) no-repeat; height:23px; width:400px; margin-bottom:10px; display:block; text-indent:-4000px;}
#Mainarea .Contents h4.gra_05_2{background:url(../spot/img/gra2_ttl_05.gif) no-repeat; height:23px; width:400px; margin-bottom:10px; display:block; text-indent:-4000px;}
#Mainarea .Contents h4.gra_06_2{background:url(../spot/img/gra2_ttl_06.gif) no-repeat; height:23px; width:400px; margin-bottom:10px; display:block; text-indent:-4000px;}
#Mainarea .Contents h4.gra_07_2{background:url(../spot/img/gra2_ttl_07.gif) no-repeat; height:23px; width:400px; margin-bottom:10px; display:block; text-indent:-4000px;}
#Mainarea .Contents h4.gra_08_2{background:url(../spot/img/gra2_ttl_08.gif) no-repeat; height:23px; width:400px; margin-bottom:10px; display:block; text-indent:-4000px;}
#Mainarea .Contents h4.gra_09_2{background:url(../spot/img/oneday2.gif) no-repeat; height:31px; width:400px; margin-bottom:0px; display:block; text-indent:-4000px;}
#Mainarea .Contents h4.gra_10_2{background:url(../spot/img/gra2_ttl_09.gif) no-repeat; height:31px; width:400px; margin-bottom:0px; display:block; text-indent:-4000px;}