body{
 background-color : #bbbbbb;
 color : #333333;
 margin: 0px;
 padding: 0px;
 font-size : 16px;
 font-family : "Lucida Grande", "Segoe UI", Arial, Helvetica, Meiryo, "Hiragino Kaku Gothic ProN", "MS PGothic", "VL PGothic", "VL Gothic", Gothic, sans-serif;
 text-align : left;
 text-size-adjust : 100%;
 -webkit-text-size-adjust : 100%;
 }
#container{
 width : 100%;
 margin-left  : auto;
 margin-right : auto;
 text-align : left;
 padding : 0px;
 font-size : 100%;
 background-color : #ffffff;
}
#header1{
 width : 100%;
 height : 64px;
 padding: 0px;
 position : fixed;
}
#header1_wrapper{
 max-width : 1280px;
 height : 100%;    
 font-size : 100%;
 top : 0px;
 left: 0px;
 margin-left  : auto;
 margin-right : auto;
}
#title{
 height : 100%;
 float : left;
 font-size : 100%;
 padding: 0px;
 top : 0px;
 z-index : 100;
 line-height : 64px;
}
#title_jp{
 height : 100%;
 min-width : 225px;
 padding-top: 0px;
 padding-bottom : 0px;
 padding-left : 20px;
 padding-right : 10px;
}
#title_en{
 height : 100%;
 min-width : 360px;
 padding-top: 0px;
 padding-bottom : 0px;
 padding-left : 20px;
 padding-right : 10px;
}
#affiliation{
 height : 100%;
 float : left;
 padding: 0px;
 top : 0px;
 z-index : 100;
}
#affiliation_jp{
 height : 100%;
 min-width : 165px;
 font-size : 85%;
 padding-top: 0px;
 padding-bottom : 0px;
 padding-left : 10px;
 padding-right : 10px;
}
#affiliation_en{
 height : 100%;
 min-width : 270px;
 font-size : 85%;
 padding-top: 0px;
 padding-bottom : 0px;
 padding-left : 5px;
 padding-right : 5px;
}
#lang{
 width : 120px;
 max-width : 120px;
 min-width : 120px;
 float : right;
 font-size : 75%;
 padding: 0;
}
#header2{
 width : 100%;
 height : 48px;
 padding: 0;
 position : fixed;
 top : 64px;
 z-index : 200;
}
#navi{
 width : 1280px;
 padding: 0;
 margin-left  : auto;
 margin-right : auto;
}
#main{
 width : 1280px;
 clear : both;
 font-size : 100%;
 margin-left  : auto;
 margin-right : auto;
 padding-top : 112px;
 min-height : 500px;
}
#contents{
 width : 960px;
 float : left;
 font-size : 100%;
 min-height : 500px;
}
#sidebar{
 width : 320px;
 float : right;
 font-size : 80%;
 min-height : 500px;
}
#footer{
 width : 100%;
 clear : both;
 font-size : 80%;
}
#bottom_menu{
 width : 1280px;
 margin-left  : auto;
 margin-right : auto;
}

a{
 color: #0027ff;
}

h1{
 color : #000000;
 font-weight: bold;
 font-size : 140%;
}
h2{
 color : #000000;
 font-weight: bold;
 font-size : 120%;
}
h3{
 color : #000000;
 font-weight: bold;
 font-size : 110%;
}
h4{
 color : #000000;
 font-weight: bold;
 font-size : 105%;
}
#title h1{
 border-width: 0;
 padding-top : 0px;
 padding-bottom : 0px;
 padding-left : 0px;
 padding-right : 0px;
 margin: 0;
}
#title h1 a:link, #title h1 a:visited{
 text-decoration: none;
}
#title h1 a:hover, #title h1 a:active{
 text-decoration: none;
 border-style: solid;
 border-width: 0px 0px 2px 0px;
}
#contents h2{
 border-style: solid;
 border-width: 0px 0px 2px 10px;
 padding-top : 3px;
 padding-bottom : 3px;
 padding-left : 10px;
 padding-right : 10px;
}
#contents h3{
 border-style: solid;
 border-width: 0px 0px 0px 10px;
 padding-top : 0px;
 padding-bottom : 0px;
 padding-left : 10px;
 padding-right : 10px;
}

#navi ul{
 list-style-type : none;
 margin: 0;
 padding: 0;
}
#lang ul{
 list-style-type : none;
 margin: 0;
 padding: 0;
}
#navi li{
}
#navi a{
 display : block;
 font-weight: bold;
 text-align: center;
}
#lang a{
 display : block;
 font-weight: bold;
 text-align: center;
}
#navi a:link, #navi a:visited{
}
#navi a:hover, #navi a:active{
}
#navi_menu{
 display : block;
 font-weight: bold;
 text-align: center;
 font-size : 95%;
 line-height : 48px;
}
#navi_menu li{
 float : left;
 width : 120px;
}
#navi_menu a{
}
#navi_menu a:link, #navi_menu a:visited{
 text-decoration: none;
}
#navi_menu a:hover, #navi_menu a:active{
 text-decoration: none;
}
#navi_lang{
 display : block;
 font-weight: bold;
 text-align: center;
 line-height : 32px;
}
#navi_lang li{
 float : left;
 width : 100%;
}
#navi_lang a{
}
#navi_lang a:link, #navi_lang a:visited{
 text-decoration: none;
}
#navi_lang a:hover, #navi_lang a:active{
 text-decoration: underline;
}
#navi_nowjp{
}
#navi_nowen{
}
body#jp_top ul li#navi_jp_top a{
 text-decoration: none;
}
body#jp_members ul li#navi_jp_members a{
 text-decoration: none;
}
body#jp_publications ul li#navi_jp_publications a{
 text-decoration: none;
}
body#jp_jugyo ul li#navi_jp_jugyo a{
 text-decoration: none;
}
body#en_top ul li#navi_en_top a{
 text-decoration: none;
}
body#en_publications ul li#navi_en_publications a{
 text-decoration: none;
}

.inner{
 padding-top : 10px;
 padding-bottom : 10px;
 padding-left : 20px;
 padding-right : 20px;
}
.clear{
 clear : both;
}

.title{
 text-align : left;
 font-weight : bold;
}
.hidariyose{
 text-align : right;
}
.migiyose{
 text-align : right;
}
.chuuou{
 text-align : center;
}
.jouge-chuuou{
 display: inline-block;
 vertical-align: middle;
}
.italic{
 font-style : italic;
}
.bold{
 font-weight : bold;
}
.akaji{
 color : red;
}
.kasen{
 text-decoration : underline;
}
.float_hidari{
 float : left;
}
.float_migi{
 float : right;
}
.highlight{
 background-color : #eeeeee;
 border-style : none;
 border-color : #dddddd;
 width : auto;
 padding-top : 5px;
 padding-bottom : 5px;
 padding-left : 20px;
 padding-right : 20px;
}
.urgent{
 background-color : #ffe6f8;
 border-style : solid;
 border-color : #ff80d9;
 width : auto;
 padding-top : 5px;
 padding-bottom : 5px;
 padding-left : 20px;
 padding-right : 20px;
}
.title_kaigyo_jp{
 display : none;
}
.title_kaigyo_en{
 display : none;
}

@media screen and (max-width:960px) {

    #header1_wrapper{
	width : 100%;
	min-width : 320px;
    }
    #affiliation_jp{
    }
    #affiliation_en{
	display : none;
    }
    #lang{
	width : 120px;
	min-width : 120px;
    }
    #navi_lang li{
    }
    #navi{
	width : 100%;
	min-width : 320px;
    }
    #main{
	width : 100%;
	min-width : 320px;
	min-height : 0px;
    }
    #contents{
	width : 100%;
	float : none;
	min-width : 320px;
	min-height : 0px;
    }
    #sidebar{
	width : 100%;
	float : none;
	font-size : 80%;
	min-width : 320px;
	min-height : 0px;
    }
    #footer{
	width : 100%;
	min-width : 320px;
	font-size : 80%;
    }
    #bottom_menu{
	width :100%;
	min-width : 320px;
    }

    @media screen and (max-width:800px) {

	#affiliation_jp{
	    display : none;
	}
	#affiliation_en{
	    display : none;
	}

	@media screen and (max-width:640px) {

	    #title{
	    }
	    #title_jp{
	    }
	    #title_en{
		min-width : 175px;
		height : 48px;
		padding-top: 8px;
		padding-bottom : 8px;
		line-height : 24px;
	    }
	    #affiliation_jp{
		display : none;
	    }
	    #affiliation_en{
		display : none;
	    }
	    #lang{
		width : 120px;
		max-width : 120px;
		min-width : 120px;
	    }
	    #title_jp h1{
	    }
	    #title_en h1{
	    }

	    .title_kaigyo_jp{
	    }
	    .title_kaigyo_en{
		display : block;
	    }

	    @media screen and (max-width:480px) {

		#title_jp{
		    min-width : 195px;
		}
		#title_en{
		}
		#title_jp h1{
		font-size : 120%;
		}
		#title_en h1{
		}
		#lang{
		}
		#navi_menu li{
		}
		.title_kaigyo_jp{
		}
		.title_kaigyo_en{
		}
	    
		@media screen and (max-width:360px) {

		    #title_jp{
			min-width : 180px;
		    }
		    #title_en{
		    }
		    #title_jp h1{
			font-size : 105%;
		    }
		    #title_en h1{
		    }
		    #lang{
			width : 33.3%;
			max-width : 120px;
			min-width : 100px;
		    }
		    #navi_menu li{
			width : 33.3%;
			max-width : 120px;
			min-width : 100px;
		    }
		    .title_kaigyo_jp{
		    }
		    .title_kaigyo_en{
		    }

		}

	    }

	}

    }

}