*{box-sizing: border-box;}
*{-moz-box-sizing: border-box;}
*{padding:0px; margin:0px;}
h1{
 font-size: 1.2em;
 font-family: "ＭＳ Ｐゴシック", "Osaka",monospace;
 text-align: right;
 padding-top:4.5em;
 padding-right:1.5em;
}
h2.yatop{
 margin-top:0.5em;
 margin-bottom;0.2em;
 margin-left:-0.3em;
 padding-left:0.5em;
 border-bottom:solid 1px #fc9;
 border-left:double 0.7em #fc9;
 font-size: 1.2em;
}
#index{ float : left ; width : 12em ; }
#index h1{
 height:auto;
 margin:0;
 padding:0;
 font-size:3em;
 background-color: #CFC;
 color:#3C3;
 line-height:100%;
 font-family:serif;
 border-bottom: solid 0.3em #096;
 border-top: solid 0.3em #096;
 font-family: 'Times New Roman',serif;
}
#index h2{
 background-color:#030;
 color:#fff;
 font-size:120%;
 text-align:center;
}
#index img{width:99%;}
#index a{
 display: block;
 border: solid 0.05em #393;
 border-right-width: 0.8em;
 background-color: #CFC;
 padding-top: 1em;
 padding-right: 0.5em;
 text-align:right;
 text-decoration:none;
 margin: 0.20em 0em 0em 0.20em;
 line-height:150%;
 color:#000;
}
#index a:hover{
 border:solid 1px #F0C;
 background-color: #FCC;
 color:#FF00CC;
}
#index ul{
	margin:0px;
	list-style:none;
}
#index ul a{
	display:inline;
	border:none;
	padding:0px;
}
#index ul a:hover{
	display:inline;
	border:none;
	padding:0px;
}
#main {margin-left: 12.1em;}
#main h2{
 margin:0.2em 0em;
 padding-left:0.5em;
 color:#000;
 background-color: #CFC;
 border-top: solid 1px #096;
 border-bottom: solid 1px #096;
 font-size:120%;
}
.book{
 position: relative;
 width: auto;
 border: dotted 0.1em #6C6;
 border-top-width: 0px;
 border-right-width: 0px;
 padding-left: 0.5em;
 padding-bottom:0.5em;
}
.book h3{
 border-bottom:solid 1px #093;
 border-right:solid 10px #093;
 background-color: #CFC;
 padding-left:0.5em;
 line-height:180%;
}
.book a.ya{
 text-decoration: underline;
 display: block;
 float:left;
 width:3em;
 height:1.2em;
 overflow:hidden;
}
.book a.ya:hover{
 text-decoration: none;
 display: block;
 color:#000000;
 background-color:#CCFFCC;
 border:solid 1px #009966;
 padding:0.25em;
 position: absolute;
 left:150px;
 top: auto;
 width:auto;
 height:auto;
}
.tag{
 height:7em;
 background-image: URL(img/logo_s.jpg);
 background-repeat: no-repeat;
 background-position: 0% 60%;
}
.tag a{
  disyplay:block;
  float:left;
  font-family: "HG丸ｺﾞｼｯｸM-PRO", "Osaka",sans-serif;
  text-decoration: none;
  color:#ffffff;
  padding-right:1em;
  padding-left:1em;
  padding-top:0.2em;
  padding-bottom:0.2em;
  margin-right:1%;
  margin-left:1%;
  margin-top:5em;
  width:auto;
  font-size:1.0em;
  text-align:center;
  height:2em;
}
.tag a.tag_anchor{
  background-color:#009966;
  border-bottom:solid 1px #009966;
}
.tag a.tag_selected{
 color:#006600;
}
.tag a:hover{
  text-decoration: none;
  color:#FFFF00;
}
.tag_selected{
	 background-color:#FFFFFF;
	 color:#006633;
	 border:solid 1px #006633;
	 border-bottom-width:0px;
	 font-weight:bolder;
}

/*copyrightを明示するフッター部分の宣言*/
#footer{
 height: 12PT;
 text-align: center;
 font-size: 10PT;
 font-family: 'Times New Roman',serif;
 clear: both;
 line-height: 100%;
 color: #FFFFFF;
 background-color: #303;
}

/*
 以下、使用できるクラス、dark,black,gray,red,lightの宣言
 darkはfooter、indexのh2と同じ色、lightはmainのh2と同じ色を使用
*/
.dark{color: #FFFFFF; background-color: #003300;}
.dark a:link,.dark a:visited{color: #FFFFFF; font-weight:bold;}
.dark a:hover{color:#FFFF66;}
.black{color: #FFFFFF; background-color: #000000;}
.black a:link,.dark a:visited{color: #FFFFFF; font-weight:bold;}
.black a:hover{color:#FFFF66;}
.gray{color: #000000; background-color: #999999;}
.red{color: #FF0000;}
.light{color: #000000; background-color: #ddffdd; border-top:solid 1px; border-bottom:solid 1px; border-color: #669933;}
.text-center{text-align:center;}
.text-right{text-align:right; margin-right:1em;}