@charset "utf-8";

* {
	padding: 0cm;
	margin: 0cm;
}


/* タグ用 */
body {
	background-color: white;
	font-family: Osaka, "MS UI Gothic", "ＭＳ ゴシック", sans-serif;
	font-size: small;
	color: black;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.2cm;
	margin-bottom: 0.5cm;
	width: 750px;
}
p {
	padding-left: 0.3em;
	padding-right: 0.3em
	padding-top: 0.3em
	padding-bottom: 0em;
	line-height: 150%;
	margin-bottom: 0.5em;
}
blockquote {
	margin: 0.5em;
	padding: 0.3em;
	border: 1px dotted brown;
	color: brown;
}
h1 {
	background-color: dimgray;
	color: whitesmoke;
	padding: 0.2cm;
	margin-top: 0.1cm;
	font-size: medium;
	letter-spacing: 0.1cm;
}
h2 {
	background-color: dimgray;
	color: whitesmoke;
	padding: 0.2cm;
	font-size: small;
	margin-top: 0.6cm;
	margin-bottom: 0.4em;
}
h3 {
	color: dimgray;
	padding-left: 0.1cm;
	padding-right: 0.1cm;
	padding-top: 0.2cm;
	padding-bottom: 0.2em;
	font-size: small;
	margin-top: 0.5cm;
	border-bottom: 1px solid gray;
}
ol {
	margin-top: 0px;
	margin-left: 0.6cm;
	margin-bottom: 0.8em;
}
ul {
	margin-top: 0px;
	margin-bottom: 0.8em;
}
li {
	margin-left: 0.6cm;
	margin-right: 0.6cm;
	margin-bottom: 0.1cm;
}
th {
	padding: 0.3em;
}
td {
	padding: 0.3em;
}


/* リンク用 */
a:link , a:visited , a:active {
	color: dimgray;
	text-decoration: none;
	border-bottom: gray dashed 1px;
	background: none;
}
a:hover {
	color: dimgray;
	font-weight: normal;
	border-bottom: silver solid 1px;
	text-decoration: none;
}
a.index:link , a.index:visited , a.index:active {
	border-bottom: dimgray dashed 1px;
	letter-spacing: 0.1cm;
	color: whitesmoke;
	font-weight: bold;
}
a.index:hover {
	border-bottom: dimgray dashed 1px;
	letter-spacing: 0.1cm;
	color: white;
	font-weight: bold;
} 


/* 独自ID用 */
#main {
	float: right;
	width: 72%;
	padding: 0.3cm;
}
#menu {
	float: left;
	width: 140px;
	padding: 0.3cm;
}
#footer {
	background-color: dimgray;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	padding: 0.2cm;
	color: #FFFFFF;
	font-family: Osaka, tahoma, "MS UI Gothic", "ＭＳ ゴシック", sans-serif;
	font-weight: bold;
	letter-spacing: 0.1cm;
	text-align: center;
	height: 14px;
}


/* 個別用 */
.title {
	font-family: 'Courier New', monospace;
	font-size: small;
	margin-left: 0.2em;
}
	a.title:link , a.title:visited , a.title:active {
		color: black;
		text-decoration: none;
		border-bottom: white dashed 1px;
		font-weight: bold;
	}
	a.title:hover {
		color: gray;
		text-decoration: none;
		border-bottom: white dashed 1px;
		font-weight: bold;
	}
.indent {
	text-indent: 0.2cm;
}
.menu_head {
	color: dimgray;
	padding-left: 0.1cm;
	padding-right: 0.1cm;
	padding-top: 0.1cm;
	padding-bottom: 0.3em;
	margin-bottom: 0em;
	margin-top: 0.5cm;
	font-size: small;
	font-weight: bold;
	border-bottom: 1px solid gray;
}
.menu-li {
	list-style-type: none;
	margin: 0cm;
	border-bottom: silver solid 1px;
}
	li.menu-li a:link , li.menu-li a:visited , li.menu-li a:active {
		color: black;
		display: block;
		padding: 0.2cm;
		text-decoration: none;
		letter-spacing: 0.1cm;
		border-bottom: white dashed 1px;
	}
	li.menu-li a:hover {
		background-color: whitesmoke;
		display: block;
		padding: 0.2cm;
		text-decoration: none;
		letter-spacing: 0.1cm;
		border-bottom: whitesmoke dashed 1px;
	}
.amazonlist {
	height: 60px;
	padding-top: 0.5em;
}
.amazonlist li {
  list-style-type:none; 
  width:48px; 
  height:61px; 
  float:left; 
  }
.amazonlist a {
  background:#eee;
  position:absolute; 
  width:48px; 
  height:61px; 
  display:block;
  font-size:5px;
  }
.amazonlist a img {
  width:47px; 
  height:60px; 
  border:0; 
  }
.amazonlist a:hover {
  width:67px; 
  height:75px;
  z-index:500;
  background:transparent url(../images/opaque.gif);
  }

.amazonlist a:hover img {
  background:#eee; 
  position:absolute; 
  width:52px; 
  height:65px;
  border:8px solid whitesmoke;
  border-width:5px 8px;
  left:-12px; 
  top:-7px;
  }
* html .amazonlist a:hover img {
  width:67px; 
  height:75px;
  width/**/:52px;
  height/**/:65px;
  }