#home #container { padding-top: 0; }


.piece-about #primary { height: 820px; background: url(../swf/atari3.jpg) 0 0 no-repeat; position: relative; }
.piece-about #primary .syatyo a{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	width: 152px;
	height: 60px;
	position: absolute;
	left: 30px;
	bottom: 700px;
	background: url(../images/common/banner_president.jpg) no-repeat;
	cursor: pointer;
}
.piece-about #primary .syatyo a:hover{
	left: 28px;
	bottom: 700px;
	background: url(../images/common/banner_president.jpg) no-repeat;
	}
.piece-about #primary .jomu a{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	width: 152px;
	height: 60px;
	position: absolute;
	left: 200px;
	bottom: 700px;
	background: url(../images/common/banner_director.jpg) no-repeat;
	cursor: pointer;
}
.piece-about #primary .jomu a:hover{
	left: 198px;
	bottom: 700px;
	background: url(../images/common/banner_director.jpg) no-repeat;
	}
.piece-about #primary .facebook a{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	width: 135px;
	height: 75px;
	position: absolute;
	right: 20px;
	bottom: 700px;
	background: url(../images/common/midway3.png) no-repeat;
	cursor: pointer;
}

.piece-about #primary .gorufu a{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	width: 200px;
	height:200px;
	position: absolute;
	right: 80px;
	bottom: 200px;
	background: url(../images/common/gorufu.png) no-repeat;
	cursor: pointer;
}

.piece-about #primary .pachinkoj a{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	width: 200px;
	height:200px;
	position: absolute;
	right: 600px;
	bottom: 200px;
	background: url(../images/common/pachinkoj.png) no-repeat;
	cursor: pointer;
}

.piece-about #primary .appachinkoj a{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	width: 200px;
	height:200px;
	position: absolute;
	right: 340px;
	bottom: 200px;
	background: url(../images/common/appachinkoj.png) no-repeat;
	cursor: pointer;
}

.piece-about #primary .facebook a:hover{
	width: 180px;
	height: 100px;
	background: url(../images/common/midway3b.png) no-repeat;
	}
.piece-about #primary .text { padding: 25px 35px; }

.piece-index #content { padding: 12px 0 25px 100px; }
.piece-index #content .lineup li { float: left; width: 133px; height: 138px; padding: 0 55px 45px 0; }

.piece-interview #content { padding: 20px 0; }
.piece-interview #content .primary { float: left; width: 553px; }
.piece-interview #content .secondary { float: right; width: 322px; margin-right: 25px; }
.piece-interview #content .primary .title { font-size: 1.33em; font-weight: bold; line-height: 1.4; color: #13007C; padding: 0 35px; margin-bottom: 12px; }
.piece-interview #content .primary .name { line-height: 1; background: #E6E6E6; padding: 3px 35px; }
.piece-interview #content .primary .content { padding: 12px 0 25px 35px; }
.piece-interview #content .primary .text { float: left; width: 380px; font-size: 11px; text-indent: 1em; line-height: 1.8; }
.piece-interview #content .primary .kizuna { float: right; text-align: right; }
.piece-interview #content .secondary .thanks { background: #13007D url(../images/piece/heart.jpg) top right no-repeat; padding: 10px; margin-top: 10px; }
.piece-interview #content .secondary .thanks .title { color: #FFFF00; }
.piece-interview #content .secondary .thanks .content { font-size: 11px; line-height: 1.4; color: #FFFFFF; padding-top: 3px; }

.piece-activity #header .navi { margin-left: 25px; }
.piece-activity #header .navi li { float: left; width: 46px; margin-right: 7px; }
.piece-activity #content { padding: 45px 30px 45px 0; }
.piece-activity #content .title { border-bottom: 1px solid #CCCCCC; padding: 0 0 10px 40px; }
.piece-activity #content .content { padding: 10px 0 0 40px; }
.piece-activity #content .text { float: left; width: 290px;  line-height: 1.8; }
.piece-activity #content .text p { text-indent: 1em; }
.piece-activity #content .image { float: right; width: 496px; }

.piece-thanks #header .navi { margin-left: 25px; }
.piece-thanks #header .navi li { float: left; width: 46px; margin-right: 7px; }
.piece-thanks #content { padding: 45px 30px 45px 0; }
.piece-thanks #content .title { border-bottom: 1px solid #CCCCCC; padding: 0 0 10px 40px; }
.piece-thanks #content .content { padding: 10px 0 0 40px; }
.piece-thanks #content .text { float: left; width: 310px; }
.piece-thanks #content .text p { font-size: 11px; text-indent: 1em; line-height: 1.8; }
.piece-thanks #content .image { float: right; width: 480px; }
.piece-thanks #content h3 { margin-top: 10px; }

#message #primary .primary { float: right; width: 450px; padding-bottom: 40px; }
#message #primary .secondary { float: left; width: 450px; position: relative; }
#message #primary .section { font-size: 11px; line-height: 1.3; padding: 40px 30px 0; }
#message #primary .section .content { padding-top: 10px; }
#message #primary .section .text p { text-indent: 1em; }
#message #primary .section-title { padding: 0 10px 0 0; }
#message #primary .section-title .content { border-bottom: 1px solid #999999; padding: 30px 15px 15px 30px; }
#message #primary .section-title .description { margin-top: 20px; }
#message #primary .section-title .name { text-align: right; margin-top: 10px; }

#message #primary .section01 { padding-top: 20px; }
#message #primary .section02 .text { float: left; width: 250px; }
#message #primary .section02 .photo { float: right; width: 125px; font-size: 10px; }
#message #primary .section02 .photo img { padding-bottom: 5px; }

.message-president #primary { position: relative; background: url(../images/message/president.jpg) 0 0 no-repeat; }
.message-president #primary .tertiary { clear: both; position: relative; width: 900px; height: 200px; }
.message-president #primary .tertiary .title { position: absolute; top: -480px; left: 0; width: 179px; height: 517px; }
.message-president #primary .tertiary .film { position: absolute; top: 0; left: 0; width: 1086px; height: 176px; }

.message-director #primary { background: url(../images/message/director.jpg) 0 0 no-repeat; }
.message-director #primary .secondary { padding-top: 690px; }
.message-director #primary .secondary .piece { position: relative; width: 450px; height: 203px;  }
.message-director #primary .secondary .piece .content { position: absolute; top: 0; left: 19px; width: 462px; height: 203px; }
.message-director #primary .secondary .plan { margin: 20px 0 0 19px; }

#faq #content { position: relative; margin: 45px 0 25px 0; }
#faq #content .title { border-bottom: 1px solid #CCCCCC; padding: 0 0 10px 35px; margin-right: 25px; }
#faq #content .manager { position: absolute; top: 0; right: 25px; width: 411px; height: 600px; }
#faq #content .manager .photo { float: right; width: 322px; }
#faq #content .manager .kizuna { float: left; width: 89px; margin-top: 80px; }
#faq #content .manager .scene .image { float: right; width: 123px; margin-top: 10px; }
#faq #content .manager .scene .text { float: right; width: 140px; font-size: 10px; line-height: 1.3; margin: 40px 5px 0 0; }
#faq #content .content { padding: 0 45px 0 35px; }
#faq #content .content li { margin-top: 25px; }
#faq #content .content .question { margin-bottom: 10px; }
#faq #content .content .answer { background: url(../images/faq/a.gif) 0 0 no-repeat; padding-left: 40px; }
#faq #content .primary { float: left; width: 350px; }
#faq #content .secondary { float: right; width: 350px; margin-top: 520px; }
#faq #content .tertiary { margin-top: 40px; }

#event #content { position: relative; top: -8px; padding-bottom: 40px; }

#information #header .text { float: left; width: 460px; padding: 35px 25px 15px 25px; }
#information #header .navi { margin-top: 10px; }
#information #header .navi li { float: left; width: 151px; }
#information #header .piece { float: right; width: 158px; margin-top: 10px; }
#information #content { padding: 0 20px; }
#information #content .section { border-top: 1px dotted #999999; padding: 20px 10px; }
#information #content .header { background: #E6E6E6 url(../images/information/back.jpg) 0 0 no-repeat; padding: 8px; }
#information #content .header .title { float: left; width: 100px; }
#information #content .header table { float: right; width: 710px; margin-top: 10px; }
#information #content .header th {  font-weight: bold; line-height: 1; white-space: nowrap; color: #13007C; padding: 3px 0; }
#information #content .header td { font-size: 11px; line-height: 1; padding: 3px 0 3px 10px; }
#information #content #new { border-top: none; }
#information #new { position: relative; width: 840px; }
#information #new h3.title { font-weight: bold; line-height: 1; color: #13007C; background: #E6E6E6 url(../images/information/title.jpg) top repeat-x; padding: 4px 20px; margin-top: 20px; }
#information #new .content { padding: 10px 20px; }
#information #new .step .text { float: left; width: 320px; font-size: 11px; margin-right: 10px;  }
#information #new .step .photo { float: left; width: 100px; font-size: 10px; line-height: 1.3; text-align: center; }
#information #new .step .photo img { padding-bottom: 5px; }
#information #new .step .flow { float: right; width: 343px; font-size: 11px; text-align: center; }
#information #new .need .text { float: left; width: 380px; font-size: 11px; }
#information #new .need .image { float: right; width: 313px; }
#information #new .detail { padding-bottom: 20px; }
#information #new .detail table { width: 100%; font-size: 11px; }
#information #new .detail th,
#information #new .detail td { border-bottom: 1px solid #FFFFFF; background: #E6E9F3; padding: 10px; }
#information #new .detail th { white-space: nowrap; }
#information #new .detail td { border-left: 1px solid #FFFFFF; }
#information #new .navi { width: 654px; margin: 0 auto; }
#information #new .navi .tel { float: left; width: 407px; }
#information #new .navi .mail { float: right; width: 227px; }
#information #new .navi .entry { text-align: center; margin-top: 20px; }

#information #midway { position: relative; width: 840px; }
#information #midway h3.title { font-weight: bold; line-height: 1; color: #13007C; background: #E6E6E6 url(../images/information/title.jpg) top repeat-x; padding: 4px 20px; margin-top: 20px; }
#information #midway .header .text { float: right; width: 720px; font-size: 13px; font-weight: bold; line-height: 1.8; margin-top: 15px; }
#information #midway .content { padding: 10px 20px; }
#information #midway .need .text { float: left; width: 440px; font-size: 11px; }
#information #midway .need .image { float: right; width: 313px; }
#information #midway .detail { padding-bottom: 20px; }
#information #midway .detail table { width: 100%; font-size: 11px; }
#information #midway .detail th,
#information #midway .detail td { border-bottom: 1px solid #FFFFFF; background: #E6E9F3; padding: 10px; }
#information #midway .detail th { white-space: nowrap; }
#information #midway .detail td { border-left: 1px solid #FFFFFF; }
#information #midway .navi { width: 654px; margin: 0 auto; }
#information #midway .navi .tel { float: left; width: 407px; }
#information #midway .navi .mail { float: right; width: 227px; }
#information #midway .navi .entry { text-align: center; margin-top: 20px; }
#information #midway .navi .entry p { display: inline; padding: 0 20px; }

#information #arbeit { position: relative; width: 840px; height: 256px; }
#information #arbeit .shop { position: absolute; top: 205px; left: 150px; }