/* ■■ 目次 ■■
/* common.cssはサイト全体で共通しているCSSをまとめたものです。
--------------------------------------------------------------------------------
01.初期化
02.基本レイアウト
	1.HEADER
	2.GLOBALNAVIGATION
	3.FOOTER
	4.PAGETOP
*/

/*基本サイズ16px
10px 63% 
11px 69% 
12px 75% 
13px 82% 
14px 88% 
15px 94% 
16px 100% 
17px 107% 
18px 113% 
19px 119% 
20px 125% 
21px 132% 
22px 138% 
23px 144% 
24px 150% 
25px 157% 
26px 163% 
*/



/* ■■■■ 01.初期化 ■■■■ */
body,
div,form,fieldset,
h1,h2,h3,h4,h5,h6,p,address,
dl,dt,dd,ul,ol,li,
span,strong,em {
	margin:0;	padding:0;
	border:0;
	font-size:100%;
	font-style:normal;
}
li {list-style:none;}
img {margin:0;padding:0;border:0;}
img {vertical-align: top;}
img {text-decoration:none; behavior: expression(IEPNGFIX.fix(this));}
.clear {clear:both;}

.iepngfix {behavior: expression(IEPNGFIX.fix(this));}
  
/* 基本リンク */
a {color:#666666;text-decoration:underline;} 
a:hover { color:#0099FF;text-decoration:underline;} 

/* テキストカラー */
.red{color:#FF0000;}
.glay{color:#808080;}
.blue{color:#0000FF;}
.green{color:#008000;}
.navy{color:#000080;}
.yellow{color:#FFCC00;}

.pfutsal{
	color: #0F7ED7;
	font-weight: bold;
}
.phalfpitch{ color: #990099; font-weight: bold; }
.pfullpitch{
	color: #009900;
	font-weight: bold;
}

.btxt{
	font-weight: bold;
}

.xxlarge{font-size:150%; color:#00589C;}
.xlarge{font-size:132%; line-height:1.5;}
.large{font-size:113%; line-height:1.5;}
.medium{font-size:100%; line-height:1.5;}
.small{font-size:88%; line-height:1.5;}
.xsmall{font-size:75%; line-height:1.5;}
.xxsmall{font-size:63%; line-height:1.5;}

/* ## フォーム設定 ## */
.inarea { background-color: #ffffff;border: 1px solid #7f9db9;}
.incheck { background-color: #ffffff;border: 1px solid #7f9db9;}

.txtleft { text-align:left;}



/* ■■■■ 02.基本レイアウト ■■■■ */
body {
	text-align:center;
	background: url(../images/bg.gif) repeat-y center;
	font-family: "ＭＳ Ｐゴシック", "メイリオ",  "ヒラギノ角ゴ Pro W3", sans-serif;
}

#container {
	margin:5px auto 0;
	width:900px;
}
/* トップのみ */
#contents {
	text-align:left;
	width:900px;
	clear:both;
	margin: 18px 0px 0px 0px;
	background:#fff url(../images/spacer_glay2.gif) repeat-y 650px 0px;
}
/* 下層ページのみ */
#centercontents {
	text-align:left;
	width:760px;
	clear:both;
	margin: 0px auto 0px auto;
}

/* ■■■■ LEFT CONTENTS ■■■■ */
#leftcontents {
	width:630px;
	float:left;
}

/* ■■■■ RIGHT CONTENTS ■■■■ */
#rightcontents {
	width:250px;
	padding: 4px 0px 0px 0px;
	float:right;
	background: #FFFFFF;
}

/* ■ HEADER ■ */
#header {
	text-align:left;
	margin: 3px 0px 0px 0px;
	width:900px;
}
#header .bg{
	margin: 3px 0px 0px 0px;
	width:900px;
	height:113px;
	background: url(../images/header_bg.jpg) no-repeat center top;
}
#header .bg2{
	margin: 3px 0px 0px 0px;
	width:900px;
	height:113px;
	background: url(../images/header_bg_01.jpg) no-repeat center top;
}
#header p{
	font-size:63%;
	line-height:1.5;
}
#header .logo{
	width:180px;
	float:left;
}
#header .menu{
	width:705px;
	float:left;
}
#header .login{
	padding: 10px 15px 0px 0px;
	width:705px;
	text-align: right;
	font-size:12px;
	line-height:1.5;
	color: #FFFFFF;
	float:left;
}
#header .member{
	padding: 5px 15px 0px 0px;
	width:705px;
	text-align: right;
	font-size:12px;
	line-height:1.5;
	color: #FFFFFF;
	float:left;
}
#header .name{
	font-weight: bold;
	padding: 0px 5px 0px 5px;
}
#header .link{
	padding: 4px 15px 0px 0px;
	width:705px;
	text-align: right;
	font-size:10px;
	line-height:1.5;
	color: #FFFF99;
	float:left;
}
#header .link2{
	padding: 10px 15px 0px 0px;
	width:705px;
	text-align: right;
	font-size:10px;
	line-height:1.5;
	color: #FFFF99;
	float:left;
}
#header a:link {
	color:#FFFFFF;
	text-decoration:underline;
} 
#header a:visited {
	color:#FFFFFF;
	text-decoration:underline;
} 
#header a:hover {
	color:#0099FF;
	text-decoration:underline;
} 
#header a:active {
	color:#FFFFFF;
	text-decoration:underline;
}



/* ■ GLOBALNAVIGATION ■ */
#gnavi {
	font-size:12px;
	margin: 3px 0px 0px 0px;
	width:900px;
}

#gnavi .bg{width:900px;height:45px;background: url(../images/gnavi_backimg.gif) no-repeat center top;}
#gnavi .bg1{width:900px;height:45px;background: url(../images/gnavi_backimg_1.gif) no-repeat center top;}
#gnavi .bg2{width:900px;height:45px;background: url(../images/gnavi_backimg_2.gif) no-repeat center top;}
#gnavi .bg3{width:900px;height:45px;background: url(../images/gnavi_backimg_3.gif) no-repeat center top;}
#gnavi .bg4{width:900px;height:45px;background: url(../images/gnavi_backimg_4.gif) no-repeat center top;}
#gnavi .bg5{width:900px;height:45px;background: url(../images/gnavi_backimg_5.gif) no-repeat center top;}
#gnavi .bg6{width:900px;height:45px;background: url(../images/gnavi_backimg_6.gif) no-repeat center top;}

/* ## リンク設定 ## */
#gnavi ul{
	width:900px;
	text-align:center
}

#gnavi li{
	width:150px;
	float:left;
}

#gnavi .pad1{
	padding: 14px 0px 0px 0px;
}
#gnavi .pad2{
	padding: 5px 0px 0px 0px;line-height: 1.3;letter-spacing: -1px;
}

#gnavi a{display:block;}

/* デフォルト */
#gnavi a{
	color:#333333;
	text-decoration:underline;
	font-weight: bold;
	height:34px;
}

#gnavi a:hover {
	color:#0099FF;
	text-decoration:underline;
	font-weight: bold;
	background: url(../images/gnavi_backimg_on.gif) no-repeat;
	height:34px;
}

/* ## h1 ## */
#blue  {
	width:100%;
	margin: 8px 0px 0px 0px;
	text-align:left;
	color: #00589C;
}

/* ■ トップページのみ ■ */
/* トップ共通見出し */
.topttl {
	margin: 30px 0px 20px 0px;
}
.topttl ul{
	width:630px;
	height:42px;
	background: url(../images/bg_ttl01.gif) no-repeat;
}
.topttl li{
	margin: 0px 0px 0px 0px;
}
.topttl h2{
	font-size:88%;
	line-height:1.4;
	padding: 0px 0px 0px 20px;
}
.topttl .lead{
	font-size:63%;
	line-height:1.2;
	padding: 0px 0px 0px 20px;
	color: #666666;
	float:left;
}
.topttl .link{
	font-size:10px;
	line-height:1.2;text-align: right;float:right;
}
.topttl img{vertical-align: top;}


/* ■ 下層ページのみ ■ */
/* 下層h1大見出し #01～改行される時 */
.bttl {
	margin: 0px 0px 12px 0px;
}
.bttl ul{
	width:760px;
	height:70px;
	background: url(../images/bg_oomidashi.gif) no-repeat;
}
.bttl li{
	margin: 0px 0px 0px 0px;
}
.bttl h1{
	font-size:113%;
	color:#0051C5;
	line-height:1;
	padding: 2px 0px 0px 76px;
}
.bttl .lead{
	font-size:63%;
	line-height:1;
	padding: 0px 0px 0px 76px;
	color: #666666;
	float:left;
}

/* 下層h1大見出し #02～改行なし正常位置 */
.bttl2 {
	margin: 0px 0px 12px 0px;
}
.bttl2 ul{
	width:760px;
	height:70px;
	background: url(../images/bg_oomidashi.gif) no-repeat;
}
.bttl2 li{
	margin: 0px 0px 0px 0px;
}
.bttl2 h1{
	font-size:113%;
	color:#0051C5;
	line-height:1.4;
	padding: 4px 0px 0px 76px;
}
.bttl2 .lead{
	font-size:63%;
	line-height:1.4;
	padding: 0px 0px 0px 76px;
	color: #666666;
	float:left;
}

/* 下層h1大見出し #03～fontsmall改行される時 */
.bttl3 {
	margin: 0px 0px 12px 0px;
}
.bttl3 ul{
	width:760px;
	height:70px;
	background: url(../images/bg_oomidashi.gif) no-repeat;
}
.bttl3 li{
	margin: 0px 0px 0px 0px;
}
.bttl3 h1{
	font-size:100%;
	color:#0051C5;
	line-height:1;
	padding: 2px 0px 0px 76px;
}
.bttl3 .lead{
	font-size:63%;
	line-height:1;
	padding: 0px 0px 0px 76px;
	color: #666666;
	float:left;
}

/* 下層h1大見出し #04～大会風景写真 */
.bttl4 {
	margin: 26px 0px 12px 0px;
}
.bttl4 ul{
	width:760px;
	height:70px;
	background: url(../images/bg_oomidashi_photo.gif) no-repeat;
}
.bttl4 li{
	margin: 0px 0px 0px 0px;
}
.bttl4 h1{
	font-size:100%;
	color:#0051C5;
	line-height:1;
	padding: 18px 0px 0px 132px;
}


/* 下層共通見出し #01～正常位置 */
.kasottl {
	margin: 30px 0px 24px 0px;
}
.kasottl ul{
	width:760px;
	height:42px;
	background: url(../images/bg_ttl02.gif) no-repeat;
}
.kasottl li{
	margin: 0px 0px 0px 0px;
}
.kasottl h2{
	font-size:100%;
	line-height:1.4;
	padding: 0px 0px 0px 20px;
}
.kasottl .lead{
	font-size:63%;
	line-height:1;
	padding: 0px 0px 0px 20px;
	color: #666666;
	float:left;
}
.kasottl .link{
	font-size:10px;
	line-height:1.2;text-align: right;float:right;
}

/* 下層共通見出し #02～リード文なし */
.kasottl2 {
	margin: 30px 0px 24px 0px;
}
.kasottl2 ul{
	width:760px;
	height:42px;
	background: url(../images/bg_ttl02.gif) no-repeat;
}
.kasottl2 li{
	margin: 0px 0px 0px 0px;
}
.kasottl2 h2{
	font-size:100%;
	line-height:2;
	padding: 0px 0px 0px 20px;
}
.kasottl2 .lead{
	font-size:63%;
	line-height:1;
	padding: 0px 0px 0px 20px;
	color: #666666;
	float:left;
}
.kasottl2 .link{
	font-size:10px;
	line-height:1.2;text-align: right;float:right;
}


/* ■ 下層共通　他のフットサル・サッカーの大会をみる ■ */
#other { margin: 50px 0px 30px 0px;}
#other .area { width:728px; border: 4px solid #E1E1E1;padding: 16px 12px 16px 12px;}
#other .ttl { font-size:100%; font-weight: bold; color: #0051C5; padding: 0px 0px 6px 0px;}
#other li.link {
	display:inline;
	font-size:75%;
	line-height:21px;
	padding: 0px 13px 6px 14px;
	background: url(../images/arrow01.gif) no-repeat;
}

#other2 { margin: 30px 0px 30px 0px;}
#other2 .area { width:728px; border: 4px solid #E1E1E1;padding: 16px 12px 16px 12px;}
#other2 .ttl { font-size:100%; font-weight: bold; color: #0051C5; padding: 0px 0px 6px 0px;}
#other2 li.link {
	display:inline;
	font-size:75%;
	line-height:21px;
	padding: 0px 13px 6px 14px;
	background: url(../images/arrow01.gif) no-repeat;
}
/* ■ 下層共通　上部バナー、テキスト掲載エリア ■ */
#free{
	margin: 0px 0px 22px 0px;
	font-size:75%;
	line-height:1.6;
}
#free li{
	border: 1px dotted #999999;
	padding: 12px;
}
#free .back{float:right;}

/* ■ 下層共通　上部バナー、テキスト掲載エリア ■ */
#dfree{
	margin: 0px 0px 22px 0px;
	font-size:75%;
	line-height:1.6;
}
#dfree li{
	border: 1px dotted #999999;
	padding: 12px;
}

/* ■ FOOTER ■ */
#footer {
	text-align:left;
	width:900px;
	border-top: 2px solid #CCCCCC;
}
#footer a:link {
	color:#666666;
	text-decoration:underline;
} 
#footer a:visited {
	color:#666666;
	text-decoration:underline;
} 
#footer a:hover {
	color:#6699FF;
	text-decoration:underline;
} 
#footer a:active {
	color:#666666;
	text-decoration:underline;
} 
#footer dl {
	padding: 10px 0px 10px 0px;
	width:900px;
	font-size:63%;
	line-height:14px;
	overflow: hidden;
}
#footer dt {
	padding: 3px 0px 3px 0px;
	width:110px;
	float:left;
}
#footer dd.long {
	padding: 0px 0px 3px 0px;
	width:790px;
	float:left;
}
#footer dd.short {
	padding: 0px 0px 3px 0px;
	width:340px;
	float:left;
}
#footer .link {
	padding: 8px 0px 12px 0px;
	font-size:75%;
	line-height:1.2;
	width:900px;
	text-align: center;
	background: url(../images/footer_backimg.gif) no-repeat;
}
#footer .copy {
	padding: 6px 0px 6px 0px;
	font-size:75%;
	width:900px;
	text-align: center;
	background: #f1930f;
	color: #FFFFFF;
}
#footer .copy2 {
	padding: 6px 0px 6px 0px;
	font-size:75%;
	width:900px;
	text-align: center;
	background: #f1930f;
	color: #FFFFFF;
}

/* ■ PAGETOP ■ */
/* トップ */
#pagetop {
	width:630px;
	clear:both;
	padding-top:120px;
	text-align:right;
	font-size:75%;
}
/* 下層 */
#pagetop2 {
	width:830px;
	clear:both;
	padding: 60px 0px 32px 0px;
	text-align:right;
	font-size:75%;
}
/* 下層～大会風景 */
#pagetop3 {
	width:760px;
	padding: 0px 0px 32px 0px;
	text-align:right;
	font-size:75%;
}

/* ■ PosList ■ */
#poslist {}

#poslist {
	padding: 10px 0px 28px 0px;
	font-size:75%;
}
#poslist li {
	display:inline;
	margin-right:10px;
	padding-left:20px;
	background:url(../images/bg_li_poslist.gif) no-repeat left center;
}
#poslist li.home {
	padding-left:0;
	background-image:none;
}
#poslist a { color: #0099FF; font-weight: bold;
}
#poslist a:hover { color:#CC0000; }