@charset "Shift_JIS";
/*目次
1. 	タグ
2.	リスト
3.	テキスト
4.	スペーサー
5.	マージン、パディング、ボーダー
6.	その他
*/
/*1.タグ*/
body	{
		color:#eeeeee;
		line-height:150%;
		margin:20px auto;
		background-color:#000000;
		font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		font-size:95%;
}
a:link	{
		color:#ff00ff;	
}
a:hover	{
		color:#ffffff;
}
a:active	{
		color:#ff0000;	
}
a:visited	{
		color:#ff00ff;	
}
h1		{
		text-align:center;
		font-size:150%;
		color:#FF00FF;
		margin:0px;
		padding:0px;
		border:0px;
}
h2		{
		font-size:100%;
		color:#ffffff;
		margin:0px;
		padding:0px;
		border:0px;
}
h3		{
		font-size:100%;
		color:#ffffff;
		margin:0px;
		padding:0px;
		border:0px;
}
table	{
		border:0px;
		padding:0px;
		width:760px;
		margin-left:auto;
		margin-right:auto;	
		
}
img		{
		border:0px;
		border-color:#000000;
}
hr		{
		width:760px;
		margin-left:auto;
		margin-right:auto;
}
/*2. リスト*/
.list1	{
		list-style-image:url(../images/common/designparts/arrow_r.gif);
		line-height:150%;
		margin-bottom:10px;
}
.list2	{
		list-style-image:none;
		display:inline;
}
.list3	{
		list-style-image:url(../images/common/designparts/arrow_rw.gif);
		line-height:150%;
		margin-bottom:10px;
}
#list4	{
		list-style-type:none;
}
#list4	li {
		line-height:150%;
}
.list5	{
		list-style-image:url(../images/common/designparts/arrow_r.gif);
		line-height:150%;
		margin-bottom:30px;
}
.list5a	{
		list-style-image:url(../images/common/designparts/arrow_rw.gif);
		line-height:150%;
		margin-bottom:30px;
}
.list5b	{
		list-style-image:url(../images/common/designparts/arrow_rw.gif);
		line-height:150%;
		margin-bottom:30px;
}
#list6 li{
		list-style-type:none;
		background-image:url(../images/common/designparts/arrow_rw.gif);
		background-repeat:no-repeat;
		background-position:0px 23px;
		padding:20px 0px 0px 20px;
}
.list6a li{
		list-style-type:none;
		background-image:url(../images/common/designparts/arrow_rw.gif);
		background-repeat:no-repeat;
		background-position:0px 23px;
		padding:20px 0px 0px 20px;
}
#list7 li{
		list-style-type:none;
		background-image:url(../images/common/designparts/arrow_rw.gif);
		background-repeat:no-repeat;
		background-position:120px 34px;
		padding:20px 0px 0px 3px;
}
.list8	{
		list-style-type:none;
		text-align:left;
		padding-bottom:5px;
}
.list9	{
		padding-bottom:20px;
}
#list10	{
		list-style-type:none;
		padding:0px 0px 5px 236px;
		background-image:url(../images/common/designparts/arrow_rw.gif);
		background-repeat:no-repeat;
		background-position:223px 6px;
		position:relative;
		top:-15px;
}
#list10a	{
		list-style-type:none;
		padding:0px 0px 5px 236px;
		background-image:url(../images/common/designparts/arrow_rw.gif);
		background-repeat:no-repeat;
		background-position:223px 6px;
		position:relative;
		top:-15px;
}
#list11	{
		list-style-type:none;
		padding:0px 0px 0px 236px;
		background-image:url(../images/common/designparts/arrow_rw.gif);
		background-repeat:no-repeat;
		background-position:223px 6px;
		position:relative;
		top:-15px;
}
#list12	{
		display:inline;
}
.list13	{
		list-style-type:none;
		padding-bottom:5px;
}
.list14	li{
		list-style-type:none;
		padding-bottom:5px;
}
/*3. テキスト*/
.text1	{
		text-align:left;
		font-size:100%;
		padding-left:20px;
}
.text2	{
		padding-left:60px;
		font-size:90%;
}
#text3 	{
		padding-left:8px;
}
.text4	{
		font-weight:500;
		font-size:90%;
}
.text5	{
		text-align:left;
		font-size:80%;
}
#text6	{
		color:#ffffff;
		font-size:80%;
		text-align:center
}
#text7	{
		color:#ff00ff;
		font-size:80%;
		text-align:right;
}
.text8	{
		color:#ff00ff;
}
.text9	{
		font-size:90%;
		padding-right:15px;
}
.text9a	{
		font-size:90%;
		padding:0px 15px 0px 30px;
		text-align:left;
}
.text9aa	{
		font-size:90%;
		padding:15px 15px 0px 30px;
		text-align:left;
}
.text10	{
		font-size:80%;
		padding-left:5px;
}
.text11	{
		text-align:left;
		position:relative;
		left:145px;
}
.text12	{
		color:#ff00ff;
		margin:0px;
		padding:0px;
}
.text13	{
		font-size:90%;
		text-align:left;
		padding:0px 0px 0px 30px;
		line-height:100%;
}
.text14	{
		font-size:90%;
		text-align:left;
		padding:0px 0px 0px 30px;
}
.text15	{
		font-size:90%;
		text-align:left;
		padding:0px 0px 0px 30px;
}
.text15a	{
		font-size:14px;
		text-align:left;
		padding:0px 0px 0px 30px;
		line-height:150%
}
.text15aa	{
		font-size:14px;
		line-height:150%;
}
.text16	{
		font-size:90%;
}
.text17	{
		font-size:90%;
		text-align:left;
		padding:0px 0px 0px 30px;
}
.text18	{
		font-size:90%;
		width: 300px;
		text-align:left;
}
.text19	{
		text-align:left;
		padding-left:100px;
}
#text20	{
		padding:10px 20px 10px 40px;
		line-height:150%;
}
#text21	{
		font-style:italic;
}
#text22	{
		line-height:150%;
}
#text23	{
		padding:10px 20px 10px 40px;
		line-height:150%;
}
.t24	{
		color:orange;
}
.t25	{
		color:red;
}
.t26	{
		color:gray;
}
.t27	{
		color:yellow;
}
.t28	{
		color:#FF00FF;
}
.t29	{
		line-height:120%;
}
/*4. スペーサー*/
.spacer1	{
		padding-right:3px;
}
.spacer2	{
		padding-left:10px;
		display:inline;
}
.spacer3 	{
		margin-bottom:20px;
}
.spacer4	{
		margin:0px 5px;
}
.spacer5	{
		padding:0px 3px;
}
.spacer6	{
		border-color:#FFFFFF;
		border-style:solid;
		border-width:2px;
}
.spacer7	{
		padding:0px 3px;
		position:relative;
		top:-12px;
		display:inline;
}
.spacer8	{
		padding:0px 3px 0px 18px;
}
#s9		{
		width:760px;
		padding:0px 20px;
		text-align:left;
}
#s10		{
		width:760px;
		padding:0px 20px;
		text-align:right;
}
#s11	{
		margin:0px;
		padding:0px;
}
.s12	{
		width:760px;
		padding:0px 20px;
		text-align:left;
}
#s13	{
		position:relative;
		top:-120px;
		left:200px;
}
.s14	{
		margin:0px 5px;
		position:relative;
		top:-4px;
}
.s15	{
		padding:15px 0px;
}
.s16	{
		padding:5px 5px 0px 5px;
		font-size:13px;
}
.s17	{
		padding:0px 5px 0px 0px;
}
#s18	{
		font-size:13px;
}
#s19	{
		padding:40px 0px 0px 20px;
}
#s20	{
		padding:0px 0px 0px 40px;
}
.s21	{
		padding:10px 0px 0px 20px;
}
.s22	{
		padding:0px 0px 0px 50px;
}
.s23	{
		padding:0px 0px 0px 50px;
}
#s24	{
		padding:10px 0px 0px 0px;
}
#s25 th, td	{
		padding:0px 0px 10px 0px;
}
.s26	{
		padding:5px 0px 0px 0px;
}
.s27	{
		padding:35px 0px 0px 0px;
}
.s28	{
		font-size:12px;
		padding:0px 10px 0px 5px;
}
.s29	{
		padding:4px;
}
#s30		{
		width:760px;
		padding:40px 20px 20px 20px;
		text-align:left;
}
/*4. マージン、パディング、ボーダー*/
.mpb1	{
		border-color:#333333;
		border-style:solid;
		border-width:2px;
}
/*5. デコレーション090305ヨリ*/
.d1		{
		border-bottom:dotted 1px #cccccc;
		color:#999999;
}
.d2		{
		padding-bottom:30px;
}
.d3		{
		padding-top:7px;
}
.d4		{
		position:relative;
		top:-10px;
}
.d5		{
		border-bottom:groove 1px #cccccc;
		color:#cccccc;
}
.d6	li	{
		list-style-type:none;
		line-height:150%;
		padding-bottom:5px;
}
.d7		{
		padding-bottom:20px;
}
.d8		{
		font-size:11px;
		padding:0px 10px;
}
.d9		{
		position:relative;
		top:-170px;
}
.d10	{
		padding-right:20px;
}
.d11		{
		position:relative;
		top:12px;
}
.d12		{
		position:relative;
		top:10px;
}
.d13		{
		position:relative;
		top:10px;
		left:62px;
}
.d14		{
		position:relative;
		top:8px;
		left:92px;
}
.d15		{
		position:relative;
		top:8px;
}
.d16		{
		position:relative;
		top:-46px;
}
.d17		{
		position:relative;
		top:-28px;
}
.d18		{
		position:relative;
		top:5px;
}
.d19	{
		position:relative;
		top:-25px;
}
.d20	{
		position:relative;
		top:55px;
}
.d21	{
		position:relative;
		top:43px;
}
.d22	{
		position:relative;
		top:5px;
}
.d23	{
		position:relative;
		top:42px;
}
.d24	{
		position:relative;
		top:36px;
}
.d25	{
		line-height:120%;
}
.d25a	{
		line-height:120%;
		padding:0px 20px 0px 0px;
}
.d26		{
		border-bottom:dotted 1px #cccccc;
		color:#999999;
		display:inline;
}
.d27	{
		position:relative;
		top:56px;
}
#d28	{
		padding:80px 20px 20px 80px;
}
.d29	{
		padding:40px 0px 0px 0px;
}
#d30 a:hover	img {
		border-top:5px orange solid;
}
.d31	{
		font-size:12px;
}
.d31a	{
		font-size:12px;
		padding:0px 0px 0px 20px;
}
.d31aa	{
		font-size:12px;
		padding:0px 20px 0px 20px;
}
.d31b	{
		font-size:12px;
		padding:0px 0px 0px 36px;
}
.d31c	{
		font-size:12px;
		padding:0px 0px 0px 25px;
}
.d32	{
		width:400px;
}
.d33	{
		position:relative;
		top:5px;
}
.d34	{
		color:#FF00FF;
}
.d35	{
		padding-top:60px;
}
.d36	{
		position:relative;
		top:3px;
}
.d37	{
		display:inline;
}
.d38	{
		position:relative;
		top:-174px;
		}
.d39	{
		padding:0px 20px 0px 0px;
}
.d40	{
		padding:0px 0px 10px 0px;
		list-style-type:none;
}
.d41 td	{
		padding:0px 0px 25px 0px;
		margin:0px;
}
.d42	{
		list-style-type:none;
}
.d43	{
		padding:0px 0px 0px 40px;
}
.d44	{
		font-size:12px;
}
.d45	{
		width:434px;
}
.d46 	{
		line-height:150%;
}
.d47 a	{
		padding:0px 0px 0px 10px;
		/*background-image:url(../images/common/designparts/arrow_rw.gif);*/
		background-repeat:no-repeat;
		background-position:8px 4px;
		font-size:13px;
}
.d48 a	{
		padding:0px 0px 0px 7px;
		/*background-image:url(../images/common/designparts/arrow_r.gif);*/
		background-repeat:no-repeat;
		background-position:8px 4px;
		font-size:13px;
}
.d49	{
		color:#66FFFF;
		font-size:20px;
}
.d49a	{
		color:#66FF00;
		font-size:20px;
}
.d50	{
		font-size:20px;
}
.d51	{
		font-size:12px;
}
.d52	{
		font-size:20px;
		color:#FFFF00;
}
.d52a	{
		font-size:20px;
		color:#00FFFF;
}
.d52b	{
		font-size:20px;
		color:#FF00FF;
}
.d52c	{
		font-size:20px;
		color:#CCCCCC;
}
.d52d	{
		color:#FF00FF;
}
.d53	{
		font-size:20px;
		color:#FFCCFF;
}
.d54	{
		position:relative;
		left:-25px;
		font-size:12px;
		line-height:120%
}
.d55	{
		padding:0px 0px 0px 12px;
		display:inline;
		background-image:url(../images/common/designparts/arrow_rw.gif);
		background-repeat:no-repeat;
		background-position:0px 5px;
}
.d55a	{
		padding:0px 5px 0px 5px;
}
.d56	{
		padding:858px 0px 0px 0px;
}
.d57	{
		font-style:italic;
		font-size:12px;
}
.d58	{
		position:relative;
		left:-355px;
}
.d58a	{
		position:relative;
		left:-385px;
}
.d58b	{
		position:relative;
		left:-315px;
}
.d58c	{
		position:relative;
		left:-307px;
}
.d58d	{
		position:relative;
		left:-323px;
}
.d59 li	{
		line-height:150%;
}
.d60	{
		position:relative;
		left:110px;
}
.d61	{
		padding-top:1000px;
}
.d62		{
		position:relative;
		top:0px;
		left:20px;
		font-size:13px;
}
.d63		{
		padding:20px;
		font-size:13px;
}
.d64		{
		font-size:11px;
}
.d65 img		{
		border:1px solid #333333;
}
.d66 	{
		font-size:24px;
		color:#FF0000;
}
.d70 {
		font-size:17px;
}
/*6. その他*/
.pic1	{
		width:760px;
		height:8px;
}
.ctr	{
		margin:0px auto;
}
#w1		{
		width:760px;
		margin:0px auto;
}
#stage {
    position: relative;
    width: 700px;
    height: 350px;
    margin: 0 auto;
	padding-bottom:100px;
}
#photo1,#photo2,#photo3,#photo4,#photo5,#photo6,#photo7,#photo8 {
    position: absolute;
    width: 700px;
    height: 350px;
}
#photo1 img,#photo2 img,#photo3 img,#photo4 img,#photo5 img,#photo6 img,#photo7 img,#photo8 img {
    opacity:0;
    -moz-animation: imgTrans 24s infinite;
    -webkit-animation: imgTrans 24s infinite;
    animation: imgTrans 24s infinite;
}
#photo1 img {
    -moz-animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
#photo2 img {
    -moz-animation-delay: 3s;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}
#photo3 img {
    -moz-animation-delay: 6s;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
}
#photo4 img{
    -moz-animation-delay: 9s;
    -webkit-animation-delay: 9s;
    animation-delay: 9s;
}
#photo5 img {
    -moz-animation-delay: 12s;
    -webkit-animation-delay: 12s;
    animation-delay: 12s;
}
#photo6 img {
    -moz-animation-delay: 15s;
    -webkit-animation-delay: 15s;
    animation-delay: 15s;
}
#photo7 img {
    -moz-animation-delay: 18s;
    -webkit-animation-delay: 18s;
    animation-delay: 18s;
}
#photo8 img {
    -moz-animation-delay: 21s;
    -webkit-animation-delay: 21s;
    animation-delay: 21s;
}

#frame {
    width: 700px;
    height: 350px;
    position: relative;
    overflow: hidden;
}
@-webkit-keyframes imgTrans {
 0% { opacity:0; }
 5% { opacity:1; }
 20% { opacity:1; }
 25% { opacity:0; } 
 100% { opacity:0; }
}
@-moz-keyframes imgTrans {
 0% { opacity:0; }
 5% { opacity:1; }
 20% { opacity:1; }
 25% { opacity:0; } 
 100% { opacity:0; }
}
@keyframes imgTrans {
 0% { opacity:0; }
 5% { opacity:1; }
 20% { opacity:1; }
 25% { opacity:0; } 
 100% { opacity:0; }
}


ul {
list-style:none;

}
span.h {
float:left;
text-align: right;
width: 50px;
border-bottom: 1px solid #813a80;
}
span.h2 {
display: block;
margin-left: 40px;
text-align: right;
width: 110px;
border-bottom: 1px solid #818081;
}

span.h3 {
float:left;
text-align: right;
width: 70px;
border-bottom: 1px solid #813a80;
}