@charset "utf-8";
/*
Theme Name: 01_sp
*/


/* 基本設定
======================================================
*/

/*回り込み解除*/
.clearfix:after {  
  content: ".";   
  display: block;
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
.clearfix { display: inline-table; }  

/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */


*{
font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
font-weight:normal;
}
.wide{
width: 100%;
}
.bold{
font-weight: bold;
}

/* テキストを省略せずに表示する */
.ui-header .ui-title,.ui-footer .ui-title,.ui-btn-inner,.ui-li-heading,.ui-li .ui-btn-text a.ui-link-inherit,.ui-li-desc{
/*overflow: visible;*/
white-space: normal;
}
.ui-header .ui-title, .ui-footer .ui-title{
margin-left: 5%;
margin-right: 5%
}


/*
#map {
  width: 100%;
  height: 300px;
  border: 8px solid #ccc;
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
}
*/


/*入力フォームの背景を調整*/
textarea.ui-body-b,input.ui-body-b{
background-color: white;
}
/*見出しとフォーム部品の間の余白を調整*/
.ui-field-contain:first-child {
  padding-top: 0;
}


/*ヘッダー*/
.ui-header .h1{
font-size:11px;
}

/*フッター*/
.ui-footer .h4{
font-size:11px;
}

/*コンテンツ*/
.ui-content p{
font-size:12px;
}
.ui-content .menu{
margin-top:40px;
}


/*見出し*/
.ui-content .maintitle{
background:#000033 url(img/maintitle.gif) no-repeat;
font-size:16px;
padding:.4em 0 .4em 2.6em;
color:#fff;
}
.ui-content .subtitle{
background:#ff6600 url(img/subtitle.gif) repeat-x;
font-size:14px;
padding:.4em 0 .4em .4em;
color:#fff;
margin-top:20px;
}
.ui-content .subtitle2{
font-size:16px;
font-weight:bold;
text-shadow:none;
color:#000;
margin-top:20px;
}


/*ロゴ*/
div.logo{
background:#fff;
text-align:center;
padding:.5em 0 0 0;
border-bottom:1px solid #ccc;
}


/*ボーダー*/
.bbtm01{
padding-bottom:20px;
margin-bottom:20px;
border-bottom:1px dashed #999;
}


/*サブナビゲーション*/
.ui-content div.subnavi{
background:#e1e1e1;
width:100%;
margin:0 auto;
}
.subnavi a{
font-size:14px;
text-align:left;
}


/*ボタンエリア*/
.buttonarea{
margin-top:2em;
padding-top:1em;
border-top:1px solid #ccc;
}



/* テーブル
======================================================
*/
table.tbl{
width:100%;
font-size:12px;
}
.tbl th{
background:#FAB73A;
color:#000;
padding:.2em .5em .2em 0;
/*text-align:right;*/
/*width:20%;*/
}
.tbl td{
border-width:0 1px 1px 0;
border-style:solid;
border-color:#D9CFA5;
padding:.2em 0 .2em .5em;
background:#FFFFCC;
}
td.td-top{
border-top:1px solid #D9CFA5;
}

td ul{
padding-left:20px;
}



/*dl-table*/
.tbl-dl{
margin:0;
font-size:12px;
}
.tbl-dl dt{
float:left;
clear:both;
width:3em;
padding:.1em 1em .1em 0;
margin-bottom:1px;
text-align:right;
border-right:1px solid #ccc;
font-weight:bold;
color:#000;
}
.tbl-dl dt.other{
color:#F30;
}
.tbl-dl dd{
padding:.1em 0 .1em 2em;
margin-bottom:1px;
border-bottom:1px solid #ccc;
}
.tbl-dl dd img{
margin-left:2px;
padding-bottom:1px;
}


/*フロートリスト（左）*/




/* トップページ
======================================================
*/

/*トップイメージ*/
.top div.imgs{
padding:.2em .2em 0 .2em;
border:1px solid #ccc;
}


/*バナー*/
.top-bnr p.msg{
color:#FF6600;
margin:0;
}



/*インフォメーション*/
p.top-midasi{
color:#f00;
}


/*スローガン*/
ul.slogan{
list-style-type:none;
padding:0;
}
.slogan li{
text-align:center;
}


/*支部リンク*/
ul.sibulink{
list-style-type:none;
padding:0;
}
.sibulink li{
text-align:center;
}

/*PRリンク*/
ul.prlink{
list-style-type:none;
padding:10px 0 0 0;
}
.prlink li{
margin:10px 0;
text-align:center;
}
.prlink li img{
width:200px;
}

/*登録書式*/
ul.top-shosiki{
list-style-type:none;
padding:0;
margin:0;
}
ul.top-shosiki li{
text-align:center;
padding-bottom:.3em;
margin-bottom:.6em;
border-bottom:1px dotted #ccc;
}

/*パンフレット*/
.pamphlet a{
font-size:14px;
}


/*ティッカー*/
.ticker-area{
padding-top:1em;
text-align:center;
}
.ticker-area span{
background:url(img/stop.png) no-repeat left -1px;
background-size:25px;
padding-left:30px;
color:#000;
font-size:large;
font-weight:bold;
}


/*PR*/
ul.pr-top{
list-style-type:none;
padding:0;
margin:0;
line-height:1;

}
.pr-top li{
text-align:center;
background:#f1f1f1;
line-height:1;
}



/* その他ページ個別
======================================================
*/

/*所在地*/
.addr .tbl th{
width:20%;
text-align:right;
}


/*年間予定*/
.schedule{
margin-bottom:50px;
}
.schedule .tbl th{
width:20%;
text-align:right;
}


/*登録書式*/
.shosiki .tbl th{
width:20%;
text-align:right;
vertical-align:top;
}
.shosiki .pdf{
color:#F00;
background:url(img/icon_pdf.gif) no-repeat;
padding-left:20px;
}
.shosiki .xls{
color:#060;
background:url(img/icon_xls.gif) no-repeat;
padding-left:20px;
}


/*組織*/
.sosiki .tbl th{
width:35%;
text-align:right;
}



/*募集*/
p.contact-title{
background:#DDDDDD;
margin:0;
padding:0 .8em;
}
p.contact-body{
border:1px solid #e1e1e1;
padding:.8em;
line-height:1.4em;
margin:0;
}


/*大会結果*/
.taikaikekka .tbl th{
width:20%;
text-align:right;
}
.taikaikekka dl.kekka-team{
padding:0;
margin:0;
}
.taikaikekka .kekka-team dt{
float:left;
width:4em;
text-align:right;
color:#F00;
font-weight:bold;
}
.taikaikekka dd{
float:left;
margin:0;
}
.icon_kamera{
background:url(img/kamera.gif) no-repeat;
padding-left:20px;
}


/*チーム紹介*/
.team .tbl th{
width:20%;
text-align:right;
}


/*リンク*/
.link .tbl th{
width:20%;
text-align:right;
}


/*支部ニュース・お知らせ詳細 */
.info{
}

.info .info-title{
background:#ffffcc;
padding:.2em .5em;
padding:.5em;
margin:0;
font-size:16px;
}
.info .info-date{
margin:0;
padding:0;
color:#f00;
}

.info .info-tbl{
width:100%;
padding-bottom:1em;
margin-bottom:1em;
border-bottom:1px solid #ccc;
}

.info ul.info-photos{
margin:0;
padding:0;
list-style-type:none;
}
.info .info-photos li{
text-align:center;
font-size:12px;
margin-bottom:2em;
}
.info .info-photos img{
display:block;
width:100%;
}


/*概要*/
.gaiyou ul{
border:1px solid #ccc;
padding:1em;
font-size:12px;
}
.gaiyou ul li{
margin:0 0 1em 1.5em;
}


/*登録書式*/
.icon_pdf{
background:url(img/icon_pdf.gif) no-repeat;
padding-left:20px;
color:#F00;
}
.icon_xls{
background:url(img/icon_xls.gif) no-repeat;
padding-left:20px;
color:#060;
}


/*ご意見箱*/
.goiken h3{
font-size:medium;
font-weight:bold;
}
.goiken h4{
font-size:small;
font-weight:bold;
}
.goiken p{
font-size:small;
margin:20px 0;
}
.goiken ol{
list-style-position:outside;
font-size:small;
padding-left:20px;
margin:30px 0;
}
.goiken li{ margin:10px 0; }
.goiken .imp{ color:#F00; }

.goiken form{
font-size:12px;
}
.goiken .submit{
margin-top:2em;
padding-top:1em;
border-top:1px solid #ccc;
}
.imemode{
ime-mode:disabled;
}


/*ページ送り*/
div.pagenavi{
margin:40px 0 0 0;
}









/* 試合速報
====================================================
*/

.noscore{
color:#CCC;
}

/* 点滅 */
.blinking{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}


/*ブロック*/
div.sokuho-blk{
padding-bottom:1em;
margin-bottom:3em;
border-bottom:1px solid #ccc;
}


/*大会名*/
p.sokuho-taikainame{
margin:0 0 1em 0;
font-size:medium;
font-weight:bold;
}


/*最終更新*/
p.sokuho-update{
font-size:10px;;
color:#f00;
margin:0;
}


/*スコアボード*/
table.tbl-sb{
width:100%;
font-size:12px;
border:none;
border-collapse:separate;
border-spacing:1px;
margin:0 auto .5em auto;
}
table.tbl-sb th{
text-align:center;
background:#060;
color:#fff;
}
table.tbl-sb td{
text-align:center;
border-width:0 1px 1px 0;
border-style:solid;
border-color:#060;
}
table.tbl-sb td.teamname{
font-weight:bold;
text-align:right;
border-left:1px solid #060;
padding-right:.2em;
}
table.tbl-sb td.total{
font-size:larger;
font-weight:bold;
color:#F00;
text-align:center;
}



/*付随データ*/
table.tbl-sbinfo{
border:none;
border-collapse:separate;
border-spacing:1px;
}
table.tbl-sbinfo th{
background:#FAB73A;
padding:.2em 0;
text-align:center;
}
table.tbl-sbinfo td{
background:#FFFFCC;
padding:.2em 1em;
vertical-align:top;
border-width:0 1px 1px 0;
border-style:solid;
border-color:#ffeb67;
}



/* #flickscroll
--------------------------- */
#flickscroll {
	margin: 0 auto;
	width: 330px;
	height: 120px;
	text-align: left;
	position: relative;
}
#flickscroll ul {
	top: 0;
	left: 0;
	height: 120px;
	position: absolute;
	overflow: hidden;
	margin:0;
	padding:0;
}
#flickscroll ul li {
	width: 330px;
	height: 120px;
	float: left;
	display: inline;
	overflow: hidden;
	margin:0;
	padding:0;
}

#flickscroll #moveprev {
	top: 433px;
	left: 0;
	width: 25px;
	height: 24px;
	/*background: transparent url(../img/moveprev.png) no-repeat left top;*/
	position: absolute;
	cursor: pointer;
}

#flickscroll #movenext {
	top: 433px;
	right: 0;
	width: 25px;
	height: 24px;
	/*background: transparent url(../img/movenext.png) no-repeat left top;*/
	position: absolute;
	cursor: pointer;
}



/* #flickthumb
--------------------------- */
#flickthumb {
	margin: 5px auto 3px;
	width: 912px;
	height: 36px;
	text-align: center;
	display:none;
}
#flickthumb ul {
	/*width: 900px;*/
	height: 36px;
}
#flickthumb ul li {
	width: 100px;
	height: 36px;
	float: left;
	cursor: pointer;
	display: inline;
	margin: 0 2px;
}

#flickthumb ul li img {
    border: 1px solid #ccc;
	width:100px;
}

#flickthumb ul li.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}



/*連盟速報*/
.sokuho-renmei{
text-align:center;
}
.sokuho-renmei p{
font-size:small;
text-align:left;
border-width:3px 0;
border-style:double;
border-color:#aaa;
border-radius:5%;
padding:1em 0;
}
.sokuho-renmei a{
display:inline-block;
margin:0 5px;
width:40%;
}
.sokuho-renmei img{
width:100%;
}

p.nodata{
text-align:center;
padding-bottom:3em;
font-size:small;
}