@charset "shift_jis";
/* CSS Document */
/*********************************************
/*時間割表つくーる設定
*********************************************/

/* top(index.html)のスタイル */
#content {
	width: 100%;
}
#content #TopContentsFooter {
	padding-bottom: 10px ;
	background: url(../img/bg_footer-top.gif) no-repeat center bottom;
}
#content #TopContentsHeader  {
	background: url(../img/bg_header-top.gif) no-repeat center top;
}
#content #TopContentsBody {
	background: url(../img/bg_body.gif) no-repeat center top;
}
#content #TopContents {
	width: 740px;
	margin: 0 auto;
}
#content #TopContents h2 {
	text-align: right;
	padding: 44px 3px 0px 0px;
}
#content #TopContents p {
	text-align: center;
	padding: 75px 0px 47px;
}


/* Step01(作品選択)のスタイル */

#content #StepBody01 {
	background: url(../img/bg_body.gif) repeat-y center top;
}
#content #StepHeader01 {
	background: url(../img/bg_header.gif) no-repeat center top;
}
#content #StepFooter01 {
	background: url(../img/bg_footer.gif) no-repeat center bottom;
}
#content #StepContents01 {
	width: 740px;
	margin: 0 auto;
}
#content #StepContents01 #InnerHeader {
	padding: 0 13px 0px 17px;
	height: 117px;
	clear: both;
}
#content #StepContents01 #InnerHeader ul {
	width: 478px;
	padding-top: 25px;
	float: left;
	
}
#content #StepContents01 #InnerHeader ul li {
	float: left;
	padding-right: 19px;
	background: url(../img/img_arrow.gif) no-repeat 148px center;
}
#content #StepContents01 #InnerHeader ul #lastStep {
	background: none;
	padding-right: 0px;
}
#content #StepContents01 #InnerHeader h2 {
	float: right;
}
#content #StepContents01 h3 {
	clear: both;
	padding: 0px 0px 35px 10px;
}
#content #StepContents01 #InnerWap {
	padding:10px;
}
#content #StepContents01 #InnerWap #InnerBg {
	background: #FFF;
	width: 720px;
}
#content #StepContents01 #InnerWap #InnerBg #InnerBgHeader {
	background: url(../img/bg_inner-header.gif) no-repeat center top;
	padding-top: 6px;
}
#content #StepContents01 #InnerWap #InnerBg #InnerBgHeader #InnerBgFooter {
	background: url(../img/bg_inner-footer.gif) no-repeat center bottom;
	padding-bottom: 6px;
	overflow: hidden;
}
#content #StepContents01 #InnerWap #InnerBg #InnerBgHeader #InnerBgFooter ul {
	padding: 0px 0px 0px 10px;
	text-align: center;
	width: 720px;
}
#content #StepContents01 #InnerWap #InnerBg #InnerBgHeader #InnerBgFooter ul li {
	float: left;
	height: 180px;
	width: 220px;
	text-align: center;
	padding: 20px 20px 0 0;
	display: block;
}
#content #StepContents01 #InnerWap #InnerBg #InnerBgHeader #InnerBgFooter ul li img {
	border: 3px solid #b18d0f;
	-webkit-box-shadow: 3px 3px 3px 1px #999;
	-moz-box-shadow: 5px 5px 5px 1px #999;
	box-shadow: 5px 5px 5px 1px #999;
	/* ドロップシャドウ作成ツール
	http://www.layerstyles.org/ */
	behavior: url(pie/PIE.htc);
	position: relative;
}

/* Step02(時間割表をつくる)のスタイル */
#content #StepContents02{
	position: relative;
	width: 740px;
	margin: 0 auto;
	height: 1118px;
}

#content #StepContents02 #flashContent {
	width: 740px;
}

#content #StepContents02 #flashContent #index {
	text-align: center;
}
#content #StepContents02 #flashContent #noFlash {
	width: 740px;
	margin: 0px auto;
	position: absolute;


	/top: 0px;
	/left: 3px;
}
#content #flashContent #noFlashFooter {
	background: url(../img/bg_footer-top.gif) no-repeat center bottom;
}
#content #flashContent #noFlashHeader  {
	background: url(../img/bg_header-top.gif) no-repeat center top;
}
#content #flashContent #noFlashContents h2 {
	text-align:right;
	padding: 44px 3px 0px 0px;
}
#content #flashContent #noFlashContents p {
	text-align: center;
	padding: 130px 0px 47px;
}