@charset "UTF-8";

/* general */

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1.4;
}

html {
	margin-bottom: 1px;
	height: 100%;
}

body {
	background: url('./img/grad-red.png') repeat-x;
	font-family: 'Verdana', sans-serif;
	font-size: 80%;
}


/* layout */

#container {
	margin: 0 auto;
	width: 800px;
}
#bodycontainer {
	background: url('./img/body-bg-red.png') repeat-y;
}


/* header */

#header {
	padding: 0 35px;
	height: 275px;
	background: url('./img/header-bg-red.png') no-repeat;
}
	#header h1 {
		padding: 25px 0 0 0;
		text-align: right;
		border-bottom: 1px solid #933;
	}
		#header h1 a {
			text-decoration: none;
		}
			#header h1 a img {
				border: none;
			}
	#header ul {
		list-style: none;
	}
		#header ul li {
			float: left;
		}
			#header ul li a {
				display: block;
				padding: 0 25px;
				color: #933;
				font-weight: bold;
				text-align: center;
				text-decoration: none;
				border-left: 1px solid #933;
			}
			#header ul li a:hover {
				background: url('./img/menubtn.png') repeat-y;
			}
	#header #headerend {
		clear: left;
		color: #fff;
		border-top: 1px solid #933;
	}


/* body */

/* index */
#body {
	margin-top: -100px;
	padding: 0 25px;
}
	#body #toppic {
		margin: 30px 0 120px;
		text-align: center;
	}
	#body #toppic img{
		border: 1px solid #933;
	}
	#body #orimsg {
		text-align: center;
	}
/* document */
#bodydoc {
	margin-top: -100px;
	padding: 0 25px 1em;
}
	#bodydoc h2 {
		margin: 1em 0 -0.5em;
		padding-left: 100px;
		height: 90px;
		color: #933;
		font-size: 250%;
		font-weight: bold;
		background: url('./img/h2bg.png') no-repeat;
	}
		#bodydoc h2:first-letter {
			font-size: 150% !important; /* '!important' for ie6 */
		}
		*:first-child+html #bodydoc h2:first-letter { /* for ie7 */
			font-size: 375%;
		}
	#bodydoc a:link {
		padding: 0 0.3em;
		color: #c33;
	}
		#bodydoc a:visited {
			color: #900;
		}
		#bodydoc a:hover {
			color: #c66;
		}
		#bodydoc a:active {
			color: #900;
		}
	#bodydoc p {
		margin: 0 2em 1em 60px;
		color: #900;
		font-size: 110%;
		line-height: 1.6;
		text-indent: 1em;
	}
	#bodydoc ul {
		margin: 0 2em 1em 90px;
		color: #900;
		font-size: 115%;
	}
	#bodydoc dl {
		font-size: 120%;
		margin: -0.5em 100px 0.5em 100px;
		padding-bottom: 0.5em;
	}
	#bodydoc dl dt {
		color: #933;
		background: url('./img/gradh-red.png') left bottom no-repeat;
	}
	#bodydoc dl dd {
		margin: 0.2em 0 0.3em 3em;
		color: #900;
	}

/*-- product page -- */
	#bodydoc .product {
		margin: 0 70px 0 70px;
		padding: 0;
		border-bottom: 1px solid #a33;
	}
	#bodydoc .product h3 {
		margin: 0 0 0.3em 0;
		padding: 0 0 0 1em;
		color: #c33;
		font-size: 140%;
		font-weight: bold;
	}
	#bodydoc .product p {
		margin: 0.2em 0 0.5em 0;
		text-align: right;
	}
	#bodydoc .product a {
		padding: 0;
	}
	#bodydoc .product img {
		display: block;
		width: 550px;
		margin: 0 0 0 auto;
		border: 1px solid #999;
	}
	#bodydoc .links img {
		border: 0;
	}
	
/*-- contact page -- */
	#bodydoc .mail {
		margin: 0 70px 0 70px;
		padding: 1em;
		border: 1px solid #999;
	}

/*--- self-introduction page ---*/
	#bodydoc.selfintro p {
		text-align: center;
		font-size: 115%;
	}
	#bodydoc.selfintro h3 {
		margin-top: 1em;
		color: #800;
		font-size: 150%;
		text-align: center;
	}
	#bodydoc.selfintro img{
		border: 1px solid #933;
	}
	#bodydoc.selfintro #attention p {
		font-size:130%;
	}

/* footer */

#footer {
	margin-bottom: 100px;
	height: 75px;
	background: url('./img/footer-bg-red.png') no-repeat;
}
	#footer #copy {
		padding-top: 25px;
		color: #999;
		text-align: center;
	}