@charset "utf-8";

/* ======================================== サイト全体に適用*/
* { /* 全ての要素の間隔・余白を０へ */
	margin:0;
	padding:0;
}
#clear{
	clear: both 
}

/*共通*/
body {
	margin: 0px;
	font-size: 12px;
	color: #333333;
	text-align: center;
	padding: 15px;
/*	background-color: #FF00FF;*/
/*	background-color: #FFFFF0;*/

background-image : url(monkey.jpg) ;
background-repeat : repeat ;
background-attachment: fixed ;
background-position : 0% 0% ;

}

#page {
	width: 800px;
	padding: 0px 10px;
	margin: 0px auto;
	text-align: left;
	background-color: #FFFFFF;
	font-family: 'Microsoft Sans Serif';
}

#main{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#title{
	height: 80px;
	margin:0px auto 0px 100px;
}

#subtitle{
}
#subtitle ul{
}
#subtitle li{
	float: right;
	margin-left: 10px;
	display:inline;
}

#menu{
	height: 26px;
	background: url(./image/title2-1.gif) no-repeat 0px 0px;
}

#menu .detail1 a{
	float: left;
	margin:0px auto 0px 65px;
	width:110px;
	height:22px;
	background-image:url(./image/title2-2.jpg);
}

#menu .detail2 a{
	float: left;
	margin:0px 0px 0px 1px;
	width:110px;
	height:22px;
	background-image:url(./image/title2-3.jpg);
}

#menu .detail3 a{
	float: left;
	margin:0px 0px 0px 1px;
	width:110px;
	height:22px;
	background-image:url(./image/title2-4.jpg);
}
#menu .detail4 a{
	float: left;
	margin:0px 0px 0px 1px;
	width:110px;
	height:22px;
	background-image:url(./image/title2-5.jpg);
}
#menu .detail5 a{
	float: left;
	margin:0px 0px 0px 1px;
	width:110px;
	height:22px;
	background-image:url(./image/title2-6.jpg);
}
#menu .detail6 a{
	float: left;
	margin:0px 0px 0px 1px;
	width:110px;
	height:22px;
	background-image:url(./image/title2-7.jpg);
}

#menu * a:link, #menu * a:visited{
	background-position: 0 0px;
}

#menu * a:hover{
	background-position: 0 22px;
}

#main img {
	border: none;
}


/**/
#left_table dl#left_table1{
	margin: 0;
	padding: 0;
	background: transparent url(./image/left1.jpg) top left no-repeat;
	width: 600px;
	height: 200px;
	position: relative;
}
#left_table1 dd{
	margin: 0;
	padding: 0;
	position: absolute;
	font-size: 85%;
}
#left_table1 dd#files1{
	top: 48px;
	left: 340px;
}
#left_table1 dd#files2{
	top: 48px;
	left: 468px;
}
#left_table1 dd#files3{
	top: 122px;
	left: 340px;
}
#left_table1 dd#files4{
	top: 122px;
	left: 468px;
}
#left_table1 dd a{
	position: absolute;
	width: 124px;
	height: 72px;
	text-decoration: none;
}

/**/
#left_table dl#left_table2{
	margin: 0;
	padding: 0;
	background: transparent url(./image/left2.jpg) top left no-repeat;
	width: 609px;
	height: 277px;
	position: relative;
}
#left_table2 dd{
	margin: 0;
	padding: 0;
	position: absolute;
	font-size: 85%;
}
#left_table2 dd#files1{
	top: 58px;
	left: 18px;
}
#left_table2 dd#files2{
	top: 58px;
	left: 213px;
}
#left_table2 dd#files3{
	top: 58px;
	left: 410px;
}
#left_table2 dd#files4{
	top: 162px;
	left: 18px;
}
#left_table2 dd#files5{
	top: 162px;
	left: 213px;
}
#left_table2 dd a{
	position: absolute;
	width:93px;
	height:93px;
	text-decoration: none;
}
/**/
#right_table dl#right_table1{
	margin: 0;
	padding: 0;
	background: transparent url(./image/right1.jpg) top left no-repeat;
	width: 190px;
	height: 688px;
	position: relative;
}
#right_table1 dd{
	margin: 0;
	padding: 0;
	position: absolute;
	font-size: 85%;
}
#right_table1 dd#files1{
	top: 65px;
	left: 8px;
}
#right_table1 dd#files2{
	top: 346px;
	left: 8px;
}
#right_table1 dd#files3{
	top: 382px;
	left: 8px;
}

#right_table1 dd#files1 a{
	position: absolute;
	width: 172px;
	height: 64px;
	text-decoration: none;
}

#right_table1 dd#files2 a,#right_table1 dd#files3 a{
	position: absolute;
	width: 172px;
	height: 33px;
	text-decoration: none;
}


/**/

#left_table #ti0_s{
	padding: 0px 0px 0px 8px;
	width:577px;
	border-bottom:2px solid #6699CC;
	font-family:'MS Pゴシック',Osaka,serif;
	font-size:medium;
	font-weight:bold;


}
#left_table #ti0_e{
	width:577px;
/*	padding: 0px 0px 0px 8px; */
	margin-bottom: 10px;
	border-bottom:2px solid #6699CC;
}

.scroll{
	width : 600px;                    /*テーブルの幅*/
	height : 165px;                   /*テーブルの高さ*/
	overflow : auto;                  /*スクロールバーを自動でつける(必要になったら付ける)*/
	scrollbar-face-color : #29D4D4;     /*スクロールバーの表面の色指定*/
	scrollbar-base-color : #29D4D4;     /*スクロールバーのベース色指定*/
	scrollbar-arrow-color : #FFFFFF;    /*スクロールバーにつく矢印の色指定*/
	scrollbar-shadow-color : dimgray; /*スクロールバーの影の色指定*/
	scrollbar-highlight-color: white; /*スクロールバーのハイライト色の指定*/
	scrollbar-track-color : white;     /*スクロールバーが動く場所の色指定*/
}

.scroll2{
	width : 180px;                    /*テーブルの幅*/
	height : 165px;                   /*テーブルの高さ*/
	overflow : auto;                  /*スクロールバーを自動でつける(必要になったら付ける)*/
	scrollbar-face-color : #29D4D4;     /*スクロールバーの表面の色指定*/
	scrollbar-base-color : #29D4D4;     /*スクロールバーのベース色指定*/
	scrollbar-arrow-color : #FFFFFF;    /*スクロールバーにつく矢印の色指定*/
	scrollbar-shadow-color : dimgray; /*スクロールバーの影の色指定*/
	scrollbar-highlight-color: white; /*スクロールバーのハイライト色の指定*/
	scrollbar-track-color : white;     /*スクロールバーが動く場所の色指定*/
}

.scroll3{
	width : 400px;                    /*テーブルの幅*/
	height : 165px;                   /*テーブルの高さ*/
	overflow : auto;                  /*スクロールバーを自動でつける(必要になったら付ける)*/
	scrollbar-face-color : #29D4D4;     /*スクロールバーの表面の色指定*/
	scrollbar-base-color : #29D4D4;     /*スクロールバーのベース色指定*/
	scrollbar-arrow-color : #FFFFFF;    /*スクロールバーにつく矢印の色指定*/
	scrollbar-shadow-color : dimgray; /*スクロールバーの影の色指定*/
	scrollbar-highlight-color: white; /*スクロールバーのハイライト色の指定*/
	scrollbar-track-color : white;     /*スクロールバーが動く場所の色指定*/
}

.scroll4{
	width : 120px;                    /*テーブルの幅*/
	height : 250px;                   /*テーブルの高さ*/
	overflow : auto;                  /*スクロールバーを自動でつける(必要になったら付ける)*/
	scrollbar-face-color : #29D4D4;     /*スクロールバーの表面の色指定*/
	scrollbar-base-color : #29D4D4;     /*スクロールバーのベース色指定*/
	scrollbar-arrow-color : #FFFFFF;    /*スクロールバーにつく矢印の色指定*/
	scrollbar-shadow-color : dimgray; /*スクロールバーの影の色指定*/
	scrollbar-highlight-color: white; /*スクロールバーのハイライト色の指定*/
	scrollbar-track-color : white;     /*スクロールバーが動く場所の色指定*/
}

.ti1{
	padding: 3px 0px 1px 8px;
	border-color: #DCDCDC;
	color:#505050;
	border-bottom:2px solid dashed;
}
.ti2{
	padding: 0px 0px 0px 30px;
	color:#505050;
}

/* ﾒﾙ助とは*/
#guidance{
	width:600px;
}

#guidance #ti1{
	border: double 6px #FFF;
	background-color: #29D4D4;
	padding: 1em;
	font-size:medium;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	letter-spacing:10px;
}
#guidance #ti2{
	padding: 10px 0px 8px 10px;
	margin-left:110px;
	font-size:medium;
	font-weight:bold;
	border-left: outset 0.5em #0FF;
	border-bottom: outset 1px #0FF;
}
#guidance #message{
	padding: 10px 0px 10px 120px;
}

/* 加入団体*/
#introduce{
	width:600px;
}
#introduce #ti1{
	border: double 6px #FFF;
	background-color: #29D4D4;
	padding: 1em;
	font-size:medium;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	letter-spacing:10px;
}
#introduce #ti2{
	padding: 10px 0px 8px 10px;
	margin-left:0px;
	font-size:medium;
	font-weight:bold;
	border-left: outset 0.5em #0FF;
	border-bottom: outset 1px #0FF;
}
#introduce #img1{
	position: relative;
	left: 500px;
	top: -125px;

/*
	width:230px;
	height:80px;
    border: 1px solid #CCC;   
    background: #FFF;   
    padding: 2px;
*/
}
#introduce #img2{
	margin-left:190px;
	margin-top:-90px;
/*
	margin-top:-30px;
    border: 1px solid #CCC;   
    padding: 2px;
    background: #FFF;   
*/
}

#introduce #column{
	margin-left:20px;
	font-size:medium;
	font-weight:bold;
	width: 570px;
	background: url(introduce/html_pc/img/bottom.jpg) no-repeat bottom;
	padding-bottom: 25px;
	margin-bottom: 40px;
}
#column #inner{
	background: url(introduce/html_pc/img/top.jpg) no-repeat;
	padding-top: 25px;
}
#column #inner div	{
	background: url(introduce/html_pc/img/center.jpg) repeat-y;
	padding: 0 20px;
}

#introduce #img3{
	margin-top:10px;
	font-family:"Comic Sans MS";
	font-size:medium;
	font-weight:bold;
	width:267px;
	height:200px;
	background: #fff;
	border: 1px solid #ccc;
	padding: 5px 5px 55px 5px;
	float: left;
}

#introduce #message{
	margin-top:10px;
	width:290px;
	height:200px;
	padding: 0px 5px 55px 10px;
}

#introduce #list1{
	float:left;
	font-size : medium;						/* フォントサイズ */
	font-weight : bold;						/* フォントの太さ */
	color : black;								/* フォントの色 */
	background-color : #f0f0f0;		/* 背景の色 */
	text-align : center;					/* テキストのセンタリング */
	letter-spacing : 1px;					/* 文字間隔 */
	padding-left : 0px;						/* 左側の余白 */
	line-height : 1.5em;					/* 領域（行）の高さ＝フォントの１．５倍 */
	width : 250px;								/* 横幅 */
	border-left-width : 1em;			/* 左境界線をマークとして使用 */
	border-left-style : solid;		/* 左境界線（マーク）の種類 */
	border-left-color : #0FF;		/* 左境界線（マーク）の色 */
	border-right-width : 1em;			/* 右境界線 */
	border-right-style : solid;		/* 右境界線の種類 */
	border-right-color : #0FF;	/* 右境界線の色 */
}
#introduce #list2{
	margin-left:290px;
	font-size : medium;						/* フォントサイズ */
	font-weight : bold;						/* フォントの太さ */
	color : black;								/* フォントの色 */
	text-align : center;					/* テキストのセンタリング */
	letter-spacing : 1px;					/* 文字間隔 */
	padding-left : 0px;						/* 左側の余白 */
	line-height : 1.5em;					/* 領域（行）の高さ＝フォントの１．５倍 */
	width : 250px;								/* 横幅 */

	background-color : #f0f0f0;*/		/* 背景の色 */
	border-left-width : 1em;*/			/* 左境界線をマークとして使用 */
	border-left-style : solid;*/		/* 左境界線（マーク）の種類 */
	border-left-color : #0FF;*/		/* 左境界線（マーク）の色 */
	border-right-width : 1em;*/			/* 右境界線 */
	border-right-style : solid;*/		/* 右境界線の種類 */
	border-right-color : #0FF;*/	/* 右境界線の色 */
}

#introduce #list1_message{
	padding: 5px 5px 5px 5px;
	float:left;
	width:250px;
}
#introduce #list2_message{
	padding: 5px 5px 5px 5px;
	margin-left:290px;
	width:250px;
}
#introduce #ti2{
	padding: 10px 0px 8px 10px;
	margin-left:0px;
	font-size:medium;
	font-weight:bold;
	border-left: outset 0.5em #0FF;
	border-bottom: outset 1px #0FF;
}



/* ご利用規約*/
#rule{
	width:600px;
}
#rule #ti1{
	border: double 6px #FFF;
/*	background-color: #66CC66; */
	background-color: #29D4D4;
	padding: 1em;
	font-size:medium;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	letter-spacing:10px;
}
#rule #ti2{
	padding: 10px 0px 8px 10px;
	margin-left:0px;
	font-size:medium;
	font-weight:bold;
	border-left: outset 0.5em #0FF;
	border-bottom: outset 1px #0FF;
}
#rule #ti3{
	padding: 10px 0px 8px 10px;
	margin-left:110px;
	font-size:medium;
	font-weight:bold;
	border-left: outset 0.5em #0FF;
	border-bottom: outset 1px #0FF;
}
#rule #message{
	line-height : 1.5;
	padding: 10px 0px 10px 10px;
}
#rule #message2{
	line-height : 1.5;
	padding: 10px 0px 10px 120px;
}
/* プライバシー*/
#privacy{
	width:600px;
}
#privacy #ti1{
	border: double 6px #FFF;
	background-color: #29D4D4;
	padding: 1em;
	font-size:medium;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	letter-spacing:10px;
}
#privacy #ti2{
	padding: 10px 0px 8px 0px;
	margin-left:0px;
	font-size:medium;
	font-weight:bold;
}
#privacy #message{
	padding: 5px 0px 10px 12px;
}
/* サイト運営*/
#site{
	width:600px;
}
#site #ti1{
	border: double 6px #FFF;
	background-color: #29D4D4;
	padding: 1em;
	font-size:medium;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	letter-spacing:10px;
}
#site #ti2{
	padding: 10px 0px 8px 0px;
	margin-left:0px;
	font-size:medium;
	font-weight:bold;
}
#site #message{
	padding: 5px 0px 10px 12px;
}
/* 良くある質問*/
#question{
	width:600px;
}
#question #ti1{
	border: double 6px #FFF;
	background-color: #29D4D4;
	padding: 1em;
	font-size:medium;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	letter-spacing:10px;
}
#question #ti2{
	padding: 10px 0px 8px 10px;
	margin-left:0px;
	font-size:medium;
	font-weight:bold;
	border-left: outset 0.5em #0FF;
	border-bottom: outset 1px #0FF;
}
#question #message{
	padding: 5px 0px 10px 12px;
}
/* 運営会社*/
#company{
	width:600px;
}
#company #ti1{
	border: double 6px #FFF;
	background-color: #29D4D4;
	padding: 1em;
	font-size:medium;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	letter-spacing:10px;
}
#company #ti2{
	padding: 10px 0px 8px 0px;
	margin-left:0px;
	font-size:medium;
	font-weight:bold;
}
#company #message{
	padding: 5px 0px 10px 12px;
}
/* お問い合わせ*/
#center{
	width:600px;
}
#center #ti1{
	border: double 6px #FFF;
	background-color: #29D4D4;
	padding: 1em;
	font-size:medium;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	letter-spacing:10px;
}
#center #ti2{
	padding: 10px 0px 8px 0px;
	margin-left:0px;
	font-size:medium;
	font-weight:bold;
}
#center #message{
	padding: 5px 0px 10px 12px;
}
/* サイトマップ*/
#map{
	width:600px;
}
#map #ti1{
	border: double 6px #FFF;
	background-color: #29D4D4;
	padding: 1em;
	font-size:medium;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	letter-spacing:10px;
}
#map #ti2{
	padding: 10px 0px 8px 0px;
	margin-left:0px;
	font-size:medium;
	font-weight:bold;
}
#map #message{
	padding: 5px 0px 10px 12px;
}


#footer_line{
	width: 800px;
	margin:10px 0 0 0;
	border-bottom:2px solid #C0C0C0;
}

#header_line{
	width: 800px;
	margin:10px 0 0 0;
	border-bottom:2px solid #00FFFF;
}


#footer{
	margin:10px 0 0 0;
	text-align:right;
}

#footer ul {
	display:inline;
	padding-left:10px;
	border-left:1px solid #000000;
}
#footer li {
	display:inline;
	padding-left:10px;
	padding-right:10px;
	border-right:1px solid #000000;
}
#footer p{
	margin:10px 0 0 0;
	text-decoration: none;

}




#signboard{
	position: relative;
}
#signboard #msg_hako{
	margin-left:35px;
	margin-top:-20px;
	z-index:1;
}
#signboard #msg{
	position: absolute;
	margin-left:140px;
	margin-top:-290px;
	z-index:2;
}

.bannercontainer{
	margin-top:30px;
	border-top:#1D86CF solid 2px;
	list-style-type:none;
	}
.bannercontainer li{
	line-height:0;
	border-bottom:#1D86CF solid 2px;
	}
	
.bannercontainer li img{
	vertical-align:bottom;
	}


#global_info{
	position: relative;
	font-weight: bold;
	color: #0545a6;
}

















/*タイトルエリア*/
h1 {
	margin:0 0 0 0;
	padding:0px 0px;
	border-left:5px solid #0977ce;
	border-bottom:1px solid #0977ce;
	font-size 14px;
	color:#0977ce;
/*
	font-size: 12px;
	background: url(images/logo.gif) no-repeat 0px 0px;
	text-indent: -10000px;
	height: 67px;
*/
}

h2 {
	font-size: 16px;
	font-weight: bold;
	color: #6B6B6B;
	padding: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #6B6B6B;
}
#newsbox {
	border: 1px solid #999999;
	height: 150px;
	overflow: auto;
	margin: 0px 0px 10px;
/*	background-image: url(img/backS001.png);*/
	background-repeat: repeat-x;
	background-position: left top;
}




/* チーム新規登録 ツールチップ */
a.tt{
    position:relative;
    z-index:24;
/*
    color:#3CA3FF;
	font-weight:bold;
*/
    text-decoration:none;
}
a.tt span{ display: none; }

a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
/*    text-align: center;*/
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ 
	display: block;
	padding: 0 8px; 
	background: url(bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(bubble.gif) no-repeat bottom;
}