body,td,th {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body {
	margin-top: 30px;
	padding-top: 30px;
}

#wrap {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}

#header {
	margin: 0px;
	padding: 0px;
	height: 48px;
	width: 950px;
}
h1 {
	margin: 0px;
	padding: 0px;
	float: left;
}

#header .style1 {
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
}
a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


#navi {
	float: left;
	height: 520px;
	width: 100px;
}


#wrap #navi h2 {
	margin: 0px;
	padding: 0px;
}
#wrap #navi ul {
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#wrap #navi ul li {
	font-size: 11px;
	line-height: 21px;
	font-weight: bold;
	text-align: left;
	width: 90px;
	list-style-type: none;
}
#wrap #navi ul li a {
	color: rgb(102,102,102);
	text-decoration: none;
	background-image: url(img/nab-1.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
}
#wrap #navi p a:hover {
	color: rgb(0,102,255);
}
#wrap #navi ul li a:hover {
	background-image: url(img/nab-2.jpg);
	background-repeat: no-repeat;
}

#wrap #navi p {
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	width: 90px;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: rgb(153,153,153);
}
#wrap #navi p a {
	color: rgb(102,102,102);
	text-decoration: none;
}
#wrap #navi p img {
	padding: 0px;
	margin-top: 216px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


#main1 {
	height: 518px;
	width: 848px;
	border: 1px solid rgb(102,102,102);
	float: right;
	background-image: url(img/prologue-B.jpg);
	background-repeat: no-repeat;
}
.h2-style {
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	color: rgb(102,102,102);
	margin-top: 36px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: rgb(102,102,102);
}

#wrap #main1 p {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin: 0px;
}
#wrap #main2 {
	float: right;
	height: 518px;
	width: 848px;
	border: 1px solid rgb(102,102,102);
}
#wrap #main2 h3 {
	font-size: 11px;
	font-weight: bold;
	color: rgb(102,102,102);
	background-image: url(img/bg-1.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 10px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#list-1 {
	width: 125px;
	float: left;
	padding-top: 100px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 110px;
	margin: 0px;
}
#wrap #main2 #list-1 a {
	color: rgb(102,102,102);
	text-decoration: none;
}
#wrap #main2 #list-1 a:hover {
	color: rgb(0,102,255);
}
#wrap #main2 #list-1 a img:hover {
	border: 1px solid rgb(0,102,255);
}


#wrap #main2 #list-1 img {
	border: 1px solid rgb(153,153,153);
}
#list-2 {
	width: 125px;
	float: left;
	padding-top: 100px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#wrap #main2 #list-2 a {
	color: rgb(102,102,102);
	text-decoration: none;
}
#wrap #main2 #list-2 a:hover {
	color: rgb(0,102,255);
}
#wrap #main2 #list-2 a img:hover {
	border: 1px solid rgb(0,102,255);
}

#wrap #main2 #list-2 img {
	border: 1px solid rgb(153,153,153);
}
#list-3 {
	width: 125px;
	float: left;
	padding-top: 100px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#wrap #main2 #list-3 a {
	color: rgb(102,102,102);
	text-decoration: none;
}
#wrap #main2 #list-3 a:hover {
	color: rgb(0,102,255);
}
#wrap #main2 #list-3 a img:hover {
	border: 1px solid rgb(0,102,255);
}

#wrap #main2 #list-3 img {
	border: 1px solid rgb(153,153,153);
}
#list-4 {
	width: 125px;
	float: left;
	padding-top: 100px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#wrap #main2 #list-4 a {
	color: rgb(102,102,102);
	text-decoration: none;
}
#wrap #main2 #list-4 a:hover {
	color: rgb(0,102,255);
}
#wrap #main2 #list-4 a img:hover {
	border: 1px solid rgb(0,102,255);
}

#wrap #main2 #list-4 img {
	border: 1px solid rgb(153,153,153);
}
#list-5 {
	width: 125px;
	float: left;
	padding-top: 100px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#wrap #main2 #list-5 a {
	color: rgb(102,102,102);
	text-decoration: none;
}
#wrap #main2 #list-5 a:hover {
	color: rgb(0,102,255);
}
#wrap #main2 #list-5 a img:hover {
	border: 1px solid rgb(0,102,255);
}



#wrap #main2 #list-5 img {
	border: 1px solid rgb(153,153,153);
}





#wrap #main2 #main3 {
	float: left;
	height: 518px;
	width: 373px;
}
#wrap #main2 #main3 .style1 {
	padding-left: 10px;
	padding-top: 35px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 0px;
}
#wrap #main2 #main3 .style1 a {
	color: rgb(102,102,102);
	text-decoration: none;
}
#wrap #main2 #main3 .style1 a:hover {
	color: rgb(0,102,255);
}


#wrap #main2 #main4 {
	float: right;
	height: 518px;
	width: 475px;
}
#work-1 {
	margin: 0px;
	float: left;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#work-3 {
	float: left;
	border: 1px solid rgb(102,102,102);
	padding: 0px;
	margin-top: 34px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#work-4 {
	float: left;
	border: 1px solid rgb(102,102,102);
	padding: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


#side {
	margin: 0px;
	float: right;
	padding-top: 210px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}



#wrap #main2 #main5 {
	float: left;
	height: 518px;
	width: 287px;
}
#wrap #main2 #main5 .style1 {
	padding-top: 35px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin: 0px;
}
#wrap #main2 #main5 .style1 a {
	color: rgb(102,102,102);
	text-decoration: none;
}
#wrap #main2 #main5 .style1 a:hover {
	color: rgb(0,102,255);
}

#wrap #main2 #main6 {
	float: right;
	height: 518px;
	width: 561px;
}
#work-2 {
	float: left;
	margin: 0px;
	padding-top: 34px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#wrap #main7 {
	background-image: url(img/epilogue-B.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 518px;
	width: 848px;
	border: 1px solid rgb(102,102,102);
}
#wrap #main7 .style1 {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#wrap #main8 {
	float: right;
	height: 518px;
	width: 848px;
	border: 1px solid rgb(102,102,102);
	background-image: url(img/off-stage.jpg);
	background-repeat: no-repeat;
}
#wrap #main8 h3 {
	font-size: 11px;
	font-weight: bold;
	color: rgb(102,102,102);
	background-image: url(img/bg-2.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#wrap #main8 .style1 {
	padding: 0px;
	margin-top: 150px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgb(153,153,153);
	width: 500px;
	text-align: center;
}
#wrap #main8 .off-stage a {
	color: rgb(102,102,102);
	text-decoration: none;
}
#wrap #main8 .off-stage a:hover {
	color: rgb(0,102,255);
}

#wrap #main9 {
	float: right;
	height: 518px;
	width: 848px;
	border: 1px solid rgb(102,102,102);
}
#wrap #main9 .site-map a {
	color: rgb(102,102,102);
	text-decoration: none;
}
#wrap #main9 .site-map3 a {
	color: rgb(102,102,102);
	text-decoration: none;
}
#wrap #main9 .site-map2 a {
	color: rgb(102,102,102);
	text-decoration: none;
}


#footer {
	clear: both;
}
#wrap #footer p {
	text-align: right;
	padding-top: 2px;
}


.style1 {
	font-size: 11px;
	font-weight: bold;
	color: rgb(102,102,102);
}
.style2 {
	font-size: 9px;
	font-weight: bold;
	color: rgb(102,102,102);
}
.site-map {
	font-size: 11px;
	color: rgb(102,102,102);
	width: 500px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	font-weight: bold;
}
.site-map2 {
	font-size: 11px;
	color: rgb(102,102,102);
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgb(102,102,102);
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgb(102,102,102);
	font-weight: bold;
}
.site-map3 {
	font-size: 11px;
	color: rgb(102,102,102);
	width: 470px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: rgb(102,102,102);
	border-right-color: rgb(102,102,102);
	border-bottom-color: rgb(102,102,102);
	border-left-color: rgb(102,102,102);
	font-weight: bold;
}



.navi-style1 {
	color: rgb(153,153,153);
	text-decoration: none;
}
.off-stage {
	font-size: 11px;
	color: rgb(102,102,102);
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: -4px;
	margin-left: auto;
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: -4px;
	padding-left: 0px;
	font-weight: bold;
}

.lbg-s1 {
	background-image: url(img/logo-s1.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.lbg-s1-1 {
	background-image: url(img/logo-s1-1.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.lbg-s1-2 {
	background-image: url(img/logo-s1-2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.lbg-s1-3 {
	background-image: url(img/logo-s1-3.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.lbg-s1-4 {
	background-image: url(img/logo-s1-4.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.lbg-s1-5 {
	background-image: url(img/logo-s1-5.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.lbg-s2 {
	background-image: url(img/logo-s2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.lbg-s2-1 {
	background-image: url(img/logo-s2-1.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.lbg-s2-2 {
	background-image: url(img/logo-s2-2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.lbg-s2-3 {
	background-image: url(img/logo-s2-3.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.lbg-s2-4 {
	background-image: url(img/logo-s2-4.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.lbg-s2-5 {
	background-image: url(img/logo-s2-5.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.lbg-s3 {
	background-image: url(img/logo-s3.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.lbg-s3-1 {
	background-image: url(img/logo-s3-1.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.lbg-s3-2 {
	background-image: url(img/logo-s3-2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.lbg-s3-3 {
	background-image: url(img/logo-s3-3.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.lbg-s3-4 {
	background-image: url(img/logo-s3-4.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.lbg-s3-5 {
	background-image: url(img/logo-s3-5.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.lbg-s4 {
	background-image: url(img/logo-s4.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.lbg-s4-1 {
	background-image: url(img/logo-s4-1.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.lbg-s4-2 {
	background-image: url(img/logo-s4-2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.lbg-s4-3 {
	background-image: url(img/logo-s4-3.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.lbg-s4-4 {
	background-image: url(img/logo-s4-4.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.lbg-s4-5 {
	background-image: url(img/logo-s4-5.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#navi-bg {
	color: rgb(102,102,102);
	text-decoration: none;
	background-image: url(img/nab-2.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
}
