@import url("common/reset.css");
@import url("common/font.css");
@import url("menu.css");


html{
	background:#000 url(../images/bgGeneral.gif) top center no-repeat;
}
body{
	color:#cecac4;
}
div#all{
	width:800px;
	margin:0 auto;
	position:relative;
	padding:160px 0 0 0;
}
	a{
		color:#cecac4;
	}
	a:hover,
	a:focus{
		color:#eeedeb
	}
	
div#contents{
	padding:0 20px 75px 20px;
	background:url(../images/bgContents.gif) repeat-y center top;
	overflow:auto;
}

div#contents h2{
	height:70px;
	background-image:url(../images/h2.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin:0 0 22px 0;
}
div#contents h3{
	height:55px;
	background-image:url(../images/h3.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
div#contents h5{
	font-weight:bold;
	margin:2em 0 1em 0;
	color:#799f6f;
	font-size:125%;
}
div#contents p{
	padding:0 10px;
	margin:0 0 1em 0;
}
	div#contents p.supplement{
		font-size:90%;
		color:#95928e;
	}
div#contents dl{
	padding:0 10px;
	margin:0 0 2em 0;
}
div#contents ol{
	margin:3em 0 0 0;
	padding:1em 0;
	background:url(../images/bgNavi.gif) repeat-x left center;
}
	div#contents ol li{
		display:inline;
	}
		div#contents ol li a{
			padding:1em;
			font-weight:bold;
		}
address#footer{
	background:url(../images/footer.gif) no-repeat;
	height:110px;
	text-indent:-9999px;
	clear:both;
	position:relative;
}
	address#footer p{
		text-align:right;
		margin:0 25px 0 0;
	}
		address#footer p a{
			margin:0 0 0 5px;
		}
				address#footer p a img{
					height:32px;
					border:2px solid #47A32E;
				}
					address#footer p a:hover img,
					address#footer p a:focus img{
						border:2px solid #27591A;
					}
img{
	background:url(../images/loader.gif) no-repeat center center;
}

/*-----------------------profile------------------------*/
div#contents p#profileImage{
	margin:.5em 0 1.8em 0;
}
div#contents p#profileImage img{
	height:150px;
	width:auto;
	margin:0 1em 0 0;
}
div#contents dl#profile{
	margin:2em 0 2em 0;
}
div#contents dl#profile dt{
	font-weight:bold;
	font-family:Arial;
	color:#95928e;
	width:7em;
	float:left;
	padding:.3em 0 .3em .3em;
}
div#contents dl#profile dd{
	padding:.3em 0 .3em 7em;
}
	div#contents dl#profile dd:hover{
		background:#171413;
	}
	
/*-----------------------worksList,genreList------------------------*/
body.works div#contents h3,
body.worksDetail div#contents h3{
	background-position:0 -55px;
}
body.works div#contents ul#genreMenu{
	margin:2em 0;
	padding:0 0 2em 12px;
}
	body.works div#contents ul#genreMenu li{
		display:inline;
		margin:0 2em 0 -1em;
	}
		body.works div#contents ul#genreMenu a{
			padding:1em;
		}
body.works div#contents h4{
	clear:both;
	margin:0 0 30px 0;
	padding:0 0 0 12px;
	color:#4eaf35;
	font-size:150%;
	font-weight:bold;
	border-bottom:1px solid #40463E
}
body.works div#contents dl.genre{
	width:350px;
	height:18em;
	float:left;
	overflow:auto;
	margin:0 30px 0 0;
	padding:.3em 0 .5em 0;
	border-bottom:1px solid #40463E
}
body.works div#contents dl.genre:hover{
		background:#171413;
}

	body.works div#contents dl.genre dt{
		width:200px;
		height:17em;
		float:left;
		overflow:hidden;
		padding:.5em 0 0 .5em;
	}
	body.works div#contents dl.genre dt a img{
		width:180px;
	}
	body.works div#contents dl.genre dd{
		margin:0 0 0 200px;
		padding:0 .5em 0 0;
		font-size:90%;
	}
		body.works div#contents dl.genre dd span{
			display:block;
			font-weight:bold;
			margin:0 0 .9em 0;
			color:#4eaf35;
			font-size:150%;
		}
			body.works div#contents dl.genre dd span a{
				color:#4eaf35;
			}
				body.works div#contents dl.genre dd span a:hover,
				body.works div#contents dl.genre dd span a:focus{
					color:#3D9627;
				}
body.works div#contents dl.works{
	width:130px;
	height:220px;
	padding:10px 10px 0 10px;
	float:left;
	background:url(../images/frameTop.gif) no-repeat left top;
}
body.works div#contents dl.works dt{
	width:110px;
	height:150px;
	overflow:hidden;
	text-align:center;
	border:2px solid #000;
}
			body.works div#contents dl.works dt:hover{
				border:2px solid #4EAF35
			}
		body.works div#contents dl.works dt a img{
			width:330px;
			margin:-50px 0 0 -70px;
		}
	body.works div#contents dl.works dd{
		font-size:85%;
		margin:5px 0 0 0;
		padding:1em 0 2em 5px;
		background:url(../images/frameBottom.gif) no-repeat right bottom;
	}
	
div#contents div#navi{
	clear:both;
	background:url(../images/bgNavi.gif) repeat-x left center;
	text-align:right;
	padding:1em 0;
		font-family:Arial;
		font-weight:bold;
}
	div#contents div#navi a.naviNext{
		margin:0 .5em 0 1em;
		padding:1em 2.2em 1em 1em;
		background:url(../images/naviNext.gif) no-repeat right center;
	}
	div#contents div#navi a.naviPrev{
		margin:0 1em 0 1em;
		padding:1em 0 1em 2.2em;
		background:url(../images/naviNext.gif) no-repeat left center;
	}
	
/*-----------------------worksDetail------------------------*/
body.worksDetail div#contents h4{
	margin:15px 0 15px 10px;
	font-size:150%;
	color:#4EAF35;
	font-weight:bold;
}
body.worksDetail div#contents img#mainImage{
	width:330px;
	float:right;
	margin:0 0 50px 0;
}
body.worksDetail div#contents p#supplement{
	margin:0 350px 0 0;
}
body.worksDetail div#contents hr{
	clear:both;
	visibility : hidden ;
}
body.worksDetail div#contents dl.worksDetail{
	float:right;
	width:250px;
	padding:0;
}
	body.worksDetail div#contents dl.worksDetail dt{
		padding:.5em 4px 1em 6px;
	}
		body.worksDetail div#contents dl.worksDetail dd img{
			width:220px;
			margin:0;
		}
	body.worksDetail div#contents dl.worksDetail dd{
		margin:0 4px 0 6px;
	}
	
/*-----------------------news/interview------------------------*/
body.news div#contents h3{
	background-position:0 -165px;
}
body.interview div#contents h3{
	background-position:0 -220px;
}
div#contents dl.news{
	margin:0 0 3em 0;
	border-bottom:1px solid #40463e;
}
		div#contents dl.news dt{
			display:block;
			font-weight:bold;
			margin:0 0 .9em 0;
			color:#4eaf35;
			font-size:150%;
		}
			 div#contents dl.news dt span{
				display:block;
				color:#6d6a66;
				font-family:Arial;
				font-size:75%;
			}
			div#contents dl.news dt a{
				color:#4eaf35;
			}
				div#contents dl.news dt a:hover,
				div#contents dl.news dt a:focus{
					color:#3D9627;
				}
	div#contents dl.news dd{
		margin:0 0 1em 0;
		clear:left;
	}
		div#contents dl.news dd p.images{
			margin:1em 0;
			overflow:auto;
		}
		div#contents dl.news dd p.images img{
			width:220px;
			height:auto;
			margin:0 20px 1em 0;
			display:inline
		}
		div#contents dl.news dd.readMore{
			font-weight:bold;
			font-size:90%;
		}
		div#contents div.interview{
			padding:0 10px;
		}
		div#contents div.interview img{
			width:220px;
			float:left;
			margin:0 20px 0 0;
		}
		div#contents div.interview p{
			margin:0 0 2em 0;
			padding:0;
		}
		div#contents div.interview hr{
			clear:both;
			margin:2em 0;
			visibility:hidden;
		}
			div#contents div.interview p#toTop{
				float:right;
				padding:2em 0 0 0;
			}
				div#contents div.interview p#toTop a{
					width:63px;
					height:20px;
					display:block;
					background-image:url(../images/btnToTop.gif);
					text-indent:-9999px;
				}
					div#contents div.interview p#toTop a:hover,
					div#contents div.interview p#toTop a:focus{
						background-position:0 -20px;
					}
			div#contents div.interview p#toBack{
				padding:2em 0 0 0;
			}
				div#contents div.interview p#toBack a{
					width:63px;
					height:20px;
					display:block;
					background-image:url(../images/btnToBack.gif);
					text-indent:-9999px;
				}
					div#contents div.interview p#toBack a:hover,
					div#contents div.interview p#toBack a:focus{
						background-position:0 -20px;
					}

/*-----------------------inquiry------------------------*/
body.inquiry div#contents h3{
	background-position:0 -110px;
}
body.inquiry table{
	width:100%;
	margin:2em 0 0 0;
}
body.inquiry table th,body.inquiry table td{
	border-bottom:1px solid #45423f;
	padding:.5em;
	text-align:left;
	vertical-align:top;
}
	body.inquiry table th{
		width:10em;
	}
	body.inquiry div#contents table th p{
		text-align:right;
		font-family:Arial;
		color:#45423f;
		font-size:90%;
		margin:0;
		padding:0;
	}
	body.inquiry table td input,body.inquiry table td textarea{
		width:99%;
		background:#cecac4;
		border:none;
		color:#000
	}
	body.inquiry table td textarea{
		height:10em;
	}
		body.inquiry table td input.short{
			width:auto;
		}
		body.inquiry table td input.btn{
			background:#fff;
			color:#000;
			margin:0 1em;
				cursor : pointer ;

		}
		body.inquiry table td.btnArea{
			text-align:right;
		}