@media screen, print {
	body {
	  overflow-x: hidden;
	  font-size: 1em;
	}
	#content {
	  margin: 1em 0 2.2em 180px;
	}
	#content h1 {
	  border-bottom: 8px solid #9c0034;
	  text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	  box-shadow: 0 1px 4px 0 #9c0034;
	  padding: 2px 6px;
	  margin: 16px 0 6px;
	}
	#content h1.h1_text {
	  font-size: 1.2em;
	  padding: 6px;
	}
	#content h1.h1_date {
	  font-family: Iceland;
	}
	#content h2 {
	  border: 0 solid #aaa;
	  border-width: 0 0 0 20px;
	  padding-left: 5px;
	  margin-bottom: 0;
	}
	#content h1 a,
	#content h2 a {
	  color: black;
	  text-decoration: none;
	}
/* –{•¶ */
	.textblock {
	  white-space: pre-wrap;
	  font-family: "Migu 1M", "IPAƒSƒVƒbƒN", "‚l‚r ƒSƒVƒbƒN", "MeiryoKe_Console", "ƒ‚ƒgƒ„LƒV[ƒ_3“™•ť", monospace;
	  font-size: 1em;
	  margin: 0;
	  padding-left: 2em;
	  border: 0 solid #aaa;
	  border-width: 0 0 3px 3px;
	  overflow-x: auto; /* AndroidŹă‚ĚChrome‚É‚¨‚˘‚āAŽ©“®‰üŤs‚ސł‚µ‚­“­‚©‚Č‚˘ŹęŤ‡‚Ş‚ ‚é‚̂ʼnž‹}Źˆ’u */
	}
	
/* ƒRƒƒ“ƒgŤs */
	.comment {
	  color: #090;
	}
	
/* ‹­’˛ */
	strong {
	  color: #d00;
	  font-weight: normal;
	}
	em {
	  color: #33f;
	  font-style: normal;
	}

/* footer */
	#footer {
	  position: fixed;
	  bottom: 0;
	  left: 175px;
	  right: 0;
	  background-color: #fff;
	  font-size: 1.5em;
	  text-align: center;
	  box-shadow: -1px 0 4px 0 #9c0034;
	  margin-bottom: -5px;
	  font-family: Iceland;
	}
	#footer a {
	  display: block;
	  float: left;
	  height: 1.3em;
	  overflow: hidden;
	  white-space: nowrap;
	  color: #666!important;
	  text-decoration: none;
	  transition: color 0.3s ease-out, text-shadow 0.3s ease-out;
	}
	#footer a:hover {
	  transition: color 0.1s ease-out, text-shadow 0.1s ease-out;
	  color: #000!important;
	  text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	}
	#footer a:active{
	  transition: none;
	  color: #ccc!important;
	}
	#footer #goto {
	  letter-spacing: 0.2em;
	}
	#footer #active{
	  color: #fff;
	  text-shadow: 0 0 5px #000;
	}
}


@media screen and (min-width: 601px) {
/* –ÚŽź */
	#index {
	  position: fixed;
	  top: 0;
	  left: 0;
	  bottom: 0;
	  overflow-y: hidden;
	  width: 160px;
	  padding: 0.5em 5px 0 10px;
	  transition: width 0.2s ease-out;
	  background-color: #fff;
	  box-shadow: 1px 0 4px 0 #9c0034;
	  z-index: 100;
	}
	#index:hover {
	  transition: width 0.1s ease-out;
	  width: 350px;
	  overflow-y: auto;
	}
	#index + #content {
	  transition: margin 0.2s ease-out;
	}
	#index:hover + #content {
	  transition: margin 0.1s ease-out;
	  margin: 1em -190px 2.2em 370px;
	}
	#index .index_h1 {
	  margin-top: 0.7em;
	}
	#index .index_h2 {
	  margin-left: 0.55em;
	  padding-left: 0.3em;
	  border-left: 0.15em solid #ccc;
	}
	#index .index_h2:last-child {
	  margin-bottom: 1em;
	}
	#index a {
	  transition: color 0.3s ease-out, text-shadow 0.3s ease-out;
	  color: #666;
	  text-decoration: none;
	}
	#index a:hover {
	  transition: color 0.1s ease-out, text-shadow 0.1s ease-out;
	  color: #000!important;
	  text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	}
	#index a:active {
	  transition: none;
	  color: #ccc!important;
	}
	#index .index_h1, 
	#index .index_h2 {
	  list-style-type: none;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}
/* ƒXƒNƒŤ[ƒ‹ƒo[ */
	::-webkit-scrollbar {
	  overflow: hidden;
	  width: 12px;
	}
/*
	body::-webkit-scrollbar {
	  background: #eee;
	}
*/
	::-webkit-scrollbar-thumb {
	  overflow: hidden;
	  background: #ccc;
	}
	::-webkit-scrollbar-button,
	::-webkit-scrollbar-corner  {
	  display: none;
	}
}


@media screen and (max-width: 600px) {
	#content {
	  margin: 1em 0.5em 1em 0;
	}
	#index .index_h1 {
	  margin-top: 0.7em;
	}
	#index .index_h2 {
	  text-indent: 1em;
	}
	#index a {
	  transition: color 0.3s ease-out, text-shadow 0.3s ease-out;
	  color: #666;
	  text-decoration: none;
	}
	#index a:hover {
	  transition: color 0.1s ease-out, text-shadow 0.1s ease-out;
	  color: #000!important;
	  text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	}
	#index a:active {
	  transition: none;
	  color: #ccc!important;
	}
	#index .index_h1,
	#index .index_h2 {
	  list-style-type: none;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}

	.textblock {
	  padding-left: 3px!important;
	}
	#footer {
	  display: none;
	}
}

@media print {
	body {
	  font-size: 12px;
	  margin: 0;
	}		
	.print {
	  page-break-inside: avoid;
	}
	
	#content {
	  margin: 0;
	}
	#footer {
	  display: none;
	}

	#index .index_h1 {
	  margin-top: 0.7em;
	}
	#index .index_h2 {
	  text-indent: 1em;
	}
	
	#index a{
	  color: #666;
	  text-decoration: none;
	}
	#index .index_h1,
	#index .index_h2 {
	  list-style-type: none;
	  white-space: nowrap;
	}
}