@charset "UTF-8";

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4

[FONT CHART 12PX BASED]
10px  84%  : 11px 92%
12px 100% : 13px 109%
14px 117% : 15px 125%
16px 134% : 17px 142%
18px 150% : 19px 159%
20px 167% : 21px 175%
22px 184% : 23px 192%
24px 200% : 25px 209%
26px 217%
*/


/* BASE FONT SIZE
-----------------------*/
body {
font-size:12px;
font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
}
* html body {
font-family: 'ＭＳ Ｐゴシック',sans-serif;
font-size:75%;
}
*:first-child+html body {
font-family: 'ＭＳ Ｐゴシック',sans-serif;
font-size:75%;
}

/* ELEMENTS
-----------------------*/
html{
overflow-y: scroll;  
}
body{
line-height:1.6;
background-color:#fff;
color:#333;
}
em{
font-style:normal;
font-weight:normal;
}
th,
strong{
font-weight:bold;
}
em.em01{
font-weight:bold;
}
em.em03{
text-decoration:underline;
}
a.iopw,
a.opw,
a.iopw .bg-l,
a.opw .bg-l{
background:transparent url(../imgs/m_opw.gif) no-repeat scroll 0 3px;
padding:2px 0 2px 16px;
}
a.pdf_link,
a.pdf_link .bg-l{
background:transparent url(../imgs/m_pdf.gif) no-repeat scroll 0 2px;
padding:2px 0 3px 21px;
zoom:1;
}

a.opw .bg-l,
a.opw .bg-r{

}

/* for IE BUG */
.inline-bg-fix {
padding:0 !important;
background: none !important;
}
.inline-bg-fix .bg-l {
margin-right: -0.3em;
}
.inline-bg-fix .bg-r {
margin-left: -0.3em;
}



a{
zoom:1;
vertical-align:baseline;
color:#3366cc;
text-decoration:underline;
}
a:visited{
color:#666699;
text-decoration:none;
}
a:hover{
text-decoration:underline;
color:#ff3131;
}
a:active{
text-decoration:underline;
color:#e52424;
}

/* LAYOUT
-----------------------*/
html{
background:url(../imgs/bg_rep.gif);
}
body{
background:url(../imgs/bg.jpg) top center repeat-y;
}

div#wrapper{
margin:0px auto;
padding-top:9px;
background:#fff url(../imgs/bg.jpg) top center repeat-y;
color:#333;
width:990px;
padding-bottom:60px;
}
div#header{
}
div#footer{
margin:auto;
background:#fff url() top center repeat-x;
}
div#contents{
position:relative;
margin:0 30px;
background:#fff;
}
/* HOME */
body.home div#contents{
background:transparent;
}
body.home div#maincol{
float:right;
display:inline;
width:720px;
margin-bottom:0;
}
body.home div#subcol{
float:left;
display:inline;
width:200px;
}
body.home div#maincol #primary{
width:529px;
float:left;
display:inline;
}
body.home div#maincol #secondary{
width:182px;
float:right;
display:inline;
}

/* ELSE */
div#maincol{
width:670px;
float:right;
display:inline;
margin-bottom:40px;
}
div#subcol{
width:230px;
float:left;
display:inline;
}
body.home div#subcol{
border:none;
}

/* HEADER
-----------------------*/
body div#header{
margin-bottom:22px;
margin-bottom:17px;
}
div#header_area{
margin:0 30px 6px;
}
div#header div.logo_area{
width:234px;
height:55px;
float:left;
display:inline;
position:relative;
}
div#header h1.logo,
div#header p.logo{
width:178px
float:left;
display:inline;
}
div#header p.link{
position:absolute;
top:42px;
left:196px;
}

/* UTILITY AREA */
div#header div.utility{
margin-bottom:0px;
width:571px;
float:right;
display:inline;
font-size:0;
}
div#header .link_cat{
float:left;
display:inline;
width:65px;

margin-top:26px;
}
div#header ul.unav01{
margin-left:30px;
width:130px;
float:left;
display:inline;
margin-top:26px;
}
div#header ul.unav01 .un01{

}
div#header ul.unav02{
margin-left:25px;
margin-top:26px;
}
div#header ul.un03{
float:left;
display:inline;
}
div#header ul.unav02{
margin-left:25px;
width:160px;
float:left;
display:inline;
}
div#header ul.unav02 .un01{
padding-right:14px;
}
div#header ul.unav02 .un02{
padding-right:14px;
}
div#header ul.unav02 .un01,
div#header ul.unav02 .un02{
background:url(../imgs/bg_pipe01.gif) no-repeat 88% 36% ;
}
/*
div#header ul.unav03 .un01{
margin-right:12px;
padding-right:13px;
}
div#header ul.unav03 .un02{
margin-right:16px;
padding-right:18px;
}
div#header ul.unav03 .un03{
margin-right:17px;
padding-right:11px;
}
div#header ul.unav03 .un01,
div#header ul.unav03 .un02,
div#header ul.unav03 .un03{
background:url(../imgs/bg_pipe02.gif) no-repeat right top ;
}
*/
div#header *{/*
font-size:0;*/
}
div#header form{
margin-left:0;
width:147px;
width:149px;
float:right;
display:inline;
margin-top:26px;
}
div#header form input{
width:121px;
border:1px solid #999;
padding:2px 3px 1px;
font-size:12px;
vertical-align:top;
}
div#header form input#btn{
background:url(../imgs/btn_search.gif) no-repeat 0 0px;
vertical-align:top;
width:16px;
height:18px;
border:none;
cursor:pointer;
margin:0 0 0 3px;
}

div#header div.utility div{
margin-bottom:14px;
}
div#header div.utility ul li{
float:left;
display:inline;
}


/* GLOBAL NAVIGATION */
div.gnav_area{
background:url(../imgs/bg_gnav.jpg) no-repeat;
/*margin-bottom:27px;*/
zoom:1;
height:62px;
}

ul.gnav{
clear:both;
width:930px;
margin:0 auto 4px;
}
ul.gnav li{
float:left;
display:inline;
height:39px;
width:100px;
line-height:1;
}
ul.gnav li.gn01{

}
ul.gnav li.gn02{
width:109px;
}
ul.gnav li.gn03{
width:119px;
}
ul.gnav li.gn04{

}
ul.gnav li.gn05{

}
ul.gnav li.gn06{
width:144px;
}
ul.gnav li.gn07{
width:99px;
}
ul.gnav li.gn08{
width:159px;
}
ul.gnav li a{
display:block;
text-decoration:none;
}
* html body .gnav li a:hover {
background-color:transparent;
}

ul.gnav li a:hover img,
body.contents_tku ul.gnav li.gn01 img,
body.contents_department ul.gnav li.gn02 img,
body.contents_graduate_school ul.gnav li.gn03 img,
body.contents_carrer ul.gnav li.gn04 img,
body.contents_student_support ul.gnav li.gn05 img,
body.contents_campus ul.gnav li.gn06 img,
body.contents_exam ul.gnav li.gn07 img,
body.contents_renkei ul.gnav li.gn08 img{
visibility:hidden;
}

ul.gnav li a.on{
text-indent:-9999px;
}


.unav03{
clear:both;
width:930px;
margin:0 auto;
background:url(../imgs/bg_unav03.jpg) right top no-repeat;
overflow:hidden;
padding-bottom:5px;
}
.unav03 li{
float:left;
display:inline;
margin:0;
background:url(../imgs/bg_unav03.jpg) no-repeat;
line-height:1;
}
.unav03 .un01{
width:148px;
padding-left:24px;
}
.unav03 .un02{
width:103px;
padding-left:26px;
}
.unav03 .un03{
width:101px;
padding-left:26px;
}
.unav03 .un04{
width:97px;
padding-left:25px;
}
.unav03 .un05{
width:119px;
padding-left:27px;
}
.unav03 .un06{
width:83px;
padding-left:26px;
}
.unav03 .un07{
width:98px;
padding-left:27px;
}



/* BREAD CRUMB */
div#contents p.crumb{
margin-bottom:2.5em;
font-size:93%;
}
div#contents p.crumb a,
div#contents p.crumb{
color:#787878;
}

body #key_visual{
margin-bottom:20px;
}

/* FOOTER
-----------------------*/
div#footer{
padding:20px 0;
border-top:#3577b3 4px solid;
font-size:0;
}
div#footer_area{
margin:0 60px 0 65px;
position:relative;
}
div#footer p{

}

#fsizechange {
width:132px;
float:left;
display:inline;
height:19px;
background:url(../imgs/bg_fsize.gif) no-repeat;
padding:2px 0 3px;
margin-left:100px;
}
#fsizechange dt {
display:inline;
float:left;
margin-right:8px;
margin-left:5px;
}
#fsizechange dt, 
#fsizechange dd {
display:inline;
float:left;
}
#fsizechange dd {
margin-right:2px;
}
#fsizechange dd.fontL {
margin-right:0;
}

div#footer ul.fnav01{

}
div#footer ul.fnav02{


}
div#footer ul.fnav03{
width:239px;
float:left;
display:inline;
margin-left:32px;
}
div#footer ul.fnav03 li.fn01{
margin-right:28px;
}
div#footer ul.fnav03 li.fn02{
margin-top:-10px;
}
div#footer ul.fnav02 li.fn01{
margin-right:26px;
}
div#footer ul li{
float:left;
display:inline;
}

div#footer ul.fnav li a{

}


div#footer p.copyright{
width:305px;
height:10px;
position:absolute;
top:23px;
left:0;
}

/* MAIN COLUMN
-----------------------*/

/* PAGE TOP */
div#contents p.page_top{
text-align:right;
clear:both;
font-size:93%;
padding:7px 0;
}
div#contents p.page_top a{
background:url() no-repeat 0px 3px;
padding-left:16px;
}

/* SECTION */
div#maincol div.section{
margin:0 0 40px;
clear:both;
}

/* HEADINGS */
.page_ttl{

}
.img_hd{

}
.hd_lv01{
background:url(../imgs/bg_hd_lv01.jpg) no-repeat 0 0px;
font-size:187%;
font-weight:bold;
padding:0 20px 14px;
border-bottom:1px solid #ccc;
margin-bottom:25px;
line-height:1;
zoom:1;
}
.hd_lv02{
background:url(../imgs/bg_hd_lv02.jpg) no-repeat 0 5px;
font-size:142%;
font-weight:bold;
padding:0 0 0 20px;
margin:10px 0 25px;
line-height:1;
color:#1b4e9a;
overflow:hidden;
zoom:1;
}
.hd_lv03{
background:url(../imgs/bg_hd_lv03.jpg) no-repeat 5px 18px;
font-size:117%;
font-weight:bold;
padding:13px 0 12px 18px;
margin:0px 0 20px;
line-height:1;
color:#000;
overflow:hidden;
zoom:1;
border-width:1px 0;
border-color:#ccc;
border-style:solid;
}





/* RELATED LINK */

.rel_area .ttl{
background:url(../imgs/bg_hd_lv03.jpg) no-repeat 5px 18px;
font-size:117%;
font-weight:bold;
padding:13px 0 12px 18px;
margin:0px 0 20px;
line-height:1;
color:#000;
overflow:hidden;
zoom:1;
border-width:1px 0;
border-color:#ccc;
border-style:solid;
}
.rel_area ul{
margin:0 0 10px 15px;
}

.rel_area li{
float:left;
display:inline;
zoom:1;
margin-right:15px;
margin-bottom:10px;
background:url(../imgs/bullet01.gif) 0 8px no-repeat;
padding:3px 0 3px 14px;
width:189px;
}

.rel_area .one li{
width:auto;
}

/* TEXT */
div.section p{
margin-bottom:20px;
}

/* SUB COLUMN
-----------------------*/

div#subcol{
border:1px solid #ccc;
}

div#subcol .banner_area li,
div#subcol .sub_banner_area li{
margin-bottom:12px;
}

div#subcol .sub_banner_area{
margin:0 15px;
overflow:hidden;
}
div#subcol .sub_banner_area li{
background:url(../imgs/bg_dot.gif) no-repeat top center;
padding:16px 0 5px;
text-align:center;
}

/* LOCAL NAV */
div#subcol div.local{
margin:0 15px;
padding:15px 0;
}

div#subcol div.local li{
background:#fff;
padding:5px 0;
border-bottom:1px solid #ccc;
font-size:109%;
}
div#subcol div.local li:last-child,
div#subcol div.local li ul li:last-child{
border:none;
}

div#subcol div.local li.last-child,
div#subcol div.local li ul li.last-child{
border:none;
}
div#subcol div.local li a{
background:url(../imgs/bg_ln_parent.gif) no-repeat 1px 1px;
padding:4px 12px 7px 24px;
display:block;
color:#000;
text-decoration:none;
}

div#subcol div.local li ul li{
border:none;
font-size:100%;
padding:0;
}
div#subcol div.local li a.stay,
div#subcol div.local li a:hover{
background:url(../imgs/bg_ln_hd.gif) no-repeat;
}
div#subcol div.local li ul li a{
background:url(../imgs/bg_ln_child.gif) no-repeat 12px 10px;
}
div#subcol div.local li ul li a:hover,
div#subcol div.local li ul li a.stay{
font-weight:bold;
background:url(../imgs/bg_ln_child_stay.gif) no-repeat -6px 1px;
padding:4px 12px 7px 24px;
}

div#subcol div.local li ul ul{
margin-left:18px;
}
div#subcol div.local li ul ul li{
border:none;
padding:0;
font-size:100%;
}
div#subcol div.local li ul ul li a{
zoom:1;
background:url(../imgs/bg_ln_grand_child.gif) no-repeat right bottom ;
padding:2px 0 2px 22px;
color:#666;
}
div#subcol div.local li ul ul li a:hover,
div#subcol div.local li ul ul li a.stay{
background:url(../imgs/bg_ln_grand_child.gif) no-repeat right bottom ;
color:#fcc700;
font-weight:normal;
padding:2px 0 2px 22px;
}

div#subcol ul.banner li{

}

/* IMAGE
-----------------------*/
.image{
text-align:center;
}
.imgL{
float:left;
display:inline;
margin-right:15px;
line-height:1;
zoom:1;
}
.imgR{
float:right;
display:inline;
margin-left:15px;
line-height:1;
zoom:1;
}

/* BASE COMMON ELEMENTS
-----------------------*/

/* TABLE */
table.base{
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
border-collapse:separate;
margin-bottom:20px;
}
*:first-child+html body table.base{
border-collapse:collapse;
}
* html body table.base{
border-collapse:collapse;
}
table.base th,
table.base td{
padding:7.5px 10px;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}
table.base th{
vertical-align:top;
font-weight:bold;
}

/* LISTS */
ul.base,
ol.base,
dl.base{
margin-bottom:20px;
}
/* UNORDERD */
/*ul.base li{
list-style:disc inside;
}*/
ul.base li{
background:url(../imgs/bullet02.gif) no-repeat 0 7px;
padding-left:15px;
}
/* ORDERD */
ol.base li{
list-style:decimal inside;
}
ol.base002{
margin:20px;
}
ol.base002 li{
list-style:decimal inside;
}
/* DEFINITION */
dl.base dt,
dl.base dd{
margin-bottom:10px;
}

.lead_area p{
font-size:109%;
}

.gateway .gw_item,
#gateway .gw_item{
width:210px;
margin-right:20px;
float:left;
}
.gateway div:last-child,
#gateway div:last-child{
margin-right:0;
}
.gateway div.last-child,
#gateway div.last-child{
margin-right:0;
}
.gateway .gw_ttl,
#gateway .gw_ttl{
font-size:117%;
color:#2054a3;
font-weight:bold;
background-color:#dfe6f1;
padding:4px 12px 6px;
margin-bottom:10px;
}
.gw_subttl{
margin-bottom:5px!important;
font-weight:bold;
}
.gateway ul,
#gateway ul{
margin-bottom:20px;
}
.gateway ul:last-child,
#gateway ul:last-child{
margin-bottom:0;
}
.gateway ul.last-child,
#gateway ul.last-child{
margin-bottom:0;
}
.gateway li,
#gateway li{
background:url(../imgs/bullet01.gif) 0 8px no-repeat;
padding:3px 0 3px 14px
}
#gateway_list{
width:320px;
}
#gateway_list li{
font-size:117%;
color:#2054a3;
font-weight:bold;
background-color:#dfe6f1;
padding:4px 12px 6px;
margin-bottom:10px;
}


.gateway_gakka{
margin-bottom:20px;
}

.gateway_gakka .ttl{
font-size:117%;
color:#2054a3;
font-weight:bold;
background-color:#dfe6f1;
padding:4px 12px 6px;
margin-bottom:10px;
}
.gateway_gakka li{
display:inline;
width:330px;
}
.gateway_gakka li.even{
float:left;
}
.gateway_gakka li.odd{
float:right;
}

#gw_add{
border-top:1px solid #000;
padding-top:30px;
position:relative;
}

.figureL{
float:left;
display:inline;
margin:0 30px 10px 0;
width:210px;
clear:left;
}
.figureR{
float:right;
display:inline;
margin:0 0 10px 30px;
width:210px;
clear:right;
}
.figureL .photo,
.figureR .photo{
text-align:center;
margin-bottom:10px!important;
}
.figureL .caption,
.figureR .caption{
font-size:92%
}
.add_ttl{
font-size:125%;
margin-bottom:20px;
padding:0 5px;
font-weight:bold;

}
.add_area{
clear:both;
background:#fcfaf4;
border:1px solid #dddcce;
padding:15px 20px 25px;
}
.section .hgroup{
position:relative;
}

.tcl_01{
background-color:#dfe6f1;
}
.tcl_02{
background-color:#f6f6f6;
}
.tcl_03{
background:#ebf0f6;
}
.tcl_04{
background:#fff;
}

.fontL { cursor:pointer; }
.fontM { cursor:pointer; }

@media print{
body{
font-size: 12pt;
}
div#wrapper{
width:990px;
}
html,
body,
#wrapper{
background:none!important;
}
#wrapper{

}
html body{

}
* html body{
zoom:0.6;
}
div#header form{
position:relative;
}
div#header form input{
width:120px;
}
input#btn{
position:absolute;
right:0;
top:0;
width:16px;
height:18px;
}
div.gnav_area{
background:url(../imgs/bg_gnav_print.jpg) no-repeat;
/*margin-bottom:27px;*/
zoom:1;
height:62px;
}
ul.gnav{
overflow:hidden;
height:39px;
}
ul.gnav li{
}
}