@charset "utf-8";

/* CSS Document */







/* .indexbox

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

.indexbox {

	display: block;

	width: 450px;

	clear: both;

	margin: 0px 0px 50px 0px;

	min-height: 1%;

}

.indexbox dl {

	margin-left: 160px;

}

.indexbox dt {

	border-bottom: dotted 1px #666;

	margin: 0px 0px 0.4em 0;

	/*margin: 0;*/

	font-size: 100%;

}

.indexbox dd {

	font-size: 100%;

	line-height: 2em;



}



.indexbox a {

	text-decoration: none;

}

.indexbox a:hover {

	color: #e82166;

	text-decoration: none;

}

.indexbox a:hover img {

	opacity: 0.5;

	-webkit-transition: 0.5s;

	-moz-transition: 0.5s;

	transition: 0.5s;

}



/* .indexBox.col2

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

.indexbox.col2 {

	margin-bottom: 20px;

}

.indexbox.col2 img {

	display: inline;

	float: left;

	margin: 0px 10px 0px 0px;

	width: 150px;

	hight: 100px;

}



.indexbox.col2 .outer {

	display: inline;

	float: left;

	margin: 0px 0px 50px 0px;

	width: 100%;

}

.indexbox.col2 .outer.oddbox {	

	margin: 0px 0px 50px 0px;

}

.indexbox.col2 .outer.evenbox {

	margin: 0px 0px 50px 30px;

}



/* .indexBox.data

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

.indexbox .data .data {

	font-size: 91%;

	margin: 0px;

	position: absolute;

	right: 10px;

	bottom: 10px;

	line-height: 1;

}





/* .indexBox ul

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

.indexbox ul {

	list-style: none;

	margin: 0 0 0 20px;

	padding: 0;

	float: right;

	width: 270px;

}

.indexbox ul li {

	padding-left: 10px;

}



/* .area ul

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

.area ul.pos {

	list-style: none;

	margin: 0 0 0px 10px;

	padding: 0;

	width: 100%;

}

ul.pos li {

	margin-bottom:20px;

}



ul.pos li a {

	font-size:15px;

	font-weight:bold;

}



ul.pos li a:hover {

	color:#e82166;

}





/* .nowa

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

.nowa {

	margin-left: 10px;

}





/* ブログ中央カラム

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

#boxCenter {

	margin: 0px;

	padding: 0px;

	float: left;

	width: 100%;

}

	

#boxCenter .breadcrumb em {

	font-style: normal;	

	color: #B92732;

}

	

#boxCenter a {

	color: #999999;

	text-decoration: none;

}

#boxCenter a:hover {

	color: #000000;

	text-decoration: underline;

}

.breadcrumb {

	font-size: 10px;

	margin: 0px 5px 10px;

	padding: 0px 0px 0px 7px;

	color: #999999;

	border-left: 5px solid #CCCCCC;

}

#boxCenter #midashi {

	font-size: 14px;

	color: #0362b1;

	background: #dbdbdb;

	margin: 0px;

	padding: 8px;

	font-weight: bold;

}	

#boxCenter #midashi a {

	color: #0362b1;

}

.midashi {

	font-size: 14px;

	font-weight: bold;

	color: #0362b1;

	margin: 0px;	

	padding: 0px;

	background: #DBDBDB;

}

.midashi a {

	font-size: 14px;

	font-weight: bold;

	color: #0362b1;

	margin: 0px;

	padding: 8px;	

	background: #DBDBDB;

}

.number {

	font-size: 12px;

	color: #999999;

	text-align: right;

	margin: 10px 0px;

	padding: 0px 15px 0px 0px;

}



#comment01 {

  border: dotted 1px #999;

  padding: 15px 15px 10px 15px;

  margin: 10px 0px;

}





#comment01 a{	

	text-decoration: underline;

	color: #0362b1;

}

#comment01 a:hover {

	text-decoration: none;

}



.date {

	font-size: 12px;

	height: 25px;

	color: #FFF;

	background-image: url(../image/datebackline.gif);

	background-repeat: no-repeat;

	padding: 3px 0px 0px 10px;

}



.honbun_midashi {

	font-size: 16px;

	font-weight: bold;

	color: #333333;

	line-height: 1.5em;

	margin: 15px 0px 10px 0px;

	padding: 0px 10px 20px 10px;

	background-image: url(../image/blog_line.gif);

	background-position: bottom;

	background-repeat: repeat-x;

	/* border-bottom: 1px solid #0362b1;*/



}

.honbun {

	font-size: 12px;

	color: #333333;

}



.linkdeco a {

	color:#e82166;

	text-decoration:none;

}



.linkdeco a:hover {

	text-decoration:underline;

}

.blog-table {

	line-height: 2em;

	margin: 10px 0px;

	border-collapse:collapse;	

}



.blog-table td {

	line-height: 2em;	

}



.honbun_footer {

	font-size: 10px;

	color: #999999;

	line-height:1.5em;

	border-top: 1px dotted #999999;

	padding-top:5px;

	margin: 10px 0px 0px 0px;

	display: block;

}



.project_name {

  font-size: 10px;

  line-height:1.5em;

}





#btn_eng {

	text-align: right;

}

#btn_eng span {

	height: 18px;

	padding: 3px 6px 3px 4px;

	border: #999999 1px solid;

}



/*ヘッダー*/

.header_text10 {

	font-size: 10px;

	color: #666666;

	float: right;

	margin: -25px 0px 0px 0px;

	padding: 0px;

}



/*infomation*/



#infobox {

	display: block;

	width: 100%;

	max-height:700px;

	margin: 0px 0px 0px 0px;

	padding-bottom: 0em;

}

#infobox dt {

	font-size: 14px;

	line-height: 1.5em;

	padding: 5px 0px;

}

#infobox > dt {

	height: 1.4em;

	margin-bottom: 1.4em;

	font-weight: bold;

}

#box_info {

	margin: 0px;

	padding: 0px;

	height: auto;

	/*float: left;*/

	width: 100%;

}

#box_info #i_contents {

	margin: 20px 5px 0px 5px;

	height: auto;

}

#box_info #i_contents table {

	text-align: left;

}

#box_info #i_contents tr {

	border-top:dotted 1px;

}

#box_info #i_contents td {

	text-align: left;

	padding-top: 10px;

	padding-bottom: 10px;

}

#box_info a {

	text-decoration: none;

}

#box_info a.articletitle {

	padding-left: 22px;

    background-image: url(../image/arrow_blog.png);

    background-repeat: no-repeat;

}

#box_info a:hover {

	color: #E82166;

}

.i_date {

	margin-bottom: 10px;

	width: 110px;

	color: #0362b1;

	font-size: 12px;

	line-height: 1.5em;

}



.i_category {

	  background-color: #f1899d;

	  padding: 2px 5px;

	  color: #fff;

	  font-size: 10px;

	  line-height: 1.2em;

	  margin-left: 15px;

	  display: inline-block;

}





.i_blogname {

	font-size: 12px;

	font-weight:bold;

}



#trackbacks {

	display: block;

}



.trackbacks-info {

	font-size: 10px;

	line-height: 1.5em;

}

.t_date {

	color: #ffffff;

	font-size: 12px;

	background-color: #0362b1;

}

#trackbacks-link {

	text-decoration: none;

}

#blogbox {

	display: block;

	width: 780px;

	margin: 10px 10px 0px 0px;

	padding-bottom: 2em;

	float: left;

	background-position: left bottom;

	background-repeat: repeat-x;

}



/* バーチャル・ミュージアム/*/

.mbox {

	width:100%;

	margin-top:10px;

	padding:0px;

	margin-bottom:50px;

	clear:both;

}





.mbox p.explain{

	font-size: 10px;

	line-height: 1.5em;

	padding: 0px;

}



#leftbox ul.mboxContent {

	list-style-type:none;

	margin:0px;

	padding: 0px;

}

#leftbox ul.mboxContent li {

	float: left;

	width: 176px;

	margin-right:15px;

	margin-top:10px;

	padding:0px;

}

#leftbox ul.mboxContent p.title {

	font-size:12px;

	margin-top:5px;

	margin-bottom:2px;

	padding:0px 0px 5px 0px;

	line-height:18px;

}

#leftbox ul.mboxContent p.text {

	font-size:10px;

	margin-top:5px;

	margin-bottom:20px;

	padding:5px 0px 5px 0px;

	line-height:16px;

	border-top-width: thin;

	border-top-style: dotted;

	border-top-color: #999;

	border-bottom-width: thin;

	border-bottom-style: dotted;

	border-bottom-color: #999;

	position: relative;

    height: 60px;

}

#leftbox ul.mboxContent p+p {

	margin-bottom:30px;

}

#leftbox ul.mboxContent a{

	 -webkit-transition: 0.5s ease-in-out; 

	 -moz-transition: 0.5s ease-in-out; 

	 -o-transition: 0.5s ease-in-out; 

	 transition: 0.5s ease-in-out; 

}

#leftbox ul.mboxContent a:hover{

	color:#e82166; 

	opacity:0.6;

	filter:alpha(opacity=60);

	-ms-filter: "alpha( opacity=60 )";

}



#leftbox ul li.mboxContent01 {

	margin-right: 0px;

}



#leftbox ul.mboxContent li .mboxCoimg {

	padding: 0px;

	margin: 0px;

}



.commentary {

	width: 100%;

	margin-bottom: 20px;

	padding: 0px;

	font-size: 10px;

	line-height: 1.5em;

	clear:both;

}



.commentary a{

	color: #E82166;

	text-decoration: none;

}



.commentary a:hover{

	text-decoration: underline;

}



/* 活動報告/*/

/*.rbox {

	/*width:600px;

	padding:0px;

	margin-bottom:10px;

	clear:both;

}*/



p.explain{

	font-size: 10px;

	line-height: 1.5em;

	padding: 0px;

}



.rbox {

	float:left;

	width: 216px;

	height:280px;

	margin-bottom: 0px;

	padding: 0px;

}

.rights {

	margin-right:50px;

}

.rbox li {

	float: left;

	width: 200px;

	padding:0px;

}



.rbox .title {

	font-size: 15px;

    font-weight: bold;

	line-height:18px;


}

.rbox p {

	font-size:11px;

	line-height:20px;

	border-bottom: thin dotted #999;

}

.rbox p+p {

	margin-bottom:40px;

}



.rbox a{

	 -webkit-transition: 0.5s ease-in-out; 

	 -moz-transition: 0.5s ease-in-out; 

	 -o-transition: 0.5s ease-in-out; 

	 transition: 0.5s ease-in-out; 

}

 

.rbox a:hover{

	color:#e95464; 

	opacity:0.5;

	filter:alpha(opacity=60);

	-ms-filter: "alpha( opacity=60 )";

}



.rbox #rboxContent01 {

	width:180px;

	margin-right: 0px;

}



.rbox li #rboxCoimg {

	padding: 0px;

	margin: 0px;

}



/* About CopyS*/

.copy {

	width: 393px;

	margin-top:-3px;

	margin-right:0px;

	float:left;

	margin-left: 0px;

	padding: 0px;

}

/* About CopyE*/



.stage .copy h3 p a {

	border-bottom-width: thin;

	border-bottom-style: dotted;

	border-bottom-color: #666;

}

#stageContent li #name {

	font-weight: bold;

}

element.style {

display: list-item;

}



.slguide {

	margin-left: 20px;

}



.slguide a {

	color: #e82166;

	text-decoration: none;

}



.slguide a:hover {

	text-decoration: underline;

}



/* list */

#bookcontents ol {

  margin: 0 35px;

}

#bookcontents ol li {

  list-style: decimal;

}



/*timeschedule用table */



.time_s_tb{

	width: 100%;

	border-collapse: collapse;

	line-height: 1.5em;

	font-size:13px;



}

.time_s_tb th{

	text-align: left;

	vertical-align: top;

	border-bottom: 1px dashed #b9b9b9;

}

.time_s_tb td{

	padding-top: 6px;

	padding-bottom: 6px;

	padding-left: 10px;

	padding-right: 5px;

	border-top: 1px dashed #b9b9b9;

	border-bottom: 1px dashed #b9b9b9;

	vertical-align: top;

}

.time_s_tb td.time{

	text-align: right;

	width: 35px;

	background-color: #fdeff2;

}

.time_s_tb td.prog{

	font-weight:bold;

	width: 80px;

}



.time_s_tb td dl{

	margin: 0px;

}

.time_s_tb td dl dd{

	margin-left: 20px;

}



.time_s_tb td ol{

	margin: 0px;

	padding-left: 25px;	

	list-style-type: decimal

}



.time_s_tb td ol li{

	margin-bottom: 10px;

	padding-left: 10px;	

}



.time_s_tb td ol li span.ita{

	font-style: italic;

}

.time_s_tb td ol li span.sm{

	font-size: 11px;	

}

.time_s_tb td ol li span.repre{

	padding-left: 15px;	

}



.time_s_tb td ol li.last{

	margin-bottom: 0px;

}



.infoarrow {

  background-image: url(../image/info_arrow.png);

  height: 100%;

  padding: 0 10px;

  margin-left: 4px;

  background-position: left center;

  background-repeat: no-repeat;

}

.infoarrow b {

  display: none;

}



/* 新ブログ中央カラム
---------------------------------------------------*/

#blog_box {
	display: block;
	width: 750px;
	margin-bottom: 50px;
	padding-bottom: 2em;
	float: left;
	background-position: left bottom;
	background-repeat: repeat-x;
}


#blog_frame {
  border: solid 1px #999;
  padding: 20px;
  margin-bottom: 35px;
}


.toptitle {
	border-bottom: dotted 1px #999;
	padding-bottom: 15px;
}
.datebox {
	/*width: 97%;
	margin: 5px 0px 0px 0px;*/
	text-align:center;
}
.date01 {
	font-size: 12px;
}
.clearFix:after{  
display:block;  
clear:both;  
height:0;  
visibility:hidden;  
content:".";  
zoom:1;  
}  

.honbun_title {
	font-size: 18px;
	font-weight: bold;
	color: #a25768;
    text-align: center;
	line-height: 1.5em;
	font-family:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.honbun_title a {
	color: #a25768;
	text-decoration:none;
}
.honbun_title a:hover  {
	color: #a25768;
	text-decoration: underline;
}

.projectname {
  line-height:1.5em;
}
.blog_contents {
	padding: 0px 20px 6px 20px;	
}
.blog_footer {
	font-size: 10px;
	color: #999999;
	line-height:1.5em;
	border-top: 1px dotted #999999;
	padding-top:5px;
	display: block;
}
.blog_footer a {
	color: #999999;
}
.blog_footer a:hover {
	text-decoration:underline;
	color: #a25768;
}

.mboxContent {
	display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.box {
	margin-right:15px;
	margin-top:10px;
	padding:0px;
}
#leftbox .box p.title {
	font-size:12px;
	margin-top:5px;
	margin-bottom:2px;
	padding:0px 0px 5px 0px;
	line-height:18px;
}
#leftbox .box p.text {
	font-size:10px;
	margin-top:5px;
	margin-bottom:20px;
	padding:5px 0px 5px 0px;
	line-height:16px;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #999;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	position: relative;
    height: 60px;
}
.box p+p {
	margin-bottom:30px;
}
.box a{
	 -webkit-transition: 0.5s ease-in-out; 
	 -moz-transition: 0.5s ease-in-out; 
	 -o-transition: 0.5s ease-in-out; 
	 transition: 0.5s ease-in-out; 
}
.box a:hover{
	color:#e82166; 
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}