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

/* h1Area ------------------------------------*/

#h1Area{
	
}

#h1Area h1{
	padding:20px 0;
	background:url(../img/h2_usc.png) 100% 50% no-repeat;
}

/* bread-crumbs ------------------------------------*/

.bread-crumbs{
	background:url(../img/bg_schedule.png);
	padding:2px 0;
	color:#FFF;
	font-size:85%;
	font-weight:bold;
}

.bread-crumbs .inner ul li{
	display:inline-block;
}

.bread-crumbs .inner ul li a{
	color:#FFF;
	padding:0 10px;
}

.bread-crumbs .inner ul li a:hover{
	color:#333;
}

.bread-crumbs .inner ul li::after{
	content: ">";
}

.bread-crumbs .inner ul li:last-child::after{
	content: none;
}

/* mainArea ------------------------------------*/

.mainArea{
	width:710px;
	float:left;
	box-sizing:border-box;
}

/* .mainArea article.box ------------------------------------*/

.mainArea article.box{
    padding-bottom:30px;
}

.mainArea article.box h2{
    background: #FF0;
    padding: 20px 0 20px 20px;
    font-size: 150%;
    line-height: 100%;
    margin: 20px 0;
}

.mainArea article.box h2 .date{
  display: block;
    background: #FF0;
    padding: 0px;
    font-size: 1rem;
    line-height: 100%;
    margin: 0px 0px 15px;
}

.mainArea article.box h2:nth-of-type(1){
    margin: 0 0 20px 0;
}

.mainArea article.box h3{
	border:1px solid #CCC;
    padding: 10px;
    font-size: 120%;
    line-height: 100%;
    margin: 20px ;
}

.mainArea article.box p{
    padding: 0 20px;
    margin: 0 0 30px 0;
}

.mainArea article.box .img-center{
	text-align:center;
	margin: 0 0 30px 0;
}

.mainArea article.box ol{
	padding: 0 20px 0 40px;
	list-style-type: decimal;
}

.mainArea article.box ul{
	padding: 0 20px;
	margin:0 0 30px 0;
	letter-spacing: -.40em;
}

.mainArea article.box ul li{
	font-size:80%;
	font-weight:bold;
	letter-spacing: normal;
	padding:10px 0 5px 0;
	position:relative;
}

.mainArea article.box ul li a{
	display:block;
	position:relative;
	padding:0 0 5px 20px;
}

.mainArea article.box ul li a::before{
	position:absolute;
	content: url(../img/arrowRight_black.svg);
    top: 2px;
    left: 0;
	background-size:13px;
}

.mainArea article.box ul li a:hover::before{
	position:absolute;
	content: url(../img/arrowRight_blue.svg);
    top: 2px;
    left: 0;
	background-size:13px;
}

.mainArea article.box ul.list32 li{
	display:inline-block;
	vertical-align:top;
	width:32%;
	margin:0 1.3333% 0 0;
	border-bottom:1px dotted #CCC;
}

.mainArea article.box ul.list49 li{
	display:inline-block;
	vertical-align:top;
	width:49%;
	margin:0 1% 0 0;
	border-bottom:1px dotted #CCC;
}

/* subArea ------------------------------------*/

.subArea{
	width:250px;
	float:right;
	box-sizing:border-box;
}

.subArea nav ul{
	margin:0 0 30px 0;
}

.subArea nav ul li{
	font-size:85%;
	border-bottom:1px dotted #67d2ff;
}

.subArea nav ul li:last-of-type{
	border-bottom-style:none;
}

.subArea nav ul li a{
	display:block;
	position:relative;
	padding:12px 10px 10px 30px ;
}

.subArea nav ul li a::before{
	position:absolute;
	content: url(../img/arrowDown_black.svg);
    top: 12px;
    left: 10px;
	background-size:13px;
}

.subArea nav ul li a:hover::before{
	position:absolute;
	content: url(../img/arrowDown_blue.svg);
    top: 12px;
    left: 10;
	background-size:13px;
}

/* 賛助会員のご案内 ------------------------------------*/

.sanjoMemberList{
    margin: 0 0 30px 0;
	padding:0 0 30px 0;
}

.sanjoMemberList h2{
    background: #FF0;
    padding: 20px 0 20px 20px;
    font-size: 150%;
    line-height: 100%;
    margin: 0 0 10px 0;
}

.sanjoMemberList ul{
    letter-spacing: -.40em;
	padding: 0 20px;
}

.sanjoMemberList ul li{
	text-align:center;
	font-size:100%;
	font-weight:bold;
	display:inline-block;
    letter-spacing: normal;
	padding:10px 0;
	box-sizing:border-box;
	width:24%;
	margin:0 1% 0 0;
	vertical-align:top;
	border-bottom:1px dotted #CCC;
}

table.sanjoKitei,
table.sanjoKitei td,
table.sanjoKitei th{
	border-collapse: collapse;
    
}

table.sanjoKitei{
	width:670px;
	margin:0 0 20px 20px;
	line-height:130%;
	border:1px solid #ccc;
}

table.sanjoKitei td{
	padding:20px 10px;
	box-sizing:border-box;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

table.sanjoKitei th{
	padding:10px;
	box-sizing:border-box;
}

table.sanjoKitei th.tokuten{
	width:270px;
	display:table-cell;
	vertical-align:middle;
	line-height:150%;
	border:1px solid #ccc;
	text-align:left;
}

table.sanjoKitei th.tokuten span{
	font-size:85%;
}

table.sanjoKitei td.price{
	width:80px;
	font-weight:bold;
}

.check{
	font-size:250%;
}

.bg01{
	background:#ff68a2;
	color:#fff;
}

.bg02{
	background:#ff91bb;
}

.bg03{
	background:#ff9fc4;
}

.bg04{
	background:#ffb6d2;
}

.bg05{
	background:#ffcade;
}

.bg06{
	background:#ffdbe9;
}

.borderBtm{
	border-bottom:1px dashed #fff;
}

.borderRight{
	border-right:1px solid #fff;
}

.mainArea article.box .supportersClubMember ul{
	letter-spacing: -.40em;
	padding: 0 20px;
}

.mainArea article.box .supportersClubMember ul li{
	font-size:80%;
	line-height:140%;
	display:inline-block;
    letter-spacing: normal;
	padding:10px;
	box-sizing:border-box;
	width:19%;
	margin:0 1% 0 0;
	vertical-align:top;
}



/* クラブUSC部門紹介 ------------------------------------*/

table.class{
	width:670px;
	margin:0 0 30px 20px;
}

table.class,
table.class td,
table.class th{
	border-collapse: collapse;
    border:1px solid #ccc;
}

table.class td,
table.class th{
	padding:5px;
}

table.class th{
	background:#f5f5f5;
}

/* #class a padding-left -----*/
#class .subArea nav ul li a{
	display:block;
	position:relative;
	padding:12px 10px 10px 45px ;
}

#class .subArea nav ul li a::before{
	position:absolute;
	content: url(../img/arrowDown_black.svg);
    top: 12px;
    left: 25px;
	background-size:13px;
}

#class .subArea nav ul li a:hover::before{
	position:absolute;
	content: url(../img/arrowDown_blue.svg);
    top: 12px;
    left: 25px;
	background-size:13px;
}

/* li.classLinks -----*/

#class .subArea nav ul li.classLinks{
	font-size:85%;
	border-bottom:1px dotted #333;
}

#class .subArea nav ul li.classLinks:last-of-type{
	border-bottom-style:none;
}

#class .subArea nav ul li.classLinks a{
	display:block;
	position:relative;
	padding:12px 10px 10px 30px ;
	background:#555;
	color:#FFF;
}

#class .subArea nav ul li.classLinks a::before{
	position:absolute;
	content: url(../img/arrowRight_white.svg);
    top: 12px;
    left: 10px;
	background-size:13px;
}

#class .subArea nav ul li.classLinks a:hover{
	background:#333;
}


/* イベント・大会情報 ------------------------------------*/

.pager{
	margin:0 0 30px 0;
	text-align:center;
}

.pager a{
    border: 1px solid #333;
    border-radius: 5px 5px 5px 5px;
    color: #333;
	background:#FFF;
    padding: 6px 10px 5px;
    text-decoration: none;
	margin:0 5px;
}

/*現在のページのボタン*/
.pager a.current{
    background: #333;
    color: #fff;
}

.pager a:hover{
    background:#333;
    color: #fff;
}

.overPagerPattern{
	padding:0 2px ;	
}

#eventIndex .box{
	margin:0 0 30px 0;
	border-top:30px solid #FF0;
	padding:30px;
	position:relative;
}

#eventIndex .box .newMark{
	position:absolute;
	top:-30px;
	right:0;
}

.eventListTxt{
	float:right;
	width:670px;
}

.eventListTxt h2.title a{
	display:block;
	font-size:130%;
	color:#37abfa;
	position:relative;
	padding:0 0 0 30px;
	margin:0 0 20px 0;
}

.eventListTxt h2.title a:before{
	position:absolute;
	content: url(../img/arrowRight_blueBig.svg);
    top: 0;
    left: 0;
}

.eventListTxt .catName{
	margin:0 0 15px 0;
	font-size:85%;
}

.eventListImg{
	float:left;
	width:230px;
	text-align:center;
}

.eventListImg img{
	border:1px solid #ccc;
}

.date{
	font-size:0.875rem;
  font-weight: 700;
	color:#303030;
	text-align:left;
}

.up_ymd{
	font-size:75%;
	color:#999;
	text-align:right;
}

.detailText{
	padding:0 20px;
	margin:0 0 30px 0;
}

.detailUpfile{
	padding:0 20px;
	margin:0 0 30px 0;
	text-align:center;
}

.detailUpfile img{
	border:1px solid #ccc;
}

.detailUpfile a{
	display:inline-block;
	color:#FFF;
	padding:5px 20px;
	border:1px solid #fd629c;
	background:#fd629c;
	border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */ 
}

.detailUpfile a:hover{
	color:#fd629c;
	border:1px solid #fd629c;
	background:#fff;
}

.backORcloseBtn{
	text-align:center;
	margin:20px 0;
}

.backORcloseBtn a{
	display:inline-block;
	border: 1px solid #333;
    border-radius: 5px 5px 5px 5px;
    color: #333;
	background:#FFF;
    padding: 6px 20px 5px;
    text-decoration: none;
}

.backORcloseBtn a:hover{
    color: #fff;
	background:#333;
}

.subArea nav ul li.eventListLink a::before{
	position:absolute;
	content: url(../img/arrowRight_black.svg);
    top: 12px;
    left: 10px;
	background-size:13px;
}

.subArea nav ul li.eventListLink a:hover::before{
	position:absolute;
	content: url(../img/arrowRight_blue.svg);
    top: 12px;
    left: 10;
	background-size:13px;
}

/* お問い合わせ ------------------------------------*/

#formArea{
	padding:20px;
}

#formArea table.formTable tr{
	display:block;
	padding:17px 0 15px 0;
	border-bottom:1px dotted #CCC;
	width:670px;
}

#formArea table.formTable tr:nth-of-type(1){
	border-top:1px dotted #ccc;
}

#formArea table.formTable tr th{
	font-size:100%;
	font-weight:bold;
	width:200px;
	vertical-align:middle;
	padding:0 0 0 15px;
}

#formArea table.formTable tr th span{
	font-size:70%;
	font-weight:normal;
	color:#C00;
	padding:0 0 0 10px;
}

#formArea table.formTable tr td input,
#formArea table.formTable tr td textarea{
	width:400px;
	padding:5px;
	font-size:100%;
}

.formTableBtn tr td{
	text-align:center;
	padding:20px 0;
	width:650px;
}

.formTableBtn tr td input{
	padding:10px 20px;
	
}

.formEx{
	font-size:70%;
}