﻿@charset "utf-8";
/* CSS Document */

body {

 background: url(../images/bg.jpg) center top fixed;
 font-family: arial,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
 
}

#container {

 width: 910px;
 margin: 0 auto;
 margin-top: 20px;
 
}

#contents {

 width: 910px;
 background: url(../images/bg-contents.png) repeat-y;
 overflow: auto;
}

/*//////header//////*/

#header {

 width: 910px;
 height: 235px;
 background: url(../images/header.jpg) no-repeat;
 
}

/*//////head-navi//////*/

.head-navi {

 width: 200px;
 float: right;
 padding-right: 10px;
 padding-top: 10px;
 
}

.head-navi ul {

 float: right;
 
}

.head-navi ul li {

 display: inline;
 float: left;
 padding-right: 7px;
 padding-left: 7px;
 
}


h1.logo {

 padding-top: 20px;
 padding-left: 15px;
 float: left;
 
}

/*//////footer//////*/


#footer {

 clear: both;
 width: 910px;
 height: 80px;
 background: url(../images/contents-bottom.png) bottom no-repeat;
 margin-bottom: 20px;
 
}

.footer-link {

 width: 900px;
 padding-left: 160px;
 padding-top: 33px;
 font-size: 10px;
 color: #EEEEEE;
 
}

.footer-link a:link {

 color: #EEEEEE;
 
}

.footer-link a {

 color: #EEEEEE;
 text-decoration: none;
 
}

*html body .footer-link {

 width: 900px;
 text-align: center;
 padding-left: 10px;
 padding-top: 32px;
 font-size: 11px;
 color: #EEEEEE;
 
}

.footer-link ul li {

 display: inline;
 padding-right: 7px;
 padding-left: 7px;
 border-right: 1px solid #999999;
 
}

/*//////news-top//////*/

.news-top {

 float: left;
 width: 605px;
 height: 380px;
 margin-left: 20px;
 background: url(../images/bg-news.jpg) no-repeat;
 

}

*html body .news-top {

 float: left;
 width: 605px;
 height: 380px;
 margin-left: 10px;
 background: url(../images/bg-news.jpg) no-repeat;
 

}

.news-wrap dl, dt {

 font-size: 13px;
 color: #333333;
 
}

.news-wrap dd {

 font-size: 13px;
 color: #003366;
 padding-bottom: 15px;
 
}

.news-wrap dd a{

 text-decoration: none;
}

.news-wrap {

 padding-top: 50px;
 padding-left: 30px;
 
}
 

/*//////pickup-top//////*/


.pickup-top {

float: right;
width: 245px;
height: 380px;
padding-right: 20px;
background: url(../images/bg-pickup.jpg) no-repeat;

}


#flash {

 padding: 15px 20px;
 
}

.wrap {

 width: 910px;
 background: #FFFFFF;
 height: 380px;
 
}

#navi {

 width: 910px;
 height: 50px;
 
}

/*//////midashi//////*/

img.midashi {

 padding-top: 20px;
 padding-bottom: 20px;
 
}


/*//////news-detail//////*/

.news-detail {

 width: 780px;
 padding-left: 65px;
 
}

.news-content {

 width: 680px;
 margin-left: 40px;
 padding-bottom: 20px;
 padding-top: 20px;
 overflow: auto;
 border-bottom: 1px dotted #999999;
 
}

.news-date {

 float: left;
 width: 130px;
 
}

.news-text {

 float: right;
 width: 550px;
 
}

.news-title {

 padding-bottom: 10px;
 
}

.news-title p {

 color: #003366;
 
}

/*//////gallery-index//////*/

ul.gallery-index {

 font-size: 13px;
 padding-left: 30px;
 padding-top: 10px;
 
}

ul.gallery-index li {

 background: url(../images/list.gif) no-repeat left center;
 padding-left: 14px;
 line-height: 1.8em;
 
}
 
ul.gallery-index li a {

 text-decoration: none;
 
}

.gallery-box {

 width: 600px;
 padding-left: 50px;
 
}

.gallerytitle p a {

 text-decoration: none;
 font-weight: bold;
 
}

.gallery-detail {

 width: 850px;
 padding-left: 24px;
 padding-top: 20px;
 
}

img.gallery-top {

 padding-left: 370px;
 padding-bottom: 20px;
 
}

.thumbnail {

 width: 830px;
 height: 320px;
 
}

.gallery-large {

 width: 830px;
 height: 400px;
 border: 1px solid #999999;
 
}

img.galleryyear {

 padding-left: 15px;
 
}


/*//////ROSTER//////*/

.roster-wrapper {

 width: 870px;
 margin-left: 20px;
 
}

.roster-small {

 width: 550px;
 height: 600px;
 overflow: scroll;
 float: left;
 padding-top: 5px;
 
}

img.r-small {

 padding: 0px 0px 5px 4px;
 
}

img.grade {

 padding: 10px 0px 5px 5px;
 
}

.roster-large {

 background: url(../images/clickleft.gif) no-repeat;
 width: 265px;
 height: 400px;
 float: right;
 padding-right: 10px;
 margin-top: 40px;
 
}


/*//////Freshman//////*/

.freshman-flash {

 width: 910px;
 padding-top: 20px;
 
}

.fresh-contents {

 width: 870px;
 margin-left: 25px;
 padding-top: 20px;
 
}

.fresh-contents p {

 line-height: 2em;
 
}


img.freshpic-right {

 float: right;
 width: 266px;
 
}

img.freshpic-left {

 float: left;
 width: 259px;
 padding: 0px 8px 20px 8px;
 
}

.f-message {

 padding-left: 70px;
 padding-top: 30px;
 width: 760px;
 
}

.about01-origin {

 background: url(../images/about-bg01.jpg) no-repeat;
 width: 800px;
 height: 158px;
 
}

.about02-sports {

 background: url(../images/about-bg02.jpg) no-repeat;
 width: 800px;
 height: 182px;
 margin-top: 23px;
 
}

.about03-rule {

 background: url(../images/about-bg03.jpg) no-repeat;
 width: 800px;
 height: 408px;
 margin-top: 26px;
 
}

.about04-position {

 background: url(../images/about-bg04.jpg) no-repeat;
 width: 800px;
 height: 1189px;
 margin-top: 30px;
 
}

.about05-game {

 background: url(../images/about-bg05.jpg) no-repeat;
 width: 800px;
 height: 959px;
 margin-top: 30px;
 
}


.what-lacrosse {

 padding-top: 30px;
 padding-left: 28px;
 
}

.about-text {

 padding: 45px 35px 30px 35px;
 
}

.about-text01 {

 padding: 45px 160px 30px 35px;
 
}

.about-text05 {

 padding: 45px 35px 30px 50px;
 
}

img.position {

 padding: 25px 15px 10px 0px;
 
}

img.pic-demo {

 padding-left: 60px;
 
}

img.rule-pic {

 padding-top: 20px;
 padding-left: 90px;
 
}

img.gamepic {

 float: right;
 width: 202px;
 
}

.position-pic {

 padding-top: 25px;
 padding-bottom: 20px;
 padding-left: 80px;
 
}

.faceoff-box {

 width: 700px;
 height: 160px;
 border-bottom: 1px dotted #CCCCCC;
 
}

.gb-box {

 width: 700px;
 height: 180px;
 border-bottom: 1px dotted #CCCCCC;
 
}

.clear-box {

 width: 700px;
 height: 180px;
 border-bottom: 1px dotted #CCCCCC;
 
}

.chase-box {

 width: 700px;
 height: 180px;
 border-bottom: 1px dotted #CCCCCC;
 
}

.fly-box {

 width: 700px;
 height: 180px;
 
}

.gametext {

 width: 420px;
 float: left;
 
}

h3.gametitle {

 padding: 10px 0px 10px;
 
}

h2.freshman-midashi {

 margin-top: 5px;
 
}


/*//////BBS LINKS//////*/

.links-box {

 width: 690px;
 margin-left: 110px;
 padding-top: 30px;
 margin-top: 20px;
 height: 120px;
 background: url(../images/bg_small.jpg) no-repeat;
 
}

.links-box ul {

 padding-left: 50px;
 
}

.links-box ul li {

 font-size: 13px;
 line-height: 2em;
 background: url(../images/list.gif) no-repeat left center;
 padding-left: 14px;
 
}

.blank {

 width: 690px;
 height: 160px;
 
}

.blank2 {

 width: 690px;
 height: 450px;
 
}


/*//////LINKS//////*/

ul.link-right {

 float: right;
 width: 230px;
 padding-bottom: 30px;
 
}

ul.link-right li {

 font-size: 13px;
 background: url(../images/list.gif) no-repeat left center;
 padding-left: 14px;
 
}

ul.link-left {

 float: left;
 width: 220px;
 padding-left: 115px;
 padding-bottom: 30px;
 
}

ul.link-left li {

 font-size: 13px;
 background: url(../images/list.gif) no-repeat left center;
 padding-left: 14px;
 
}

.links-wrapper {

 width: 700px;
 margin-left: 70px;
 
}

h3.linktitle {

 padding-bottom: 15px;
 padding-top: 20px;
 
}

/*//////Introduction//////*/

.introduction {

 width: 822px;
 height: 972px;
 background: url(../images/intro.jpg) no-repeat;
 margin-left: 47px;
 margin-top: 8px;
 
}

.intro-table {

 padding-top: 495px;
 padding-left: 172px;
 font-size: 13px;
 width: 500px;
 line-height: 1.7em;
 
}

.intro-table th {

 font-weight: normal;
 background-color: #000033;
 color: #FFFFFF;
 border-collapse: collapse;
 
}

th.end {

 border-bottom: none;
 
}

.intro-table td, tr {

 border-collapse: collapse;
 border: 1px solid #003366;
 
}

.intro-table table {

 width: 480px;
 
}

.intro-table table td {

 padding-left: 13px;
 background: #FFFFFF;
 
}

/*//////RESULT//////*/

.result-box {

 width: 650px;
 margin-left: 45px;
 
}

img.year {

 padding: 15px 0px 10px 25px;
 
}

img.result-title {

 padding-bottom: 15px;
 padding-top: 5px;
 padding-left: 20px;
 
}

.result-table {

 width: 600px;
 padding: 10px 0px 20px 120px;
 font-size: 13px;
 line-height: 1.7em;
 
}

.result-table td, tr {

 border-collapse: collapse;
 border: 1px solid #999999;
 
}

.result-table th {

 border-collapse: collapse;
 background-color: #CCCCCC;
 border: 1px solid #999999;
 font-weight: normal;
 
}

table#result {

 border-collapse: collapse;
 width: 600px;
 font-size: 13px;
 margin-bottom: 20px;
 margin-top: 10px;
 text-align: center;
 
}

th.r-date {

 width: 100px;
 
}

th.r-univ {

 width: 120px;
 
}

th.r-result {

 width: 135px;
 
}

img.banner {

 padding-top: 38px;
 padding-left: 13px;
 
}

img.banner02 {

 padding-top: 10px;
 padding-left: 13px;
 
}

img.pagetop {

 float: right;
 padding-top: 15px;
 padding-bottom: 15px;
 padding-right: 45px;
 
}


/*//////Sitemap//////*/

.sitemap {

 width: 700px;
 padding-left: 60px;
 padding-top: 10px;
 
}


ul.sitemap li {

background: url(../images/list.gif) no-repeat left center;
padding-left: 14px;
font-size: 13px;
line-height: 1.7em;

}

ul.sitemapsub li {

background: url(../images/list.gif) no-repeat left center;
padding-left: 14px;
margin-left: 15px;
font-size: 13px;

}

/*//////Remote RollOver//////*/

img.space {

 padding-top: 4px;
 
}

.imgbox {

 width: 872px;
 overflow: auto;
 height: 185px;
 
}

#imgHover {
	position: relative;
	margin-top: 10px;
	width: 850px;
}
	#imgHover #imgFrame {
		border: solid 2px #999;
		position: absolute;
		right: 0;
		top: 231px;
		line-height: 124px;
		text-align: center;
		width: 560px !important;
		width: 560px;
		height: 370px !important;
		height: 370px;
		margin-right: 140px;
	}

	#imgHover #imgHoverList {
		list-style: none;
		position: relative;
	}
		#imgHover ul li {
			float: left;
			margin-right: 5px;
		}
			#imgHover ul li img {
				border: none;
			}
			
			#imgHover ul li a {
				display: block;
			}
			
			#imgHover ul li a:hover {
				position: static;
			}
			
			#imgHover ul li a .mainImage {
				display: none;
			}
			
			#imgHover ul li a:hover .mainImage {
				display: block;
				position: absolute;
				top: 233px;
				left: 148px !important;
				left: 148px;
			}
			
			
img.thumb-s {
 padding-top: 8px;
}


/*//////IE7 hack//////*/


*:first-child+html .blank-small {
 width: 690px;
 height: 25px;
}

*:first-child+html img.banner02 {
 padding-top: 6px;
 padding-left: 13px;
}
			

*:first-child+html .blank2 {
 width: 690px;
 height: 450px;
}


/*//////IE6 hack//////*/

*html body .img.banner02 {
 padding-top: 6px;
 padding-left: 13px;
}
		
			*html body #imgHover ul li a:hover .mainImage {
				display: block;
				position: absolute;
				top: 233px;
				left: 148px !important;
				left: 148px;
			}
			
			*html body #imgHover #imgHoverList {
		list-style: none;
		position: absolute;
	}
	
	
*html body .blank2 {

 width: 690px;
 height: 650px;
 
}	
	
	
	

			
			
			
			
			








