@charset "utf-8";
/* reset 
---------------------------------------------------*/
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
html {
	color: #000;
	background: #fff;
}
br {
    letter-spacing: normal;
}
body,div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
input,button,textarea,
p,blockquote,
th,td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img,a img {
	border: 0 none;
	vertical-align: top;
}
li {
	list-style: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

/* base 
---------------------------------------------------*/
html{
	overflow-y:scroll;
}
body{
	font-size: 12px;
	color:#FFF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
* html body{
	font-family:  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
*:first-child+html body{
	font-family:  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
hr {
    display: none;
}
.left{
	float:left;
}
.clear {
	clear:both;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html.clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* add 
---------------------------------------------------*/
.ctsInner {
	margin: 0 auto;
	height: 684px;
	width: 1264px;
	position: relative;
}
.ctsBox {
	height: 100%;
	width: 100%;
	z-index: 1;
	overflow : hidden;
}
* html .ctsBox {
	overflow: hidden;
	position: relative;
	background: #59C1CF;
}
*:first-child+html .ctsBox {
	overflow: hidden;
}
*:first-child+html #cts2 {
	overflow: hidden;
}
*:first-child+html #page5 {
	position: relative;
}
#page1 {
	background: url(../images/pg0_bg.jpg) repeat;
	height: 1000px;
}
#page2, #page7, #page9 {
	background: #F4D916 repeat;
}
#page3 {
	background: #9EA1D0 repeat;
}
#page4 {
	background: #F19DC1 repeat;
}
#page5, #page8 {
	background: #59C1CF repeat;
}
#page6 {
	background: #e6b0d0 repeat;
}
#page7 {
	background: #fac251 repeat;
}
#page8 {
	background: #6ebfec repeat;
}
#page9 {
	background: #cedd4d repeat;
	position: relative;
}
#page5 .ctsImg {
	position: absolute;
	left: 371px;
	top: 76px;
}
#page4 .ctsImg {
	position: absolute;
	left: 317px;
	top: 0px;
}
#page3 .ctsImg {
	position: absolute;
	left: 357px;
	top: 41px;
}
#page2 .ctsImg {
	position: absolute;
	left: 249px;
	top: -130px;
}
#page6 .ctsImg {
	position: absolute;
	left: 159px;
	top: -94px;
}
#page7 .ctsImg {
	position: absolute;
	left: 159px;
	top: -94px;
}
#page8 .ctsImg {
	position: absolute;
	left: 155px;
	top: -94px;
}
#page9 .ctsImg {
	position: absolute;
	left: 155px;
	top: -129px;
}
.cts {
	position: relative;
	z-index: 1;
	min-width: 1264px;
}
* html .cts {
	overflow-y: hidden;
	width: 1264px;
}
*:first-child+html .cts {
}
.ctsInner .logo {
	position: absolute;
	left: 1016px;
	top: 608px;
}
.ctsLeft {
	padding: 59px 0px 0px 112px;
	position: relative;
}
.ctsInner .ctsLeft a {
	display: block;
	width: 225px;
	margin: 0px 0px 0px;
}
.ctsInner .ctsLeft p {
	margin: 0 0 27px 1px;
}
.ctsInner .ctsLeft .btnCaption {
	margin: 5px 0 4px;
	display: block;
}
.ctsLeft h2 {
	margin: 0px 0px 31px 1px;
}
#wrapper {
	position: relative;
	left: 0px;
	top: 0px;
}
#gmenu li {
	margin: 0px 0px 8px 42px;
	position: relative;
	cursor: pointer;
	z-index: 5;
}
#gmenu {
	margin: 59px 0px 0px;
	position: fixed;
	left: 0px;
	top: -9999px;
	z-index: 5;
}
* html #gmenu {
	position: absolute;
}
#page5 .ctsInner .serifCover {
	position: absolute;
	left: 824px;
	top: 85px;
}
.ctsInner .serifCover {
	overflow: hidden;
}
#page5 .coverImg {
	margin: 120px 0px 0px;
}
.serifCover .coverImg {
	position: relative;
}
.serifCover .serif {
	position: absolute;
	top: 30px;
	left: 10px;
}
#page4 .serifCover {
	position: absolute;
	left: 782px;
	top: 140px;
	padding: 126px 0 0 0;
}
#page4 .ctsInner .serifCover {

}
#page3 .ctsInner .serifCover {
	position: absolute;
	left: 647px;
	top: 25px;
	padding: 90px 0 0 0;
}
#page3 .serifCover .coverImg2 {
	position: absolute;
	left: 136px;
	top: 108px;
}
#page2 .serifCover {
	padding: 10px 80px 0px 0px;
	position: absolute;
	left: 867px;
	top: 144px;
}
#page5 .serifCover .serif {
	margin-left: 14px;
}
#page1 .ctsInner .ctsLeft {
	background: no-repeat right;
	float: left;
	width: 536px;
	padding-top: 0px;
	height: 414px;
	position: relative;
	padding-left: 110px;
}
#page6 .serifCover {
	position: absolute;
	left: 773px;
	top: 129px;
	width: 347px;
}
#page6 .serif {
	margin: 25px 0 0 130px;
}
#page7 .serifCover {
	position: absolute;
	left: 537px;
	top: 15px;
	height: 280px;
}
#page7 .serif {
	margin: 0px 0 0 103px;
}
#page7 .coverImg {
	margin: 91px 0 0 0;
}
#page8 .serifCover {
	position: absolute;
	left: 781px;
	top: 62px;
	width: 340px;
}
#page8 .serif {
	margin: 0px 0 0 148px;
}
#page8 .coverImg {
	margin: 81px 0 0 0;
}
#page9 .serifCover {
	position: absolute;
	left: 822px;
	top: 58px;
	height: 488px;
}
#page9 .serif {
	margin: 0px 0 0 13px;
}
#page9 .coverImg {
	margin: 123px 0 0 0;
}
#page1 .logo {
	left: 21px;
	top: 21px;
	position: absolute;
}
#page1 .ctsInner h1 {
	padding: 96px 0px 20px 112px;
	margin: 0;
}
#page1 .ctsInner p {
	padding: 11px 0px 36px 112px;
}
#page1 .ctsLeft .movie_wrap {
	background: url(../images/page0_movie_bg.gif) no-repeat;
	padding: 4px 0px 0px 4px;
	height: 290px;
	margin: 4px 0 40px 0;
}
#page1 .ctsInner #topMenu {
	margin: 2px 0px 0px 20px;
	float: left;
}
#page1 .ctsInner #topMenu2 {
	float: left;
	margin: 2px 0 0 15px;
}
#topMenu li, #topMenu2 li {
	margin: 0px 0px 17px;
	cursor: pointer;
	position: relative;
}
#topMenu li .tmenuText, #topMenu2 li .tmenuText {
	margin: 13px 0px 0px 6px;
}
#page1 .rshadow {
	position: absolute;
	top: 0px;
	right: 0px;
}
#page1 .ctsInner {
	top: -9999px;
}
* html #page1 .ctsInner {
	top: 0px;
}
#page1 #scrollImg {
	position: fixed;
	bottom: -2px;
	left: -9999px;
	z-index: 1;
}
* html #page1 #scrollImg {
	position: absolute;
}
#loading {
	margin: -136px 0px 0px -36px;
	position: absolute;
	top: -9999%;
	left: 50%;
}
#gmenu li .gmenur {
	position: absolute;
	left: 4px;
	top: 3px;
	opacity: 0;
	z-index: 5;
}
.ctsLeft .caption {
	margin-top: 14px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#page2 .serifCover .serif {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 75px;
}
#page1 .movie_wrap iframe {
	position: relative;
	top: -9999px;
}
#page4 .serifCover .serif {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
#wrapper .cts #yt_Wrap {
	left: 0px;
	top: -9999px;
	overflow: hidden;
	z-index: 1;
}
#ppb .cts {
	width: 720px;
	margin:0 auto;
	min-width: 720px;
	padding: 60px 0 0 0;
}
#ppb .cts a {
	display: block;
	width: 178px;
	margin: 35px auto 46px;
	display: block;
}
.ppb1 {
	background: #f4d916 repeat;
}
.ppb2 {
	background: #9ea1d0 repeat;
}
.ppb3 {
	background: #f19dc1 repeat;
}
.ppb4 {
	background: #59c1cf repeat;
}
.ppb5 {
	background: #e6b0d0 repeat;
}
.ppb6 {
	background: #fac251 repeat;
}
.ppb7 {
	background: #70c0ec repeat;
}
.ppb8 {
	background: #cedd4d repeat;
}
#ppb .logo {
	position: absolute;
	top: 609px;
	left: 744px;
}