@charset "utf-8";
/***
	Jun. 2 ~ , 2008, Fairwind 
***/

/******************************************/
/**************** common ******************/
/******************************************/
/* Except IE */
body {
    font-size: small;
}
/* for Windows IE */
@media screen {
    * html body {
        font-size: 80%;
    }
}

/**************** clearfix ****************/
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

span.hidd { visibility: hidden; }
span.art_spc { margin-right: 40px; margin-left: 40px; }

body#maita_body { margin: 0px auto; background-color: #e1ddd9; color: #27313e; }
h1, h2, h3, h4 { margin: 0; padding: 0; }
div.clrbthdmy { height: 0; clear: both; }
span.invs { visibility: hidden; font-size: 1pt; }
p#FWcredit { margin: 0 auto; width: 920px; height: 11px; background-color: #e1ddd9; color: #8ab; text-align: center; font: xx-small sans-serif; }
 #FWcredit a img { border: none; }

/******************************************/
/*************** top page *****************/
/******************************************/
h1#maitatoph1 { height: 196px; overflow: hidden; }
div#maita_top_div { margin: 0px auto; width: 920px; height: 799px; 
	background: #e1ddd9 /*url(images/top_bg_09.jpg)*/url(images/top_bg_11.jpg) no-repeat; /*20101101 ~ 1105*/}
h1 span, h2 span, h3 span, #topmenu li span { visibility: hidden; font-size: x-small; }
h2#maita_topmenuh2 { height: 7px; overflow: hidden; }
ul#topmenu { margin: 0px auto 96px 62px ; padding: 0; width: 1086px/* (118 + 3) x 9 - 3 */; height: 118px; overflow: hidden; }
#topmenu li { float: left; display: inline; margin: 0 3px 0 0; padding: 0; width: 118px; height: 118px; 
	list-style-type: none; text-align: center; }
#topmenu li a { display: block; width: 118px; height: 118px; text-decoration: none; }
#topmenu li div#mn_td_bttn { width: 118px; height: 118px; background: url(images/tourism-design1.jpg) no-repeat top; }
	#mn_td_bttn a { display: block; height: 118px; text-decoration: none; }
	#mn_td_bttn a:hover { background: url(images/tourism-design2.jpg) no-repeat top; }
	/*#mn_td_bttn a:hover span { display: block; padding-top: 72px; visibility: visible; color: #27313e; font: 10pt sans-serif; }*/
#topmenu li div#mn_gf_bttn { width: 118px; height: 118px; }
	#mn_gf_bttn a { background: url(images/sougyo09.png) no-repeat top; }
	#mn_gf_bttn a:hover { background: url(images/sougyo09_rol.png) no-repeat top; }
#topmenu li div#mn_gr_bttn { width: 118px; height: 118px; }
	#mn_gr_bttn a { background: url(images/sotsugyousei09.png) no-repeat top; }
	#mn_gr_bttn a:hover { background: url(images/sotsugyousei09_rol.png) no-repeat top; }
#topmenu li div#mn_rp_bttn { width: 118px; height: 118px; }
	#mn_rp_bttn a { background: url(images/kinkon09.png) no-repeat top; }
	#mn_rp_bttn a:hover { background: url(images/kinkon09_rol.png) no-repeat top; }
#topmenu li div#mn_pr_bttn { width: 118px; height: 118px; }
	#mn_pr_bttn a { background: url(images/profile09.png) no-repeat top; }
	#mn_pr_bttn a:hover { background: url(images/profile09_rol.png) no-repeat top; }

div#wn_container { float: left; display: inline; margin: 0; width: 704px; } /*20101101 ~ 1105*/
div#whatsnewo { float: left; display: inline; margin: 0 0 0 64px; width: 428px; height: 320px; } /*20101101 ~ 1105*/
div#whatsnewo h2 { height: 56px; } /*20101102 ~ 1105*/
h2#wnh2 { background: url(images/php_07.gif) no-repeat; }
div#whatsnewi { width: 424px; height: 256px; overflow: auto; } /*20101101 ~ 1105*/
div#whatsnewi ul { margin: 0; padding: 0; width: 396px; color: #27313e; font-size: 12px; font-family: sans-serif; line-height: 1.3; word-wrap: break-word; }
div#whatsnewi li { padding: 0 0 6px 20px; list-style-type: none; font-size: 12px; font-family: sans-serif; line-height: 1.3; } /*20101101 ~ 1105*/
div#whatsnewi li div.wntitle { margin-bottom: 2px; font-weight: bold; font-size: 13px; }
div#whatsnewi li div.wndate { /*float: left; display: inline; width: 80px; font-weight: bold; overflow: hidden;*/
	font-size: 10px; color: gray; text-align: right; } /*20101101 ~ 1105*/
div#whatsnewi li div.wncont { /*float: left; display: inline;*/ margin: 0; /*width: 316px;*/ font-weight: normal; overflow: hidden; } /*20101101 ~ 1105*/
div#whatsnewi li div.wncont a { font-weight: bold; } /*20101101*/

div#stdreportso { float: left; display: inline; margin: 0 0 0 4px; width: 168px; height: 320px; } /*20101101 ~ 1105*/
div#stdreportso h2 { height: 56px; } /*20101101 ~ 1105*/
h2#rph2 { background: url(images/php_09.gif) no-repeat; }
div#stdreportsi { width: 166px; height: 256px; overflow: auto; }
div#stdreportsi ul { margin: 0; padding: 0; width: 149px; color: #27313e; font-size: 11px; font-family: sans-serif; line-height: 1.3; } /*20101101 ~ 1105*/
div#stdreportsi li { margin: 0 9px 10px 15px; padding: 0 0 8px; width: 125px; /*height: 108px80px;*/ list-style-type: none; /*overflow: auto;*/ 
	/*border-right: 1px solid silver;*/ border-bottom: 1px solid silver; font-size: 11px; font-family: sans-serif; line-height: 1.3; } /*20101101 ~ 1105*/
	/* filter: alpha(opacity=99); -moz-opacity:0.99; opacity:0.99;*/
div#stdreportsi li div.rptstitle { margin: 0 0 8px; font-weight: bold; }
div#stdreportsi li div.rptsname { margin: 0; font-weight: normal; }
div#stdreportsi li div.rpnewflag { float: right; margin-right: 4px; padding: 0 1px; line-height: 0.8; color: #89232c; 
	border-left: 2px solid #89232c; border-right: 2px solid #89232c; font: bold 9px serif; }
div#forcontrib { float: right; display: inline; margin-top: 304px; margin-right: 5px; width: 80px; height: 32px; /*20101101*/
								/*color: #fff; background-color: #f0f; opacity: 0.1; filter: alpha(opacity=10);*/ }
	#forcontrib span { visibility: hidden; }
	#forcontrib a { display: block; height: 32px; text-decoration: none; }
	/*#forcontrib a:hover { background-color: #ff0; }*/

/* ブログリンクボタン 20081209 */
div#bloglinks { margin: 0px 0px 0px 62px; width: 616px; height: /*90px*/76px; color: #21457e; font-size: 90%; } /*20101101*/
   #bloglinks div.imgdiv { float: left; display: inline; margin: 6px; width: 50px; height: 50px; overflow: hidden; }
   #bloglinks .imgdiv a img { border: none; }
   #bloglinks p { margin: 0px 2px 0px 6px; padding: 0px; line-height: 1.2em; }
div#mojaniworldbtndivo { float: left; display: inline; border: 1px solid #21457e; }
   #mojaniworldbtndivo div#mojaniworldbtndivi { width: 215px; height: 62px; }
div#ecotourbtndivo { float: left; display: inline; margin-left: 140px; border: 1px solid #21457e; }
   #ecotourbtndivo div#ecotourbtndivi { width: 245px; height: 62px; }

/******************************************/
/************* menu, footer ***************/
/******************************************/
div.mmenu { width: 882px; height: 41px; background: url(images/bar_bottom.jpg); }
   .mmenu ul { margin: 0; padding: 0 0 0 108px; list-style-type: none; }
   .mmenu ul li { float: left; display: inline; margin: 0; padding: 0; height: 41px; text-align: center; }
   .mmenu ul li span { visibility: hidden; font-size: 2pt;  }
   .mmenu a { display: block; height: 41px; text-decoration: none; }
   .mmenu ul li#totdsbtn { width: 132px; background: url(images/index_01.jpg) left no-repeat; }
   .mmenu ul li#totdsbtn a:hover { background: url(images/index_01_rol.jpg) left no-repeat; }
   .mmenu ul li#togfbbtn { width: 142px; background: url(images/index_02.jpg) left no-repeat; }
   .mmenu ul li#togfbbtn a:hover { background: url(images/index_02_rol.jpg) left no-repeat; }
   .mmenu ul li#togrdbtn { width: 123px; background: url(images/index_03.jpg) left no-repeat; }
   .mmenu ul li#togrdbtn a:hover { background: url(images/index_03_rol.jpg) left no-repeat; }
   .mmenu ul li#torprbtn { width: 128px; background: url(images/index_04.jpg) left no-repeat; }
   .mmenu ul li#torprbtn a:hover { background: url(images/index_04_rol.jpg) left no-repeat; }
   .mmenu ul li#toprfbtn { width: 73px; background: url(images/index_05.jpg) left no-repeat; }
   .mmenu ul li#toprfbtn a:hover { background: url(images/index_05_rol.jpg) left no-repeat; }
   .mmenu ul li#totopbtn { width: 176px; background: url(images/index_06.jpg) left no-repeat; }
   .mmenu ul li#totopbtn a:hover { background: url(images/index_06_rol.jpg) left no-repeat; }
div.mfooter { width: 882px; height: 28px; background: url(images/copyright.jpg) left no-repeat; }

/******************************************/
/******** Grass-Fish (Grass Carp) *********/
/******************************************/
body#maita_gc_body { margin: 0px auto; background: #e0ddd8 url(images/grcp/bar_top_body.png) top no-repeat; color: #27313e; }/*#E0DDD8, #E0DDD8*/
div#maita_gc_div { margin: 0px auto; /*padding: 10px;*/ width: 882px; /*height: 701px;*/ color: #234181; font: 110% sans-serif; }
div#bar_top { width: 882px; height: 10px; background: url(images/grcp/bar_top.jpg) top no-repeat; }
div#gcp1h { width: 882px; height:483px; background: url(images/grcp/p1_main.jpg); }
div#gcp2h { width: 882px; height:483px; background: url(images/grcp/p2_main.jpg); }
div#gcp3h { width: 882px; height:483px; background: url(images/grcp/p3_main.jpg); }
div.gccont { margin: 16px 104px; }
   .gccont p { float: left; display: inline; margin: 0 20px; padding: 0; width: 297px; text-align: justify; }
p#nextbttn { float: right; display: inline; margin: 256px 28px 0 0; padding: 0; width: 38px; height: 38px; background: url(images/button_next.jpg); }
 #nextbttn span { visibility: hidden; font-size: 1pt; }
 #nextbttn a { display: block; height: 38px; text-decoration: none; }
 #nextbttn a:hover { background: url(images/button_next_rol.jpg);  }
p#backbttn { float: left; display: inline; margin: 256px 0 0 28px; padding: 0; width: 38px; height: 38px; background: url(images/button_back.jpg); }
 #backbttn span { visibility: hidden; font-size: 1pt; }
 #backbttn a { display: block; height: 38px; text-decoration: none; }
 #backbttn a:hover { background: url(images/button_back_rol.jpg);  }
div#gcmovie { margin-top: 12px; margin-left: 391px; margin-bottom: 16px; width: 100px; height: 20px; text-align: center; }
   #gcmovie p { margin: 0; padding: 0; width: 100px; height: 20px; background: url(images/grcp/movie.jpg) no-repeat; }
   #gcmovie p span { visibility: hidden; font-size: 1pt; }
   #gcmovie p a { display: block; height: 20px; text-decoration: none; }
   #gcmovie p a:hover { background: url(images/grcp/movie_rol.jpg) no-repeat; }
div#grcpmov { margin-bottom: 20px; }
   
/******************************************/
/*************** Graduates ****************/
/******************************************/
body#maita_grad_body { margin: 0px auto; background: #e0ddd8 url(images/grcp/bar_top_body.png) top no-repeat; color: #204281; }
div#maita_grad_div { margin: 0px auto 64px auto; width: 882px; background-color: #e0ddd8; font: 100% sans-serif; }
   #maita_grad_div h1 { width: 882px; height:124px; background: url(images/grad/backtanzaku_1.jpg); }
   #maita_grad_div a { color: #204281; text-decoration: underline; }
   #maita_grad_div a:visited { color: #204281; text-decoration: underline; }
   #maita_grad_div .mmenu a { text-decoration: none; }
   #maita_grad_div .mmenu a { text-decoration: none; }
div.graddiv_1 { margin: 0; padding-left: 58px; width: 840px; background: transparent url(images/grad/backtanzaku_2.jpg) repeat-y; }
													/* IE larger width for Win */
div.gradprs_1 { float: left; display: inline; margin-top: 4px; margin-right: 32px; width: 370px; }
   .gradprs_1 h2.prs_1_name { float: left; display: inline; margin: 0; padding: 0; width: 6em; }
   .gradprs_1 p.prs_1_st { float: left; display: inline; margin: 0; padding: 0; /*border: 1px solid green;*/ }
div.gradiv_1_sd { float: left; display: inline; width: 181px; }
   .gradiv_1_sd p { margin-top: 5px; margin-bottom: 10px; }
   .gradiv_1_sd p.bordeaux { color: #822126; }
   #maita_grad_div .gradiv_1_sd p.bordeaux a { color: #822126; }
   #maita_grad_div .gradiv_1_sd p.bordeaux a:visited { color: #822126; }
   .gradiv_1_sd div#tdnp { width: 180px; height: 66px; background: url(images/grad/shinbun.jpg) no-repeat; }
   .gradiv_1_sd div#tdnp a { display: block; height: 66px; }
   .gradiv_1_sd div#tdnp a:hover { background: url(images/grad/shinbun_rol.jpg) no-repeat; }
   .gradiv_1_sd div#tdnp p { padding: 18px 10px 20px 10px; font-size: 90%; }
   .gradiv_1_sd p#macau { width: 180px; height: 66px; background: url(images/grad/macau.jpg); }
   .gradiv_1_sd p#macau span { visibility: hidden; font-size: 2pt; }
   .gradiv_1_sd p#macau a { display: block; height: 66px; text-decoration: none; }
   .gradiv_1_sd p#macau a:hover { background: url(images/grad/macau_rol.jpg); }
p#alumn01 { width: 181px; height: 121px; background: url(images/grad/alumn01.jpg); }
 #alumn01 a { display: block; height: 121px; text-decoration: none; }
 #alumn01 a:visited { text-decoration: none; }
p#alumn02 { width: 181px; height: 121px; background: url(images/grad/alumn02.jpg); }
 #alumn02 a { display: block; height: 121px; text-decoration: none; }
 #alumn02 a:visited { text-decoration: none; }

div.gradiv_int_1 { width: 882px; height: 47px; background: url(images/grad/backtanzaku_3.jpg); }

div.graddiv_2 { margin: 0; padding-left: 58px; width: 840px; background: transparent url(images/grad/backtanzaku_4.jpg) repeat-y; }
div.gradprs_2 { float: left; display: inline; margin-top: 4px; margin-right: 20px; width: 180px; }

div.gradiv_int_2 { margin-bottom: 20px; width: 882px; height: 15px; background: url(images/grad/backtanzaku_5.jpg); }

body#maita_gradmov_body { margin: 0px auto; background: #e0ddd8 url(images/movie_top_obi.png) top no-repeat; color: #204281; }
div#bar_mov_top { width: 882px; height: 88px; background: url(images/movie_top.png) top no-repeat; }
div#gradmov { margin: 12px auto; }

/******************************************/
/**************** Profile *****************/
/******************************************/
body#maita_prof_body { margin: 0px auto; background: #e0ddd8 url(images/grcp/bar_top_body.png) top no-repeat; 
		color: #204281; font-family: sans-serif; }
	#maita_prof_body a { color: #217f23; text-decoration: none; }
	#maita_prof_body a:visited { color: #217f23; text-decoration: none; }
    #maita_prof_body a:hover { color: #822126; text-decoration: none; }
div#maita_prof_div {  margin: 0px auto 64px auto; width: 882px; background: url(images/profile.jpg) top no-repeat; 
	/*border-top: 1px solid #e0ddd8;*//*対症療法 謎の現象要チェック*/ }
div#pad_frprf { width: 882px; height: 120px; }
   #maita_prof_div h1 { margin-top: 0px; margin-left: 108px; height: 36px; font-family: "Hiragino Maru Gothic Pro", sans-serif; }
p#prfmainp { margin-top: 0; margin-left: 440px; width: 340px; line-height: 1.2;}
div.prfsubp { float: left; display: inline; margin: 16px 20px 24px 0; width: 344px; font-size: 90%; }
   .prfsubp ul { margin-top: 5px; margin-left: 0; padding-left: 0; list-style-type: none; line-height: 125%;}
   .prfsubp ul li { margin-left: 0; padding-left: 0; } 

/**************** obsolete ****************/
/*
p.gcimgp { float: left; width: 240px; height: 160px; margin: 10px; border: 1px solid #222222; }
p.gcp { margin: 10px 0; text-indent: 1em; }
*/

/* gcbttns obs yk20080618 */
/*
div.gcbttns { margin: 12px 273px 18px 273px; }
   .gcbttns p { float: left; display: inline; margin: 0 20px; padding: 0; width: 128px; height: 20px; text-align: justify; }
   .gcbttns p span { visibility: hidden; font-size: xx-small; }
   .gcbttns p a { display: block; height: 20px; text-decoration: none; }
            p.nextpate { margin-left: 87px;  width: 61px; background: url(images/grcp/nextpage.jpg); }
			p.nextpate a:hover { background: url(images/grcp/nextpage_rol.jpg); }
			p.gcmovie { background: url(images/grcp/watchthemovie.jpg); }
			p.gcmovie a:hover { background: url(images/grcp/watchthemovie_rol.jpg); }
*/