@charset "Shift_JIS";

/* accordion menu */

label {
display: block;
margin: 0 0 5px 0;
padding : 20px;
line-height: 1;
color :#fff;
background : blue;
cursor :pointer;
font-family: sans-serif;
font-weight: bold;
}
input {
display: none;
}

.menu {
max-width: 400px;
}

.menu ul {
margin: 0;
padding: 0;
background :#f4f4f4;
list-style: none;
}

.menu li {
height: 0;
overflow: hidden;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
font-family: sans-serif;
}

#type01:checked ~ #links01 li,
#type02:checked ~ #links02 li,
#type03:checked ~ #links03 li{
height: 100px;
opacity: 1;
}

/* global style */

body{
margin:0px;
text-align:center;
width:100%;
height:100%;
background:#fff;
font-size:14px;
font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS Pゴシック","MS P Gothic",sans-serif;
}

li{
list-style: none;
}

a:link, a:visited, a:active {
color:#0000ff;
text-decoration: none;
font-weight: bold;
}

a:hover {
color: #ffa500;
text-decoration: underline;
font-weight: bold;
}

table{
border-collapse: collapse;
}

p {
margin: 0;
padding: 6px;
}


/* layout style */

#page{
margin:12px auto 12px auto;
width:800px;
height:100%;
text-align:left;
}

#header{
margin:0;
padding:12px 24px;
width:750px;
height:175px;
text-align: right;
background:url("../img/header_jp2.png");
border-top:1px solid #2c2c2c;
border-left:1px solid #2c2c2c;
border-right:1px solid #2c2c2c;
font-size:12px;
font-weight: normal;
}

#navigation{
margin:0;
width:798px;
height:49px;
background:#fff;
border:1px solid #2c2c2c;
}

#navigation ul{
margin:0;
padding:0;
background-color:#fff;
list-style-type:none;
}

#navigation ul li{
margin:0;
float:left;
width:133px;
height:49px;
text-align:center;
font-size:15px;
}

#navigation ul li a{
display:block;
padding:15px 0 16px 0;
position:relative; /* for IE6 */
color:#fff;
background-color:#555;
border: 0;
background-image: url(../img/navi_base_1.png);
text-decoration:none;
font-weight:normal;
line-height:1em;
}

#navigation ul li a:hover{
color:#333;
background-color:#ccc;
background-image: url(../img/navi_base_2.png);
}

/* ClearFix */

#navigation ul {
_height:1px;
min-height:1px;
/*\*//*/
height:1px;
overflow:hidden;
/**/
}

#navigation ul:after {
height:0;
visibility:hidden;
content:".";
display:block;
clear:both;
}

#content{
margin:0;
width:798px;
background:#fff;
border-left:1px solid #2c2c2c;
border-right:1px solid #2c2c2c;
}

#footer{
margin:0;
width:798px;
height:73px;
background:#fff;
border:1px solid #2c2c2c;
padding:12px 0;
text-align:center;
font-size:12px;
line-height:1.5em;
}

div.topic{
margin:0;
padding:0 12px 12px 12px;
width:774px;
background-color:#fff;
line-height:2em;
}

h1.topic{
display:inline-block;
height: 15px;
padding:7px 6px 7px 6px;
width:762px;
font-size:15px;
line-height:1em;
font-weight:bold;
background:#555 url("../img/bar.png");
color:#fff;
}


/* index */

#top{
margin:0;
padding:12px 12px 0px 12px;
width:774px;
/*height:460px;*/
border:0;
background-color:#fff;
text-align:center;
line-height:2em;
}

#video {
margin:0;
padding:12px 12px 0px 12px;
width:774px;
border:0;
background-color:#fff;
text-align:center;
line-height:2em;
}

#video h1 {
text-align:left;
}

/*
#top_left{
float:left;
margin:0;
padding:12px 6px 0px 12px;
width:400px;
height:300px;
border:0;
background-color:#fff;
}

#top_right{
float:right;
margin:0;
padding:12px 12px 0px 6px;
width:362px;
height:300px;
border:0;
background:#fff;
}
*/

ul.top_list{
margin:0;
padding:0 24px;
width:726px;
}

ul.top_list li.top_list{
margin:0;
padding:6px;
width:714px;
border-bottom:1px dashed #999;
list-style:inside none;
}

/* member */

ul.memberlist{
margin:0;
padding:0 24px;
width:726px;
}

ul.memberlist li.memberlist{
margin:0;
padding:6px;
width:714px;
border-bottom:1px solid #ccc;
list-style:inside none;
line-height:1.5em;
}

.favicon {
margin: 0;
padding: 0;
width: 48px;
height: 48px;
}

td.ID {
margin: 0;
padding: 3px 0 0 6px;
font-size: 15px;
}

span.name{
color:#2276BB;
font-weight: bold;
}

a.member:link, a.member:visited, a.member:active {
color:#2276bb;
text-decoration: none;
font-weight: bold;
}

a.member:hover {
color: #2276bb;
text-decoration: underline;
font-weight: bold;
}

td.mail{
margin: 0;
padding: 0 0 0 6px;
font-size: 12px;
color: #999;
}

td.mail img {
vertical-align: -3px;
}


/* publication */

span.year{
font-size:15px;
font-weight:bold;
text-decoration:underline;
}

ul.topiclist{
margin:0;
padding:0;
padding-top:12px;
}

ul.topiclist li{
margin:0;
float:left;
width: 129px;
list-style:none;
text-align: left;
font-size:15px;
}

ul.paperlist{
margin:0;
padding:0 36px;
width:702px;
}

ul.paperlist li.paperlist{
margin:0;
padding:6px;
width:690px;
list-style:outside square;
line-height:2em;
}


td.title {
margin: 0;
padding:0;
font-size: 12px;
line-height:2em;

}

td.title:before{
content: open-quote;
}

td.title:after{
content: close-quote;
}

/* introduction */

.topic p {
margin:12px 0;
padding: 0 12px;
}

ul.photolist{
margin:0;
padding:0 36px;
width:702px;
}

ul.photolist li.photolist{
margin:0;
padding:6px;
width:690px;
list-style:none;
}

td.photo{
margin: 0;
padding: 0 15px;
border: 0;
width:200px;
height: 150px;
}

td.photoname{
margin: 0;
padding: 6px 15px;
border: 0;
width:200px;
text-align: center;
}

/* album */

ul.albumlist{
margin:0;
padding:0 36px;
width:702px;
}

ul.albumlist li.albumlist{
margin:0;
padding:7px;
width:688px;
list-style:none;
}

td.album{
margin: 0;
padding: 0 12px;
border: 0;
width:320px;
height: 240px;
}

td.albumname{
margin: 0;
padding: 6px 12px;
border: 0;
width:320px;
text-align: center;
}



/* link */

ul.linklist{
margin:0;
padding:0 36px;
width:702px;
}

ul.linklist li.linklist{
margin:0;
padding:6px;
width:690px;
list-style:outside;
}