@charset "utf-8";

/* body */
body.index{
	background-position:center;
	margin:0px;
	padding:0px;
    background-color: #3522b3;
}
body.back{
	background-position:center;
	margin:0px;
	padding:0px;
	background-image:url(maku2.gif);
	background-repeat: repeat;
	}

div#container{
	width: 780px;
	margin: 0 auto;
	text-align: left;
}

/* テーブル・段落 */
table {width: 100%;
       border: 0; 
}



/* リンク */
a       { color:#0000FF; text-decoration:underline; }
a:hover { color:#aa0000; text-decoration:none; background-color:#ffcc99; }

/* コンテンツ */

h1 { 
	font-size:1pt;
	color: #3522b3;
	
}
h1.midashi{
     	font-size:1pt;
    	color: white;
    	}
h2 { 
	font-size:1pt;
	color:#3522b3;
}
/*
.main h2 {margin: 2px;padding: 2px;  
	height: 20px;width: 99%;
	color:white;  font-size:11pt; 

	/*
	background-image:url(bar6-770.gif); 
	background-repeat: repeat-x;
	*/
	/*
	background-color: indianred;
	text-align: left;
	vertical-align: middle;
}
*/
h3 { color:black; font-size:11pt; margin:0px 0px;
}
   
.main {
	border-collapse: collapse;
	width: 99%;
}

/* タイトルバー */
table.title{
	background:
	            #ffffff url(picture/hondensm.jpg);
	background-size:cover;
	background-position: right;
	height: 500px;
}

table.title1{
	/*
	background:
	            #ffffff url(picture/img0607.jpg);
	background-size:cover;
	background-position: center;
	height: 500px;
    */
}

.title td
	{vertical-align: middle;
	}


/*コンテンツバー*/
.contentsbar{
	width: 100%;
	border: #dc143c;
}

.contentsbar td{
	height: 40px;
	width: 150px;
	text-align: center;
	background-color: dornflowerblue;
	color: #ffffff;
	vertical-align: middle;
}

.c1{font-size: 11pt;
    color: white;
}

.c2{font-size: 11pt;
    color: blue;
}

.c3{font-size: 10pt;
    color: white;
}

.c4{font-size: 32px;
    color: white;
}

.c5{font-size: 22px;
    color: white;
}

/*メインスライドショー*/

.photo-show { 
    height: 300px; /*表示したい大きさ*/
    margin: 0px auto; /*縦余白30pxは任意*/
    max-width: 100%;
    position: relative;
    width: 480px; /*表示したい大きさ、height と合わせる*/
    padding-bottom: 5px;/*25px;*/
}

.photo-show img { 
    animation: show 24s infinite;
    -webkit-animation: show 24s infinite;
    border-radius: 10px;
    height: auto;
    max-width: 100%;
    opacity: 0;
    position: absolute; /*画像を全て重ねる*/
}

	/*アニメーション*/

@keyframes show {
    0% {opacity:0}
    5% {opacity:1}
    10% {opacity:1}
    20% {opacity:0}
 }

@-webkit-keyframes show {
    0% {opacity:0}
    5% {opacity:1}
    10% {opacity:1}
    20% {opacity:0}
}
	/*各画像のアニメーションの開始時間をずらす*/
      /* 画像8枚の基本形 */
.photo-show img:nth-of-type(1) {
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
}

.photo-show img:nth-of-type(2) {
    animation-delay: 2s;
    -webkit-animation-delay: 3s;
}

.photo-show img:nth-of-type(3) {
    animation-delay: 4s;
    -webkit-animation-delay: 6s;
}

.photo-show img:nth-of-type(4) {
    animation-delay: 6s;
    -webkit-animation-delay: 9s;
}

.photo-show img:nth-of-type(5) {
    animation-delay: 8s;
    -webkit-animation-delay: 12s
}

.photo-show img:nth-of-type(6) {
    animation-delay: 10s;
    -webkit-animation-delay: 15s;
}
.photo-show img:nth-of-type(7) {
    animation-delay: 12s;
    -webkit-animation-delay: 18s;
} 
.photo-show img:nth-of-type(8) {
    animation-delay: 14s;
    -webkit-animation-delay: 21s;
}
     /*  画像8枚の基本形ここまで */
       
/*画像5枚の基本形はここから

.photo-show img:nth-of-type(1) {
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
}

.photo-show img:nth-of-type(2) {
    animation-delay: 5s;
    -webkit-animation-delay: 5s;
}

.photo-show img:nth-of-type(3) {
    animation-delay: 10s;
    -webkit-animation-delay: 10s;
}

.photo-show img:nth-of-type(4) {
    animation-delay: 15s;
    -webkit-animation-delay: 15s;
}

.photo-show img:nth-of-type(5) {
    animation-delay: 20s;
    -webkit-animation-delay: 20s;
}
 画像5枚の基本形はここまで*/
 
	/*マウスが画像に重なった際、動きを止めて四角くする

.photo-show img {
    transition: 0.2s;
    -webkit-transition: 0.2s;
}

.photo-show:hover img {
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
    border-radius: 0;
}
	*/

/*メインスライドショーはここまで*/


/*メインコンテンツ*/
table.main{
	width: 100%; 
} 

table{
	border: white;
}

.main tr{
	width: 100%;
}

.main p{
	font-weight: bold;
}

tr.topimg{
	height: 350px;
}
.figure{
	color: white;
	font-size: small;
}

.no1{
	text-align:center;
	width: 380px;
	height: 260px;
}
.nyuudan{
	font-size: 16px;
	font-weight: bolder;
	color: #ffffff;
	vertical-align: top;
	text-align: center;
}
.mezasu{
	font-size: 14px;
	color: #ffffff;
}
.kengaku1{
	text-align: center;
}
.kengaku2{
	color: #ffffff;
}
.toiawasesaki{
	color: yellow;
}
.syoyuu1{
	text-align: center;
}
.syoyuu2{
	color: white;
}
.footer{
	text-align: center;
	color: #ffffff;
}
p.btn{
	text-align:center;
}
p.btn img{
	border-radius:10px;
}
/*jaguars-newshoukai*/
table.syoukai{
	width: 100%;
}

p.we{
	margin: 12px auto;
	font-size: 48px;
	font-weight: bolder;
	color: #0000FF;
	text-align: center;
}
	
/*jaguars-bosyuu*/
.bosyuu1{
	text-align: center;
	vertical-align: top;
}

.bosyuu2{
	text-align: center;
}

/*nkankatsudouyotei*/
.katsudou{
    border: 1px solid black;
	border-collapse: collapse;
}
.tsuki{
	text-align: right;
}
.team{
	width: 20%;
	text-align: center;
}
.league{
	width: 20%;
	text-align: center;
}
.bouhan{
	width: 20%;
	text-align: center;
}
.kutaikai{
	width: 20%;
	text-align: center;
}
.sonota{
	width: 15%;
	text-align: center;
}

/*senseki*/
td.hyoudai{
	text-align: center;
	color: blue;
	font-size: 26px;
}
/*
table, td, th{
          border: 1px 
          solid white;
          }
*/
table.senseki, td.tsuki, th.tsuki{
    border: 1px solid black;
	border-collapse: collapse;
}
caption.nendo{
	font-size: 18px;
	color: blue;
}
.kousikisen{
	width: 48%;
}
.gyoujinado{
	width: 48%;
}
.hizuke{
	color: blue;
}
.hatsumoude{
	font-size: 18px;
}
.shinnnennkai{
	font-size: 18px;
}
.renmei{
	font-size: 18px;
}
.bouhan3{
	font-size: 18px;
}
p.jitensyahead{
	font-size: 28px;
	font-weight: bold;
}
.jitensyayuusyou{
	color: red;
}
.yusyou{
	color: red;
	font-size: 24px;
}

/*link*/


/* 一番下に掲載しているフッタです */

.footer tr{
	height: 34px;
	color: white;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
}
.footer td{
	background-color: indianred;
}


/*さらに下　アクセスがとりやすくなるパーツ
.bottom{
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
}
.bottom tr{
	height: 24px;
}
.bottom td{
	font-size: 12px;
	text-align: right;
	vertical-align: top;
	color:gray;
}
.b1{
	font-size: 1px;
	color: gray;
}
*/