@charset "utf-8";
/* CSS Document */
/* spry */
body {
scrollbar-base-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-face-color: #FFFFFF;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-darkshadow-color: #975530;
	}

tr .evenRow {
	background-color: #FFCCCC;
	}
tr .oddRow {
    background-color: #FFFFCC;
	}

tr.hoverRow {
     color:#FFFFFF;
     background-color:#999999;
}
tr.selectRow {
     background-color:#006699;
     color: #FFFFFF;
}

#container #wrapper {
width: 100%;
margin: 0;
margin-top: 0;

padding:0;

border:0;
}

#container #wrapper #tablearea {
 width: 49%;
 height: 600px;
 margin: 0;
 margin-top: 130px;
 border: 0;
 padding: 0;
 padding-bottom: 50px;
 float: left;
 overflow: scroll;
 overflow-x: hidden;
 }

#container #wrapper #detailarea {
	width: 47%;
	margin: 0;
	margin-top: 110px;
	border: 0;
	padding: 10px;
	padding-top: 20px;
	float: right;
 }

.stbname {
 font-size: 12pt;
 font-weight: 600;
 border: 0;
 border-bottom: 2px dotted #990000;
 margin-left: 0.1em;
 }
.stbttl {
  font-size: 12pt;
  font-weight: 600;
  border: 0;
  color: #9c0911;
  }
h6 {
 position: relative;
 margin: 15px;
 float: right;
 }
.line {
position: relative;
width: 100%;
height: 2px;
background-color: #999999;
}
.switchtable {
	display: inline-block;
	background-color: #FFFFCC;
	width: 90%;
	height: 10em;
	border: 2px dotted #78262a;
	margin: auto;
	padding: 0.5em;
	padding-left: 1.5em;
	line-height: 1.4em;
 }
 .sweitchtable ul {
 margin: 0;
 padding: 0;
 border: 0;
 }
 .spotttl {
font-size: 16px;
font-weight: 600;
color: #990000;
}
.spotpush {
font-weight: 600;
color: #c00;
}
.botan {
display:inline-block;
font-size: larger;
font-weight: 600;
text-align:center;
margin: 0.2em;
margin-left: 2em;
border: 1px solid #330033;
}
.botan:link {
background-color:#FFFFFF;
color:#333333;
}
.botan:visited {
background-color:#FFFFFF;
color:#333333;
}
.botan:hover {
background-color:#006699;
color:#fff;
}
.botan:active {
background-color:#006699;
color:#fff;
}
/* use in tomoguipage */
#container #left-titlespace {
width: 250px;
float: left;
margin: 0;
margin-top: 125px;
border: 0;
padding: 0;
}
#container #center-tablearea {
width: 700px;
height: 570px;
float: left;
margin: 0;
margin-top: 125px;
padding: 0;
border: 0;
background-color:#fff;
overflow: scroll;
}
#container #right-detailarea {
width: 400px;
float: left;
margin: 0;
margin-top: 125px;
border: 0;
padding: 0;
}
/* 個別指定（starry） */
*html #container {
padding: 0 1%;
width: 96%;
margin: 0;
}
#container #starrycontents {
width: 98%;
margin: 0 1%;
border: 0;
padding: 0;
padding-top: 145px;
height:auto;
background-color: #000029;
color: #f8edca;
font-size: 11pt;
padding-bottom: -90px;
}
*html #container #starrycontents {
padding-top: 0;
}
#starrycontents h3 {
text-decoration: underline;
}
#starrycontents .komado {
width: 94%;
height: auto;
margin: 0 auto;
padding: 0.2em;
padding-top: 0.5em;
padding-bottom: 0.5em;
border: 0;
background-color:#0b2a34;
}
#starrycontents .komado img {
visibility: invisible;
margin: 5px 5px;
border: 0px;
}
.komado .profile {
width: 338px;
border: 4px dotted #CC6633;
margin: 0;
padding: 1em;
height: auto;
min-height: 400px;
font-size: 12px;
background-color:#20373e;
float: right;
}
.profile h4 {
margin-top: 0.1em;
text-decoration: underline;
}
.profile img {
border: 0;
padding: 0;
margin: 0 auto 0.1em 70px ;
}
.profile .onamae {
display: block;
clear: both;
width: 180px;
height: 4em;
margin: 0.1em auto 0.1em 75px;
}
.profile p {
margin: 0;
border: 0;
border-top: 2px ridge #fff;
clear: both;
padding: 1em;
}
#footer {
margin-top: 0;
}

.komado p {
text-indent: 1em;
}
.komado .audiopart {
	width: 430px;
	border: 4px dotted #CC6633;
	margin: 0;
	padding: 1em;
	height: 500px;
	background-color:#20373e;
	float: left;
	font-size: 9pt;
}
.audiopart p img {
border: 0;
padding:0;
margin: 0.2em;
}
.komado .separator {
width: 99%;
height: 160px;
margin: 5px;
padding: 0 0.1em;
border: 0;
background-color:transparent;
}
.separator img {
display: inline;
 margin: 0px auto ;
 border: 0;
 padding: 0;
 }
.tensen {
display:block;
height: 1.4em;
margin: 0;
margin-bottom: 0.4em;
padding: 0.2em;
border: 0;
border-bottom: 1px dotted #FF6633;
background-color: transparent;
font-size: larger;
font-weight: 600;
}
/*MottoMuseum*/
.pict {
display: block;
width: 100%;
background: none;
border: 0;
padding: 0;
margin: 0;
}
.pict img {
border: 0;
padding: 0;
margin: 0 auto;
}
.push {
font-weight: 600;
color: #FF3366;
}
h3 {
margin: 0.1em;
}
.month {
width: 2.2em;
text-align: right;
}
.date {
width: 2.2em;
}
.name {
width: 6.6em;
}
.syo {
width: 9em;
}
.tit {
width: 12em;
overflow: hidden;
}
.setsumei {
width: 90%;
height: 12em;
margin: 0;
border: 0;
padding: 1em;
padding-bottom: 0;
background-color: #EEFFEE;
}
.setsumei .title {
font-weight: 600;
font-size: large;
margin: 0;
padding: 0;
}
.SpryHiddenRegion {
    visibility: hidden;
}