@charset "UTF-8";

/*-----------------------------------------------
CSSファイル名:default.css
-------------------------------------------------
階層構造
-------------------------------------------------
#wrapper
  #header
    #global-navi
  #contents
    #main
    #sub
  #footer
-----------------------------------------------*/

@media screen{
#contents{
position: relative;
}
}

@media all{

body {
font-size:80%;
}

#wrapper {
margin: 0;
padding: 0;
text-align: center;
}


/*-----------------------------------------------
ヘッダー
-----------------------------------------------*/

#header {
background: url(../img/header-bg.jpg) left top repeat-x;

}

#header_cnt{
position:relative;
width: 980px;
height: 70px !important ;
margin: 7px auto 0px auto;
padding: 0px 0px 0px 0px;
}


/* ロゴマーク
-------------------------------------------------- */
/*トップページ用*/
body#index h1{
position:absolute;
top: 30px;
left:0;
}
/*第二階層以下*/
p.logo{
position:absolute;
top: 30px;
left:0;
}


#header_cnt #header_r{
width: 602px;
height:70px;
float:right;
position:relative;
margin: 0;
padding: 0;
}

#font-search{
position:absolute;
top:4px;
right:4px;
width: 438px;
height: 41px;
background: url(../../common/img/search-bg.gif) left top no-repeat;
padding: 7px 0px 7px 0;
}

/* font-change
-------------------------------------------------- */


#font-change{
position:absolute;
top:8px;
left:8px;
width:125px;
}

#font-change ul{
position:relative;
background: url(../img/size-ttl.gif) left top no-repeat;
margin:0;
width: 125px;
height: 18px;
overflow:hidden;
list-style: none;
}

#font-change ul li{
margin: 0;
padding:0;
position:absolute;
}

li#switchFontSizeSmall{
top:0;
left:59px;
}

li#switchFontSizeMedium{
top:0px;
left:81px;
}

li#switchFontSizeBig{
top:0px;
left:101px;
}

li#switchFontSizeSmall span{
background: url(../img/btn-size-s.gif) left top no-repeat;
display: block;
margin: 0;
padding: 0;
width:22px;
height: 18px;
cursor: pointer;
overflow: hidden;
}

li#switchFontSizeMedium span{
background: url(../img/btn-size-m.gif) left top no-repeat;
display: block;
margin:0;
padding: 0;
width: 20px;
height: 18px;
cursor: pointer;
overflow: hidden;
}

li#switchFontSizeBig span{
background: url(../img/btn-size-l.gif) no-repeat 0 0;
display: block;
margin: 0;
padding: 0;
width: 22px;
height: 18px;
cursor: pointer;
}

#font-change #fontsizeControl li.active span{
background-position: 0 -18px;
display: block;
margin: 0;
padding: 0;
height: 18px;
}

#font-change p.noscript{
font-size: 80%;
margin: 0;
padding: 0;
color: #001f6a;
text-decoration: underline;
}

#header_cnt #header_r form{
position:absolute;
top:7px;
left:147px;
background: url(../img/search-ttl.gif) no-repeat top left;
width: 283px;
height: 20px;
}

#header_cnt #header_r span.intext{
display:block;
position:absolute;
left:68px;
top:0px;
width:180px;
height:18px;
border-top:1px solid #7e9db9;
border-left:1px solid #7e9db9;
}

#header_cnt #header_r span.intext input{
position:absolute;
left:0px;
top:0px;
line-height:1;
width:180px;
height:18px;
border:0 !important;
border-bottom:1px solid #7e9db9 !important;
border-right:1px solid #7e9db9 !important;
padding:0 !important;
margin:0;
color: #666;
}

#header_cnt #header_r .search{
position:absolute;
left:247px;
top:0;
text-indent: -9999px;
width:36px;
height: 20px;
background: url(../img/search-btn.gif) left top no-repeat;
border: 0;
margin: 0;
padding: 0;
cursor: pointer;
}

#header_cnt #header_r ul#submenu{
width:116px;
height: 12px;
display: inline;
line-height: 100%;
position: absolute;
top: 44px;
right:0px;
}

#header_cnt #header_r ul#submenu li{
float: left;
line-height: 100%;
}

#header_cnt #header_r ul#subnavi{
position: absolute;
top:70px;
left: 0px;
height:30px;
}

#header_cnt #header_r ul#subnavi li{
float: left;
line-height: 100%;
}

/*-----------------------------------------------
ナビゲーション
-----------------------------------------------*/
#global-navi{
width: 980px;
margin: 1px auto 0px auto;
padding: 0;
}

#global-navi ul{
margin: 0;
padding: 0;
}

#global-navi ul li{
float: left;
line-height: 100%;
}

/*-----------------------------------------------
フッター
-----------------------------------------------*/
#footer{
background-color: #cccccc;
padding: 0px 0px 10px 0px;
}

#footer p{
text-align: left;
width: 980px;
margin: 0px auto 0px auto;
padding: 10px 0px 0px 20px;
font-size: 80%;
line-height: 160%;
}

#footer #anc{
background-color: #eeeeee;
border-bottom: 1px solid #ffffff;
}

#footer #anc ul{
text-align: left;
width: 980px;
margin: 0px auto 0px auto;
padding: 10px 0px 10px 0;
font-size: 80%;
}

#footer #anc ul li{
float: left;
padding: 0px 10px 0px 10px;
border-right: 1px solid #1b75a4;
}

#footer #anc ul li.end{
border: none;
}


/*-----------------------------------------------
コンテンツ
-----------------------------------------------*/


#contents{
width: 996px;
top:-19px;
margin: 0px auto;
padding: 0;
background:url(../../common/img/contents-bg.gif) no-repeat 0 19px;
}


/* パンクズ */
#pankuzu{
position:absolute;
/*top:153px;*/
top:105px;
left:290px;
font-size: 80%;
margin: 0px 0px 20px 0px;
}

#pankuzu li{
float:left;
margin:0 0 0 3px;
display:inline;
}

#pankuzu li a{
padding:0 9px 0 0;
color:#333;
background:url(../../common/img/arrow-pankuzu.gif) no-repeat right 2px;
}





#contents #main{
float: right;
width: 690px;
min-height:500px;
margin: 0px 18px 0px 0px;
display: inline;
text-align:left;
}

#contents #main h1{
margin: 0px 0px 40px 0px;
padding: 0;
}

#main h2{
font-size:130%;
letter-spacing:0.01em;
padding: 1.2em 0px 1.5em 10px;
background: url(../../common/img/h2-bg.gif) left top repeat-x;
}

#main h2 span{
padding-left: 35px;
background: url(../../common/img/h2-mark.gif) left 3px no-repeat;
font-weight: bold;
display: block;
}

#main h3{
border:1px solid #cbcbcb;
background:#fff;
padding:1px 1px 1px 2px;
/*margin:4em 0 1.5em;*/
margin:2em 0 1.5em;
}

#main h3.h3-top{
margin:0 0 1.2em;
}

#main h3 span{
display:block;
font-size:125%;
font-weight:bold;
padding:0.2em 10px 0.2em 10px;
background:url(../../common/img/h3_bg.gif) repeat-x top left;
/*background-color:#f00;*/
border-left:4px solid #138dce;
line-height:1.4;
}

#main h3.img-cap{
margin:0 10px 1.5em;
border:0;
}

#contents #main h4{
font-size:110%;
font-weight:bold;
color:#1d75a3;
margin:1.5em 10px 0.5em;
line-height:1.6;
}

#contents #main h4.img-cap{
margin:1.8em 10px 1em;
zoom:1;
}

#contents #main h5{
font-size:110%;
font-weight:bold;
margin:1em 10px 0.5em;
}

#contents #main h6{
font-weight:bold;
margin:1em 10px 0.5em;
}


/* anchor */
#main a{ text-decoration:underline; }
#main a:hover{ text-decoration:none; }

#contents #main .pagetop{
text-align:right;
margin:2em 10px;
clear:both;
}

#main .pagelink{
border:1px solid #ccc;
background:#f5f5f5;
padding:0.5em 10px 0;
margin:0 10px 2em;
}

*:first-child+html #main .pagelink { padding:0.5em 10px; }
* html #main .pagelink { padding:0.5em 10px;  }

#contents #main .pagelink h4{
font-size:90%;
margin:0.5em 5px 0.7em;
}

#contents #main .pagelink h5{
font-size:90%;
margin:0.2em 5px 0.5em;
}

#main .pagelink ul li{
background:none;
}

#main .pagelink li{
font-size:85%;
float:left;
width:31%;
padding:0 7px 0.5em;
margin:0 0 0.5em;
background:url(../../common/img/dot01.gif) repeat-x bottom left;
}

#main .pagelink li.icon-link a{
padding-left:18px;
background:url(../../common/img/list-link-icon.gif) no-repeat 0 0;
}


#main .pagelink li a{
padding-left:10px;
display:inline-block;
background:url(../../common/img/arrow-pagelink.gif) no-repeat 0 0.3em;
}


.clear{
clear:both;
}

#contents #main p{
margin:0.5em 10px 0.7em;
line-height:1.6em;
}

#main em{
font-weight:bold;
font-style:normal;
}

#main strong{
font-weight:bold;
color:#1d75a3;
}

#main .annotation{
color:#e04712;
font-size:85%;
margin:0.2em 10px 1.3em;
}

#main strong.annotation{
color:#e04712;
font-size:100%;
margin:0;
}

#main table .annotation{
margin:0;
}


#main .img-right{
float:right;
margin:0 5px 1em;
display:inline;
}

#main .img-left{
float:left;
margin:0 5px 1em;
display:inline;
}

#main .img-left img,
#main .img-right img{
margin:0 5px;
}

.img-area img{
margin:0 5px;
}


#main .img-left .caption,
#main .img-right .caption{
margin:5px 5px 0;
display:block;
text-align:center;
}

#main .img-area .caption{
margin:5px 5px 0;
display:block;
text-align:center;
line-height:1.2;
}

#main .img-area .img150{
font-size:80%;
width:150px;
text-align:left;
}


/* size */
#main .w100{ width:100%; }
#main .w90{ width:90%; }
#main .w80{ width:80%; }
#main .w70{ width:70%; }
#main .w60{ width:60%; }
#main .w50{ width:50%; }
#main .w45{ width:45%; }
#main .w40{ width:40%; }
#main .w33{ width:33%; }
#main .w30{ width:30%; }
#main .w20{ width:20%; }
#main .w10{ width:10%; }


/* text-align */
#main .text-right,
#main table tr.text-right td,
#main table.data tr.text-right th,
#main table.data tr th.text-right{
text-align:right;
}

#main .text-center,
#main table tr.text-center td,
#main table tr.text-center th{
text-align:center;
}

#main .text-left,
#main table.data tr.text-left th,
#main table.data tr th.text-left,
#main table tr.text-center td.text-left{
text-align:left;
}


/* 新着情報　*/
#contents #main h2 span img{
margin-top:0.2em;
vertical-align:top;
line-height:0;
}

#contents #main h3 span img{
margin-top:0.15em;
vertical-align:top;
line-height:0;
}

#contents #main dl.list-news{
text-align: left;
padding-left: 10px;
padding-right: 10px;
}


#contents #main dl.list-news dt{
float: left;
}

#contents #main dl.list-news dt img{
margin-left: 0.8em;
}

#contents #main dl.list-news dd{
margin: 0px 0px 1.2em 9.2em;
padding: 0;
line-height: 140%;
}

#contents #main p.date{
margin:0 10px 0.5em;
font-weight:bold;
color:#1d75a3;
text-align:right;
}

#contents #main .box-news dl.list-news{
margin:1.3em 5px;
}


/* index list */
#contents #main .list-index:after {
content:url(../../common/img/pixel.gif);
display:block;
clear:both;
height:0;
}

#contents #main .list-index {
display: inline-block;
margin:0 0 10px;
padding:0 0 5px;
background:url(../../common/img/index_list_bg.gif) no-repeat bottom left;
}

/* Hides from IE-mac \*/
* html #contents #main .list-index {
height: 1%;
}

#contents #main .list-index
{display: block;}
/* End hide from IE-mac */

#contents #main .list-index .box-left,
#contents #main .list-index .box-right{
width:340px;
}

#contents #main .list-index .box-left{
float:left;
}

#contents #main .list-index .box-right{
float:right;
}


#contents #main .box-single h3,
#contents #main .list-index h3{
margin:0 0 10px;
}

#contents #main .box-single p.img-area,
#contents #main .list-index p.img-area{
margin:0 11px 10px;
}

#contents #main .box-single p.img-area img,
#contents #main .list-index p.img-area img{
margin:0;
}


#contents #main .list-index p{
margin:0 11px 0.5em;
}

#contents #main .list-index p.no-margin{
margin:0 11px 0.5em;
}

#contents #main .list-index ul.list-link{
margin-bottom:0;
}

#contents #main .list-index ul.list-link li{
margin-bottom:0.5em;
}

/*#contents #main .list-index .box-left p.icon-link{
position:absolute;
width:315px;
left:11px;
bottom:8px;
margin:0;
}

#contents #main .list-index .box-right p.icon-link{
position:absolute;
width:315px;
left:362px;
bottom:8px;
margin:0;
}*/

#contents #main .box-single p{
margin:0 11px 0.5em;
}

#contents #main .box-single p.icon-link{
margin:0 11px 3px;
}

#contents #main .box-single{
width:340px;
margin:0 0 10px;
padding:0 0 5px;
background:url(../../common/img/box-single-bg.gif) no-repeat bottom left;
}


/* table */
#main table{
font-size:100%;
}


#main table.w100{
width:670px;
}

#main table.data{
margin:0 10px 1em;
border-collapse:collapse;
border-left:1px solid #b6d2e1;
border-top:1px solid #b6d2e1;
}

#main table.data tr th{
background:#d5e8f4;
font-weight:bold;
text-align:center;
color:#1b75a4;
padding:0.5em 7px;
border-right:1px solid #b6d2e1;
border-bottom:1px solid #b6d2e1;
white-space:nowrap;
line-height:1.6;
}

#contents #main table.data p,
#main table.data .list-dc,
#main table.data .list-dc li,
#main table.data .list-link,
#main table.data .list-link li{
margin:0;
}

#main table.data tr th.em,
#main table.data tr.em th{
background:#4ba3d2;
color:#fff;
}

.nowrap{
white-space:nowrap;
}

#main table.data tr td{
padding:0.5em 7px;
border-right:1px solid #b6d2e1;
border-bottom:1px solid #b6d2e1;
line-height:1.6;
}

#main table.data tr td.em{
background:#f5f5f5;
}


/* list */
#main .list-dc{
margin:0.5em 10px 1em;
}

#main .list-dc li{
padding-left:15px;
margin:0 0 0.7em;
background:url(../../common/img/list-dc-icon.gif) no-repeat 3px 0.5em;
line-height:1.4;
}

#main .list-dc li .annotation{
margin:0;
}

#main .list-link{
margin:0.5em 10px 1em;
}

#main .list-link li{
margin:0 0 0.7em;
line-height:1.4;
}

#main .list-link li a{
display:inline-block;
padding-left:20px;
background:url(../../common/img/list-link-icon.gif) no-repeat 0 0.32em;
}

#main .icon-dc{
padding-left:15px;
margin:0 0 0.7em;
background:url(../../common/img/list-dc-icon.gif) no-repeat 3px 0.5em;
}

.icon-link a{
display:inline-block;
padding-left:20px;
background:url(../../common/img/list-link-icon.gif) no-repeat 0 0.32em;
}


#main .list-num{
margin:0.5em 10px 1em;
}

#main .list-num li{
margin:0 0 0.7em 20px;
list-style-type:decimal;
line-height:1.4;
}

*:first-child+html #main .list-num li { margin:0 0 0.7em 26px; }
* html #main .list-num li { margin:0 0 0.7em 26px;  }

#main table.data .list-num{
margin:0.1em 0 0 0;
}

#main table.data .list-num li{
margin-bottom:0;
line-height:1.6;
}


/* box */

.box01{
margin:0 0 1em;
}

#main div.box01{
margin-top:2em;
background:#f5f5f5 url(../../common/img/box_bg.gif) no-repeat bottom left;
}

#main div.box-top{
margin-top:0 !important;
}

#main div.box01 h3{
margin:0 0 0.7em;
}

#main div.box01 h3 span img{
line-height:0;
vertical-align:top;
padding:0 0 0.1em 10px;
}

#contents #main div.box01 h4{
margin:1em 10px 1em;
}

#main div.box02 .list-link,
#main div.box01 .list-link{
margin:0 10px;
}

*:first-child+html #main div.box01 .list-link,
*:first-child+html #main div.box02 .list-link { margin:0 10px 0.7em; }
* html #main div.box01 .list-link,
* html #main div.box02 .list-link { margin:0 10px 0.7em; }

#main div.box02 .list-link li,
#main div.box01 .list-link li{
float:left;
width:31%;
background:url(../../common/img/dot01.gif) repeat-x bottom left;
padding:0 7px 0.7em;
margin:0 0 0.7em;
}


.pdf-area:after {
content:url(../../common/img/pixel.gif);
display:block;
clear:both;
height:0;
}

.pdf-area {
display: inline-block;
} 

/* Hides from IE-mac \*/
* html .pdf-area {
height: 1%;
}

.pdf-area
{display: block;}
/* End hide from IE-mac */


.pdf-area dt{
margin:0 0 0.7em 11px;
float:left;
}

.pdf-area dd{
margin:0 11px 0.7em 0;
padding-left:111px;
}


#main ul.box01{
border:1px solid #ccc;
background:#f5f5f5;
padding:0.7em 10px 0;
margin:2em 10px;
}

#main ul.box01 li{
float:left;
width:31%;
background:url(../../common/img/dot01.gif) repeat-x bottom left;
padding:0 7px 0.7em;
margin:0 0 0.7em;
}

#main div.box01 .img-right,
#main div.box01 .img-left{
margin:0 10px 0.7em;
}

#main .box02 p
#main .box01 p{
margin:0 10px 0.7em;
}


.box02{
margin:1.5em 10px 1em;
padding:0.7em 0 0 0;
border:1px solid #ece9af;
background:#f9f8e5;
}

#contents #main .box02 h4{
margin-top:0;
}

#main dl.box01{
margin:0 10px 1em;
border:1px solid #ccc;
background:#f5f5f5;
}

#main dl.box01 dt{
font-weight:bold;
width:20%;
float:left;
}

#main dl.box01 dt dd{
background:url(../../common/img/dot01.gif) repeat-x bottom left;
padding:20%;
}


#main .box-news:after {
content:url(../../common/img/pixel.gif);
display:block;
clear:both;
height:0;
}

#main .box-news {
margin-bottom:2em;
background:#fff url(../../common/img/box_bg.gif) no-repeat bottom left;
display: inline-block;
} 

/* Hides from IE-mac \*/
* html #main .box-news {
height: 1%;
}

#main .box-news
{display: block;}
/* End hide from IE-mac */

#main .box-news h3{
margin:0 0 1em;
}

#main .box-news h3 span a{
float:right;
line-height:0;
margin-top:0.2em;
}


.box03:after{
content:url(../../common/img/pixel.gif);
display:block;
clear:both;
height:0;
}

.box03{
margin:1.5em 10px 1.5em;
padding:0 0 4px;
background:url(../../common/img/box03-bg.gif) no-repeat bottom left;
display: inline-block;
}

/* Hides from IE-mac \*/
* html .box03{
height: 1%;
}

.box03
{display: block;}
/* End hide from IE-mac */

#main .box03 ul.list-dc{
margin-left:15px;
margin-right:15px;
}

#contents #main .box03 h4{
margin:0 0 1em;
background:#54a8d4 url(../../common/img/box03-h4-bg.gif) no-repeat top left;
padding:0.7em 15px 0.3em;
color:#fff;
}

#contents #main .box03 h5{
margin:1em 15px 0.5em;
font-size:100%;
}

#contents #main .box03 p{
margin:0.5em 15px 0.7em;
}

#contents #main .box03 p.img-right img{
margin-bottom:0.5em;
}

#contents #main .box03 h4.img-cap{
margin:0 0 1em;
padding:0;
background:transparent;
}

#main .box03 table.data{
margin:0 15px 1em;
}

.box03 .list-point{
margin:0 15px 1.2em;
}

.box03 .list-point li{
margin:0 0 0.5em;
line-height:1.6;
background:url(../../common/img/dot01.gif) repeat-x bottom left;
padding:0 0 0.4em;
}

.box03 .list-point li:after {
content:url(../../common/img/pixel.gif);
display:block;
clear:both;
height:0;
}

.box03 .list-point li {
display: inline-block;
} 

/* Hides from IE-mac \*/
* html .box03 .list-point li {
height: 1%;
}

.box03 .list-point li
{display: block;}
/* End hide from IE-mac */


.box03 .list-point li em{
display:block;
padding:0.4em 0 0.6em 80px;
}

#contents #main .box03 .list-point li p{
margin:0;
display:inline;
}

.box03 .list-point li.point01 em{ background:url(../../common/img/point_01.gif) no-repeat 0 0.1em; }
.box03 .list-point li.point02 em{ background:url(../../common/img/point_02.gif) no-repeat 0 0.1em; }
.box03 .list-point li.point03 em{ background:url(../../common/img/point_03.gif) no-repeat 0 0.1em; }
.box03 .list-point li.point04 em{ background:url(../../common/img/point_04.gif) no-repeat 0 0.1em; }

.box-subject:after,
.box-labo:after{
content:url(../../common/img/pixel.gif);
display:block;
clear:both;
height:0;
}

.box-subject,
.box-labo{
display: inline-block;
}

/* Hides from IE-mac \*/
* html .box-subject,
* html .box-labo{
height: 1%;
}

.box-subject,
.box-labo
{display: block;}
/* End hide from IE-mac */

.box-labo{
margin:0 10px;
padding:0.8em 0;
background:url(../../common/img/dot01.gif) repeat-x bottom left;
}

.box-labo dt{
float:left;
margin-left:10px;
display:inline;
}

.box-labo dd{
padding:0 10px 0 123px;
}

.box-subject dd em,
.box-labo dd em{
display:inline-block;
padding-bottom:0.2em;
}

.box-subject{
margin:0 11px 1.3em;
}

.box-subject dt{
float:left;
display:inline;
}

.box-subject dt img{
margin-bottom:5px;
}

.box-subject dd{
padding:0 0 0 177px;
}

#contents #main .box-subject dd p{
margin:0 0 1em;
line-height:1.6;
}

#contents #main .box-subject dd .list-link{
margin:0;
}

#contents #main .box-subject dd .list-link li{
background:none;
width:100%;
padding:0;
margin:0;
float:none;
}

.box-message{
margin:0 10px 1.5em;
}

.box-message dt{
float:left;
}

.box-message dd{
padding-left:175px;
}

#contents #main .box-message dd p{
margin:0 0 1.2em;
}



/* 学部・大学院　-----------------------------------------------*/

#main .view-left:after,
#main .view-right:after{
content:url(../../common/img/pixel.gif);
display:block;
clear:both;
height:0;
}

#main .view-left,
#main .view-right{
clear:both;
margin:0.5em 10px 1.5em;
display: inline-block;
}

/* Hides from IE-mac \*/
* html #main .view-left,
* html #main .view-right{
height: 1%;
}

#main .view-left,
#main .view-right
{display: block;}
/* End hide from IE-mac */


#main .view-left dt{
float:left;
}

#main .view-right dt{
float:right;
}

#main .view-left dd,
#main .view-right dd{
width:503px;
}

#main .view-left dd{
float:right;
background:url(../../common/img/view-bg-right.gif) repeat-y top right;
}

#main .view-right dd{
float:left;
background:url(../../common/img/view-bg-left.gif) repeat-y top left;
}

#contents #main .view-left dd h5{
padding:15px 0 0.7em 22px;
margin:0;
background:url(../../common/img/view-bg-head-right.gif) no-repeat top left;
zoom:1;
}

#contents #main .view-right dd h5{
padding:15px 22px 0.7em 0;
margin:0;
background:url(../../common/img/view-bg-head-left.gif) no-repeat top right;
zoom:1;
}

#main .view-right dd h5 img,
#main .view-left dd h5 img{
margin-left:12px;
}

#contents #main .view-left dd h6{
color:#1d75a3;
margin:0 12px 0.3em;
padding-left:22px;
}

#contents #main .view-right dd h6{
color:#1d75a3;
margin:0 12px 0.3em;
}

#main .view-left dd p{
padding-left:22px;
margin:0 12px 0.7em;
}

#main .view-right dd p{
padding-right:22px;
margin:0 12px 0.7em;
}

.view-left .comment,
.view-right .comment{
display:block;
width:155px;
padding:0.4em 5px;
font-size:80%;
line-height:1.4;
margin-top:7px;
border:1px solid #b6d2e1;
}

.comment02{
display:block;
width:130px;
padding:0.4em 5px;
font-size:80%;
line-height:1.4;
margin-top:7px;
border:1px solid #b6d2e1;
}

/* ボランティア */
.volunteer-box{
margin-bottom:1.5em;
}

.volunteer-right{
width:55%;
float:right;
}

#contents #main .volunteer-right h3{
margin-top:0;
}


/* 学生生活　-----------------------------------------------*/

.box-facility:after {
content:url(../../common/img/pixel.gif);
display:block;
clear:both;
height:0;
}

.box-facility {
margin:0.7em 13px 0;
padding:0 0 0.7em;
display: inline-block;
} 

/* Hides from IE-mac \*/
* html .box-facility {
height: 1%;
}

.box-facility
{display: block;}
/* End hide from IE-mac */

.box-facility dt{
float:left;
}

.box-facility dd{
padding-left:150px;
}


#contents #main .box-facility dd p{
margin:0 0 0.5em;
}

#contents #main .box-facility dd .box02{
display:inline-block;
font-size:80%;
line-height:1.4;
margin:0;
padding:5px;
}

* html #contents #main .box-facility dd .box02{
display:inline;
zoom:1;
}

*:first-child+html #contents #main .box-facility dd .box02{
display:inline;
zoom:1;
}


/* 国際交流 */
a.bnr-adobe{
display:inline;
padding:0 0 0 10px;
text-decoration:none;
background:none;
}

a.bnr-adobe img{
margin-top:-0.4em;
}

.box-facility.img100 dd{
padding-left:110px;
}

#contents #main .box-facility dd h5{
margin-left:0;
}

#contents #main .box-facility.img100 dd ul.list-link{
margin-left:0;
}

#contents #main .view-right dd p.img-left{
padding:0;
margin-right:10px;
}

#contents #main .view-right dd p.img-left img{
margin:0;
}


/*-----------------------------------------------
#sub
-----------------------------------------------*/
#contents #sub{
width: 258px;
float: left;
margin: 0px 0px 0px 18px;
padding: 1px;
text-align: center;
display: inline;
background:#ccc;
}

#side-navi{
width:256px;
background-color: #ffffff;
padding: 1px;
}

#side-navi h2{
width:256px;
padding: 0;
background: none;
margin:0 0 1px;
}

#side-navi h3{
font-size:90%;
text-align:left;
background-color: #4ba3d2;
font-weight: bold;
color: #ffffff;
padding: 8px 0px 8px 14px;
margin:0 0 1px;
}

#side-navi h3 a{
color: #ffffff;
}

#side-navi ul{
width: 256px;
text-align: left;
margin:0;
}

#side-navi li{
font-size: 90%;
background-color: #eeeeee;
margin: 0px 0px 1px 0px;
line-height:0;
}


#side-navi li a{
display: block;
color: #333333;
text-decoration: none;
padding: 8px 0px 8px 25px;
background: url(../../common/img/sidenavi-arrow.gif) 15px 12px no-repeat;
line-height:1.2;
zoom:1;
}

#side-navi li a:hover{
background-color: #ffffff;
}

#side-navi li span{
display: block;
color: #333333;
text-decoration: none;
padding: 8px 0px 8px 25px;
line-height:1.2;
background: url(../../common/img/sidenavi-arrow.gif) 15px 12px no-repeat;
}

#side-navi li ul{
margin:0;
}

#side-navi li ul li,
#side-navi li.on ul li{
background-color: #fff;
font-size: 90%;
margin:1px 0 0 0;
line-height:0;
}

#side-navi li ul li a,
#side-navi li.on ul li a{
display: block;
color: #333333;
text-decoration: none;
padding: 8px 0px 8px 25px;
background: url(../../common/img/sidenavi-arrow-s.gif) 15px 12px no-repeat;
zoom:1;
}

#side-navi ul li.on{
background: #eeeeee;
}

#side-navi ul li.on a{
color:#4ba3d2;
background:#eee url(../../common/img/sidenavi-arrow.gif) 15px 12px no-repeat;
}

#side-navi li ul li.on a{
background:#e8f4fa url(../../common/img/sidenavi-arrow-s.gif) 15px 12px no-repeat;
color: #333333;
}

#side-navi li ul li a:hover{
background-color: #e8f4fa;
}



/* バナー */
#contents #banner-area{
width: 260px;
float: left;
margin:10px 0px 10px 18px;
}

* html #contents #banner-area{
margin:10px 0px 10px 9px;
}

#contents #banner-area li{
width:260px;
margin:0 0 5px;
}


#contents #banner-area li a.supplement{
font-size:80%;
padding:0.4em 0;
background:url(../../common/img/supplement-bg.gif) no-repeat bottom left;
display:block;
width:260px;
}

.break{
display:none;
}



/*-----------------------------------------------
回り込み回避
-----------------------------------------------*/
.box-message:after,
#main .pagelink:after,
#main .box01:after,
#main .box02:after,
#pankuzu:after,
#header:after,
#header_cnt:after,
#header_cnt #header_r:after,
#header_cnt #header_r ul#submenu:after,
#header_cnt #header_r ul#subnavi:after,
#global-navi ul:after,
#contents:after,
#footer #anc ul:after,
#contents #sub.index #links ul:after,
#contents #sub.index #links ul li:after,
#contents #sub.index #links td p:after,
#contents #main.index dl:after,
#contents #main dl.list-news:after{
content:url(../../common/img/pixel.gif);
display:block;
clear:both;
height:0;
}

.box-message,
#contents #main dl.list-news,
#main .pagelink,
#main .box01,
#main .box02,
#pankuzu,
#heade,
#header_cnt,
#header_cnt #header_r,
#header_cnt #header_r ul#submenu,
#header_cnt #header_r ul#subnavi,
#global-navi ul,
#contents,
#footer #anc ul,
#contents #sub.index #links ul,
#contents #sub.index #links ul li,
#contents #sub.index #links td p,
#contents #main.index dl{
display: inline-block;
}


/*-----------------------------------------------
追加　10.06.09
-----------------------------------------------*/

#main h2 span span{
font-size:80%;
background:none;
border-left:0;
padding-left:1px;
line-height:1.2;
display:inline;
}

#main h3 span span{
font-size:80%;
font-weight:normal;
background:none;
border-left:0;
padding-left:1px;
line-height:1.2;
display:inline;
}

#main h4 span.h-pale{
font-size:100%;
color:#58595b;
}

#main h4 span.h-none,
#main h4 span.h-circle,
#main h4 span.h-disk,
#main h4 span.h-pile,
#main h4 span.h-square{
padding-left:20px;
display:block;
min-height:18px;
height:auto !important;
height:18px;
}

#main h4 span.h-circle{ background:url("../img/h_circle.gif") top left no-repeat;}
#main h4 span.h-disk{ background:url("../img/h_disk.gif") top left no-repeat;}
#main h4 span.h-pile{ background:url("../img/h_pile.gif") top left no-repeat;}
#main h4 span.h-square{ background:url("../img/h_square.gif") top left no-repeat;}

#main .f80p{ font-size: 80%;}
#main .f90p{ font-size: 90%;}

#main .img-center{
text-align:center;
margin:1em auto;
}

#main .img-center img{
margin:0 5px;
}

/*-----------------------------------------------
campusinfo
-----------------------------------------------*/

#main table.campus_map{
margin:10px;
width:660px;
}

#main table.campus_map  tr td{
vertical-align:top;
padding-right: 2px;
}

#main ul.campus_co {
/*padding:10px 0 10px 20px;*/
padding-left:20px;
list-style-type: square;
}

#main ul.campus_co li{
list-style-type: square;
/*font-size: 0.8em;*/
line-height: 140%;
}

#main sup span.small{
font-size:80%;
/*
font-size:smaller;
padding-bottom:1em;
margin-top:-0.5em;*/
}

#main .ea-box{
margin:0 10px 1em;
padding-bottom:10px;
border-bottom:1px solid #58595b;
}

#main .ea-box_off{
margin:0 10px 1em;
padding-bottom:0;
border-bottom:0;
}

#main .ea-box table{
border:none;
}

#main .ea-box table td{
padding:auto 1em auto 0;
}

#main .w66{ width:66%; }

/*-----------------------------------------------
gaiyou
-----------------------------------------------*/

#main ul.charter{
/*
list-style-type:disc;
*/
padding-left:2em;
}

#main ul.charter li{
list-style-type:disc;
margin-left:0.5em;
}

#main div.box-charter{
/*background-color:#FFF; f6fcff eef9fe*/
/*border:1px solid #3e8bb0; 56abcc*/
/*margin:0 auto;*/
padding:5px;
}

#main div.box-charter h3{
margin-top:0;
}


#main table.org-chart{
margin:auto 10px;
padding:5px;
}

#main table.org-chart th,
#main table.org-chart td{
line-height:1.3;
margin:0;
padding-bottom:5px;
vertical-align:top;
}

#main table.org-chart td{
padding-top:3px;
}

#main table.org-chart th div{
font-weight:bold;
color:#58595b;
background-color:#f6fcff;
border:1px solid #3e8bb0;
width:100%;
padding:3px 5px;
display:block;
/*
background-color:#C7EAFB;
background-color:#FFF;
*/
}

#main table.org-chart th div.border{
color:#1d75a3;
background-color:#FFF;
border:1px solid #58595b;
/*font-weight:bold;*/
}

#main table.org-chart .chart-t,
#main table.org-chart .chart-m,
#main table.org-chart .chart-l,
#main table.org-chart .chart-b{
margin:0;
padding-left:40px;
padding-right:4px;
}

#main table.org-chart .chart-ll{
margin:auto;
padding-left:4px;
background:url("../gaiyou/images/chart-l.gif") top left repeat-x;
}

#main table.org-chart .chart-t{
background:url("../gaiyou/images/chart-t.gif") top left no-repeat;
}
#main table.org-chart .chart-m{
background:url("../gaiyou/images/chart-m.gif") top left no-repeat;
}
#main table.org-chart .chart-l{
background:url("../gaiyou/images/chart-l.gif") top left no-repeat;
}
#main table.org-chart .chart-b{
background:url("../gaiyou/images/chart-b.gif") top left no-repeat;
}



/*-----------------------------------------------
gakubu
-----------------------------------------------*/

#main .faculty-ls{
margin-left:2em;
margin-bottom:10px;
}

#main .faculty-ls li{
list-style-type:disc;
font-size:90%;
}

#main .faculty-box{
border-top:1px solid #2575AD;
border-bottom:1px solid #2575AD;
background-color:#f2f2f3;
padding:10px 15px;
margin:auto 10px;
/*width:670px;*/
font-size:90%;
}

#main .department{
border:none;
}

#main .department td{
vertical-align:top;
}

#main table.close-up{
margin:10px;
padding:0;
border:1px solid #2575AD;
width:670px;
}

#main table.close-up th{
padding:10px 0;
margin:0;
letter-spacing:0.01em;
color:#58595b;
vertical-align:bottom;
}

#main table.close-up th span{
display:block;
background:url("../gakubu/images/closeup.gif") left top no-repeat;
padding-left:115px;
text-align:left;
font-size:120%;
font-weight:bold;
/*line-height:1.7;*/
padding-top:5px;
min-height:20px;
height:auto !important;
height:20px;
}

#main table.close-up td{
padding:8px;
vertical-align:top;
}

#main table.close-up td dl{
padding:4px;
border-right:1px dotted #555;
}

#main table.close-up td dl.end{
border-right:0;
}

#main table.close-up td dl dt{
padding:5px 0;
margin-left:0;
line-height:1.5;
font-weight:bold;
color:#2575AD;
}

#main table.close-up td dl dt span{
font-size:80%;
font-weight:normal;
color:#333;
}

#main table.close-up td dl dd{
line-height:1.4;
font-size:90%;
color:#555;
}

#main table.close-up td dl dd.link{
margin-top:10px;
text-align:center;
}

#main table.close-up td dl.topic01 dt,
#main table.close-up td dl.topic02 dt,
#main table.close-up td dl.topic03 dt,
#main table.close-up td dl.topic04 dt{
padding-top:24px;
}

#main table.close-up td dl.topic01 dt{
background:url("../gakubu/images/topics01.gif") top left no-repeat;
}
#main table.close-up td dl.topic02 dt{
background:url("../gakubu/images/topics02.gif") top left no-repeat;
}
#main table.close-up td dl.topic03 dt{
background:url("../gakubu/images/topics03.gif") top left no-repeat;
}
#main table.close-up td dl.topic04 dt{
background:url("../gakubu/images/topics04.gif") top left no-repeat;
}


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


/* Hides from IE-mac \*/
* html .box-message,
* html #main .pagelink,
* html #main .box01,
* html #main .box02,
* html #pankuzu,
* html #heade,
* html #header_cnt,
* html #header_cnt #header_r,
* html #header_cnt #header_r ul#submenu,
* html #header_cnt #header_r ul#subnavi,
* html #global-navi ul,
* html #contents,
* html #footer #anc ul,
* html #contents #sub.index #links ul,
* html #contents #sub.index #links ul li,
* html #contents #sub.index #links td p,
* html #contents #main.index dl,
* html #contents #main dl.list-news{
height: 1%;
}

.box-message,
#main .pagelink,
#main .box01,
#main .box02,
#pankuzu,
#heade,
#header_cnt,
#header_cnt #header_r,
#header_cnt #header_r ul#submenu,
#header_cnt #header_r ul#subnavi,
#global-navi ul,
#contents,
#footer #anc ul,
#contents #sub.index #links ul,
#contents #sub.index #links ul li,
#contents #sub.index #links td p,
#contents #main.index dl,
#contents #main dl.list-news
{display: block;}
/* End hide from IE-mac */



}


iframe#research,
iframe#research-list{
margin-left:10px;
width:660px;
height:180px;
}