@charset "UTF-8"; 

/* -- common -------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,from,fieldset,input,textarea,p,blockquote,th,td{
	margin: 0;
	padding: 0;
}

html{
	overflow-y: scroll;
}

h1,h2,h3,h4,h5,h6,pre,address,em,strong,p,dl,li,a,th,td,caption,label{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ","Meiryo", "ＭＳ Ｐゴシック", sans-serif;
	font-style: normal;
	font-size: 14px;
	font-weight: normal;
	color: #FFF;
	line-height: 1.5;
}

ol,ul{
	list-style: none;
}

table{
     border-collapse: collapse;
     border-spacing: 0;
}

caption,th {
     text-align: left;
}

img{
	border: 0;
	vertical-align: bottom;
}

a{
	text-decoration: underline;
	overflow: hidden;
}

/* -- link ------------------------------- */
a:link{
	color: #4D7CC4;
	text-decoration: underline;
}

a:visited{
	color: #810081;
	text-decoration: underline;
}

a:hover{
	color: #E18700;
	text-decoration: underline;
}

/* -- base ---------------------- */
body{
	background: url(../img/siteBg.jpg) repeat-x top;
	background-color: #000022;
}

	#wrapper{
		width: 680px;
		margin: 10px auto;
		padding: 0 10px;
		background-color: #000;
		overflow: hidden;
	}

/* -- header ------------------------------- */
#header{
	width: 680px;
	height: 51px;
	margin: 5px 0 0;
	border-bottom: 1px solid #FFF;
	overflow: hidden;
}

	#header p{
		width: 155px;
		float: left;
	}

	h1{
		width: 500px;
		margin: 30px 0 0 0;
		font-size: 12px;
		text-align: right;
		float: right;
	}

/* -- container #main ------------------------------- */
#container{
	width: 680px;
	margin-bottom: 20px;
	padding: 10px 0 0;
	overflow: hidden;
}

	#main{
		width: 434px;
		margin-top: 10px;
		float: left;
	}

	h2{
		margin: 10px 0;
	}

		h2 span{
			padding: 0 5px 0;
			color: #C3261D;
			font-size: 24px;
		}

	#main p{
		margin-bottom: 10px;
	}

	table{
		width: 432px;
		margin: 0;
		border: 1px solid #999999;
		clear: both;
	}

		table td{
			padding: 2px 0 2px 5px;
			text-align: left;
			border-bottom: 1px solid #999999;
			border-right: 1px solid #999999;
		}
	
			td.l1{
				width: 90px;
				background-color: #00002E;
			}

			td.r3{
				width: 105px;
			}

/* -- container #side ------------------------------- */
#side{
	width: 236px;
	margin-top: 70px;
	float: right;
}

	#side p img{
		width: 224px;
		padding: 5px 5px 10px;
		border: 1px solid #999;
		background-color: #FFF;
	}

	p.photoClick{
		width: 224px;
		margin-bottom: 10px;
		font-size: 9px;
	}

/* -- footer ------------------------------- */
#footer{
	clear: both;
	width: 680px;
	margin: 0 auto;
	background-color: #000;
	overflow: hidden;
}

	#footer p{
		padding: 0 0 10px;
		text-align: center;
	}

	p.back{
		clear: both;
		padding: 0 10px 10px;
		font-size: 12p;
		text-align: center;
	}

		p.back span{
				margin: 3px;
				padding: 0 5px;
				color: #000;
				background-color: #FFF;
		}

		p.back a{
			margin: 3px;
			padding: 0 5px;
			background-color: #FFF;
		}

	address{
		margin-bottom: 10px;
		text-align: center;
	}

/* -- for IE6 ------------------------------- */

*html #side,
*html #container,
*html #main{
	display: inline;
}