* { margin : 0 ; padding : 0 ; }
html{overflow: auto;}
body {height:100%; }

#header1 { width : 100% ; ; color: black; background-color:white;font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro"; margin 0 auto; padding: 5px; overflow: hidden ; white-space: nowrap;}
#header2 { overflow: hidden ; }
#header2-1 { width : 80% ; height : 60px ; color: black; background-color:white;font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro"; margin: 0 auto; line-height: 60px; margin: 0 auto; white-space: nowrap;overflow: hidden ;float:left;}
#header2-2{ width : 20% ; height : 60px ; color: black; background-color:white;font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro"; margin: 0 auto; line-height: 60px;  white-space: nowrap;overflow: hidden ; }
#header2-2-1{height : 15px ; overflow: hidden ;  }
#header2-2-2{ width : 100% ; height : 50px ; color: black; background-color:white;font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro"; margin: 0 auto; line-height: 60px;  white-space: nowrap;overflow: hidden ; float:right;}
#header3 { width : 100%  ; margin: 0 auto; white-space: nowrap;overflow: hidden ; display:block; background:#666; background-image: -moz-linear-gradient(top, #888 0%, #777 50%, #666 50%, #777 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #888), color-stop(0.50, #777), color-stop(0.50, #666), color-stop(1, #777));  text-shadow:0 -1px 0px #333,0 1px 0px #555;white-space: nowrap; height: 40px;}
.blank{width:100%; height: 20px; background-color:#d9d9d9;}

a { text-decoration: none; }
a:hover {color:#ff0000;    font-style:normal;    text-decoration:none;}

#menuhead { width:100%; padding:0; margin:0; list-style-type: none;position: relative; white-space: nowrap;  overflow: hidden;}
#menuhead ul {position: relative; white-space: nowrap;  left: 50%;  float: left;}
#menuhead li {width:90px;  float:left; padding:0; margin:0; text-align:center; display: inline;border-right: 1px solid #fff; border-left: 1px solid #fff; position: relative; white-space: nowrap;  left: -50%;  float: left;}
#menuhead li a {width:auto; color:#fff; font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro"; font-size:14px; font-weight:bold;  padding:10px 0; text-decoration:none; display:block; background:#666; background-image: -moz-linear-gradient(top, #888 0%, #777 50%, #666 50%, #777 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #888), color-stop(0.50, #777), color-stop(0.50, #666), color-stop(1, #777));  text-shadow:0 -1px 0px #333,0 1px 0px #555;white-space: nowrap; height: 20px; line-height: 20px;
}
#menuhead li a:hover {background:#555; background-image: -moz-linear-gradient(top, #555 0%, #444 50%, #333 50%, #444 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(0.50, #444), color-stop(0.50, #333), color-stop(1, #444));}
#menuhead li.selected {width:90px;  float:left; padding:0; margin:0; text-align:center; display: inline;border-right: 1px solid #fff; border-left: 1px solid #fff; position: relative; white-space: nowrap;  left: -50%;  float: left;}
#menuhead li.selected a {width:auto; color:#fff; font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro"; font-size:14px; font-weight:bold;  padding:10px 0; text-decoration:none; display:block; text-shadow:0 -1px 0px #333,0 1px 0px #555;white-space: nowrap; height: 20px; line-height: 20px;background:#555; background-image: -moz-linear-gradient(top, #555 0%, #444 50%, #333 50%, #444 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(0.50, #444), color-stop(0.50, #333), color-stop(1, #444));
}
#menuhead li.selected a:hover {background:#555; background-image: -moz-linear-gradient(top, #555 0%, #444 50%, #333 50%, #444 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(0.50, #444), color-stop(0.50, #333), color-stop(1, #444));
}

#menuheadEN { width:100%; padding:0; margin:0; list-style-type: none;position: relative; white-space: nowrap;  overflow: hidden;}
#menuheadEN ul {position: relative; white-space: nowrap;  left: 50%;  float: left;}
#menuheadEN li {width:110px;  float:left; padding:0; margin:0; text-align:center; display: inline;border-right: 1px solid #fff; border-left: 1px solid #fff; position: relative; white-space: nowrap;  left: -50%;  float: left;}
#menuheadEN li a {width:auto; color:#fff; font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro"; font-size:14px; font-weight:bold;  padding:10px 0; text-decoration:none; display:block; background:#666; background-image: -moz-linear-gradient(top, #888 0%, #777 50%, #666 50%, #777 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #888), color-stop(0.50, #777), color-stop(0.50, #666), color-stop(1, #777));  text-shadow:0 -1px 0px #333,0 1px 0px #555;white-space: nowrap; height: 20px; line-height: 20px;
}
#menuheadEN li a:hover {background:#555; background-image: -moz-linear-gradient(top, #555 0%, #444 50%, #333 50%, #444 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(0.50, #444), color-stop(0.50, #333), color-stop(1, #444));}
#menuheadEN li.selected {width:110px;  float:left; padding:0; margin:0; text-align:center; display: inline;border-right: 1px solid #fff; border-left: 1px solid #fff; position: relative; white-space: nowrap;  left: -50%;  float: left;}
#menuheadEN li.selected a {width:auto; color:#fff; font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro"; font-size:14px; font-weight:bold;  padding:10px 0; text-decoration:none; display:block; text-shadow:0 -1px 0px #333,0 1px 0px #555;white-space: nowrap; height: 20px; line-height: 20px;background:#555; background-image: -moz-linear-gradient(top, #555 0%, #444 50%, #333 50%, #444 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(0.50, #444), color-stop(0.50, #333), color-stop(1, #444));
}
#menuheadEN li.selected a:hover {background:#555; background-image: -moz-linear-gradient(top, #555 0%, #444 50%, #333 50%, #444 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(0.50, #444), color-stop(0.50, #333), color-stop(1, #444));
}

.main {background-color:white; height: 100%; -moz-box-sizing:border-box; box-sizing:border-box; overflow-x:hidden; overflow-y:hidden;}
#menuleft { float : left ; width : 200px ; height: 100%; background-color:blue;}
#contents {margin-left: 200px;  background-color:yellow;  padding:0;  overflow-x:hidden; overflow-y:auto; height: 100%;
}
.clear { clear:both; }
.clear hr { display:none; }
.spacer{height:180px;}
.spacer2{height:100px;}
#footer { width : 100% ; clear : both ; background-color:#f0f0f0; bottom: 0; position: fixed !important; position: absolute; white-space: nowrap; font-size: 12px; overflow: hidden; height: 12px; line-height: 12px;
}
.img {display:table-cell;text-align:center;}
.img2{display: block;
 margin-left: auto;
 margin-right: auto;}

.selecter { color:#ff0000; border-left:solid 5px #ff9900; }

.container{width:100%;height:100%;background-color:#d9d9d9;overflow-x:hidden; overflow-y:hidden;}

#topmain {margin-left : 10% ;width:800px; background-color:white; height: auto; word-break: keep-all;
text-align:left; overflow:hidden; border-style: outset;margin: 0 auto;  margin-bottom:100px;    }

#topmainupper { width : 100% ; background-color:white  }
#aboutusleft {float:left;margin-left:20px; width :50% ; height: 100%;  background-color:white ; padding-top:10px; font-size: 14px;font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro";word-break:normal;}
#aboutusright {  margin-left: 50%; width :40% ;height: 80%; padding:0; background-color:white ; padding-top:10%;padding-left:40px;text-align:center;display:table-cell;padding-right:20px;}
#topmainmiddle { margin-left : 20px ;  width : 100%; background-color:white ;margin-top:5%; font-size: 14px;}
#topmainlower { margin-left : 20px ;  width : 90%; height: 48%; background-color:white ; overflow-x:hidden; overflow-y:auto;margin-top:2%; font-size: 14px;font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro";}
#topmainlower li{list-style-type: none;}
.news{width:75%; padding-left:11.7em; text-indent:-1em;}

#sample01{
  border-left: 10px solid #cc3366; font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro"; padding-left: 5px; margin-bottom:10px;/* 左ボーダーを、10px幅の実線、線色#CC3366に */
}
#sample02{
  border-left: 10px solid #009966; font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro"; padding-left: 5px; margin-bottom:10px;border-bottom: 2px solid #66ff99;
}
#sample03{
  border-left: 10px solid #ff66ff; font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro"; padding-left: 5px; margin-bottom:10px;border-bottom: 2px solid #ff99ff;
}
#sample04{
  border-left: 10px solid #01DFA5; font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro"; padding-left: 5px; margin-bottom:10px;border-bottom: 2px solid #81F7D8;
}
#sample05{
  border-left: 10px solid #FE2E2E; font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro"; padding-left: 5px; margin-bottom:10px;border-bottom: 2px solid #FAAC58;
}
#sample06{
  border-left: 10px solid #0000dd; font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro"; padding-left: 5px; margin-bottom:10px;border-bottom: 2px solid #006fdd;
}
#sample07{
  border-left: 10px solid #A4C6FF; font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro"; padding-left: 5px; margin-bottom:10px;border-bottom: 2px solid #00FFFF;
}
#sample08{
font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro"; padding-left: 5px; margin-bottom:10px;
}

#sample09{
 font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro"; padding-left: 5px; margin-bottom:10px;border-bottom: 2px solid #cc3366;/* 左ボーダーを、10px幅の実線、線色#CC3366に */
}

.hoge{clear:both;float:left;width:150px;}
.hoge2{clear:both;float:left;width:250px;margin-left: 20px;}
.hoge3{clear:both;float:left;width:100px;}
.hoge4{margin-left: 100px;width:150px;}
.hoge5{margin-left: 250px;width:300px;}

.hoge6{clear:both;float:left;width:200px;}
.hoge7{clear:both;float:left;width:70px;}
.hoge8{margin-left: 100px;width:100px;}
.hoge9{margin-left: 220px;width:400px;}

.hoge10{margin-left: 20px;width:400px;}
.hoge11{margin-left: 40px;width:400px;}
.hoge12{margin-left: 60px;width:400px;}

.hoge13{clear:both;float:left;margin-left: -10px;width:120px;}
.hoge14{clear:both;float:left;width:700px;}
.hoge15{margin-left: 100px;width:150px;}
.hoge16{margin-left:100px;width:450px;}

.hogem{clear:both;float:left;width:320px;margin-left: 20px;}
.hogem1{clear:both;float:left;width:110px;}
.hogem2{margin-left: 200px;width:40px;}
.hogem3{margin-left: 380px;width:300px;}
.hogem4{margin-left: 80px;width:250px;}


.hogeEN{clear:both;float:left;width:150px;}
.hoge2EN{clear:both;float:left;width:200px;margin-left: 20px;}
.hoge3EN{clear:both;float:left;width:150px;}
.hoge4EN{margin-left: 180px;width:150px;}
.hoge5EN{margin-left: 370px;width:300px;}

#researchmain {margin-left : 10% ;width:800px; height: auto; margin-bottom:0px; border-style: outset; background-color:white;
 overflow:hidden;margin: 0 auto;margin-bottom:20px; }

#researchmainleft { float: left; width : 180px; background-color:white;  }
#researchmainright { margin-left:180px;padding-right:20px; background-color:white; font-size: 14px;font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro"; }
.rTitle { font-size: 16px;font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro"; border-bottom: 5px solid #006fdd;width: 480px;}
#photonright { margin-left: 350px; width :250px ;height: 80%; background-color:white ; padding-top:50px; font-size: 14px;font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro";vertical-align:center;}
#photonleft {float:left;margin-left:20px; width :300px ; height: 100%;    padding:0; background-color:white ; padding-top:0%;padding-left:0px;text-align:center;display:table-cell;padding-right:0px;}
#inasright { margin-left: 280px; width :250px ;height: 80%; background-color:white ; padding-top:50px; font-size: 14px;font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro";vertical-align:center;}
#inasleft {float:left;margin-left:40px; width :200px ; height: 100%;    padding:0; background-color:white ; padding-top:0%;padding-left:0px;text-align:center;display:table-cell;padding-right:0px;}


#membermain{
	margin-left: 10%; width: 850px; height: 0 auto;
	border-style: outset; background-color: white; overflow: hidden;
	margin: 0 auto; margin-bottom: 100px; }
#memberlist{
	margin-left: 10%; width: 80%; height: 100%; background-color: white;
	overflow-x:hidden; overflow-y: auto; margin-top: 2%; font-size: 14px;
	font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro"; overflow: auto;
	margin-bottom: 100px; }
#memberlist li{
	list-style-type: none; margin-top: 0.5em; margin-bottom: 0.5em; }
#memberlist .staff_titlJ{
	clear: both; float: left; float: top; margin-left: 13px; width:173px; }
#memberlist .staff_nameJ{
	vertical-align: top; width: 154px; }
#memberlist .staff_addrJ{
	vertical-align: top; width: 300px; }
#memberlist .students_titlJ{
	clear: both; float: left; float: top; margin-left: 13px; width:120px; }
#memberlist .students_nameJ{
	vertical-align: top; width: 184px; }
#memberlist .students_addrJ{
	vertical-align: top; width: 300px; }
#memberlist .alumni_titlJ{
	clear: both; float: left; float: top; margin-left: 13px; width:110px; }
#memberlist .alumni_nameJ{
	vertical-align: top; width: 150px; }
#memberlist .alumni_courJ{
	vertical-align: top; width: 110px; }
#memberlist .alumni_addrJ{
	vertical-align: top; width: 230px; }
#memberlist .staff_titl{
	clear: both; float: left; float: top; margin-left: 13px; width:173px; }
#memberlist .staff_name{
	vertical-align: top; width: 164px; }
#memberlist .staff_addr{
	vertical-align: top; width: 300px; }
#memberlist .students_titl{
	clear: both; float: left; float: top; margin-left: 13px; width:92px; }
#memberlist .students_name{
	vertical-align: top; width: 164px; }
#memberlist .students_addr{
	vertical-align: top; width: 300px; }
#memberlist .alumni_titl{
	clear: both; float: left; float: top; margin-left: 13px; width:172px; }
#memberlist .alumni_name{
	vertical-align: top; width: 164px; }
#memberlist .alumni_addr{
	vertical-align: top; width: 300px; }


#equipmain {margin-left: 10% ; width: 800px; height: auto; border-style: outset; background-color:white;
	overflow: hidden; margin: 0 auto; margin-bottom: 100px; text-align: left; padding: 0px 20px}
.equipmain2 {margin-left : 50px ; margin-top : 20px; width:90%; height: 200px;  margin-bottom:0px; border-style: none; background-color:white;
	overflow:hidden;margin: 0 auto;margin-bottom:10px; }
.equipmain3 {margin-left : 50px ; margin-top : 20px; width:90%; height: 500px;  margin-bottom:0px; border-style: none; background-color:white;
	overflow:hidden;margin: 0 auto; margin-bottom:10px; }
.equipleft {float: left; width: 180px; height: 220px; padding: 0; background-color: white; overflow: hidden;
	padding-top: 0px; padding-left: 10px; text-align: left; padding-right: 10px; }
.equipright {margin-left: 350px; width :300px ; height: 100%;  background-color:white ; padding-top:0px; font-size: 14px;font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro";word-break:normal;}
.equipleft2 {float: left; width: 180px; height: 150px; background-color: #f0f0f0; overflow: hidden; padding-top: 0px;
	padding-left: 0px; padding-right: 0px; text-align: center; }
.equipright2 {margin-left: 350px; width :300px ; height: 100%;  background-color:white ; padding-top:0px; font-size: 14px;font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro";word-break:normal;}
.mouse_a img{opacity: 1.0; backface-visibility: hidden; transition-duration: 0.2s; }
.mouse_a img:hover{opacity: 0.85; animation: gradation 1s; }


#pubmain {margin-left : 10% ;width:800px; height: auto;  margin-bottom:0px; border-style: outset; background-color:white;
 overflow:hidden;margin: 0 auto;margin-bottom:100pt; }

#pubmainleft { float: left; width : 100px; background-color:white;  }
#pubmainright {margin-left:150px;padding-right:20px; background-color:white; font-size: 14px;font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro"; }
#pubmainright ul {
	margin-left: 10px;
	list-style: decimal;
}

#eventmain {margin-left : 10% ;width:800px; height: auto;  margin-bottom:0px; border-style: outset; background-color:white;
 overflow:hidden;margin: 0 auto;margin-bottom:100pt; }

#eventmainleft { float: left; width : 180px; background-color:white;  }
#eventmainright {height: auto; margin-left:180px;padding-right:20px; background-color:white; font-size: 14px;font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro"; }
#eventmainright ul {
	margin-left: 30px;
	list-style: decimal;
}

#accessmain {padding-left : 100px ;padding-right : 100px ;width:600px;height: 2000px;  border-style: outset; background-color:white;font-size: 14px;font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro";
overflow-x:hidden; overflow-y:hidden; margin: 0 auto; margin-bottom:20px;}
#accessmain li{list-style-type: none;}

#linkmain {margin-left : 10% ;width:800px;height: 500px;  margin-bottom:0px; border-style: outset; background-color:white;
overflow-x:hidden; overflow-y:hidden;margin: 0 auto;margin-bottom:100px; }
#linklistleft { float:left; padding-left : 20px ; width : 360px; height: 450px; background-color:white ; overflow-x:hidden; overflow-y:auto;margin-top:2%; font-size: 14px;font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro";overflow:auto;
overflow-x:hidden; overflow-y:hidden; }
#linklistright { padding-left : 20px ; margin-left : 50% ;  width : 360px; height: 450px; background-color:white ; overflow-x:hidden; overflow-y:auto;margin-top:2%; font-size: 14px;font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro";overflow:auto;
overflow-x:hidden; overflow-y:hidden;border-left: 1px solid #000000;}
#linklist ul {
	margin-left: 30px;
	list-style: disc;
}


/* 研究内容メニューバー */
#researchmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}
#researchmenu li{
display: inline;
padding: 0;
margin: 0;
}
#researchmenu li a{
display: block;
border-left: 8px solid #0000dd;
border-top: 1px solid #474655;
border-right: 1px solid #474655;
border-bottom: 1px solid #474655;
background-color: #fff;
padding: 3px 10px;
margin: 10px 0 10px 0;
text-decoration: none;
color: #333;
width: 120px;
margin: 2px;
text-align: left;
font-size: 14px;
font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro"; f
}
#researchmenu li a:hover{
border-left: 8px solid #000080;
border-top: 1px solid #474655;
border-right: 1px solid #474655;
border-bottom: 1px solid #474655;
background-color: #e8e8ff;
}
#researchmenu li.rSelected{
display: inline;
padding: 0;
margin: 0;
}
#researchmenu li.rSelected a{
display: block;
border-left: 8px solid #000080;
border-top: 1px solid #474655;
border-right: 1px solid #474655;
border-bottom: 1px solid #474655;
background-color: #e8e8ff;
padding: 3px 10px;
margin: 10px 0 10px 0;
text-decoration: none;
color: #333;
width: 120px;
margin: 2px;
text-align: left;
font-size: 14px;
font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro"; f
}
#researchmenu li.rSelected a:hover{
border-left: 8px solid #000080;
border-top: 1px solid #474655;
border-right: 1px solid #474655;
border-bottom: 1px solid #474655;
background-color: #e8e8ff;
}

/* 研究成果メニューバー */
#pubmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}
#pubmenu li.list1{
display: inline;
padding: 0;
margin: 0;
}
#pubmenu li.list1 a{
display: block;
border-left: 8px solid #FE9A2E;
border-top: 1px solid #474655;
border-right: 1px solid #474655;
border-bottom: 1px solid #474655;
background-color: #fff;
padding: 3px 10px;
margin: 10px 0 10px 0;
text-decoration: none;
color: #333;
width: 80px;
margin: 2px;
text-align: left;
font-size: 14px;
font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro"; f
}
#pubmenu li.list1 a:hover{
border-left: 8px solid #FE2E2E;
border-top: 1px solid #474655;
border-right: 1px solid #474655;
border-bottom: 1px solid #474655;
background-color: #F6E3CE;
}
#pubmenu li.list2{
display: inline;
padding: 0;
margin: 0;
}#pubmenu li.list2 a{
display: block;
border-left: 1px solid #474655;
border-top: 1px solid #474655;
border-right: 1px solid #474655;
border-bottom: 1px solid #474655;
background-color: #fff;
padding: 3px 10px;
margin: 10px 0 10px 0;
text-decoration: none;
color: #333;
width: 88px;
margin: 2px;
margin-left: 40px;
text-align: left;
font-size: 14px;
font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro"; f
}
#pubmenu li.list2 a:hover{
border-left: 1px solid #474655;
border-top: 1px solid #474655;
border-right: 1px solid #474655;
border-bottom: 1px solid #474655;
background-color: #F6E3CE;
}
#pubmenu li.list3{
display: inline;
padding: 0;
margin: 0;
}#pubmenu li.list3 a{
display: block;
border-left: 1px solid #474655;
border-top: 1px solid #474655;
border-right: 1px solid #474655;
border-bottom: 1px solid #474655;
background-color: #fff;
padding: 3px 10px;
margin: 10px 0 10px 0;
text-decoration: none;
color: #333;
width: 58px;
margin: 2px;
margin-left: 30px;
text-align: left;
font-size: 14px;
font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro"; f
}
#pubmenu li.list3 a:hover{
border-left: 1px solid #474655;
border-top: 1px solid #474655;
border-right: 1px solid #474655;
border-bottom: 1px solid #474655;
background-color: #F6E3CE;
}
#pubmenu li.list1selected{
display: inline;
padding: 0;
margin: 0;
}
#pubmenu li.list1selected a{
display: block;
border-left: 8px solid #FE2E2E;
border-top: 1px solid #474655;
border-right: 1px solid #474655;
border-bottom: 1px solid #474655;
background-color: #F6E3CE;
padding: 3px 10px;
margin: 10px 0 10px 0;
text-decoration: none;
color: #333;
width: 80px;
margin: 2px;
text-align: left;
font-size: 14px;
font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro"; f
}
#pubmenu li.list1selected a:hover{
border-left: 8px solid #FE2E2E;
border-top: 1px solid #474655;
border-right: 1px solid #474655;
border-bottom: 1px solid #474655;
background-color: #F6E3CE;
}
#pubmenu li.list2selected{
display: inline;
padding: 0;
margin: 0;
}#pubmenu li.list2selected a{
display: block;
border-left: 1px solid #474655;
border-top: 1px solid #474655;
border-right: 1px solid #474655;
border-bottom: 1px solid #474655;
background-color: #F6E3CE;
padding: 3px 10px;
margin: 10px 0 10px 0;
text-decoration: none;
color: #333;
width: 88px;
margin: 2px;
margin-left: 40px;
text-align: left;
font-size: 14px;
font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro"; f
}
#pubmenu li.list2selected a:hover{
border-left: 1px solid #474655;
border-top: 1px solid #474655;
border-right: 1px solid #474655;
border-bottom: 1px solid #474655;
background-color: #F6E3CE;
}
#pubmenu li.list3selected{
display: inline;
padding: 0;
margin: 0;
}#pubmenu li.list3selected a{
display: block;
border-left: 1px solid #474655;
border-top: 1px solid #474655;
border-right: 1px solid #474655;
border-bottom: 1px solid #474655;
background-color: #F6E3CE;
padding: 3px 10px;
margin: 10px 0 10px 0;
text-decoration: none;
color: #333;
width: 58px;
margin: 2px;
margin-left: 30px;
text-align: left;
font-size: 14px;
font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro"; f
}
#pubmenu li.list3selected a:hover{
border-left: 1px solid #474655;
border-top: 1px solid #474655;
border-right: 1px solid #474655;
border-bottom: 1px solid #474655;
background-color: #F6E3CE;
}

/* イベントメニューバー */
#eventmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}
#eventmenu li{
display: inline;
padding: 0;
margin: 0;
}
#eventmenu li a{
display: block;
border-left: 8px solid #A4C6FF;
border-top: 1px solid #474655;
border-right: 1px solid #474655;
border-bottom: 1px solid #474655;
background-color: #fff;
padding: 3px 10px;
margin: 10px 0 10px 0;
text-decoration: none;
color: #333;
width: 120px;
margin: 2px;
text-align: left;
font-size: 14px;
font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro"; f
}
#eventmenu li a:hover{
border-left: 8px solid #0099FF;
border-top: 1px solid #474655;
border-right: 1px solid #474655;
border-bottom: 1px solid #474655;
background-color: #e8e8ff;
}
#eventmenu li.rSelected{
display: inline;
padding: 0;
margin: 0;
}
#eventmenu li.rSelected a{
display: block;
border-left: 8px solid #A4C6FF;
border-top: 1px solid #474655;
border-right: 1px solid #474655;
border-bottom: 1px solid #474655;
background-color: #e8e8ff;
padding: 3px 10px;
margin: 10px 0 10px 0;
text-decoration: none;
color: #333;
width: 120px;
margin: 2px;
text-align: left;
font-size: 14px;
font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro"; f
}
#eventmenu li.rSelected a:hover{
border-left: 8px solid #0099FF;
border-top: 1px solid #474655;
border-right: 1px solid #474655;
border-bottom: 1px solid #474655;
background-color: #e8e8ff;
}

/* 06.付箋 */
#heading06{
    position:relative;
    margin:0px 22px 0px 10px;
    padding:10px 10px 0px 20px;
    font:normal 24px/1.0 serif;
    color:#009;
    background:#ffc;
    font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro";
    box-shadow:
        12px 0 0 0 #ffc,
        0 12px 0 0 #ffc,
        1px 17px 14px -3px rgba(0,0,0,0.2);
}
#heading06:before{
    content:" ";
    position:absolute;
    top:100%;
    left:100%;
    width:0;
    height:0;
    border-width:12px 12px 0 0;
    border-style:solid;
    border-color:transparent;
    border-top-color:#cc9;
}

#heading06:after{
    content:" ";
    position:absolute;
    padding:0 20px;
    bottom:0;
    left:30%;
    width:30%;
    height:15px;
    background:rgba(255,182,182,0.4);
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    transform: rotate(-2deg);
}