* {
	margin: 0;
	padding: 0;
	font-weight: normal;
	list-style-type: none;
	font-size: small;
	text-decoration: none;
	line-height: 1.5;
	font-style: normal;
	color: #000;
}
body {
	text-align: center;
	background: #ccc url("./images/back.gif") center repeat-y;
	padding-top: 5px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
body div {
	text-align: left;
	margin: 0 auto;
}
a {
	overflow: hidden;
	outline: none;
}

#container {
	width: 800px;
}
#left {
	float: left;
	width: 210px;
}
#right {
	float: right;
	width: 590px;
}
#footer {
	clear: both;
	width: 100%;
	height: 42px;
	background: url("./images/back_bottom.gif") no-repeat center bottom;
	text-align: center;
	color: #666;
}
#footer p {
	padding-top: 5px;
	padding-left: 210px;
	font-size: 9pt;
}
#main {
	background: url("./images/frame_side.gif") repeat-y center;
}
div#contents {
	width: 540px;
	margin-left: 8px;
	padding: 0 15px;
}
#mainFooter {
	background: url("./images/mainFooter.gif") no-repeat center bottom;
	width: 590px;
	height: 60px;
	text-indent: -10000px;
}
#main a {
	color: #933;
}
#main a:hover {
	color: #66c;
}
#banner li a {
	display: block;
	height: 89px;
	width: 210px;
	text-indent: -10000px;
}
a#meiga {
	background: url("./images/banner/meiga.jpg") 0px 0px;
}
a#glass {
	background: url("./images/banner/glass.jpg") 0px 0px;
}
a#kabu {
	background: url("./images/banner/kabu.jpg") 0px 0px;
}
a#meiga:hover {
	background: url("./images/banner/meiga.jpg") 0px -89px;
}
a#glass:hover {
	background: url("./images/banner/glass.jpg") 0px -89px;
}
a#kabu:hover {
	background: url("./images/banner/kabu.jpg") 0px -89px;
}
#navi {
	margin-top: 5px;
	margin-bottom: 30px;
}
#navi li a{
	display: block;
	position: relative;
	height: 46px;
	width: 210px;
	text-indent: -10000px;
}
a#profile {
	background: url("./images/menu.gif") 0px 0px;
}
a#history {
	background: url("./images/menu.gif") 0px -46px;
}
a#books {
	background: url("./images/menu.gif") 0px -92px;
}
a#contact {
	background: url("./images/menu.gif") 0px -138px;
}
a#link {
	background: url("./images/menu.gif") 0px -184px;
}
a#blog {
	background: url("./images/menu.gif") 0px -230px;
}
a#home {
	background: url("./images/menu.gif") 0px -276px;
}
a#profile:hover {
	background: url("./images/menu.gif") 420px 0px;
}
a#history:hover {
	background: url("./images/menu.gif") 420px -46px;
}
a#books:hover {
	background: url("./images/menu.gif") 420px -92px;
}
a#contact:hover {
	background: url("./images/menu.gif") 420px -138px;
}
a#link:hover {
	background: url("./images/menu.gif") 420px -184px;
}
a#blog:hover {
	background: url("./images/menu.gif") 420px -230px;
}
a#home:hover {
	background: url("./images/menu.gif") 420px -276px;
}
#profile a#profile {
	background: url("./images/menu.gif") 210px 0px;
}
#index a#home {
	background: url("./images/menu.gif") 210px -276px;
}
#contact a#contact {
	background: url("./images/menu.gif") 210px -138px;
}
#link a#link {
	background: url("./images/menu.gif") 210px -184px;
}
#books a#books {
	background: url("./images/menu.gif") 210px -92px;
}
#history a#history {
	background: url("./images/menu.gif") 210px -46px;
}
#blog a#blog {
	background: url("./images/menu.gif") 210px -230px;
}
#index #harunoNow ul, #blogInfo ul {
	padding: 0 30px 0 50px;
}
#index #harunoNow .infoList li {
	list-style-image: url("./images/starGreen.gif");
	background: url("./images/starGreen.gif") top right no-repeat;
}
#index .programTerm {
	padding-left: 20px;
}
#index h3#tvPrograms {
	text-indent: -10000px;
	width: 590px;
	height: 30px;
	background: url("./images/header/tvPrograms.gif") 0 0 no-repeat;
	margin-top: 10px;
}	
#index h3#writingWorks {
	text-indent: -10000px;
	width: 590px;
	height: 30px;
	background: url("./images/header/writingWorks.gif") 0 0 no-repeat;
	margin-top: 10px;
}	
#index a.rss-title {
	display: block;
	width: 590px;
	height: 30px;
	text-indent: -10000px;
	padding: 0;
	margin-top: 10px;
}
#index #cinemaGlasses a.rss-title {
	background: url("./images/blogTitle.gif") 0px 0px no-repeat;
	border-bottom: none;
}
#index #haruNous a.rss-title {
	background: url("./images/blogTitle.gif") -590px 0px no-repeat;
	border-bottom: none;
}
#index #beginner a.rss-title {
	background: url("./images/blogTitle.gif") -1180px 0px no-repeat;
	border-bottom: none;
}
#index #cinemaGlasses .rss-title:hover {
	background: url("./images/blogTitle.gif") 0px -30px no-repeat;
}
#index #haruNous .rss-title:hover {
	background: url("./images/blogTitle.gif") -590px -30px no-repeat;
}
#index #beginner .rss-title:hover {
	background: url("./images/blogTitle.gif") -1180px -30px no-repeat;
}
#index li.rss-item {
	background: url("./images/starOrange.gif") top right no-repeat;
	list-style-image: url("./images/starOrange.gif");
}
#profile #contents table, #history #contents table {
	clear: both;
	margin-bottom: 30px;
}
#contents td {
	background: url("./images/underline.gif") bottom right repeat-x;
	padding-top: 8px;
	padding-bottom: 5px;
}
td.fieldData {
	width: 380px;
}
td.fieldName {
	width: 200px;
}
h1#title {
	display: block;
	width: 590px;
	height: 63px;
	text-indent: -10000px;
	background: url("./images/title.gif") no-repeat center;
}
h2#mainTitle{
	text-indent: -10000px;
	display: block;
	width: 590px;
	height: 63px;
	margin-bottom: 10px;
}
#index h2#mainTitle{
	background: url("./images/header/harunoNow.gif");
}
#profile h2#mainTitle {
	background: url("./images/header/profile.gif");
}
#history h2#mainTitle {
	background: url("./images/header/history.gif");
}
#link h2#mainTitle{
	background: url("./images/header/link.gif");
}
#contact h2#mainTitle{
	background: url("./images/header/contact.gif");
}
#contactHaruno h2{
	background: url("./images/header/contactHaruno.gif");
}
#contactLimelight h2{
	background: url("./images/header/contactLimelight.gif");
}
#contactWebmaster h2{
	background: url("./images/header/contactWebmaster.gif");
}
#books h2#mainTitle{
	background: url("./images/header/books.gif");
}
#photo h2#mainTitle{
	background: url("./images/header/photo.gif");
}
#blog h2#mainTitle{
	background: url("./images/header/blog.gif");
}
#blogInfo h2 {
	text-indent: -10000px;
	height: 37px;
	background: url("./images/header/blogInfo.gif");
}
a#historyBtn,a#profileBtn {
	display: block;
	width: 110px;
	height: 20px;
	text-indent: -10000px;
	border: none;
	float: right;
	position: relative;
	top: -35px;
	left: -80px;
}
a#historyBtn {
	background: url("./images/historyBtn.gif") 0 0 no-repeat;
}
a#profileBtn {
	background: url("./images/profileBtn.gif") 0 0 no-repeat;
}
a#historyBtn:hover, a#profileBtn:hover {
	background-position: 0 -20px;
}
#contents td {
	padding-left: 10px;
}
#history #contents h3 {
	clear: both;
	display: block;
	height: 27px;
	color: #D2691E;
	font-size: 14px;
	line-height: 27px;
	background: #FAF0E6 url("/images/ring.gif") 5px center no-repeat;
	padding-left: 40px;
}
#profile #contents h3 {
	clear: both;
	display: block;
	height: 27px;
	color: #D2691E;
	font-size: 14px;
	line-height: 27px;
	background: #FAF0E6 url("/images/profileTitle.gif") no-repeat;
	padding-left: 200px;
}
#profile #contents h3#basicInfo {
	background-position: 8px 0;
}
#profile #contents h3#favorite {
	background-position: 8px -27px;
}
#profile #contents h3#qualifications {
	background-position: 8px -54px;
}
#photo #photoset {
	margin: 30px 40px;
	
}
#photo #photoset a {
	border:none;
}
#photo #photoset img {
	border: 1px solid;
	border-color: #E0E0E0 #E0E0E0 #C4C4C4 #E0E0E0;
	padding: 2px;
	margin-left: 10px;
	margin-bottom: 10px;	
}
#contents .bookcard {
	clear: both;
	width: 520px;
	height: 290px;
	background: url("./images/books/bookcard.gif") top left no-repeat;
	margin-left: 10px;
	position: relative;
}
.bookcard table {
	margin-top: 10px;
}
.bookcard img {
	margin-top: 10px;
	border: 1px solid #ccc;
}
#books #contents .bookData .fieldName a {
	border: none;
}
#contents .bookcard td {
	background: none;
	padding: 0;
}
#contents .bookcard td.fieldName {
	width: 140px;
	text-align: center;
}
#contents .bookcard td.fieldData {
	padding-left: 10px;
	padding-right: 30px;
	width: 330px;
}
.bookTitle td {
	font-weight: bold;
	vertical-align: bottom;
	line-height: 1.5;
	font-size: 11pt;
}
.publisher td {
	vertical-align: top;
	line-height: 1.8;
}
.bookTitle .fieldName div {
	width: 90px;
	height: 25px;
	background: url("./images/books/bookTitle.gif") top left no-repeat;
	text-indent: -10000px;
	
} 
.publisher .fieldName div {
	width: 90px;
	height: 25px;
	background: url("./images/books/publisher.gif") top left no-repeat;
	text-indent: -10000px;
} 
.bookcard .bookData td {
	vertical-align: top;
}
.bookcard .bookData ul {
	list-style-image: url("./images/starOrange.gif");
	margin-left: 20px;
}
#books #contents a.detail {
	display: block;
	width: 125px;
	height: 25px;
	position: absolute;
	right: 25px;
	bottom: 30px;
	background: url("./images/books/detail.gif") no-repeat;
	text-indent: -10000px;
	border: none;
}
#books #contents a.detail:hover {
	background-position: 0 -25px;
}
#books #contents p.purchase {
	width: 175px;
	height: 20px;
	background: url("./images/books/purchase.gif");
	text-indent: -10000px;
	position: relative;
	left: 45px;
}
#books #contents ul.purchaseBtn {
	width: 268px;
	position: relative;
	top: -24px;
	left: 230px;
}
#books #contents ul.purchaseBtn li {
	float: left;
}
#books #contents ul.purchaseBtn a {
	display: block;
	height: 28px;
	background-image: url("./images/books/purchaseBtn.gif");
	text-indent: -10000px;
	border: none;
}
#books #contents a.rakuten {
	width: 50px;
	background-position: 0 0;
}
#books #contents a.rakuten:hover {
	background-position: 0 -28px;
}
#books #contents a.amazon {
	width: 78px;
	background-position: -53px 0;
}
#books #contents a.amazon:hover {
	background-position: -53px -28px;
}
#books #contents a.sevenY {
	width: 140px;
	background-position: -136px 0;
}
#books #contents a.sevenY:hover {
	background-position: -136px -28px;
}
#mailform td span {
	color: #f33;
	font-size: 90%;
}
#mailform #email td.fieldData input, #mailform #emailCheck td.fieldData input, #mailform #phone td.fieldData input {
	ime-mode: disabled;
	width: 220px;
}
#mailform #name td.fieldData input {
	ime-mode: active;
	width: 220px;
}
#mailform #message td.fieldData textarea {
	width: 320px;
	height: 140px;
	ime-mode: active;
}
#blog #left .widget * {
	text-align: center;
	margin: 0 auto;
	padding: 0;
}
#blog #left .widget {
	width: 155px;
	position: relative;
	left: -3px;
	background: url("/images/blog/widgetTop.gif") center top no-repeat;
	padding-top: 15px;
}
#blog #left .widget-list {
	width: 100%;
	background: url("/images/blog/widgetMiddle.gif") center top repeat-y;
}
#blog #left .widget-archives .widget-content, #blog #left .widget-categories .widget-content {
	padding-bottom: 10px;
	background: url("/images/blog/widgetBottom.gif") center bottom no-repeat;
}
#blog #left .widget h3.widget-header {
	display: block;
	width: 155px;
	height: 20px;
	background: url("/images/blog/widgetHeader.gif") no-repeat;
	text-indent: -10000px;
}
#blog #left .widget .widget-list a {
	background: url("/images/triangle.gif") 0 1px no-repeat;
	padding-left: 10px;
	font-size: 85%;
	color: #360;
}
#blog #left .widget .widget-list a:hover {
	background-position: 0 -34px;
	color: #c33;
}
#blog #left .widget-list-item {
	width: 135px;
	line-height: 1;
	text-align: left;
}
#blog #left .widget .widget-list .widget-list a {
	color:  #066;
}
#blog #left .widget-list-item .widget-list-item {
	margin-left: 5px;
	width: 130px;
}
#blog #left .widget-list-item .widget-list-item .widget-list-item {
	margin-left: 5px;
	width: 125px;
}
#blog #left .widget-archives h3.widget-header {
	background-position: center 0;
}
#blog #left .widget-categories h3.widget-header {
	background-position: center -20px;
}
#blog #left #monthly-archives, #blog #left .widget-search {
	height: 60px;
	background: url("/images/blog/widget.gif") center center no-repeat;
}
#blog #left #monthly-archives .widget-content {
	background: none;
}
#blog #left #monthly-archives h3.widget-header a {
	display: block;
	width: 155px;
	height: 20px;
	background: url("/images/blog/widgetHeader.gif") center -40px no-repeat;
	text-indent: -10000px;
}
#blog #left #monthly-archives h3.widget-header a:hover {
	background-position: center -60px;
}
#blog #left .widget-calendar h3.widget-header {
	display: block;
	text-indent: 0;
	width: 155px;
	height: 18px;
	background: url("/images/blog/calendarTop.gif") center center no-repeat;
	padding-top: 30px;
}
#blog #left .widget-calendar .widget-content {
	background: url("/images/blog/calendarMiddle.gif") center center repeat-y;
}
#blog #left .widget-calendar {
	width: 165px;
	background: url("/images/blog/calendarBottom.gif") center bottom no-repeat;
	padding-bottom: 16px;
}
#blog #left .widget-calendar table td {
	line-height: 1.1;
	width: 1.3em;
}
#blog #left .widget-calendar table a {
	display: block;
	line-height: 1.1;
	width: 1.1em;
	background: url("/images/blog/checkLine.gif") -14px bottom no-repeat;
}
#blog #left .widget-calendar table a:hover {
	background-position: 0 bottom;
	color: #c33;
}
#blog #left .widget-search input {
	line-height: 1;
	height: 20px;
}
#blog #left .widget-search input#search {
	width: 90px;
	height: 15px;
}
#blog #left .widget-search h3.widget-header {
	background-position: center -80px;
}
#blog #left .widget-syndicate {
	background-image: none;
	padding-top: 0;
	margin-top: 0;
}
#blog #left .widget-syndicate a {
	display: block;
	width: 155px;
	height: 30px;
	background: url("/images/blog/feed.gif") 0 0 no-repeat;
	text-indent: -10000px;
}
#blog #left .widget-syndicate a:hover {
	background-position: 0 -30px;
}
#blog #left .widget-search, #blog #left .widget-calendar, #blog #left #banner {
	margin-bottom: 30px;
}
#blog #contents .asset {
	width: 540px;
	margin-bottom: 40px;
}
#blog #contents .asset-header {
	background: url("/images/blog/contentTitle.gif") center center no-repeat;
	height: 42px;
	padding: 18px 20px 0 20px;
}
#blog #contents .asset-body {
	padding: 10px 20px;
}
#blog #contents .asset-body img {
	border: 1px solid #D6D6D6;
	padding: 3px;
	margin: 5px;
	max-width: 460px;
}
#blog #contents .asset-name {
	padding-left: 35px;
	line-height: 1;
}
#blog #contents h2.asset-name * {
	font-size: 110%;
	color: #000;
}
#blog #contents .asset-meta {
	text-align: right;
	line-height: 1;
}
#blog #contents .asset-meta * {
	font-size: 86%;
}
#blog #contents h3 {
	display: block;
	height: 27px;
	color: #D2691E;
	font-size: 14px;
	line-height: 27px;
	background: #FAF0E6 url("/images/blog/loope.gif") left center no-repeat;
	margin-bottom: 15px;
	padding-left: 30px;
}
#blog .archive .archive-list-item {
	color: #333;
	background: url("/images/underline.gif") left bottom repeat-x;
}
#blog .archive-list {
	text-indent: 10px;
}
#blog #left #adsense h3 {
	display: block;
	background: url("/images/blog/adsenseTop.gif") center top no-repeat;
	width: 155px;
	height: 45px;
	text-indent: -10000px;
}
#blog #left #adsense .widget-content {
	background: url("/images/blog/adsenseMiddle.gif") center top repeat-y;
}
#blog #left #adsense {
	background: url("/images/blog/adsenseBottom.gif") center bottom no-repeat;
	padding-bottom: 10px;
}
#blog .paginate, .content-nav {
	text-align: center;
	font-size: 9px;
	background: url("./images/blog/separator.gif") center top no-repeat;
	padding-top: 20px;
	padding-bottom: 10px;
}
#blog .asset-body {
zoom: 100%;
}
#blog .asset-body:after {
	content: " ";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
#link #contents dl dt {
	background: url("./images/starGreen.gif") left center no-repeat;
	padding-left: 20px;
	margin-top: 18px;
}
#link #contents dl dd {
	background: url("./images/underline.gif") left bottom repeat-x;
	margin-bottom: 5px;
	padding-bottom: 10px;
}
#link #contents dl dd a {
	background: url("./images/arrow.gif") left center no-repeat;
	padding-left: 20px;
	margin-left: 15px;
}