@charset "utf-8";

/*clearfix　floatさせたタグの親タグにclass="clearfix"をかける"*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix{
	display:inline-block;
	min-height:1%;  /* for IE 7*/
}


/*.clear{
	clear: both;
}

.none{
	display: none;
}
*/


/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/*ブラウザ毎に異なるデフォルトのスタイルをリセットする*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{
	margin: 0; 
	padding: 0;
}

* {
	padding:0;
	margin:0;
}

html{
	overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6{
	font-size: 100%; 
}

h2{
	font-size:18px;
}

h3{
	font-size:14px;
}

h4{
	font-size:13px;
}

a{
	text-decoration:none;
	color:#000;
}

ul, di{
	list-style:none;
}

dl dt{
	font-weight:bold;
}

fieldset, img{
	border:0;
}

table{
	border-collapse: collapse; 
	border-spacing:0;
}

caption, th{
	text-align: left;
}

address, caption, cite, code, dfn, em, strong, th, var{
	font-style: normal; 
	font-weight: normal;
}


/*strong, span
--------------------------------------------------*/
strong{
	font-weight:bold;
}

span.red{
	color:#F00;
}


/*class="btt"
--------------------------------------------------*/
.btt{
	opacity:1;
	filter: alpha(opacity=100);/* ie 6 7 */
	-ms-filter:"alpha(opacity=100)";  /* ie 8 */
	-moz-opacity:1;/* FF lt 1.5, Netscape */
	-khtml-opacity:1;/* Safari 1.x */
}

.btt:hover{
	opacity:0.7;
	filter: alpha(opacity=70);/* ie 6 7 */
	-ms-filter:"alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;/* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;/* Safari 1.x */
	zoom:1;/*IE*/
}


/*mini_menu
--------------------------------------------------*/
.mini_menu a:hover,
.mini_menu .current{
	text-decoration:underline;
}



/*ページ全体のフォントを指定する*/
body{
	font-family:"メイリオ", "Meiryo", Arial, "小塚ゴシック Pro", "Kozuka Gothic Pro ","ヒラギノ角ゴ Pro W3 ", " Hiragino Kaku Gothic Pro ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	line-height:1.4em;
	color:#000;
	background-color:#FFF;
}


/*align
--------------------------------------------------*/
.align_center{
	text-align:center;
}

.align_left{
	text-align:left;
}

.align_right{
	text-align:right;
}




/*ここからbody*/

/*header
--------------------------------------------------*/
#header_wrapper{
	background:url(../images/bg_header.jpg) repeat-x;
	margin-bottom:17px;
}

#header_wrapper #header{
	width:951px;
	margin:0 auto;
}

#header_wrapper #header #header_left{
	width:320px;
	float:left;
}

#header_wrapper #header #header_left h1{
	margin:30px 0 0 10px;
}

#header_wrapper #header #header_right{
	width:495px;
	float:right;
}

#header_wrapper #header #header_right p.lang{
	text-align:right;
}

#header_wrapper #header #header_right #header_right_inner{
	margin:10px 0;
}

#header_wrapper #header #header_right #header_right_inner p.mini_menu{
	width:250px;
	float:left;
	margin:4px 0 0 0;
	color:#FFF;
}

#header_wrapper #header #header_right #header_right_inner p.mini_menu a{
	color:#FFF;
}

#header_wrapper #header #header_right #header_right_inner form{
	width:235px;
	float:right;
	text-align:right;
}

#header_wrapper #header #header_right #header_right_inner form input{
	vertical-align:middle;
}

#header_wrapper #header #header_right #header_right_inner form input.txt{
	padding:0 10px;
	margin-right:5px;
	height:20px;
	width:180px;
}


/*menu*/
#header_wrapper #menu{
	width:951px;
	height:53px;
	margin:12px auto 0 auto;
}

#header_wrapper #menu ul{
	background:url(../images/bg_menu.png) no-repeat;
	height:53px;
}

#header_wrapper #menu ul li{
	float:left;
}

#header_wrapper #menu ul li.current,
#header_wrapper #menu ul li:hover{
	background:url(../images/li_on.jpg) 0 1px repeat-x;
}

#header_wrapper #menu ul li.home a{
	background-image:none;
}

#header_wrapper #menu ul li a{
	display:block;
	padding:17px 30px;
	background:url(../images/li_shikiri.jpg) 0 11px no-repeat;
	color:#3e3e3e;
}



/*--==================================index==================================---*/
/*container
--------------------------------------------------*/
#container_wrapper{
	margin-bottom:20px;
}

#container_wrapper #container{
	width:951px;
	margin:0 auto;
}

/*eyecatch*/
#container_wrapper #container #eyecatch{
	margin-bottom:20px;
	position:relative;
	height:331px;
}

#container_wrapper #container #eyecatch #slider{
	position: relative;
    z-index: 10;
}

#container_wrapper #container #eyecatch #slider ul li{
	height:260px;
}

#container_wrapper #container #eyecatch span#controls{
	position: relative;
    top: -25px;
	left:434px;
    z-index: 1000;
}

#container_wrapper #container #eyecatch span#controls ol.controls{
	clear:both;
	display:inline-block;
	min-height:1%;  /* for IE 7*/
}

#container_wrapper #container #eyecatch span#controls ol.controls li{
	width:5px;
	float: left;
    height: 18px;
    line-height: 18px;
    list-style: none outside none;
	
	background-image: url(../images/circle_btn_c.png);
	background-repeat: no-repeat;
	padding: 5px 8px 0 8px;
    cursor: pointer;
    margin: 0 3px;
    overflow: visible;
    padding: 8px 8px 0 8px;
    text-decoration: none;
    text-indent: -9999px;
}

#container_wrapper #container #eyecatch span#controls ol.controls li.current{
	background-image: url(../images/circle_btn.png);
    background-repeat: no-repeat;
	background-position:0 -2px;
}

#container_wrapper #container #eyecatch span#controls ol.controls li a{
	display:none;
}


/*#container_wrapper #container #eyecatch #slider_navi_wrapper{
	position: relative;
    top: -34px;
    z-index: 1000;
}


.customBox{
	margin-top:16px;
}*/

/*.customBox a.custom {
    background-image: url(../images/circle_btn_c.png);
	background-repeat: no-repeat;
	padding: 5px 8px 0 8px;
    cursor: pointer;
    margin: 0 3px;
    overflow: visible;
    padding: 8px 8px 0 8px;
    text-decoration: none;
    text-indent: -9999px;
}

.customBox a.current {
    background-image: url(../images/circle_btn.png);
    background-repeat: no-repeat;
	background-position:0 -2px;
}*/


#container_wrapper #container #container_main #container_left{
	width:586px;
	float:left;
}

#container_wrapper #container #container_main #container_right{
	width:331px;
	float:right;
}

#container_wrapper #container #container_main #container_left .contentbox_top,
#container_wrapper #container #container_main #container_right .contentbox_top{
	padding:18px 17px 17px 17px;
	border:#aaaaaa 1px solid;
	margin-top:-1px;
}

#container_wrapper #container #container_main .contentbox_top a{
	color:#4b85c1;
	font-weight:bold;
}

#container_wrapper #container #container_main .contentbox_top a:hover{
	text-decoration:underline;
}

/*container_left*/
#container_wrapper #container #container_main #container_left .topics{
	min-height:155px;
	height:auto !important;
	height:155px;
}

#container_wrapper #container #container_main #container_left .contentbox_top{
	margin-bottom:20px;
}

#container_wrapper #container #container_main #container_left .contentbox_top dl{
	overflow: hidden;
	zoom: 1;
}

#container_wrapper #container #container_main #container_left .contentbox_top dl dt{
	width:100px;
	float:left;
	clear:both;
	font-weight:bold;
	background:url(../images/arro.png) 0 3px no-repeat;
	padding-left:15px;
}

#container_wrapper #container #container_main #container_left .contentbox_top dl dd{
	padding:0 0 0 120px;
	margin-bottom:5px;
}

#container_wrapper #container #container_main #container_left .contentbox_top .more{
	width:121px;
	float:right;
	margin-top:12px;
}

#container_wrapper #container #container_main #container_left .banner p a img{
	border:#AAA 1px solid;
			
}


/*container_right*/
#container_wrapper #container #container_main #container_right .contentbox_top #access{
	padding-bottom:15px;
	border-bottom:#aaaaaa 1px dotted;
	margin-bottom:15px;
}

#container_wrapper #container #container_main #container_right .contentbox_top #access p.ttl_top{
	font-weight:bold;
	margin-bottom:3px;
}

#container_wrapper #container #container_main #container_right .contentbox_top p.link{
	background:url(../images/arro.png) 0 3px no-repeat;
	padding-left:15px;
	margin-bottom:5px;
}

#container_wrapper #container #container_main #container_right .contentbox_top #access dl{
	overflow: hidden;
	zoom: 1;
	margin-bottom:5px;
}

#container_wrapper #container #container_main #container_right .contentbox_top #access dl dt{
	width:45px;
	float:left;
	clear:both;
	font-weight:normal;
}

#container_wrapper #container #container_main #container_right .contentbox_top #access dl dd{
	padding:0 0 0 45px;
	margin-bottom:5px;
}

#container_wrapper #container #container_main #container_right .contentbox_top #access .more2{
	width:105px;
	float:right;
}

#container_wrapper #container #container_main #container_right .contentbox_top #access .more2 a{
	color:#4b85c1;
	font-weight:bold;
}

#container_wrapper #container #container_main #container_right .contentbox_top #access .more2 a:hover{
	text-decoration:underline;
}


/*#container_wrapper #container #container_main #container_right p.banner{
	margin-top:15px;
}
*/


/*--==================================sub==================================---*/
#container #container_sub h2{
	background:url(../images/h2.png) no-repeat;
	height:36px;
	color:#FFF;
	padding:17px 0 0 40px;
	margin-bottom:17px;
}


#container #container_sub #container_sub_side{
	width:177px;
	float:left;
	background-color:#FFF;
	padding-bottom:5px;
	margin-left:-5px;
	background:url(../images/sidemenu_shadow_b.png) left bottom no-repeat;
}

#container #container_sub #container_sub_main{
	width:726px;
	float:right;
	margin-right:25px;
	min-height:507px;
	height:auto !important;
	height:507px;
}


/*container_sub_side*/
#container #container_sub #container_sub_side p{
	padding-left:5px;
	background:url(../images/sidemenu_shadow_m.png) 0 0 repeat-y;
}


#container #container_sub #container_sub_side ul{
	padding:10px 10px 0 10px;
	background:url(../images/sidemenu_shadow_m.png) 0 0 repeat-y;
}

#container #container_sub #container_sub_side ul li{
	background:url(../images/bg_side_navi_li.jpg) repeat-x;
	/*height:30px;*/
	/*padding-bottom:10px;*/
	margin:0 0 10px 0;
	
	min-height:30px;
height: auto !important;
height: 30px;
	
}

#container #container_sub #container_sub_side ul li a{
	padding:8px 0 8px 15px;
	display:block;
	color:#3e3e3e;
}

#container #container_sub #container_sub_side ul li a:hover{
	color:#487FB8;
}


#container #container_sub #container_sub_side ul li ul{
	padding:10px;
	margin-top:-2px;
	background-color:#f1f1f1;
	background-image:none;
	display:none;
}

#container #container_sub #container_sub_side ul li ul li{
	margin-bottom:10px;
	background:url(../images/arro.png) 5px 8px no-repeat;
}

#container #container_sub #container_sub_side ul li ul li a{
	color:#000;
	text-decoration:none;
	padding:5px 0 5px 18px;
}

#container #container_sub #container_sub_side ul li ul li a:hover{
	color:#4B85C1;
	text-decoration:underline;
}


/*albumナビ*/
ul.accordion ul {display:none;}

#container #container_sub #container_sub_side ul.accordion li p{
	margin:0;
	background:none;
	
	color:#000;
	text-decoration:none;
	padding:8px 0;
}

#container #container_sub #container_sub_side ul.accordion li p:hover{
	color:#4B85C1;
	cursor:pointer;
}

#container #container_sub #container_sub_side ul.accordion li p span{
	padding:0 0 0 15px;
}

#container #container_sub #container_sub_side ul.accordion li p a{
	padding:0 0 0 15px;
}

#container #container_sub #container_sub_side ul.accordion li ul li{
	background:url(../images/arro.png) 5px 8px no-repeat;
}

#container #container_sub #container_sub_side ul.accordion li ul li a{
	padding-left:18px;
}





/*container_sub_main*/

/*#container #container_sub #container_sub_main h2{
	background:url(../images/h2.png) no-repeat;
	height:36px;
	color:#FFF;
	padding:17px 0 0 40px;
	margin-bottom:17px;
}*/

#container #container_sub #container_sub_main a{
	color:#487FB8;
}

#container #container_sub #container_sub_main a:hover{
	text-decoration:underline;
}

#container #container_sub #container_sub_main .inner_sub{
	padding:0 17px 17px 17px;
	margin-bottom:20px;
}

#container #container_sub #container_sub_main .inner_sub h3{
	color:#487FB8;
	padding:0 0 10px 10px;
	border-bottom:#487FB8 1px dotted;
	margin-bottom:20px;
}

#container #container_sub #container_sub_main .inner_sub h4{
	padding:5px 0 5px 10px;
	border-left:#487FB8 8px solid;
	margin-bottom:10px;
}

#container #container_sub #container_sub_main .inner_sub h5{
	font-weight:bold;
	color:#487FB8;
	margin-bottom:10px;
}

#container #container_sub #container_sub_main .inner_sub dl{
	
}

#container #container_sub #container_sub_main .inner_sub dl dt{
	font-weight:bold;
	background:url(../images/arro.png) 0 3px no-repeat;
	padding-left:15px;
}

#container #container_sub #container_sub_main .inner_sub dl dd{
	margin:0 0 15px 0;
	padding-left:15px;
}

#container #container_sub #container_sub_main .inner_subb ul{
	margin-bottom:20px;	
}

#container #container_sub #container_sub_main .inner_sub ul li{
	background:url(../images/arro.png) 0 3px no-repeat;
	padding-left:15px;
	margin-bottom:5px;
}

#container #container_sub #container_sub_main .inner_sub p{
	margin-bottom:15px;
}

#container #container_sub #container_sub_main .inner_sub ol{
	margin:0 0 15px 40px;
}

#container #container_sub #container_sub_main .inner_sub p.p_about{
	color:#487FB8;
	font-weight:bolder;
	font-size:14px;
}



/*ページトップ*/
#container #container_sub #container_sub_main .back{
	padding:0 17px 17px 17px;
	margin-bottom:20px;
}


#container #container_sub #container_sub_main .img_about{
	/*margin-left:4px;*/
}

#container #container_sub #container_sub_main .img_about div{
	width:213px;
	float:left;
	margin:0 12px 10px 12px;
	height:220px;
}


/*ページアンカーリンク*/
#container #container_sub #container_sub_main .anchor{
	padding:0 17px;
	margin-bottom:20px;
}


/*装置*/
#container #container_sub #container_sub_main .img_box div{
	width:200px;
	float:left;
	margin:0 14px 10px 14px;
	height:250px;
}

#container #container_sub #container_sub_main .img_box div span{
	color:#487FB8;
	font-weight:bold;
	padding-bottom:5px;
}


/*トピックス*/
#container #container_sub #container_sub_main .inner_sub .img_box_to p{
	float:left;
	margin:0 15px 10px 0;
	height:180px;
}




/*メンバー*/
#container #container_sub #container_sub_main .member{
	padding-bottom:20px;
	border-bottom:#aaaaaa 1px dotted;
	margin-bottom:20px;
}

#container #container_sub #container_sub_main .member .member_left{
	width:82px;
	float:left;
	margin-right:50px;	
	height:120px;
}

#container #container_sub #container_sub_main .member .member_left>p img{
	border:#CCC 1px solid;
	padding:10px;
}

#container #container_sub #container_sub_main .member .member_right{
	width:300px;
	float:left;
}

#container #container_sub #container_sub_main .member .member_right p.profile{
	margin:5px 0 0 0;
	background:url(../images/arro.png) 0 3px no-repeat;
	padding-left:15px;
}

#container #container_sub #container_sub_main .member .member_right p.profile a{
	margin:0;
}



/*過去のメンバー*/
#container #container_sub #container_sub_main .member_o{
	width:150px;
	float:left;
	margin:15px;
	padding:15px;
	border:#aaaaaa 1px solid;
	height:178px;
}

#container #container_sub #container_sub_main .member_o p img{
	margin-left:23px;
}
/*#container #container_sub #container_sub_main .member_o .member_left{
	width:82px;
	float:left;
	margin-right:10px;	
}

#container #container_sub #container_sub_main .member_o .member_left>p img{
	border:#CCC 1px solid
}

#container #container_sub #container_sub_main .member_o .member_right{
	width:123px;
	float:right;
}*/

#container #container_sub #container_sub_main .member_o p.profile{
	margin-top:15px;
	background:url(../images/arro.png) 0 3px no-repeat;
	padding-left:15px;
}



#container #container_sub #container_sub_main .inner_sub div table{
	width:100%;
	border-collapse:collapse;
	border:none;
	border-spacing:0;
}

#container #container_sub #container_sub_main .inner_sub div table tbody tr th{
	padding:5px 10px;
	border-collapse:collapse;
	border:#CCC 1px solid;
	background-color:#f1f1f1;
	text-align:center;
}

#container #container_sub #container_sub_main .inner_sub div table tbody tr th.stud1{
	width:10%;
}

#container #container_sub #container_sub_main .inner_sub div table tbody tr th.stud2{
	width:30%;
}

#container #container_sub #container_sub_main .inner_sub div table tbody tr td{
	padding:5px 10px;
	border-collapse:collapse;
	border:#CCC 1px solid;
	text-align:center;
	height:34px;
}



/*メンバー詳細*/
#container #container_sub #container_sub_main .member2{
	width:450px;
	float:left;
	margin:0 12px 0 0;
	height:100px;
}

#container #container_sub #container_sub_main .member2 .member_left{
	width:82px;
	float:left;
	margin-right:10px;	
}

#container #container_sub #container_sub_main .member2 .member_left>p img{
	border:#CCC 1px solid;
}

#container #container_sub #container_sub_main .member2 .member_right{
	width:350px;
	float:right;
}

#container #container_sub #container_sub_main .inner_sub table{
	width:100%;
	border-collapse:collapse;
	border:none;
	border-spacing:0;

}

#container #container_sub #container_sub_main .inner_sub table tbody tr{
	margin-bottom:10px;
}

#container #container_sub #container_sub_main .inner_sub table tbody tr th{
	width:120px;
	padding:5px 10px;
	border-collapse:collapse;
	border:#CCC 1px solid;
	background-color:#f1f1f1;
}

#container #container_sub #container_sub_main .inner_sub table tbody tr td{
	padding:5px 10px;
	border-collapse:collapse;
	border:#CCC 1px solid;
}

#container #container_sub #container_sub_main .inner_sub p{
	margin-bottom:10px;
}

#container #container_sub #container_sub_main .inner_sub p a{
	margin-bottom:10px;
}

#container #container_sub #container_sub_main .inner_sub p.gray{
	padding:17px;
	background-color:#f1f1f1;
}

#container #container_sub #container_sub_main .img_box2 div{
	/*width:200px;*/
	float:left;
	margin:0 10px 10px 10px;
	height:250px;
}



/*論文リスト*/
#container #container_sub #container_sub_main .inner_sub .publist dl{
	margin-bottom:20px;
}

#container #container_sub #container_sub_main .inner_sub .publist dl dt{
	font-weight:bold;
	width:100%;
	background:none;
	padding:0;
}

#container #container_sub #container_sub_main .inner_sub .publist dl dd{
	width:100%;
	padding:0;
	margin:0;
}

#container #container_sub #container_sub_main .inner_sub .publist dl dd span{
	color:#F00;
}



/*#container #container_sub #container_sub_main .inner_sub #gallery{
	display:none;
}*/





/*--==================================sub（1カラム）==================================---*/
#container #container_sub #container_sub_long_main{
	width:900px;
	min-height:507px;
	height:auto !important;
	height:507px;
	margin-left:25px;
}

#container #container_sub #container_sub_long_main h2{
	background:url(../images/h2_long.png) no-repeat;
	height:36px;
	color:#FFF;
	padding:17px 0 0 40px;
	margin-bottom:17px;
}

#container #container_sub #container_sub_long_main p{
	margin-bottom:15px;
}

#container #container_sub #container_sub_long_main p.p_blue{
	color:#487FB8;
	font-weight:bolder;
	font-size:14px;
}

#container #container_sub #container_sub_long_main p.gray{
	padding:17px;
	background-color:#f1f1f1;
}

#container #container_sub #container_sub_long_main a{
	color:#487FB8;
}

#container #container_sub #container_sub_long_main a:hover{
	text-decoration:underline;
}

#container #container_sub #container_sub_long_main .inner_sub{
	padding:0 17px 17px 17px;
	margin-bottom:20px;
}

#container #container_sub #container_sub_long_main .inner_sub h3{
	color:#487FB8;
	padding:0 0 10px 10px;
	border-bottom:#487FB8 1px dotted;
	margin-bottom:20px;
}

#container #container_sub #container_sub_long_main .inner_sub h4{
	padding:5px 0 5px 10px;
	border-left:#487FB8 8px solid;
	margin-bottom:10px;
}

#container #container_sub #container_sub_long_main .inner_sub ol{
	margin:0 0 15px 40px;
}

#container #container_sub #container_sub_long_main .inner_sub dl{
	margin-bottom:15px;	
}

#container #container_sub #container_sub_long_main .inner_sub dl dt{
	font-weight:bold;
	background:url(../images/arro.png) 0 3px no-repeat;
	padding-left:15px;
}

#container #container_sub #container_sub_long_main .inner_sub dl dd{
	margin:0 0 15px 0;
	padding-left:15px;
}

#container #container_sub #container_sub_long_main .inner_sub ul{
	margin-bottom:20px;	
}

#container #container_sub #container_sub_long_main .inner_sub ul li{
	background:url(../images/arro.png) 0 3px no-repeat;
	padding-left:15px;
	margin-bottom:5px;
}

/*アルバム*/
/*#container #container_sub #container_sub_main .inner_sub .img_box p{
	width:133px;
	float:left;
	margin:0 5px 10px 5px;
	height:100px;
}

#container #container_sub #container_sub_main .inner_sub .img_box p img{
	border:#CCC 1px solid;
}

#container #container_sub #container_sub_main .inner_sub p span{
	color:#F00;
}*/


/*footer
--------------------------------------------------*/
#footer_wrapper{
	background:url(../images/footer_bg.png) repeat-x;
	height:61px;
	margin-bottom:50px;
}

#footer_wrapper #footer{
	width:951px;
	margin:0 auto;
	padding-top:26px;
}

#footer_wrapper #footer p.copyright{
	width:625px;
	float:left;
	color:#3e3e3e;
}


#footer_wrapper #footer p.mini_menu{
	width:285px;
	float:right;
	text-align:right;
	white-space:pre;
	color:#3e3e3e;
	background:url(../images/footer_shikiri.jpg) no-repeat;
	padding:8px 0;
	margin-top:-9px;
}

#footer_wrapper #footer p.mini_menu a{
	color:#3e3e3e;
}




