@charset "UTF-8";
/* イメージフローティング */
.imgLeft{
	float: left;
	width: auto;
	padding: 0 1em 1em 0;
}
.imgRight{
	float: right;
	width: auto;
	padding: 0 0 1em 1em;
}


/*　ブランクピクト　*/	
.blank{
	background-image: url(../images/common/icon_blank.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 0 17px 0 0;
}


/*　PDFピクト　*/	
.pdf{
	background-image: url(../images/common/icon_pdf.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 3px 23px 3px 0;
}


/*　リンクピクト　*/
.link{
	background-image: url(../images/common/icon_arrow.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 0 17px 0 0;
}

/* テキストアライン */
.alignCenter{
	text-align: center;
}
.alignLeft{
	text-align: left;
}
.alignRight{
	text-align: right;
}


/*　ボックス設定　*/
#box{
	padding: 25px 0;
}

/*　パンくずリスト　*/
#breadCram{
	width: auto;
	font-size: .9em;
}

#breadCram:before,
#breadCram:after{
    content: " ";
    display: table;
}
#breadCram:after{
    clear: both;
}
#breadCram{
    *zoom: 1;
}

#breadCram ol{
	float: right;
	line-height: 1;
	margin: 10px 0;
}

#breadCram li{
	display: inline-block;
	list-style: none;
	margin: 0 10px 0 0;
}

#breadCram li a{
	color: #333;
	text-decoration: none;
	background-image: url(../images/common/icon_arrow.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 0 15px 0 0;
}

#breadCram li a:hover{
}

/*　ページタイトル　*/
h1{
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1;
}

#right h2{
	clear: both;
	font-size: 1.4em;
	font-weight: bold;
	background-image: url(../images/common/back_h2.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 0 0 0 30px;
	margin: 1em 0;
}

#right h2:first-child{
	margin: 0 0 1em;
}

#right h3{
	font-size: 1.2em;
	font-weight: bold;
	background: #def5ff;
	border-left: 5px solid #2aade9;
	padding: 5px 20px;
	margin: 1em 0;
}

/*　左カラム　*/
#left ol{
	line-height: 1;
	list-style: none;
	margin: 0 0 20px;
}

#left ol li{
	margin: 0;
}

#left ol li a{
	display: block;
	width: auto;
	text-decoration: none;
	border-bottom: 1px dotted #ccc;
	padding: 10px;
}

#left ol li:last-child a{
	border: none;
}

#left ol li a:hover{
	background: #f2f2f2;
	opacity: 1;
}

#left ol li a i{
	padding: 0 .5em 0 0;
}


/*　右カラム　*/
#right{
	width: 642px;
	min-height: 286px;
	background: #fff;
	padding: 20px;
	margin: 0 0 20px;

	-moz-border-radius:    5px;
	-webkit-border-radius: 5px;
	border-radius:         5px;

	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.2);
	box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.2);
}

/*　リード　*/
.lead{
	font-size: 1.4em;
	font-weight: bold;
	line-height: 140%;
	padding: 0 0 1em;
}

/*　スタッフ紹介　*/
.stuffBox{
	width: auto;
	margin: 0 0 1em;
}

.stuffBox:before,
.stuffBox:after{
    content: " ";
    display: table;
}
.stuffBox:after{
    clear: both;
}
.stuffBox{
    *zoom: 1;
}

/*　スタッフカラム　*/
.stuffBox p:first-child{
	float: left;
	width: 160px;
}

.stuffBox div{
	float: right;
	width: 480px;
}

.stuffBox dl{
	margin: 0 0 1em;
}

.stuffBox dd{
	line-height: 120%;
	font-weight: bold;
	font-size: 1.4em;
}

/*　クラブ一覧　*/
.clubLeft{
	float: left;
	width: 48%;
	list-style: none;
	margin: 0 0 1em;
}
.clubRight{
	float: right;
	width: 48%;
	list-style: none;
	margin: 0 0 1em;
}


/*　センターからのお知らせ　*/
#info{
	min-height: 768px;
}

#info dl:after{
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

#info dl{
	background: #f0f3f7;
	line-height: 150%;
	border-bottom: 1px solid #e3e3e3;
	padding: 10px 0;
}

#info dl:nth-child(odd){
	background: #fff;
}

#info dt{
	float: left;
	width: 90px;
	text-align: center;
}

#info dd{
	float: right;
	width: 535px;
	padding: 0 10px 0 0;
	margin: 3px 0 0;
}

 /* IE11の文字サイズ設定 */
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, #info dd img{ margin: 0 0 5px;}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#info dd img{ margin: 0 0 5px;}
}
 /* IE9の文字サイズ設定 */
 :root #info dd img{ margin: 0 0 5px \0/IE9; }