@charset "utf-8";

/* all */
* { margin:0; padding:0;}
body { width:100%; height:100%;}
img { border:none;}

/*----------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/

/* dropdownmenu */
.wrap {width:100%; height:600px; text-align:center;}
.dropdownmenu { width:960px; height:40px; margin:0 auto;}
#ddR1 {list-style-type:none; margin:0; padding:0;}
/*----------------------------------------------------------------------------------------*/
#ddR1 .ddList { float:left; width:160px; height:40px; text-align:center;
           background:url(img/menu1_on.jpg) no-repeat;}
#ddR1 .ddList a { display:block; width:160px; height:40px; color:#000000; font-size:15px;
             line-height:2.7; font-family:century; text-decoration:none;
             background:url(img/menu1.jpg) no-repeat;}
/*----------------------------------------------------------------------------------------*/
#ddR1 * .ddList1 { float:left; width:160px; height:30px; text-align:center;
           background:url(img/menu2_on.jpg) no-repeat;}
#ddR1 * .ddList1 a { display:block; width:160px; height:30px; color:#000000; font-size:14px;
             line-height:2.0; font-family:century; text-decoration:none;
             background:url(img/menu2.jpg) no-repeat;}
/*----------------------------------------------------------------------------------------*/
#ddR1 li a:hover { display:block; width:160px; color:#000000;
                   text-decoration:none; background:none;}
#ddR1 .ddR2 { list-style-type:none; margin:0; padding:0; z-index:2;}
#ddR1 .ddList .ddR2 { display:none;}
#ddR1 .ddList:hover .ddR2 { display:block; position:relative; width:160px;}
/*IE6*/
        * html #ddR1 .ddList .ddR2 {position:absolute; z-index:1;}
        * html #ddR1 .ddList .ddR2 .ddList1 {position:relative; left:-80px;}
/*----------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/

/* main */
.main         { width:960px; height:600px; border:solid 0px #cccccc; margin:0 auto;
                background:url(img/back.jpg) no-repeat; text-align:left;}
.mainAbout    { width:960px; height:600px; border:solid 0px #cccccc; margin:0 auto;
                background:url(img/oxford.jpg) no-repeat 90% 10%; text-align:left;
                position:relative;}
.mainMessage  { width:960px; height:600px; border:solid 0px #cccccc; margin:0 auto;
                background:url(img/matsuda.jpg) no-repeat 90% 10%; text-align:left;}
.mainStudy    { width:960px; height:600px; border:solid 0px #cccccc; margin:0 auto;
                background:url(img/yorkshire.jpg) no-repeat 90% 10%; text-align:left;
                position:relative;}
.mainSche     { width:960px; height:600px; border:solid 0px #cccccc; margin:0 auto;
                text-align:left; position:relative;}
.mainMember   { width:960px; height:600px; border:solid 0px #cccccc; margin:0 auto;
                background:url(img/oxford2.jpg) no-repeat 90% 10%; text-align:left;
                position:relative;}
.mainPresent  { width:960px; height:600px; border:solid 0px #cccccc; margin:0 auto;
                background:url(img/fourth.jpg) no-repeat 90% 10%; text-align:left;
                position:relative;}
.mainGraduate { width:960px; height:600px; border:solid 0px #cccccc; margin:0 auto;
                background:url(img/oikon.jpg) no-repeat 90% 10%; text-align:left;
                position:relative;}
.mainGall    { width:960px; height:600px; border:solid 0px #cccccc; margin:0 auto;
               background:url(img/minster.jpg) no-repeat 90% 10%; text-align:left;
               position:relative;}
.mainPhoto    { width:960px; height:600px; border:solid 0px #cccccc; margin:0 auto;
                text-align:left; position:relative;}
.mainVide     { width:960px; height:600px; border:solid 0px #cccccc; margin:0 auto;
                text-align:left; position:relative;}
.mainLink     { width:960px; height:600px; border:solid 0px #cccccc; margin:0 auto;
                background:url(img/venezia.jpg) no-repeat 90% 10%; text-align:left;
                position:relative;}
.mainCollege  { width:960px; height:600px; border:solid 0px #cccccc; margin:0 auto;
                text-align:left;}


/*----------------------------------------------------------------------------------------*/
/* member */
.mainMatsuda  { width:960px; height:600px; border:solid 0px #cccccc; margin:0 auto;
                background:url(img/dr.png) no-repeat 90% 10%; text-align:left;
                position:relative;}
.mainMiho     { width:960px; height:600px; border:solid 0px #cccccc; margin:0 auto;
                background:url(img/miho.jpg) no-repeat 90% 10%; text-align:left;
                position:relative;}
.mainTumo     { width:960px; height:600px; border:solid 0px #cccccc; margin:0 auto;
                background:url(img/tumo.jpg) no-repeat 90% 10%; text-align:left;
                position:relative;}
.mainTakagi   { width:960px; height:600px; border:solid 0px #cccccc; margin:0 auto;
                background:url(img/takagi.jpg) no-repeat 90% 10%; text-align:left;
                position:relative;}
.mainMayumi   { width:960px; height:600px; border:solid 0px #cccccc; margin:0 auto;
                background:url(img/mayumi.jpg) no-repeat 90% 10%; text-align:left;
                position:relative;}
.mainYamaki   { width:960px; height:600px; border:solid 0px #cccccc; margin:0 auto;
                background:url(img/yamaki.jpg) no-repeat 90% 10%; text-align:left;
                position:relative;}
.mainIshii    { width:960px; height:600px; border:solid 0px #cccccc; margin:0 auto;
                background:url(img/ishii.png) no-repeat 90% 10%; text-align:left;
                position:relative;}
.mainOzawa    { width:960px; height:600px; border:solid 0px #cccccc; margin:0 auto;
                background:url(img/ozawa.png) no-repeat 90% 10%; text-align:left;
                position:relative;}
.mainKayano   { width:960px; height:600px; border:solid 0px #cccccc; margin:0 auto;
                background:url(img/kayano.png) no-repeat 90% 10%; text-align:left;
                position:relative;}
.mainKomiyama { width:960px; height:600px; border:solid 0px #cccccc; margin:0 auto;
                background:url(img/komiyama.png) no-repeat 90% 10%; text-align:left;
                position:relative;}
.mainTakeuchi { width:960px; height:600px; border:solid 0px #cccccc; margin:0 auto;
                background:url(img/takeuchi.png) no-repeat 90% 10%; text-align:left;
                position:relative;}
.mainNakajima { width:960px; height:600px; border:solid 0px #cccccc; margin:0 auto;
                background:url(img/nakajima.png) no-repeat 90% 10%; text-align:left;
                position:relative;}
.mainFukuchi  { width:960px; height:600px; border:solid 0px #cccccc; margin:0 auto;
                background:url(img/fukuchi.png) no-repeat 90% 10%; text-align:left;
                position:relative;}
.mainMatsumura{ width:960px; height:600px; border:solid 0px #cccccc; margin:0 auto;
                background:url(img/matsumura.png) no-repeat 90% 10%; text-align:left;
                position:relative;}
.mainMiyagawa { width:960px; height:600px; border:solid 0px #cccccc; margin:0 auto;
                background:url(img/miyagawa.png) no-repeat 90% 10%; text-align:left;
                position:relative;}
.mainArisa    { width:960px; height:600px; border:solid 0px #cccccc; margin:0 auto;
                background:url(img/arisa.png) no-repeat 90% 10%; text-align:left;
                position:relative;}
.mainKoga     { width:960px; height:600px; border:solid 0px #cccccc; margin:0 auto;
                background:url(img/others.png) no-repeat 90% 10%; text-align:left;
                position:relative;}
.mainSakurai  { width:960px; height:600px; border:solid 0px #cccccc; margin:0 auto;
                background:url(img/others.png) no-repeat 90% 10%; text-align:left;
                position:relative;}
.mainNishimoto{ width:960px; height:600px; border:solid 0px #cccccc; margin:0 auto;
                background:url(img/others.png) no-repeat 90% 10%; text-align:left;
                position:relative;}
.mainFuruta   { width:960px; height:600px; border:solid 0px #cccccc; margin:0 auto;
                background:url(img/others.png) no-repeat 90% 10%; text-align:left;
                position:relative;}
.mainMatsui   { width:960px; height:600px; border:solid 0px #cccccc; margin:0 auto;
                background:url(img/others.png) no-repeat 90% 10%; text-align:left;
                position:relative;}


/*----------------------------------------------------------------------------------------*/


/* contents */
#update         { padding:5px 0; margin:120px 0 0 20px;}
#update caption { font-size:18px; font-weight:bold; padding:4px 0;}
#update td      { padding:2px 2px; font-family:sans-serif;}
#logo { padding:40px 20px; font-family:John Handy LET, century; font-size:50px; padding:30px;}
.title { padding:40px 0 0 30px ; font-family:John Handy LET, century; font-size:37px;}
#comment  { position:absolute; top:460px; left:500px; text-align:center;}
#commentM { position:absolute; top:460px; left:450px; text-align:center;}
#comment1 { position:absolute; top:460px; left:460px; text-align:center;}
#comment2 { margin:50px 0 0 10px; text-align:left; font:20px bold;}
#comment3 { margin:50px 0 0 10px; text-align:left; line-height:20px;}
#simpleCts   { margin:70px 0 0 140px; font-size:18px;}
#linkList    { list-style:url(img/arrow.gif);}
#linkList li { padding:10px;}
#linkList a  { text-decoration:none;}
#linkList a:hover { color:#aaaaaa;}

/* gallery */
h3     { font-size:20px;}
#video { position:absolute; top:70px; left:300px; text-align:center;}
#photo { position:absolute; top:40px; left:320px; text-align:center;}

/* schedule */
.calendar {  width:630px; border-collapse:collapse; border:1px solid #cccccc; text-align:center;
             margin:-190px 0 0 240px;}
.calendar caption { font-size:23px; padding:0 0 23px 0; font-family:century;}
.calendar1{ width:90px; border:1px solid #cccccc; text-align:center; padding:3px 0;}
.calendar2{ width:90px; height:50px; border:1px solid #cccccc; text-align:center; padding:0;}
.sun{ color:#ff3366;}
.sat{ color:#6666ff;}

/* thesis */
.thesis{ width:600px; border-collapse:collapse; border:1px solid #cccccc; text-align:center;
         position:absolute; top:80px; left:270px;}
.thesis caption { font-size:23px; padding:0 0 23px 0; font-family:century;}
.thesis1{ width:400px; height:50px; border:1px solid #cccccc; text-align:center; padding:5px 10px;}
.thesis2{ width:100px; height:50px; border:1px solid #cccccc; text-align:center; padding:5px 10px;}
.thesis3{ width:400px; height:35px; border:1px solid #cccccc; text-align:center; padding:5px 10px;}
.thesis4{ width:100px; height:35px; border:1px solid #cccccc; text-align:center; padding:5px 10px;}
.tit    { font-style:italic;}

/* accordion menu */
#navi    { margin:30px 0 0 60px;}
#navi1   { margin:60px 0 0 40px;}
#navi2   { margin:60px 0 0 70px;}
h2       { font-size:18px; padding:7px 4px; width:180px;}
.navi_h2 { font-size:18px; padding:5px 4px; width:180px;}
.navi_h2:hover {color:#aaaaaa;}
h2 a     { text-decoration:none;}
h2 a:hover { color:#aaaaaa;}
.sub li  { list-style-type:none; padding:2px 25px;}
.sub li a { text-decoration:none;}
.sub li a:hover { color:#aaaaaa;}

/* link */
a{ color:black;}
.nodeco{ color:black; text-decoration:none; font-size:11px; font-family:"century",serif;}