@charset "UTF-8"; /* general */ .tx10 { font-size: 77% !important ; } /*renders 10px */ .tx11 { font-size: 85% !important ; } /*renders 11px */ .tx12 { font-size: 93% !important ; } /*renders 12px */ .tx14 { font-size: 108% !important ; } /*renders 14px */ .tx15 { font-size: 116% !important ; } /*renders 15px */ .tx16 { font-size: 123.1% !important ; } /*renders 16px */ .tx17 { font-size: 131% !important ; } /*renders 17px */ .tx18 { font-size: 138.5% !important ; } /*renders 18px */ .tx19 { font-size: 146.5% !important ; } /*renders 19px */ .tx20 { font-size: 153.9% !important ; } /*renders 20px */ .tx21 { font-size: 161.6% !important ; } /*renders 21px */ .tx22 { font-size: 167% !important ; } /*renders 22px */ .tx23 { font-size: 174% !important ; } /*renders 23px */ .tx24 { font-size: 182% !important ; } /*renders 24px */ .tx25 { font-size: 189% !important ; } /*renders 25px */ .tx26 { font-size: 197% !important ; } /*renders 26px */ /* text-align */ .tx_L { text-align: left !important ; } .tx_C { text-align: center !important ; } .tx_R { text-align: right !important ; } .tx_j { text-align: justify; text-justify: inter-ideograph !important ; } /* float */ .fl_L { float: left !important ; } .fl_R { float: right !important ; } .fl_n { float: none !important ; } /* clear */ .clear { clear: both !important ; } /* overflow */ .hidden { overflow: hidden !important ; } .scroll { overflow: scroll !important ; } /* line-height */ .lh0 { line-height: 0 !important ; } .lh10 { line-height: 1.0 !important ; } .lh11 { line-height: 1.1 !important ; } .lh12 { line-height: 1.2 !important ; } .lh13 { line-height: 1.3 !important ; } .lh14 { line-height: 1.4 !important ; } .lh15 { line-height: 1.5 !important ; } .lh16 { line-height: 1.6 !important ; } .lh17 { line-height: 1.7 !important ; } .lh175 { line-height: 1.75 !important ; } .lh18 { line-height: 1.8 !important ; } .lh19 { line-height: 1.9 !important ; } .lh20 { line-height: 2.0 !important ; } /* clearfix */ .cFix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .cFix { min-height: 1px; } * html .cFix { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ } /* margin */ .m0 { margin: 0 !important ; } .m0A { margin: 0 auto !important ; } .mt0 { margin-top: 0px !important ; } .mt1 { margin-top: 1px !important ; } .mt3 { margin-top: 3px !important ; } .mt5 { margin-top: 5px !important ; } .mt7 { margin-top: 7px !important ; } .mt10 { margin-top: 10px !important ; } .mt15 { margin-top: 15px !important ; } .mt20 { margin-top: 20px !important ; } .mt25 { margin-top: 25px !important ; } .mt30 { margin-top: 30px !important ; } .mt35 { margin-top: 35px !important ; } .mt40 { margin-top: 40px !important ; } .mt45 { margin-top: 45px !important ; } .mt50 { margin-top: 50px !important ; } .mt55 { margin-top: 55px !important ; } .mt60 { margin-top: 60px !important ; } .mt65 { margin-top: 65px !important ; } .mt70 { margin-top: 70px !important ; } .mt75 { margin-top: 75px !important ; } .mt80 { margin-top: 80px !important ; } .mt85 { margin-top: 85px !important ; } .mt90 { margin-top: 90px !important ; } .mt95 { margin-top: 95px !important ; } .mt100 { margin-top: 100px !important ; } .mrA { margin-right: auto !important ; } .mr0 { margin-right: 0px !important ; } .mr1 { margin-right: 1px !important ; } .mr3 { margin-right: 3px !important ; } .mr5 { margin-right: 5px !important ; } .mr7 { margin-right: 7px !important ; } .mr10 { margin-right: 10px !important ; } .mr15 { margin-right: 15px !important ; } .mr20 { margin-right: 20px !important ; } .mr25 { margin-right: 25px !important ; } .mr30 { margin-right: 30px !important ; } .mr35 { margin-right: 35px !important ; } .mr40 { margin-right: 40px !important ; } .mr45 { margin-right: 45px !important ; } .mr50 { margin-right: 50px !important ; } .mr55 { margin-right: 55px !important ; } .mr60 { margin-right: 60px !important ; } .mr65 { margin-right: 65px !important ; } .mr70 { margin-right: 70px !important ; } .mr75 { margin-right: 75px !important ; } .mr80 { margin-right: 80px !important ; } .mr85 { margin-right: 85px !important ; } .mr90 { margin-right: 90px !important ; } .mr95 { margin-right: 95px !important ; } .mr100 { margin-right: 100px !important ; } .mb0 { margin-bottom: 0px !important ; } .mb1 { margin-bottom: 1px !important ; } .mb3 { margin-bottom: 3px !important ; } .mb5 { margin-bottom: 5px !important ; } .mb7 { margin-bottom: 7px !important ; } .mb10 { margin-bottom: 10px !important ; } .mb15 { margin-bottom: 15px !important ; } .mb20 { margin-bottom: 20px !important ; } .mb25 { margin-bottom: 25px !important ; } .mb30 { margin-bottom: 30px !important ; } .mb35 { margin-bottom: 35px !important ; } .mb40 { margin-bottom: 40px !important ; } .mb45 { margin-bottom: 45px !important ; } .mb50 { margin-bottom: 50px !important ; } .mb55 { margin-bottom: 55px !important ; } .mb60 { margin-bottom: 60px !important ; } .mb65 { margin-bottom: 65px !important ; } .mb70 { margin-bottom: 70px !important ; } .mb75 { margin-bottom: 75px !important ; } .mb80 { margin-bottom: 80px !important ; } .mb85 { margin-bottom: 85px !important ; } .mb90 { margin-bottom: 90px !important ; } .mb95 { margin-bottom: 95px !important ; } .mb100 { margin-bottom: 100px !important ; } .mlA { margin-left: auto !important ; } .ml0 { margin-left: 0px !important ; } .ml1 { margin-left: 1px !important ; } .ml3 { margin-left: 3px !important ; } .ml5 { margin-left: 5px !important ; } .ml7 { margin-left: 7px !important ; } .ml10 { margin-left: 10px !important ; } .ml15 { margin-left: 15px !important ; } .ml20 { margin-left: 20px !important ; } .ml25 { margin-left: 25px !important ; } .ml30 { margin-left: 30px !important ; } .ml35 { margin-left: 35px !important ; } .ml40 { margin-left: 40px !important ; } .ml45 { margin-left: 45px !important ; } .ml50 { margin-left: 50px !important ; } .ml55 { margin-left: 55px !important ; } .ml60 { margin-left: 60px !important ; } .ml65 { margin-left: 65px !important ; } .ml70 { margin-left: 70px !important ; } .ml75 { margin-left: 75px !important ; } .ml80 { margin-left: 80px !important ; } .ml85 { margin-left: 85px !important ; } .ml90 { margin-left: 90px !important ; } .ml95 { margin-left: 95px !important ; } .ml100 { margin-left: 100px !important ; } /* padding */ .p0 { padding: 0 !important ; } .p1 { padding: 1px !important ; } .p3 { padding: 3px !important ; } .p5 { padding: 5px !important ; } .p7 { padding: 7px !important ; } .p10 { padding: 10px !important ; } .p15 { padding: 15px !important ; } .p20 { padding: 20px !important ; } .p25 { padding: 25px !important ; } .p30 { padding: 30px !important ; } .p35 { padding: 35px !important ; } .p40 { padding: 40px !important ; } .p45 { padding: 45px !important ; } .p50 { padding: 50px !important ; } .p55 { padding: 55px !important ; } .p60 { padding: 60px !important ; } .p65 { padding: 65px !important ; } .p70 { padding: 70px !important ; } .p75 { padding: 75px !important ; } .p80 { padding: 80px !important ; } .p85 { padding: 85px !important ; } .p90 { padding: 90px !important ; } .p95 { padding: 95px !important ; } .p100 { padding: 100px !important ; } .pt0 { padding-top: 0px !important ; } .pt1 { padding-top: 1px !important ; } .pt3 { padding-top: 3px !important ; } .pt5 { padding-top: 5px !important ; } .pt7 { padding-top: 7px !important ; } .pt10 { padding-top: 10px !important ; } .pt15 { padding-top: 15px !important ; } .pt20 { padding-top: 20px !important ; } .pt25 { padding-top: 25px !important ; } .pt30 { padding-top: 30px !important ; } .pt35 { padding-top: 35px !important ; } .pt40 { padding-top: 40px !important ; } .pt45 { padding-top: 45px !important ; } .pt50 { padding-top: 50px !important ; } .pt55 { padding-top: 55px !important ; } .pt60 { padding-top: 60px !important ; } .pt65 { padding-top: 65px !important ; } .pt70 { padding-top: 70px !important ; } .pt75 { padding-top: 75px !important ; } .pt80 { padding-top: 80px !important ; } .pt85 { padding-top: 85px !important ; } .pt90 { padding-top: 90px !important ; } .pt95 { padding-top: 95px !important ; } .pt100 { padding-top: 100px !important ; } .pr0 { padding-right: 0px !important ; } .pr1 { padding-right: 1px !important ; } .pr3 { padding-right: 3px !important ; } .pr5 { padding-right: 5px !important ; } .pr7 { padding-right: 7px !important ; } .pr10 { padding-right: 10px !important ; } .pr15 { padding-right: 15px !important ; } .pr20 { padding-right: 20px !important ; } .pr25 { padding-right: 25px !important ; } .pr30 { padding-right: 30px !important ; } .pr35 { padding-right: 35px !important ; } .pr40 { padding-right: 40px !important ; } .pr45 { padding-right: 45px !important ; } .pr50 { padding-right: 50px !important ; } .pr55 { padding-right: 55px !important ; } .pr60 { padding-right: 60px !important ; } .pr65 { padding-right: 65px !important ; } .pr70 { padding-right: 70px !important ; } .pr75 { padding-right: 75px !important ; } .pr80 { padding-right: 80px !important ; } .pr85 { padding-right: 85px !important ; } .pr90 { padding-right: 90px !important ; } .pr95 { padding-right: 95px !important ; } .pr100 { padding-right: 100px !important ; } .pb0 { padding-bottom: 0px !important ; } .pb1 { padding-bottom: 1px !important ; } .pb3 { padding-bottom: 3px !important ; } .pb5 { padding-bottom: 5px !important ; } .pb7 { padding-bottom: 7px !important ; } .pb10 { padding-bottom: 10px !important ; } .pb15 { padding-bottom: 15px !important ; } .pb20 { padding-bottom: 20px !important ; } .pb25 { padding-bottom: 25px !important ; } .pb30 { padding-bottom: 30px !important ; } .pb35 { padding-bottom: 35px !important ; } .pb40 { padding-bottom: 40px !important ; } .pb45 { padding-bottom: 45px !important ; } .pb50 { padding-bottom: 50px !important ; } .pb55 { padding-bottom: 55px !important ; } .pb60 { padding-bottom: 60px !important ; } .pb65 { padding-bottom: 65px !important ; } .pb70 { padding-bottom: 70px !important ; } .pb75 { padding-bottom: 75px !important ; } .pb80 { padding-bottom: 80px !important ; } .pb85 { padding-bottom: 85px !important ; } .pb90 { padding-bottom: 90px !important ; } .pb95 { padding-bottom: 95px !important ; } .pb100 { padding-bottom: 100px !important ; } .pl0 { padding-left: 0px !important ; } .pl1 { padding-left: 1px !important ; } .pl3 { padding-left: 3px !important ; } .pl5 { padding-left: 5px !important ; } .pl7 { padding-left: 7px !important ; } .pl10 { padding-left: 10px !important ; } .pl15 { padding-left: 15px !important ; } .pl20 { padding-left: 20px !important ; } .pl25 { padding-left: 25px !important ; } .pl30 { padding-left: 30px !important ; } .pl35 { padding-left: 35px !important ; } .pl40 { padding-left: 40px !important ; } .pl45 { padding-left: 45px !important ; } .pl50 { padding-left: 50px !important ; } .pl55 { padding-left: 55px !important ; } .pl60 { padding-left: 60px !important ; } .pl65 { padding-left: 65px !important ; } .pl70 { padding-left: 70px !important ; } .pl75 { padding-left: 75px !important ; } .pl80 { padding-left: 80px !important ; } .pl85 { padding-left: 85px !important ; } .pl90 { padding-left: 90px !important ; } .pl95 { padding-left: 95px !important ; } .pl100 { padding-left: 100px !important ; } .bold{ font-weight:bold !important;} .gray{ color:#CCCCCC;} .yellow{color:#FFD119 !important;} body { background-color: #fff; } .adMain { margin: 0 auto; max-width: 640px; background-color: #fff; } .slider hr { border: 0; height: 0; border-top: 1px solid #aaa; width: 80%; } .heading { margin: 10px 0px; text-align: center; padding: 0 20px; } .link { text-align: center; margin: 15px 0; font-size: 93% !important ; } .link span { color: #f8702e; } .link a { text-decoration: underline; } .btnblack { font-size: 93% !important ; background: -moz-linear-gradient(top,#4c4c4c 0%,#1a1a1a); background: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#1a1a1a)); color:#FFF; width: 90%; margin: 15px auto; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align: center; } .btnblack a:link, .btnblack a:visited { padding: 15px 0; display: block; color: #fff; text-decoration: none; } .txt { max-width: 600px; text-align: center; color: #666666; margin: 0 auto; } .btnArea { margin: 20px 0; text-align: center; } .btnArea img { padding: 0px 20px; } .newsList, .interviewList, .btnPlayer, .playerList, .playerInfo, .youtube { background-image: url(../images/nike/grade01.jpg); background-repeat: repeat-x; background-position: top; } .newsList h2, .interviewList h2 { padding-top: 30px; } .newsListInner { max-width: 600px; margin: 0 auto; padding: 0 20px; } .newsList dl { -moz-box-sizing: border-box; display: table; font-size: 14px; padding: 10px 0; width: 100%; } .newsList dl dt { margin: 0; display: table-cell; height: 100%; padding: 0; vertical-align: middle; width: 28% !important; text-align: left; } .newsList dl dt img { width: 100%; /*min-width: 95px;*/ } .newsList dl dd { margin: 0; text-align: left; height: 100%; padding-left: 10px; vertical-align: top; font-size: 77% !important ; line-height: 1.4 !important ; } .newsList dl dd span { display: block; color: #f8702e; } .interviewListInner { max-width: 600px; margin: 0 auto; padding: 0 20px; } .photoArea { text-align: center; margin: 10px 0; } .interviewList dl { max-width: 540px; margin: 0 auto 20px auto; border-bottom: 10px solid #999999; } .interviewList dt { text-align: center; font-size: 116% !important ; padding: 0 0 10px; } .interviewList dd { font-size: 77% !important ; padding: 12px 0 0; } .interviewList .comment { color: #666666; text-align: left; padding-top: 15px; padding-bottom: 5px; } .interviewList .continue { color: #666666; text-align: right; padding-top: 0px; padding-bottom: 15px; } .interviewList .continue span { color: #f8702e; } .btnPlayerInner { max-width: 600px; margin: 0 auto; padding: 10px 20px 20px; text-align:center; } .followArea { background-image: url(../images/nike/grade02.jpg); background-repeat: repeat-x; background-position: top; background-color: #dedede; } .followArea p { text-align: center; padding-top: 15px; } .followArea h2 { padding-top: 5px; } .followAreaInner { max-width: 600px; margin: 0 auto; padding: 10px 20px 30px; display: table; } .foleft { display: table-cell; width: 27% !important; float: left; } .foright { padding-left: 29%; } .foright p { width: 45%; text-align: left; padding: 10px 0; } .foright ul { padding: 0; margin: 0; } .foright ul li { width: 48%; display: block; float: left; } .foright ul li img { width: 100% !important; max-width: 180px !important; } .dekisakaSocial { padding: 20px 0 0; text-align: center; } .dekisakaSocial div { padding: 0 5px; display: inline; } .dekisakaSocial div.fb iframe { margin-bottom: -4px; } .dekisakaSocial div.tw { } .dekisakaSocial div.scline { width: 80px; } .dekisakaSocial div.scline img { margin-bottom: 1px; width: 80px !important; } /* player list -----------------------------------------------------------------*/ .sliderInner { max-width: 600px; margin: 0 auto; padding: 0 20px; } .playerListInner { max-width: 600px; margin: 0 auto; padding: 30px 20px 0; } .playerList dl { text-align: left; max-width: 540px; padding-bottom: 15px; margin: 0 auto 20px; border-bottom: 10px solid #999999; } .playerList dl dt { color: #f8702e; } .playerList dl dd { padding-left: 4em; position: relative; } .playerList dl dd span { color: #d70000; position: absolute; left: 0; } /* player detail -----------------------------------------------------------------*/ .playerName { text-align: center; font-size: 116% !important ; padding: 10px 0 5px 0; margin: 0; } .school { text-align: center; padding: 0; margin: 0; } .playerPhoto { max-width: 600px; margin: 0 auto; padding: 0 20px; } .playerInfoInner { max-width: 600px; margin: 0 auto; padding: 30px 20px 0; } .playerInfo dl { text-align: left; max-width: 540px; padding-bottom: 15px; margin: 0 auto 20px; border-bottom: 10px solid #999999; overflow: hidden; } .playerInfo dl dt { margin: 5px 0; } .playerInfo dl dd { margin: 5px 0 15px 0; } .playerInfo dl dt, .playerInfo dl dd { line-height: 1.4; } .playerInfo dl dt.comment { float: none; width: auto; } .playerInfo dl dd.comment { padding-left: 0; margin-left: 0; } /* about -----------------------------------------------------------------*/ .aboutArea h2 { text-align: left; border-left: 8px solid #C01920; color: #444444; font-size: 150%; font-weight: normal; line-height: 1.2em; margin: 10px 0 0; padding: 10px 0 10px 1em; } .aboutAreaInner { max-width: 600px; margin: 0 auto; padding: 0 20px 0; } .aboutAreaInner p { text-align: left; line-height: 1.2; font-size: 77% !important ; margin-bottom: 1em; } .youtube { padding: 15px 20px 0; } .youtube p { text-align: center; padding-bottom: 15px; color: #666666; } .youtubeInner { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .youtubeInner iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }