@charset "UTF-8";

/* ------ 編集ＯＫ ------ */
body {
	margin: 0px;
	padding: 0px;
	color:#333;/*全体のフォントの色変更可能*/
	font-size: 14px;/*全体のフォントのサイズ変更可能*/
	line-height: 160%;/*全体のフォントの行間変更可能*/
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;/*全体のフォント変更可能*/
	background-position: center top;
	background-repeat: repeat-y;
	/*バックグラウンドの色編集 */
	background: #0b54d7;

}

/* ------ 編集ＯＫ ------ */
h1 {
	font-size: small;
	font-weight: normal;
	color:#FFFFFF;/*ヘッダータイトルフォント色*/
}

/* ------ 編集ＯＫ ------ */
h2{
	width:650px;
	padding-left:30px;
	padding-bottom:15px;
	height:auto;
	font-size:18px;
	margin-bottom:30px;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:15px;
	/*サブページのタイトル背景色*/
	/*バックグラウンドの色編集*/ 
	background: #02569f;
	/*グラデ使用時*/
	background: -moz-linear-gradient(top, #02569f, #063d66);/*変更可能*/ 
	background: -ms-linear-gradient(top, #02569f, #063d66);/*変更可能*/  
	background: -webkit-gradient(linear, left top, left bottom, from(#02569f), to(#063d66));/*変更可能*/ 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02569f', endColorstr='#063d66',GradientType=0 );/*変更可能*/  
}

/* ------ 編集ＯＫ ------ */
h3{
	width:650px;
	height:auto;
	/*サブページの見出し色編集*/ 
	border-left:5px #3cf solid;
	font-size:16px;
	font-weight:bold;
	padding-left:5px;
	margin-left:10px;
	margin-bottom:10px;
	float:left;}
	
/*======================================

link　全体のリンクの色　編集ＯＫ

=======================================*/
a:link {
	display: inline-block;
	color: #0033ff;
	text-decoration: none;
	font-size: 14px;
	margin: 0 5px;
}
a:visited {
	text-decoration: none;
	font-size: 14px;
	color: #0033ff;
}
a:hover {
	text-decoration: underline;
	color: #0033ff;
}
a:active {
	text-decoration: none;
	color: #0033ff;
}
div#wrapper{
	width:1085px;
	height:auto;
	text-align: left;
	margin: auto;	
}

/*======================================

ヘッダー

=======================================*/
/* ------ ヘッダー ------ */

/* ------ 編集ＯＫ ------ */
div#header{
	margin: 0px;
	padding: 0px;
	width:1085px;
	height:100px;
	background-color:#0b54d7/*ヘッダーの色変更可能*/ 
	text-align: left;
	position: relative;
	top:0px;
	left:0px;	
}

div#header_top_logo{
	width:1085px;
	height:80px ;
	text-align: left;
	position: absolute;
	top:35px;
	left:0px;
}

/* ------ 編集ＯＫ ------ */

div#header_login{
	width:80px;
	height:19px;
	border-bottom: 1px solid #183348;/*メニュー囲い*/ 
	text-align: center;
	position: absolute;
	top:0px;
	right:190px;
	/*バックグラウンドの色編集*/ 
	background: #02569f;
	/*グラデ使用時*/
	background: -moz-linear-gradient(top, #d7a2fc, #063d66);/*変更可能*/ 
	background: -ms-linear-gradient(top, #02569f, #063d66);/*変更可能*/  
	background: -webkit-gradient(linear, left top, left bottom, from(#02569f), to(#063d66));/*変更可能*/ 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02569f', endColorstr='#063d66',GradientType=0 );/*変更可能*/  
}
/* ------ 編集ＯＫ ------ */

div#header_contact{
	width:80px;
	height:19px;
	border-bottom: 1px solid #183348;/*メニュー囲い*/ 
	text-align: center;
	position: absolute;
	top:0px;
	right:95px;
	/*バックグラウンドの色編集*/ 
	background: #02569f;
	/*グラデ使用時*/
	background: -moz-linear-gradient(top, #02569f, #063d66);/*変更可能*/ 
	background: -ms-linear-gradient(top, #02569f, #063d66);/*変更可能*/  
	background: -webkit-gradient(linear, left top, left bottom, from(#02569f), to(#063d66));/*変更可能*/ 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02569f', endColorstr='#063d66',GradientType=0 );/*変更可能*/  
}
/* ------ 編集ＯＫ ------ */
div#header_join{
	width:80px;
	height:19px;
	border-bottom: 1px solid #183348;/*メニュー囲い*/ 
	text-align: center;
	position: absolute;
	top:0px;
	right:0px;
	/*バックグラウンドの色編集*/ 
	background: #02569f;
	/*グラデ使用時*/
	background: -moz-linear-gradient(top, #02569f, #063d66);/*変更可能*/ 
	background: -ms-linear-gradient(top, #02569f, #063d66);/*変更可能*/  
	background: -webkit-gradient(linear, left top, left bottom, from(#02569f), to(#063d66));/*変更可能*/ 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02569f', endColorstr='#063d66',GradientType=0 );/*変更可能*/   
}


/* ------ 編集ＯＫ ------ */
/* ------ ヘッダーメニューのリンク色 ------ */
a:link.header_menu    {font-size: 10pt; font-style: normal; font-weight: bold; color: #FFFFFF; text-decoration: none;}
a:visited.header_menu {font-size: 10pt; font-style: normal; font-weight: bold; color: #FFFFFF; text-decoration: none;}
a:hover.header_menu  {font-size: 10pt; font-style: normal; font-weight: bold; color: #FFFFFF; text-decoration: none;}
a:active.header_menu  {font-size: 10pt; font-style: normal; font-weight: bold; color: #FFFFFF; text-decoration: none;}

/*======================================

コンテンツ

=======================================*/

#tbl-bdr table,#tbl-bdr td,#tbl-bdr th {
    border-collapse: collapse;
    border:1px solid #333;
    }
#tbl-bdr th {
    background-color: rgba(0, 128, 255, .1);
}
#tbl-bdr td,#tbl-bdr th {
    padding: 5px;
}
/* ------ 編集ＯＫ ------ */
div#contents_wrap{
	width:1075px;
	padding-left:5px;
	padding-right:5px;
	background: #ffffff;/*コンテンツ部分の背景色変更可能*/ 
	height:auto;
	margin-top:25px; 
	text-align: left;
	float:left;
	
}

/* ------ 編集ＯＫ ------ */
.left_menu_btn{
	width:146px;
	height:30px;
	margin-bottom:10px;
	background: #e6d9fa;
	float:left;
}

/* ------ 編集ＯＫ ------ */
/* ------ レフトメニューのリンク色変更可能　メニューの背景色変えたとき変更した方が良い ------ */
a:link.left_menu    {
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration: none;
	width:146px;
	height:27px;
	margin-bottom:10px;
	padding-top:6px;
	padding-bottom:2px;
	padding-left:4px;
	float:left;
	text-align: left;
	/*バックグラウンドの色編集*/
	background-image: url("http://netto.jp/sapporonishi/html_pic/513.jpg");
	}
a:visited.left_menu    {
	font-size: 2pt;
	font-style: normal;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration: none;
	width:146px;
	height:27px;
	margin-bottom:10px;
	padding-top:6px;
	padding-bottom:2px;
	padding-left:4px;
	float:left;
	text-align: left;
	/*バックグラウンドの色編集*/
	background-image: url("http://netto.jp/sapporonishi/html_pic/513.jpg");
	}
a:hover.left_menu    {
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration: none;
	width:146px;
	height:27px;
	margin-bottom:10px;
	padding-top:6px;
	padding-bottom:2px;
	padding-left:4px;
	float:left;
	text-align: left;
	/*バックグラウンドの色編集*/
	background-image: url("http://netto.jp/sapporonishi/html_pic/514.jpg");
	}
a:active.left_menu    {
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration: none;
	width:146px;
	height:27px;
	margin-bottom:10px;
	padding-top:6px;
	padding-bottom:2px;
	padding-left:4px;
	float:left;
	text-align: left;
	/*バックグラウンドの色編集*/
	background-image: url("http://netto.jp/sapporonishi/html_pic/513.jpg");
	}
/* ------ 編集ＯＫ ------ */
/* ------ メインコンテンツ ------ */
div#center_contents_wrapper{
	width:680px;
	height:auto;
	margin-top:0px;
	padding:5px; 
	margin-left:15px;  
	text-align: left;
	background-color:;/*メインコンテンツ部分の背景色変更可能*/ 
	float:left;	
}

/* ------ 編集ＯＫ ------ */
/* ------ 各項目のボックス線 ------ */
div.center_contents_box{
	width:678px;
	height:auto;
	margin-top:15px; 
	text-align: left;
	float:left;	
	background:#fff;
	border:#070036 1px solid;/*変更可能*/ 
}
/* ------ 編集ＯＫ ------ */
/* ------ 各項目のタイトル ------ */
div.center_contents_title{
	width:668px;
	height:20px;
	padding-left:10px;
	font-size:14px;
	color:#FFFFFF;/*変更可能*/ 
	font-weight:bold;
	text-align: left;
	float:left;	
	/*バックグラウンドの色編集*/ 
	background: #070036;
	/*グラデ使用時
	background: -moz-linear-gradient(top, #02569f, #063d66);/*変更可能*/ 
	background: -ms-linear-gradient(top, #02569f, #063d66);/*変更可能*/  
	background: -webkit-gradient(linear, left top, left bottom, from(#02569f), to(#063d66));/*変更可能*/ 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02569f', endColorstr='#063d66',GradientType=0 );/*変更可能*/ */
}

/* ------ 新着情報 ------ */

/* ------ 編集ＯＫ ------ */
/* ------ 新着情報のリンク色 ----- */
a:link.center_news_txt    {font-size: 10pt; font-style: normal; font-weight: none; color: #0033ff; text-decoration: none;}
a:visited.center_news_txt {font-size: 10pt; font-style: normal; font-weight: none; color: #0033ff; text-decoration: none;}
a:hover.center_news_txt  {font-size: 10pt; font-style: normal; font-weight: none; color: #0033ff; text-decoration: none;}
a:active.center_news_txt  {font-size: 10pt; font-style: normal; font-weight: none; color: #0033ff; text-decoration: none;}
/* ------ 新着ページのリンク色 ----- */
a:link.news_title    {font-size: 14pt; font-style: normal; font-weight: none; color: #0033ff; text-decoration: none;}
a:visited.news_title {font-size: 14pt; font-style: normal; font-weight: none; color: #0033ff; text-decoration: none;}
a:hover.news_title  {font-size: 14pt; font-style: normal; font-weight: none; color: #0033ff; text-decoration: none;}
a:active.news_title  {font-size: 14pt; font-style: normal; font-weight: none; color: #0033ff; text-decoration: none;}
/* ------ 大会情報 ------ */

/* ------ 編集ＯＫ ------ */
/* ------ 大会情報のリンク色 ------ */
a:link.center_tournament_txt    {font-size: 10pt; font-style: normal; font-weight: none; color: #0033ff; text-decoration: none;}
a:visited.center_tournament_txt {font-size: 10pt; font-style: normal; font-weight: none; color: #0033ff; text-decoration: none;}
a:hover.center_tournament_txt  {font-size: 10pt; font-style: normal; font-weight: none; color: #0033ff; text-decoration: none;}
a:active.center_tournament_txt  {font-size: 10pt; font-style: normal; font-weight: none; color: #0033ff; text-decoration: none;}

/*======================================

フッター

=======================================*/

/* ------ 編集ＯＫ ------ */
div#footer_contents_wrapper{
	width:1070px;
	height:auto;
	margin-top:25px;
	padding:5px; 
	text-align: center;
	/*バックグラウンドの色編集*/ 
	background-color:#FFFFFF;
	float:left;	
}

/* ------ 編集ＯＫ ------ */
div#footer_copy{
	width:1065px;
	height:auto;
	margin-top:20px;
	/*バックグラウンドの色編集*/ 
	background-color:#333333;
	font-size:12px;
	/*フォントの色編集*/ 
	color:#FFFFFF;
	text-align: center;
	float:left;	
}

/* ------ 編集ＯＫ ------ */
/* ------ フッターメニューのリンク色 ------ */
a:link.footer_menu    {font-size: 12pt; font-style: normal; font-weight: normal; color: #0033ff; text-decoration: none;}
a:visited.footer_menu {font-size: 12pt; font-style: normal; font-weight: normal; color: #0033ff; text-decoration: none;}
a:hover.footer_menu  {font-size: 12pt; font-style: normal; font-weight: normal; color: #0033ff; text-decoration: none;}
a:active.footer_menu  {font-size: 12pt; font-style: normal; font-weight: normal; color: #0033ff; text-decoration: none;}font-style: normal; font-weight: normal; color: #0033ff; text-decoration: none;}

/* ------ 追加 ------ */
.mode_pc_ib {
	display: inline-block;
}
.mode_sp_ib {
	display: none;
}
.space_tb {
	display: inline-block;
	padding: 15px 0;
}
.textBox {
	border: 1px solid #0080ff;
	background-color: rgba(0, 128, 255, .05);
	padding: 10px;
	margin: 15px 0;
}
.btnLink {
	display: inline-block;
	background-color: #0080ff;
	color: #fff!important;
	padding: 2px 10px;
	text-decoration: none;
	margin: 0 5px;
	border-radius: 50px;
}
.leftbox02 {
	float: left;
	width: 47%;
}

/* ------ タイトル ------ */

.title01 {
	display: inline-block;
	color: #0080ff;
	font-size: 18px;
	font-weight: bold;
	padding: 0 0.5em;
	margin: 15px 0;
	border-left: solid 5px #0080ff;
}

.title02 {
	color: #0080ff;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	padding: 0.5em 0;
	margin: 0 0 10px;
	border-top: solid 3px #0080ff;
	border-bottom: solid 3px #0080ff;
}

.title03 {
	color: #0080ff;
	font-size: 16px;
	font-weight: bold;
	padding: 0.5em 0;
	margin: 10px 0;
	border-top: solid 2px #0080ff;
	border-bottom: solid 2px #0080ff;
}