html {
height:100%;
background:#f6f6f6;
font-size:62.5%
}
body {
background:#f6f6f6;
color:#434343;
font-size:13px;
font-size:1.3rem;
font-family:"メイリオ", Meriyo, "ＭＳ Ｐゴシック", sans-serif;
line-height:1.8
}
body.mac {
font-family:"ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", Osaka, sans-serif
}
a:link {
color:#0095df;
text-decoration:none
}
a:visited {
color:#0095df;
text-decoration:none
}
a:hover {
color:#0095df;
text-decoration:underline
}
a:active {
color:#0095df;
text-decoration:none
}
a:focus {
text-decoration:none
}
.mb10 {
margin-bottom:10px
}
.mb20 {
margin-bottom:20px
}
#globalHeaderIn, #contents, #globalFooterIn, #page {
margin:0 auto
}
.container {
margin-right:20px;
width:140px
}
#globalHeader {
width:100%
}
#globalHeaderIn, #contents, #globalFooterIn {
width:960px
}
#page {
min-width:960px
}
#globalHeader {
background:#000f36
}
#globalHeaderIn {
position:relative;
display:block;
overflow:hidden;
width:960px;
height:319px;
background-image:url(../images/common/img_main_visual.jpg);
background-position:center top;
background-repeat:no-repeat;
text-indent:-99999px
}
#contents {
background:url(../images/common/bg_content.png) repeat-y
}
#contentsIn {
padding:0 10px 150px;
zoom:1
}
#contentsIn:after {
display:table;
clear:both;
content:""
}
#contentsIn:before {
display:table;
content:""
}
#globalFooter {
border-top:1px solid #fff;
background:#000
}
#globalFooter .copy {
color:#fff
}
#globalFooterIn {
position:relative;
padding:20px 0;
text-align:center
}
#globalFooterIn .pageTop {
position:absolute;
top:-60px;
right:10px
}
#alpha {
float:right;
margin-right:20px;
margin-right:0;
padding-top:40px;
width:780px
}
#beta {
float:left;
margin-right:20px;
width:140px
}
.alphaHead {
margin-bottom:40px
}
.alphaHead .siteDescContent {
display:block;
overflow:hidden;
margin:0 auto 27px;
width:594px;
height:88px;
background-image:url(../images/common/txt_head_outline.png);
background-position:center top;
background-repeat:no-repeat;
text-indent:-99999px
}
.contHead {
margin-bottom:20px
}
.contHead .txtAttention {
color:#fb0000
}
.lineNews, .line {
margin-bottom:50px;
zoom:1
}
.lineNews:after, .line:after {
display:table;
clear:both;
content:""
}
.lineNews:before, .line:before {
display:table;
content:""
}
.lineNews:last-child, .line:last-child {
margin-bottom:0
}
.lineNews .lineHead, .line .lineHead {
margin-bottom:25px
}
.lineNews .lineBody, .line .lineBody {
padding:0 20px
}
.lineNews .lineBody .txt, .line .lineBody .txt {
margin-bottom:15px
}
.lineNews .lineBody .txt:last-child, .line .lineBody .txt:last-child {
margin-bottom:0
}
.unitNews, .unitApi {
zoom:1
}
.unitNews:after, .unitApi:after {
display:table;
clear:both;
content:""
}
.unitNews:before, .unitApi:before {
display:table;
content:""
}
.unitNews {
padding:20px 0;
border-bottom:1px solid #e8e8e8;
box-shadow:0 1px 0 #fff
}
.unitNews:first-child {
padding-top:0
}
.unitNews .unitHead {
margin-bottom:20px
}
.unitNews .unitHead .time {
margin-bottom:5px;
color:#ffa200;
font-size:12px;
font-size:1.2rem
}
.unitNews .unitHead .title {
font-size:14px;
font-size:1.4rem
}
.unitApi {
margin-bottom:50px
}
.unitApi:last-child {
margin-bottom:0
}
.unitApi .mod {
margin-top:30px
}
.unit {
margin-bottom:30px
}
.unit:last-child {
margin-bottom:0
}
.skipNav {
position:absolute;
left:-999px;
width:999px
}
.errorALL {
padding:5px 0;
background:#ff7400;
color:#fff;
text-align:center;
font-weight:700;
font-size:116%
}
.error {
color:red
}
.fixed {
position:fixed;
top:0
}
#globalNavi {
margin-bottom:20px;
color:#c3c3c3;
line-height:1.2
}
#globalNavi li {
border-bottom:1px solid #e8e8e8;
box-shadow:0 1px 0 #fff;
line-height:1.6
}
#globalNavi span {
display:block;
padding:15px 0
}
#globalNavi a {
display:block;
padding:15px 0 10px 20px;
background:url(../images/common/ico_arr_r.png) no-repeat 0 center;
color:#000
}
#globalNavi a:hover {
background:url(../images/common/ico_arr_r_on.png) no-repeat 0 center;
color:#ffa200;
text-decoration:none
}
#globalNavi .select {
background:url(../images/common/ico_arr_r_on.png) no-repeat 0 center;
color:#ffa200
}
.contentNavi {
margin:30px 0;
padding:10px 15px;
border:1px solid #dfdfdf;
background:#f2f2f2
}
.contentNavi li {
display:inline-block;
margin-right:15px
}
.contentNavi li:last-child {
margin-right:0
}
.pageTop a, .pageTop span {
display:block;
overflow:hidden;
width:30px;
height:30px;
background-image:url(../images/common/sprite_pagetop.png);
background-position:0 -30px;
background-repeat:no-repeat;
text-indent:-999999px
}
.pageTop a:hover, .pageTop span:hover {
background-position:0 0
}
.btnFacebook a, .btnFacebook span {
display:block;
overflow:hidden;
width:25px;
height:25px;
background-image:url(../images/common/sprite_social.png);
background-position:0 -100px;
background-repeat:no-repeat;
text-indent:-999999px
}
.btnFacebook a:hover, .btnFacebook span:hover {
background-position:0 -125px
}
.btnTwitter a, .btnTwitter span {
display:block;
overflow:hidden;
width:25px;
height:25px;
background-image:url(../images/common/sprite_social.png);
background-position:0 -50px;
background-repeat:no-repeat;
text-indent:-999999px
}
.btnTwitter a:hover, .btnTwitter span:hover {
background-position:0 -75px
}
.btnGoogle a, .btnGoogle span {
display:block;
overflow:hidden;
width:25px;
height:25px;
background-image:url(../images/common/sprite_social.png);
background-position:0 0;
background-repeat:no-repeat;
text-indent:-999999px
}
.btnGoogle a:hover, .btnGoogle span:hover {
background-position:0 -25px
}
.btnOutline a, .btnOutline span {
display:block;
overflow:hidden;
width:300px;
height:45px;
background-image:url(../images/top/sprite_btns.png);
background-position:0 0;
background-repeat:no-repeat;
text-indent:-999999px
}
.btnOutline a:hover, .btnOutline span:hover {
background-position:0 -45px
}
.btnContest a, .btnContest span {
display:block;
overflow:hidden;
width:300px;
height:45px;
background-image:url(../images/top/sprite_btns.png);
background-position:0 -90px;
background-repeat:no-repeat;
text-indent:-999999px
}
.btnContest a:hover, .btnContest span:hover {
background-position:0 -135px
}
.listSponsor .title {
margin-bottom:10px;
padding:0 0 10px;
border-bottom:1px solid #e8e8e8;
box-shadow:0 1px 0 #fff;
line-height:1
}
.listSponsor .title span {
padding-left:10px;
border-left:6px solid #000
}
.listSponsor .txt {
margin-bottom:30px!important
}
.listSponsor .txt:last-child {
margin-bottom:0!important
}
.listUnit>li {
margin:0 0 10px 15px;
list-style:square;
font-size:12px;
font-size:1.2rem
}
.listUnit>li:last-child {
margin-bottom:0
}
.listUnit>li ul {
margin-top:5px
}
.listUnit>li ul>li {
margin-bottom:5px
}
.listUnit>li ul>li:last-child {
margin-bottom:0
}
.listSponsorNavi {
margin-top:30px
}
.listSponsorNavi>li {
padding:20px 0;
border-bottom:1px solid #e8e8e8;
box-shadow:0 1px 0 #fff
}
.listSponsorNavi>li:first-child {
padding-top:0
}
.listSponsorNavi>li:last-child {
margin-bottom:0
}
.listSponsorNavi img:hover {
opacity:.7;
filter:alpha(opacity=70)
}
.listNaviSocial {
text-align:center
}
.listNaviSocial>li {
display:inline-block;
margin-right:10px
}
.listNaviSocial>li:last-child {
margin-right:0
}
.listBtnTop {
text-align:center
}
.listBtnTop>li {
display:inline-block;
margin-right:20px
}
.listBtnTop>li:last-child {
margin-right:0
}
.listPrize {
margin:0 auto;
width:744px;
zoom:1
}
.listPrize:after {
display:table;
clear:both;
content:""
}
.listPrize:before {
display:table;
content:""
}
.listPrize>li {
float:left;
margin:20px 20px 0 0
}
.listPrize>li:nth-child(2n) {
margin-right:0
}
.listPrize .gold {
display:block;
overflow:hidden;
width:362px;
height:60px;
background-image:url(../images/outline/sprite_prize.png);
background-position:0 -60px;
background-repeat:no-repeat;
text-indent:-999999px
}
.listPrize .silver {
display:block;
overflow:hidden;
width:362px;
height:60px;
background-image:url(../images/outline/sprite_prize.png);
background-position:0 -180px;
background-repeat:no-repeat;
text-indent:-999999px
}
.listPrize .bronze {
display:block;
overflow:hidden;
width:362px;
height:60px;
background-image:url(../images/outline/sprite_prize.png);
background-position:0 -120px;
background-repeat:no-repeat;
text-indent:-999999px
}
.listPrize .other {
display:block;
overflow:hidden;
width:362px;
height:60px;
background-image:url(../images/outline/sprite_prize.png);
background-position:0 -240px;
background-repeat:no-repeat;
text-indent:-999999px
}
.listPrize .skill {
display:block;
overflow:hidden;
width:362px;
height:60px;
background-image:url(../images/outline/sprite_prize.png);
background-position:0 0;
background-repeat:no-repeat;
text-indent:-999999px
}
.listSponsor {
font-size:14px;
font-size:1.4rem
}
.listSponsorB {
margin-bottom:5px;
font-size:12px;
font-size:1.2rem
}
.listSponsorB:last-child {
margin-bottom:0
}
.listApi {
position:relative
}
.listApi .title {
font-size:12px;
font-size:1.2rem
}
.listApi .title span {
position:absolute;
left:0;
padding:10px 0;
width:125px;
background:#0159a9;
color:#fff;
text-align:center;
line-height:1.4
}
.listApi .txt {
margin:0!important;
padding:5px 0 25px 150px
}
.listApi .detail {
padding-bottom:45px!important
}
.listAttention {
margin:20px 0
}
.listAttention .title {
font-weight:700
}
@font-face {
font-weight:400;
font-style:normal;
font-family:Roboto;
src:url(../fonts/Roboto-Regular-webfont.eot);
src:url(../fonts/Roboto-Regular-webfont.eot@) format("embedded-opentype"), url(../fonts/Roboto-Regular-webfont.woff) format("woff"), url(../fonts/Roboto-Regular-webfont.ttf) format("truetype"), url(../fonts/Roboto-Regular-webfont.svg) format("svg")
}
.time, .copy {
font-family:Roboto, sans-serif
}
.txtAttention {
font-size:12px;
font-size:1.2rem
}
.txtPick {
margin-bottom:20px;
padding:10px;
border:1px solid #848484
}
.unit .unitHead .title, .ttlExampleA {
display:block;
padding-bottom:10px;
border-bottom:1px solid #e8e8e8;
box-shadow:0 1px 0 #fff
}
.unit .unitHead .title span, .ttlExampleA span {
padding-left:10px;
border-left:6px solid #000;
font-size:16px;
font-size:1.6rem
}
.unit .unitHead .title {
margin-bottom:15px
}
.ttlNews {
display:block;
overflow:hidden;
width:780px;
height:30px;
background-image:url(../images/top/sprite_ttl.png);
background-position:0 0;
background-repeat:no-repeat;
text-indent:-999999px
}
.ttlOutlne {
display:block;
overflow:hidden;
width:780px;
height:30px;
background-image:url(../images/outline/sprite_ttl.png);
background-position:0 -60px;
background-repeat:no-repeat;
text-indent:-999999px
}
.ttlSponsor {
display:block;
overflow:hidden;
width:780px;
height:30px;
background-image:url(../images/outline/sprite_ttl.png);
background-position:0 -90px;
background-repeat:no-repeat;
text-indent:-999999px
}
.ttlData {
display:block;
overflow:hidden;
width:780px;
height:30px;
background-image:url(../images/outline/sprite_ttl.png);
background-position:0 0;
background-repeat:no-repeat;
text-indent:-999999px
}
.ttlContact {
display:block;
overflow:hidden;
width:780px;
height:30px;
background-image:url(../images/outline/sprite_ttl.png);
background-position:0 -30px;
background-repeat:no-repeat;
text-indent:-999999px
}
.ttlApis {
display:block;
overflow:hidden;
width:780px;
height:30px;
background-image:url(../images/apis/sprite_ttl.png);
background-position:0 0;
background-repeat:no-repeat;
text-indent:-999999px
}
.ttlExampleA {
margin-bottom:15px
}
.ttlExampleB {
margin-bottom:10px;
color:#0159a9;
font-size:14px;
font-size:1.4rem;
line-height:1
}
.ttlEntry {
display:block;
overflow:hidden;
width:780px;
height:30px;
background-image:url(../images/terms/sprite_ttl.png);
background-position:0 -30px;
background-repeat:no-repeat;
text-indent:-999999px
}
.ttlExamination {
display:block;
overflow:hidden;
width:780px;
height:30px;
background-image:url(../images/terms/sprite_ttl.png);
background-position:0 -150px;
background-repeat:no-repeat;
text-indent:-999999px
}
.ttlCommendation {
display:block;
overflow:hidden;
width:780px;
height:30px;
background-image:url(../images/terms/sprite_ttl.png);
background-position:0 -120px;
background-repeat:no-repeat;
text-indent:-999999px
}
.ttlSchedule {
display:block;
overflow:hidden;
width:780px;
height:30px;
background-image:url(../images/terms/sprite_ttl.png);
background-position:0 -90px;
background-repeat:no-repeat;
text-indent:-999999px
}
.ttlPrivacy {
display:block;
overflow:hidden;
width:780px;
height:30px;
background-image:url(../images/terms/sprite_ttl.png);
background-position:0 0;
background-repeat:no-repeat;
text-indent:-999999px
}
.ttlRule {
display:block;
overflow:hidden;
width:780px;
height:30px;
background-image:url(../images/terms/sprite_ttl.png);
background-position:0 -60px;
background-repeat:no-repeat;
text-indent:-999999px
}
.ttlForm {
display:block;
overflow:hidden;
width:780px;
height:30px;
background-image:url(../images/entry/sprite_ttl.png);
background-position:0 0;
background-repeat:no-repeat;
text-indent:-999999px
}
.tableOutline, .tableSchedule {
width:100%;
font-size:12px;
font-size:1.2rem
}
.tableOutline th, .tableSchedule th, .tableOutline td, .tableSchedule td {
padding:10px;
border:1px solid #dfdfdf
}
.tableOutline th, .tableSchedule th {
background:#353535;
color:#fff;
text-align:center;
font-size:14px;
font-size:1.4rem
}
.tableOutline td, .tableSchedule td {
box-shadow:1px 1px 0 #fff inset
}
.tableOutline td:first-child, .tableSchedule td:first-child {
font-weight:700
}
.tableOutline tbody tr:nth-child(odd), .tableSchedule tbody tr:nth-child(odd) {
background:#ebebeb
}
.tableOutline tbody tr:nth-child(even), .tableSchedule tbody tr:nth-child(even) {
background:#f6f6f6
}
.tableOutline {
margin-bottom:20px
}
.tableOutline td {
text-align:center
}
.ttlAppAward {
display: block;
width: 780px;
height: 30px;
background-image: url("../images/award/sprite_ttl.png");
background-position: 0 0;
background-repeat: no-repeat;
overflow: hidden;
text-indent: -999999px;
}
.ttlAppEntry {
display: block;
width: 780px;
height: 30px;
background-image: url("../images/award/sprite_ttl.png");
background-position: 0 -30px;
background-repeat: no-repeat;
overflow: hidden;
text-indent: -999999px;
}
.tableAppData {
width:100%;
margin-bottom:20px;
font-size:12px;
font-size:1.2rem
}
.tableAppData th, .tableAppData td {
padding:10px;
border:1px solid #dfdfdf;
box-shadow:1px 1px 0 #fff inset;
text-align:center;
}
.tableAppData th {
border:0;
background:#353535;
color:#fff;
text-align:center;
font-size:14px;
font-size:1.4rem
}
.tableAppData td:first-child {
font-weight:700
}
.tableAppData tbody tr:nth-child(odd) {
background:#ebebeb
}
.tableAppData tbody tr:nth-child(even) {
background:#f6f6f6
}
.tableAppData tbody th {
width:25%;
text-align:left;
white-space:nowrap;
}
.tableAppData tbody td {
width:75%;
text-align:left;
}
td.awardGroup {
white-space:nowrap;
}
td.awardGroup > span {
display:block;
}
.rank01 td:nth-child(1), .rank02 td:nth-child(1), .rank03 td:nth-child(1) {
height:60px;
font-size:16px;
font-size:1.6rem;
}
.rank01 td:nth-child(1) {
background:#d9c65b url(../images/award/bg_awardMark_01.png) 50% 50% no-repeat;
}
.rank02 td:nth-child(1) {
background:#cacaca url(../images/award/bg_awardMark_02.png) 50% 50% no-repeat;
}
.rank03 td:nth-child(1) {
background:#d97f36 url(../images/award/bg_awardMark_03.png) 50% 50% no-repeat;
}
.rank04 td:nth-child(1) {
background:#e1cba9;
}
.rank05 td:nth-child(1) {
background:#c1ebff;
}
.appEntry td:nth-child(2),.appEntry td:nth-child(3),
.rank01 td:nth-child(2), .rank02 td:nth-child(2), .rank03 td:nth-child(2), .rank04 td:nth-child(2), .rank05 td:nth-child(2), .rank01 td:nth-child(3), .rank02 td:nth-child(3), .rank03 td:nth-child(3), .rank04 td:nth-child(3), .rank05 td:nth-child(3), .rank01 td:nth-child(4), .rank02 td:nth-child(4), .rank03 td:nth-child(4), .rank04 td:nth-child(4), .rank05 td:nth-child(4) {
text-align:left;
}
.rank01Unit, .rank02Unit, .rank03Unit, .rank04Unit, .rank05Unit {
margin-top:5px;
padding:12px;
border:2px solid #353535;
box-shadow:1px 1px 0 #fff inset;
font-size:22px;
font-size:2.2rem;
font-weight:bold;
text-align:center;
}
.rank01Unit {
border-color:#9B861B;
background:#d9c65b url(../images/award/bg_awardMark_01.png) 50% 50% no-repeat;
}
.rank02Unit {
border-color:#919191;
background:#cacaca url(../images/award/bg_awardMark_02.png) 50% 50% no-repeat;
}
.rank03Unit {
border-color:#9B861B;
background:#d97f36 url(../images/award/bg_awardMark_03.png) 50% 50% no-repeat;
}
.rank04Unit {
border-color:#9B861B;
background:#e1cba9;
}
.rank05Unit {
border-color:#56B0DC;
background:#c1ebff;
}
.photoUnits {
margin-top:20px;
}
.photoUnits > .photoUnit {
}
.photoUnits > .photoUnit + .photoUnit {
margin-bottom:20px;
}
.photoUnits > .photoUnit:nth-child(odd) {
clear:both;
float:left;
}
.photoUnits > .photoUnit:nth-child(even) {
float:right;
}
.photoUnit > .img {
text-align:center;
}
.photoUnit > .cap {
padding:10px;
background:#DFDFDF;
font-size:12px;
font-size:1.2rem;
line-height:1;
text-align:center;
}