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

kindai-fukuyama compornent.css
========================================================
*/

/*
========================================================

1.navigation
  L topNav
  L global nav
  
2.title

3.list

========================================================
*/



/* 1.navigation
----------------------------------------------- */


/* topNav */
.tNav {
	float:right;
	width: 211px;
	font-size:12px;
}
* html .tNav {
	width:201px;
	font-size:12px;
	font-family:"ＭＳ Ｐゴシック", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}
.tNav ul {
	display: block;
	float: right;
	margin: 0 auto;
}
.tNav ul li {
	display: block;
	float: left;
	line-height:1.1em;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
	text-transform:uppercase;
}
div.tNav ul li a {
	display:block;
	margin:0 10px;
	color:#333;
	text-decoration:none;
}
*html div.tNav ul a {
	display:inline-block;
}
div.tNav ul li a:hover {
	color:#498CBC;
}
/*
.tNav ul li#flLast a {
	padding-right:10px;
	border-right:1px solid #aaa;
}
*/


/* globalNav */

div.gNav {
	clear:both;
	float:left;
	width:880px;
	padding:12px 10px 0;
	font-size:12px;
}
ul#dropDown {
	height: 100%; /* for IE */
	text-align:left;
}
.gNav ul:after { /* for Modern Browser */
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}
.gNav ul li.plist {
	float: left;
	width: 109px;
	background:url(images/gNavLine-01.gif) left top no-repeat;
}
*html .gNav ul li {
	width: 107px;
}
.gNav ul li a {
	display: block;
	padding: 10px;
	height: 100%; /* for IE */
	color: #0a0a0a;
	text-decoration: none;
}
*html .gNav ul li a {
	color: #000;
}
.gNav ul li.plist a:hover {
	color:#498CBC;
	background:url(images/gNavLine-02.gif) left top no-repeat;
}
.gNav ul li ul {
	position: absolute;
	z-index: 100;
}
.gNav ul li ul li {
	float: none;
	width: 190px;
	border:none;
	background:url(images/gNavBg.png) left top repeat;
}
*html .gNav ul li ul li {
	filter:alpha(opacity=80);
}
.gNav ul li ul li a {
	padding-left:20px;
	background:url(images/arrow-02.gif) 5px center no-repeat;
}
*html .gNav ul li ul li a {
	background:url(images/arrow-02.gif) 5px center no-repeat;
}
.gNav ul li.plist ul li a:hover {
	padding-left:20px;
	background:url(images/arrow-01.gif) 5px center no-repeat;
}
*html .gNav ul li ul li a:hover {
	background:url(images/arrow-01.gif) 5px center no-repeat;
}



/* 2.title
----------------------------------------------- */

/* page titles */

/* common title */



/* 3.list
----------------------------------------------- */

/* news list */
ul.news {
	margin-bottom:1em;
}
ul.news a {
	line-height: 1.1em;
	color: #0a0a0a;
	text-decoration:none;
}
ul.news .date {
	text-decoration: none;
	font-size: 90%;
}
ul.news a:hover {
	color: #498CBC;
}
ul.news li {
	margin: 0 20px;
	padding:.3em 0;
	font-size: 85%;
	background:url(images/dotted.gif) left bottom repeat-x;
}
ul.news a span.date {
	line-height:2em;
	font-size: 90%;
}
p.pastNews{
clear:both;
	float:right;
	text-align:right;
	width:158px;
	margint:10px;
	padding:0;
	margin:0 10px 10px;
}
p.pastNews a {
}


/* common list */

/* font resize */
.pixels {
	font-size:16px;
	line-height:30px;
	margin-bottom:20px;
	padding:20px;
	background-color:#222222;
}
.point {
	font-size:12pt;
	line-height:30px;
	margin-bottom:20px;
	padding:20px;
	background-color:#222222;
}
.em {
	font-size:1em;
	margin-bottom:20px;
	padding:20px;
	background-color:#222222;
}
.percentage {
	font-size:100%;
	margin-bottom:20px;
	padding:20px;
	background-color:#222222;
}
.undefined {
	margin-bottom:20px;
	padding:20px;
	background-color:#222222;
}
#changeFont {
	position:absolute;
	top:50px;
	right:10px;
	background-color:#333333;
	padding:5px;
}
.increaseFont, .decreaseFont, .resetFont {
	color:#CCCCCC;
	font-size:14px;
	line-height:1.4px;
	float:left;
	margin:10px;
}




/* add090917 */
.moviecol {/* 動画ページ */
	margin:0 20px;
}
.moviecol dl {
	float:left;
	width:170px;
	margin:5px 5px 0 0;
	padding:0 0 5px;
	font-size:12px;
	border:1px solid #ccc;
}
*html .moviecol dl {
	width:172px;
}
.moviecol dt {
	font-weight:bold;
	background:#E7F3FF;
}
.moviecol dt.title {
	padding:0 4px;
}
.moviecol dd {
	margin-left:0;
	padding:0 2px 3px;
	background:#E7F3FF;
}
.moviecol dd.comment {
	padding:0 4px;
	height:100px;
	background:#FDFDF1;
	overflow-y: auto;
	overflow-x:hidden;
}
html:first-child .moviecol dd.comment {
	overflow: auto;
}

.houkoku a img,
.houkoku a{/* クラブ活動報告 アイコンのページ */
text-decoration:none;
border:none;
}
.houkoku a:hover{
text-decoration:underline;
}
.houkoku p{
clear:both;
margin:0 40px;
font-size:14px;
}
.houkoku ul{
clear:both;
margin-top:5px;
margin-bottom:0;
overflow:hidden;
}
.houkoku ul li{
float:left;
margin-right:10px;
margin-bottom:3px;
width:70px;
height:100px;
list-style-type:none;
font-size:11px;
line-height:11px;
text-align:center;
}
.houkoku img{
display:block;
margin-bottom:5px;
}
.houkoku p img{
display:inline;
vertical-align:middle;
margin-right:5px;
}
.copyrights{
font-size:12px;
}



/* add091007 */
ul.news li {
	margin: 0 20px;
	padding:.3em 0;
	padding-left:70px;
	text-indent:-70px;
	font-size: 85%;
	font-family:"ＭＳ Ｐゴシック";
	background:url(images/dotted.gif) -80px bottom repeat-x;
}
ul.news a span.date {
	line-height:2em;
	font-size: 90%;
	margin-right:10px;
}