夏貸文庫改造

body {
	background: #fffff0;
}

A:LINK {
   color : #006699 ;
   text-decoration : underline ;
   }
A:VISITED {
   color : #003366 ;
   text-decoration : underline ;
   }
A:ACTIVE {
   color : #333300 ;
   text-decoration : underline ;
   }
A:HOVER {
   color : #ffffff ;
   background-color : #003366 ;
   text-decoration : none ;
   font-size : 100% ;
   }
.big2 {
   font-size: 140% ;
   font-weight: 600 ;
   color:#000066 ;
   }
TH {
   background-color : #cccc99 ;
   }

/* パンくずリスト */
#breadcrumb { font-size: smaller; }
#breadcrumb ol {
  list-style: none;
  margin: 0 0 10px 0;
  padding: 0;
}
#breadcrumb ol li { display: inline; }
#breadcrumb ol li::after {
  content: ">";
  padding-left: 7px;
}
#breadcrumb ol li:last-child::after { content: none; }


.teal {
   color:#008080 ;
   }
.rose {
   color:#cc3399 ;
   }
.orange {
   color:#ff6600 ;
   }


/* 0 to 768px */
body {
	-webkit-text-size-adjust: 100%;
}
header {
	overflow: hidden;
	background: #006633;
	border-bottom: 2px solid #9fb7d4;
}
	header h1 {
	   color : #ffffff ;
		padding: 10px 10px 0 10px;
	}
	header h2 {
	   color : #ffffff ;
		padding: 0 10px 10px 10px;
	}
#contents nav {
	overflow: hidden;
	background: #cccc99;
}
	#contents nav ol {
		padding: 10px;
		list-style: none;
		overflow: hidden;
	}
	#contents nav ol li {
		float: left;
		margin-right: 10px;
	}
	
#contents #main {
	overflow: hidden;
	background: #fffff0;
}
	#contents #main article {
		overflow: hidden;
		padding: 10px;
	}
	#main h1 {
   color : #ffffff ;
   background-color : #006633 ;
   font-size : 140% ;
   font-weight : bold ;
   line-height : 110% ;
   padding: 8px;
}
#main h2 {
   color : #006633 ;
   background-color : #cccc99 ;
   border-color : #006633 ;
   border-top-style : dashed ;
   border-top-width: 2px ;
   border-bottom-style : dashed ;
   border-bottom-width: 2px ;
   font-size : 120% ;
   line-height : 110% ;
   padding: 6px;
}

#contents aside {
	overflow: hidden;
	background: #fffff0;
}
	#contents aside p {
		padding: 10px;
	}
#contents aside h2 {
   color : #006633 ;
   background-color : #cccc99 ;
   border-color : #006633 ;
   border-top-style : dashed ;
   border-top-width: 2px ;
   border-bottom-style : dashed ;
   border-bottom-width: 2px ;
   font-size : 120% ;
   line-height : 110% ;
   padding: 6px;
}

footer {
	overflow: hidden;
	border-top: 2px solid #9fb7d4;
}
	footer #copyright {
		padding: 10px;
	}
/**/
@media only screen and (min-width: 769px) {
header {
	min-width: 1060px;
	overflow: hidden;
	border-bottom: 2px solid #2e8b57;
}
	header h1 {
		width: 1060px;
		margin: 0 auto;
		padding: 10px 10px 0 10px;
	}
	header h2 {
		width: 1060px;
		margin: 0 auto;
		padding: 0 10px 10px 10px;
	}
#contents {
	overflow: hidden;
	width: 1060px;
	margin: 0 auto;
	background: #fffff0;
}
#contents nav {
	width: 1060px;
	margin: 0 auto;
	overflow: hidden;
	background: #cccc99 ;
}
	#contents nav ul {
		padding: 10px;
		list-style: none;
		overflow: hidden;
	}
	#contents nav ul li {
		float: left;
		margin-right: 10px;
	}
#contents #main {
	float: left;
	width: 760px;
	overflow: hidden;
	background: #fffff0;
}
	#contents #main article {
		overflow: hidden;
		padding: 2px;
	}

#main h1 {
   color : #ffffff ;
   background-color : #006633 ;
   font-size : 160% ;
   font-weight : bold ;
   line-height : 110% ;
   padding: 8px;
}
#main h2 {
   color : #006633 ;
   background-color : #cccc99 ;
   border-color : #006633 ;
   border-top-style : dashed ;
   border-top-width: 2px ;
   border-bottom-style : dashed ;
   border-bottom-width: 2px ;
   font-size : 140% ;
   line-height : 110% ;
   padding: 6px;
}
#main h3 {
   color : #006666 ;
   font-weight : bold ;
   font-size : 130% ;
   line-height : 110% ;
   border-color : #006666 ;
   border-bottom-style : dashed ;
   border-bottom-width: 2px ;
   margin : 20px 0px 8px 0px ;
   padding: 4px;
}
#main h4 {
   color : #006699 ;
   font-weight : bold ;
   font-size : 110% ;
   margin : 20px 0px 2px 0px ;
}

#contents #aside {
	float: left;
	width: 300px;
	overflow: hidden;
}
	#contents aside p {
		padding: 10px;
	}
	#contents aside h2 {
   color : #ffffff ;
   background-color : #006633 ;
   font-size : medium ;
   font-weight : bold ;
   padding: 8px;
}

	#contents aside p #ad {
   text-align : center ;
}

footer {
	min-width: 1060px;
	overflow: hidden;
	border-top: 2px solid #9fb7d4;
}
	footer #ad {
		width: 1060px;
		margin: 10px auto;
		padding: 0px;
   text-align : center ;

	}

	footer #copyright {
		width: 1060px;
		margin: 0 auto;
		padding: 0px;
		   color : #008080 ;
   font-size : small ;
   font-style : italic ;
   text-align : right ;

	}
/**/}