@charset "utf-8";

/* CSS Document */
/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; font-size:inherit; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal; }
ol, ul { list-style:none; clear:both; margin:0; padding:0; }
caption, th { text-align:left; }
html, body {
	margin:0 auto;
	padding:0;
}
body {
	/*
	font-size: 85%;
	line-height: 1.4em;
	*/
	font-size: 80%;
	line-height: 1.2em;
	font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	word-break:break-all;
	color: #000000;
    scrollbar-base-color: #CCCCCC;
    scrollbar-track-color: #C0C0C0;
    scrollbar-face-color: #FFFFFF;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-darkshadow-color: #C0C0C0;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #C0C0C0;
    scrollbar-arrow-color: #808080;
	background: #e5e5e5 url(../images/bg_body.png) 0 0 repeat-x;
}

a { color:#000000; text-decoration:underline; }
	a:link { }
	a:hover { color: #666666; }
	a:visited { }


/*---------------------------------
	Base Block
*/

#wrapper {
	text-align: center;
}

#header {
	width: 960px;
	height: 370px;
	background: #ffffff url(../images/topimg.png) 0 0 no-repeat;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
	#header .catchtxt {
		position: absolute;	
		left: 75px;
		top: 240px;
		letter-spacing: 0.2em;
	}

#content {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	_zoom: 1;
	text-align: left;
}
	#content dt {
		font-weight: bold;	
		margin-bottom: 1em;
	}
		#content dd {
			margin-bottom: 0.5em;
		}
	#content .block1 {
		background: url(../images/sepaline.png) right center no-repeat;
		width: 300px;
		height: 250px;
		float: left;	
		position: relative;
	}
		#content .block1 dl {
			position: absolute;
			left: 75px;
			top: 40px;
		}
		#content .block1 dl .openwin {
			background: url(../images/ico_openwin.png) right center no-repeat;
			padding-right: 20px;	
		}
	#content .block2 {
		background: url(../images/sepaline.png) right center no-repeat;
		width: 300px;
		height: 250px;
		float: left;	
		position: relative;
	}
		#content .block2 dl {
			position: absolute;
			left: 40px;
			top: 40px;
		}
		#content .block2 dl a {
			background: url(../images/ico_pdf.png) left center no-repeat;
			padding-left: 20px;	
		}
	#content .block3 {
		width: 300px;
		height: 250px;
		float: left;
		position: relative;	
	}
		#content .block3 .logo {
			position: absolute;
			left: 40px;
			top: 95px;
		}
		.copyright {
			display: block;
			margin: 5px;
			font-size: 10px;
			color: #666;
		}
		
#price {
	width: 750px;
	margin: 50px auto;
	text-align: left;
}
	#price h1 {
		font-size: 18px;
		margin-bottom: 1em;	
	}
	#price h2 {
		font-size: 14px;
		margin: 1em 0 0.2em 0;
	}
	#price table {
		width: 750px;
	}
		#price table th {
		}
		#price table th,
		#price table td {
			border: 1px solid #000000;
			padding: 5px;
		}
	#price .caption {
		font-size: 12px;
		margin-top: 10px;	
	}
	#price .closebtn {
		margin: 40px 0 20px 0;
	}
table { border-collapse:collapse; border-spacing:0; font-size:inherit; }
table.stripetable {
	width: 100%;
}
	table.stripetable th,
	table.stripetable td {
		border: 1px solid #ffffff;
		padding: 5px;
	}
	table.stripetable th {
		background-color: #959daa;
		vertical-align: top;
		font-weight: normal;
		color: #ffffff;
		text-align: left;
	}

	/* CSS3 Striper except IE */
	table.stripetable tr:nth-child(even) td {
		background-color: #f5f6f9;
	}
	table.stripetable tr:nth-child(odd) td {
		background-color: #e6e8ed;
	}
	/* for IE : no stripes just colored (doesn't work at IE8) */
	*+html body table.stripetable td,
	*html body table.stripetable td {
		background-color: #f5f6f9;
	}