@charset "UTF-8";

/*01.トップページ
---------------------------------------------*/
/*welcome*/
#contents .section#welcome h2 {
	width: 1000px;
	height: auto;
	margin: 10px 0px;
	color: #E69095;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
}
#contents .section#welcome p {
	text-align: center;
	line-height: 2;
}

/*topTopics*/
#contents .section #topTopics {
	float: left;
	width: 480px;
	height: 730px;
	margin: 45px 0px 0px 0px;
	padding: 0px;
	background: url(../images/topics_bg.gif) no-repeat center top;
}
#contents .section #topTopics h2 {
	width: 386px;
	_width: 460px;	/*IE6*/
	height: 63px;
	margin: 10px;
	padding: 5px 0px 0px 74px;
	color: #5A5A5A;
	font-size: 26px;
	font-weight: bold;
	line-height: 66px;
	border-bottom: 1px dashed #5A5A5A;
}
#contents .section #topTopics ul {
	width: 460px;
	height: auto;
	margin: 15px 0px 0px 28px;
	padding: 0px;
	font-size: 15px;
	line-height: 2.3;
}
#contents .section #topTopics ul li a {
	color: #1A1A1A;
}
#contents .section #topTopics ul li a:hover {
	color: #499ACF;
	text-decoration: none;
	background: url(../images/link_bg.gif) repeat-x left bottom;
}
#contents .section #topTopics ul li.topNews a {
	color: #1A1A1A;
	background-color: #EEB4B8;
}
#contents .section #topTopics ul li.topNews a:hover {
	color: #499ACF;
	text-decoration: none;
	background: url(../images/link_bg.gif) repeat-x left bottom;
}

/*topProduct*/
#contents .section #topProduct {
	float: right;
	width: 500px;
	height: auto;
	margin: 45px 0px 0px 0px;
	padding: 0px;
}
#contents .section #topProduct ul li {
	float: left;
	width: 250px;
	height: 146px;
	margin: 0px;
	padding: 0px;
}
#contents .section #topProduct ul li a {
	display: block;
	width: 250px;
	height: 146px;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left top;
}
#contents .section #topProduct ul li.item01 a {background-image: url(../images/topProduct01.gif);}
#contents .section #topProduct ul li.item02 a {background-image: url(../images/topProduct02.gif);}
#contents .section #topProduct ul li.item03 a {background-image: url(../images/topProduct03.gif);}
#contents .section #topProduct ul li.item04 a {background-image: url(../images/topProduct04.gif);}
#contents .section #topProduct ul li.item05 a {background-image: url(../images/topProduct05.gif);}
#contents .section #topProduct ul li.item06 a {background-image: url(../images/topProduct06.gif);}
#contents .section #topProduct ul li.item07 a {background-image: url(../images/topProduct07.gif);}
#contents .section #topProduct ul li.item08 a {background-image: url(../images/topProduct08.gif);}
#contents .section #topProduct ul li.item09 a {background-image: url(../images/topProduct09.gif);}
#contents .section #topProduct ul li.item10 a {background-image: url(../images/topProduct10.gif);}

#contents .section #topProduct ul li a:hover {
	filter: alpha(opacity=80);
	opacity: 0.8;
}
/*02.小坂井高校同窓会について
---------------------------------------------*/
#contents .main#tab-box h2 {
	margin: 0px 0px 40px 0px;
}
/*tabs*/
#contents .main#tab-box ul#nav {
	clear: both;
	width: 720px;
	height: 48px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
#contents .main#tab-box ul#nav li {
	float: left;
	width: 140px;
	height: 48px;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}
#contents .main#tab-box ul#nav li.last {
	margin: 0px;
}
/*tabContents*/
#contents .main#tab-box .tabContents {
	clear: both;
	display: none;
	width: 702px;
	_width: 720px; /*IE6*/
	height: auto;
	margin: 0px;
	padding: 9px;
	background: url(../images/tabBorderX.gif) repeat left top;
}
#contents .main#tab-box .tabContents .inline {
	width: 682px;
	_width: 702px; /*IE6*/
	height: auto;
	margin: 0px;
	padding: 10px;
	background-color: #FFFFFF;
}
#contents .main#tab-box .tabContents h3 {
	width: auto;
	height: auto;
	margin: 20px 0px;
	padding: 0px;
	color: #DC829E;
	font-size: 24px;
	font-weight: bold;
	border: none;
	border-bottom: 1px dotted #3F514F;
	background: none;
}
#contents .main#tab-box .tabContents img.floatL {
	margin-right: 10px;
}
#contents .main#tab-box .tabContents p {
	line-height: 1.6;
}
/*halfBox*/
#contents .main#tab-box .tabContents .halfBoxL {
	float: left;
	width: 312px;
	height: auto;
	margin: 0px;
	padding: 0px;
	background: url(../images/aboutOrganization_bg.gif) no-repeat center center;
}
#contents .main#tab-box .tabContents .halfBoxL div {
	width: 300px;
	height: auto;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	text-align: center;
	border: 6px solid #E69095;
	background-color: #FFFFFF;
}
#contents .main#tab-box .tabContents .halfBoxL div h4 {
	margin: 0px;
	padding: 0px;
	color: #72282F;
	font-size: 20px;
	font-weight: bold;
}
#contents .main#tab-box .tabContents .halfBoxR {
	float: right;
	width: 312px;
	height: auto;
	margin: 0px;
	padding: 0px;
}
/*meeting*/
#contents .main#tab-box .tabContents#meeting a {
	color: #29ABE2;
	text-decoration: underline;
}
#contents .main#tab-box .tabContents#meeting a:hover {
	text-decoration: none;
}
#contents .main#tab-box .tabContents#meeting table {
	color: #000000;
	margin-bottom: 40px;
}
#contents .main#tab-box .tabContents#meeting table th {
	padding: 1px 20px;
	font-weight: normal;
	border: 1px solid #000000;
	background-color: #B4B4B4;
}
#contents .main#tab-box .tabContents#meeting table td {
	padding: 1px 20px;
	border: 1px solid #000000;
}
/*secretariat*/
#contents .main#tab-box .tabContents#secretariat a {
	color: #29ABE2;
	text-decoration: underline;
}
#contents .main#tab-box .tabContents#secretariat a:hover {
	text-decoration: none;
}
#contents .main#tab-box .tabContents#secretariat table {
	margin-bottom: 20px;
}
#contents .main#tab-box .tabContents#secretariat table td {
	padding: 1px 0px;
	font-weight: normal;
	border-bottom: 1px solid #000000;
}
#contents .main#tab-box .tabContents#secretariat table td.last {
	border: none;
}
/*rules*/
#contents .main#tab-box .tabContents#rules table thead th {
	padding: 5px 0px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	border: 1px solid #FFFFFF;
	background-color: #B4B4B4;
}

#contents .main#tab-box .tabContents#rules table tbody th {
	padding: 5px 2px;
	font-weight: normal;
	text-align: center;
	vertical-align: top;
	line-height: 1.2;
	border: 1px solid #FFFFFF;
	background-color: #B4B4B4;
}
#contents .main#tab-box .tabContents#rules table tbody td {
	padding: 5px 2px;
	vertical-align: top;
	line-height: 1.2;
	border: 1px solid #FFFFFF;
	background-color: #B4B4B4;
}

/*04.小坂井高校 校歌
---------------------------------------------*/
#contents .main#schoolSong {
	width: 720px;
	height: 1420px;
	margin: 0px;
	padding: 0px;
	background: url(../images/school-song_bg.gif) no-repeat center bottom;
}
#contents .main#schoolSong h2 {
	margin-bottom: 10px;
}
/*songPlayer*/
#contents .main#schoolSong #songPlayer {
	clear: both;
	width: 720px;
	height: 80px;
	margin: 0px;
	padding: 0px;
	background-color: #F9E3E8;
}
#contents .main#schoolSong #songPlayer a {
	float: left;
	display: block;
	width: 95px;
	height: 80px;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}
#contents .main#schoolSong #songPlayer #player {
	float: left;
	width: 95px;
	height: 80px;
	background: url(../images/playBtn.gif) no-repeat center center #FFFFFF;
}
#contents .main#schoolSong #songPlayer #player .mp3file {
	display: block;
	margin: 38px 0px 0px 29px;
}
#contents .main#schoolSong #songPlayer #detail {
	float: right;
	width: 600px;
	height: 60px;
	margin: 12px 0px 0px 0px;
	padding: 0px;
	color: #72282F;
	font-size: 15px;
}
/*songText*/
#contents .main#schoolSong #songText {
	width: 720px;
	height: 930px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	text-indent: -9999px;
	color: #FFFFFF;
	font-size: 0px;
	background: url(../images/school-song.gif) no-repeat center center;
}
/*05.思い出の風景
---------------------------------------------*/
#contents .main#memorys h2 {
	margin-bottom: 5px;
}
#contents .main#memorys h3 {
	width: 720px;
	height: 40px;
	margin: 20px 0px 5px 0px;
	padding: 0px;
	color: #72282F;
	text-indent: 35px;
	line-height: 40px;
	border: none;
	background: url(../images/h3.gif) no-repeat left center;
}
#memorys ul {
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
}
#memorys ul li {
	float: left;
	width: 234px;
	height: 200px;
	margin: 10px 9px 10px 0px;
	padding: 0px;
	text-align: center;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}
#memorys ul li.item03 {
	margin-right: 0px;
}
/*06.卒業記念品
---------------------------------------------*/
#contents .main#souvenir h2 {
	margin-bottom: 5px;
}
#contents .main#souvenir h3 {
	width: 720px;
	height: 40px;
	margin: 20px 0px 5px 0px;
	padding: 0px;
	color: #72282F;
	text-indent: 35px;
	line-height: 40px;
	border: none;
	background: url(../images/h3.gif) no-repeat left center;
}
#souvenir ul {
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
}
#souvenir ul li {
	float: left;
	width: 234px;
	height: 178px;
	margin: 10px 9px 15px 0px;
	padding: 0px;
	text-align: center;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}
#souvenir ul li.item03 {
	margin-right: 0px;
}
/*07.創立30周年記念式典
---------------------------------------------*/
/*ceremony01*/
#contents .main .section#ceremony01 h2 {
	width: 720px;
	height: auto;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	color: #5A5A5A;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	line-height: 1.6;
	border: none;
}
#contents .main .section#ceremony01 h2 span {
	color: #E69095;
	font-size: 29px;
}
#contents .main .section#ceremony01 h2 strong {
	font-size: 38px;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}
#contents .main .section#ceremony01 ul {
	width: auto;
	height: auto;
	margin: 0px;
	padding: 0px;
}
#contents .main .section#ceremony01 ul li {
	float: left;
	width: auto;
	height: 130px;
	margin: 10px 6px 10px 0px;
	padding: 0px;
	color: #9E9E9E;
	font-size: 13px;
	text-align: left;
}

/*ceremony02*/
#contents .main .section#ceremony02 {
	clear: both;
	width: 720px;
	height: 525px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	background: url(../images/bigband_bg.jpg) no-repeat center center;
}
#contents .main .section#ceremony02 h2 {
	width: 720px;
	height: auto;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	color: #365649;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	border: none;
}
#contents .main .section#ceremony02 h2 strong {
	font-size: 30px;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}
#contents .main .section#ceremony02 h4 {
	color: #000000;
	font-size: 20px;
	font-weight: normal;
	text-indent: 0px;
	border: none:
	background: none;

}
.section#ceremony02 .bigband {
	clear: both;
	width: 680px;
	height: 200px;
	margin: 20px auto;
	padding: 0px;
	_padding-left: 20px; /*IE6*/
}
.section#ceremony02 .bigband img {
	margin: 0px 10px;
}
.section#ceremony02 .bigband p {
	color: #1A1A1A;
	line-height: 1.6;
}
/*representative*/
#contents .main .section .representative {
	width: 720px;
	height: auto;
	margin: 0px;
	padding: 30px 0px;
	border-bottom: 1px dotted #414141;
}
#contents .main .section .representative#last {
	border: none;
}
#contents .main .section .representative img {
	margin: 0px 15px 0px 0px;
}
#contents .main .section .representative p {
	margin: 0px;
	line-height: 1.6;
}
/*ceremony03*/
#contents .main .section#ceremony03 h4 {
	clear: both;
}
#contents .main .section#ceremony03 ul {
	clear: both;
	width: 720px;
	height: auto;
	margin: 0px;
	padding: 0px;
}
#contents .main .section#ceremony03 ul li {
	float: left;
	width: 120px;
	height: auto;
	margin: 0px;
	padding: 0px;
}
/*創立40周年記念式典
---------------------------------------------*/
#contents .main .ceremony04 {
	overflow: hidden;
	width: 720px;
	margin-bottom: 50px;
}
#contents .main .ceremony04 h2 {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 30px;
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 5px 35px;
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	line-height: 30px;
	border-bottom: 1px dotted #AAAAAA;
}
#contents .main .ceremony04 h2 img {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
}
/*lecture*/
.lectureL {
	float: left;
	overflow: hidden;
	width: 480px;
}
.lectureR {
	float: right;
	width: 220px;
	margin-top: 30px;
	font-size: 12px;
	text-align: center;
}
.lectureR h4 {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	color: #000000;
	font-size: 14px;
	background: none;
	border: none;
}
.lectureR p {
	margin: 5px 0px;
	padding: 0px;
	text-align: left;
	line-height: 1.6;
}
.lectureR p.gray {
	color: #666666;
}

/*A.お知らせ＆イベント情報
---------------------------------------------*/
/*一覧*/
#contents .main#topicsList h2 {
	height: 50px;
	font-size: 30px;
}
#contents .main#topicsList ul {
	width: 460px;
	height: auto;
	margin: 15px 0px 0px 28px;
	padding: 0px;
	font-size: 15px;
	line-height: 2.3;
}
#contents .main#topicsList ul li a {
	color: #1A1A1A;
}
#contents .main#topicsList ul li a:hover {
	color: #499ACF;
	text-decoration: none;
	background: url(../images/link_bg.gif) repeat-x left bottom;
}
/*詳細*/
#contents .main#topicsList table {
	width: 100%;
	margin: 0px;
}
#contents .main#topicsList table th {
	text-align: right;
	font-weight: normal;
}
/*B.お問い合わせ
---------------------------------------------*/
#contents .main#contact table th {
	width: 150px;
	border-bottom: 1px dotted #414141;
}
#contents .main#contact table td {
	border-bottom: 1px dotted #414141;
}
#contents .main#contact table em {
	color: #FF0000;
	font-weight: normal;
}
#contents .main#contact table td.btn {
	text-align: center;
	border: none;
}