@charset "Shift-JIS";

/***------------------------------------------

mystyle.css

Copyright(c) SabaeKita Community Spote Club. All Right Reserved.

----------------------------------------- ***/



/***------------

default

------------***/

/*

* {

margin:0;

padding:0;

}

*/



h1,h3,h4,h5,h6,ul,div,li,p {

margin:0px;

padding:0px;

}





img {

	border:none;

	margin:0;

	padding:0;

}



a:link {

	color:#2D7DA2;

	text-decoration:underline;

}



a:visited {

	color:#2D7DA2;

	text-decoration:underline;

}



a:hover {

	text-decoration:none;

	color:#2D7DA2;

}



.c_left{

clear:left;

}



.c_both{

clear:both;

}



.middle{

vertical-align:middle;

}



.ma_0{

margin:0;

}



.f_left{

float:left;

}



.f_right{

float:right;

}



.d_b{

	display:block;

}



/***------------

body

------------***/

body{

	width:750px;

	margin:0 auto;

	text-align:left;

	font-size:80%;

	color:#003366;



}



#body{

	width:750px;

	margin:0;

	padding:0;

}



/***------------

header

------------***/

#header{

	width:750px;

	height:70px;

	background-image:url(../img/top-header.gif);

	background-repeat:no-repeat;	

	padding-left:14px;

	padding-top:14px;

}



#header h1{

	float:left;

	margin-left:9px;

	margin-top:15px;

	font-size:100%;

	font-weight:normal;

	color:#666666;

}



/***------------

menu

------------***/

#menu{

	width:750px;

	height:20px;

	background-image:url(../img/menu01.gif);

	background-repeat:no-repeat;

	padding-right:0px;

	margin-bottom:0px;

	padding-top:0px;

}





#menu li{

	float:right;

	color:#006633;

}



#menu a:link {

	color:#ffffff;

	text-decoration:none;

}



#menu a:visited {

	color:#ffffff;

	text-decoration:none;

}



#menu a:hover {

	text-decoration:none;

	color:#ffff00;

}



/***------------

menu3

------------***/

#menu3{

	width:750px;

	height:17px;

	background-image:url(../img/menu01.gif);

	background-repeat:no-repeat;

	padding-right:0px;

	margin-bottom:0px;

	padding-top:0px;



}



#menu3 a:link {

	color:#ffffff;

	text-decoration:none;

}



#menu3 a:visited {

	color:#ffffff;

	text-decoration:none;

}



#menu3 a:hover {

	text-decoration:none;

	color:#ffff00;

}



/***------------

flash

------------***/

#flash{

	width:700px;

	background-image:url(../img/back.gif);

	margin-bottom:0px;

	padding-left:25px;

	padding-right:25px;

	padding-top:0px;

}



/***------------

main

------------***/

#main{

	width:750px;

	background-image:url(../img/bk_left.gif);

	background-repeat:repeat-y;

}



/***------------bgcolor="#ccffff" background="wallppr004.gif"

main2

------------***/

#main2{

	width:750px;

	background-image:url(../img/bk_left.gif);

	background-repeat:repeat-y;

}



/***------------

main3

------------***/

#main3{

	width:750px;

	background-image:url(../img/wallppr004.gif);

	background-color:#FFFFE5;

}

/***------------

main4

------------***/

#main4{

	width:750px;

	background-image:url(../img/bgb-1.gif);

	background-color:#FFFFCC;

}







/***------------

toc_containe---*/

------------***/

#toc_container{

	width: 700px;

	background-image:url(../img/bg.html);

	background-repeat:repeat;

  	color:#000;

	margin-top:0px;

	padding-left:25px;

	padding-right:25px;

	padding-top:0px;

	padding-bottom:0px;



}



#toc_container ul,#toc_container li{

	list-style:none;

  	margin:0;

  	padding:0;

}



#root_toc li,#root_toc li a{

    	width: 105px;

	font-size:90%;

}

  

#root_toc li{

	float:left; 

    	border:1px solid #ccc;

}



#root_toc li.plist ul{

    	display:none;

    	position:absolute;

}



#root_toc li.plist:hover  > a{

    	background-color:#ff0000;

}



#root_toc li.plist:hover ul{

    	display: block;

}



#root_toc li.plist li{

      	float:none;

      	display:list-item;

}



#root_toc li a{

    	display: block;

	text-indent:0.3em;

    	line-height:1.8em;

    	color:#fff;

    	background-color: #5F5F5F;

    	text-decoration:none;

}



#root_toc li a:hover{

    	color:#000;

    	background-color:#ffffff;

}





/***------------

top_l

------------***/

#top_l{

	float:left;

	width:150px;

}



#top_l h2{

	width:190px;

	background-image:url(../img/bk-left-btn.gif);

	background-repeat:no-repeat;

	margin-top:5px;

	margin-left:15px;

	padding-top:5px;

	padding-bottom:5px;

	color:#ff99ff;

	text-align:center;

	font-size:120%;

	line-height:150%;

}



#top_l .lmenu01{

	width:150px;

	height:15px;

	background-image:url(../img/bk-lmenu.jpg);

	background-repeat:no-repeat;

	color:#ff99ff;

	padding-top:5px;

	padding-bottom:5px;

	padding-left:50px;

	margin-left:10px;

	border-bottom:1px dotted #ffffff;

}





#top_l a:link {

	color:#000080;

	text-decoration:underline;

}



#top_l a:visited {

	color:#ff8c00;

	text-decoration:underline;

}



#top_l a:hover {

	text-decoration:none;

	color:#6633ff;

}



#top_l .top_l_area01{

	float:left;

	width:150px;

	background-color:#ffffff;

	border-top:2px solid #ffffff;

	border-bottom:2px solid #ffffff;

	border-left:2px solid #ffffff;

	border-right:2px solid #ffffff;

	margin-top:10px;

	margin-left:5px;

}



#top_l h3{

	width:150px;

	border-bottom:2px solid #bebebe;

	border-left:13px solid #bebebe;

	margin-top:5px;

	margin-left:5px;

	padding-top:0px;

	padding-bottom:0px;

	color:#696969;

	text-align:left;

	font-size:120%;

	line-height:100%;

}



#top_l h4{

	margin-top:5px;

	margin-left:5px;

	padding-top:0px;

	padding-bottom:0px;

	color:#000033;

	text-align:left;

	font-size:110%;

	line-height:100%;

}





/***------------

top_r

------------***/

#top_r{

	float:right;

	width:500px;

}



#top_r h1{

	color:#990099;

	font-size:100%;

	padding-left:5px

}



#top_r h2{

	color:#ff0099;

	font-size:100%;

	border-left:10px solid #ff0099;

	border-bottom:1px solid #ff0099;

	padding-left:5px

}



#top_r h3{

	color:#ff0099;

	font-size:100%;

	border-left:10px solid #ff0099;

	border-bottom:1px solid #ff0099;

	padding-left:5px

}



#top_r .ivent01{

	width:480px;

	padding-left:15px;

	padding-right:15px;

	color:#003366;

}



#top_r .ivent01 dl{

	margin-bottom:10px;

	margin-top:0;

}



#top_r .ivent01 dt{

	color:#003366;

	font-weight:bold;

	margin-top:5px;

	margin-bottom:3px;

}



#top_r .ivent01 dd{

	margin-left:12px;

	line-height:130%;

	margin-bottom:5px;

	padding-bottom:5px;

}



#top_r .contents02{

	width:480px;

	padding-left:15px;

	padding-right:15px;

	color:#003366;

}



#top_r .contents02 dl{

	margin-bottom:10px;

	margin-top:0;

}



#top_r .contents02 dt{

	color:#003366;

	font-weight:bold;

	margin-top:5px;

	margin-bottom:3px;

}



#top_r .contents02 dd{

	margin-left:40px;

	line-height:80%;

	margin-bottom:1px;

	padding-bottom:1px;

}



#top_r a:link {

	color:#ff0099;

	text-decoration:underline;

}



#top_r a:visited {

	color:#006400;

	text-decoration:underline;

}



#top_r a:hover {

	text-decoration:none;

	color:#6666ff;

}











/***------------

left

------------***/

#left{

	float:left;

	width:150px;

}



#left h2{

	width:190px;

	background-image:url(../img/bk-left-btn.gif);

	background-repeat:no-repeat;

	margin-top:5px;

	margin-left:15px;

	padding-top:5px;

	padding-bottom:5px;

	color:#ff99ff;

	text-align:center;

	font-size:120%;

	line-height:150%;

}



#left .lmenu01{

	width:100px;

	height:15px;

	background-image:url(../img/bk-lmenu.jpg);

	background-repeat:no-repeat;

	color:#ff99ff;

	padding-top:5px;

	padding-bottom:5px;

	padding-left:50px;

	margin-left:20px;

	border-bottom:1px dotted #ffffff;

}



#left a:link {

	color:#000080;

	text-decoration:underline;

}



#left a:visited {

	color:#ff8c00;

	text-decoration:underline;

}



#left a:hover {

	text-decoration:none;

	color:#6666ff;

}







/***------------

right

------------***/

#right{

	float:right;

	width:500px;

}



#right h1{

	background-image:url(line.html);

	background-repeat:repeat-x;

	color:#333333;

	font-size:100%;

	padding:5px;

	margin-top:0

}



#right h2{

	color:#ff0099;

	font-size:100%;

	border-left:10px solid #ff0099;

	border-bottom:1px solid #ff0099;

	padding-left:5px

}



#right h6{

	color:#6666ff;

	font-size:100%;

	text-align:right;

}



/***------------

all

------------***/

#all{

	width:750px;

}



#all h1{

	background-image:url(../img/line.gif);

	background-repeat:repeat-x;

	color:#333333;

	font-size:150%;

	padding:5px;

	margin-top:0

}



#all h2{

	color:#ff0099;

	font-size:100%;

	border-left:10px solid #ff0099;

	border-bottom:1px solid #ff0099;

	padding-left:5px

}



#all h4{

	color:#ff4500;

	font-size:120%;

	padding-left:5px

}





#all h6{

	color:#003366;

	font-size:100%;

	text-align:left;

	margin-top:50px;

	margin-left:90px;

	margin-right:30px;

}

#all h5{

	float:left;

	color:#003366;

	font-size:100%;

	text-align:left;

	margin-top:50px;

	margin-left:70px;



}

#all strong{

	color:#dc143c;

	font-size:110%;

}



.photo{

	float:right;

	margin-left:0px;

	margin-right:40px;

	margin-top:25px;

}

.photo2{

	float:left;

	margin-left:90px;

	margin-right:0px;

	margin-top:30px;



}

.photo3{

	float:right;

	margin-left:0px;

	margin-right:40px;

	margin-top:30px;

}



.photo4{

	float:right;

	margin-left:0px;

	margin-right:100px;

	margin-top:20px;

}



/***------------

table

------------***/



.table_a{

	width:500px;

	border-collapse:collapse;

	margin-left:10px;

}



.table_a th{

	background-color:#6600ff;

	border:1px solid #003366;

	color:#ffffff;

	text-align:center;

	padding:1px

}



.table_a td{

	border-bottom:1px dotted #999999;

	padding:5px;

	text-align:center;

	color:#666666;

	background-color:#FFFFFF;

}



.table_b{

	width:500px;

	border-collapse:collapse;

	margin-left:10px;

}



.table_b th{

	background-color:#cc00cc;

	border:1px solid #003366;

	color:#ffffff;

	text-align:center;

	padding:1px

}



.table_b td{

	border-bottom:1px dotted #999999;

	padding:5px;

	text-align:center;

	color:#666666;

	background-color:#FFFFFF;

}



.table_c{

	width:500px;

	border-collapse:collapse;

	margin-left:10px;

}



.table_c th{

	background-color:#009999;

	border:1px solid #003366;

	color:#ffffff;

	text-align:center;

	padding:1px

}



.table_c td{

	border-bottom:1px dotted #999999;

	padding:5px;

	text-align:center;

	color:#666666;

	background-color:#FFFFFF;

}



.table_d{

	width:250px;

	border-collapse:collapse;

	margin-top:30px;

	margin-left:90px;

}



.table_d th{

	background-color:#009999;

	border:1px solid #003366;

	color:#ffffff;

	text-align:center;

	padding:1px

}



.table_d td{

	border-bottom:1px dotted #999999;

	padding:5px;

	text-align:center;

	color:#666666;

	background-color:#FFFFFF;

}



.table_e{

	width:250px;

	border-collapse:collapse;

	margin-top:50px;

	margin-left:120px;

}



.table_e th{

	background-color:#009999;

	border:1px solid #003366;

	color:#ffffff;

	text-align:center;

	padding:1px

}



.table_e td{

	border-bottom:1px dotted #999999;

	padding:5px;

	text-align:center;

	color:#666666;

	background-color:#FFFFFF;

}



.table_f{

	float:left;

	width:250px;

	border-collapse:collapse;

	margin-top:30px;

	margin-left:50px;

}



.table_f th{

	background-color:#009999;

	border:1px solid #003366;

	color:#ffffff;

	text-align:center;

	padding:1px

}



.table_f td{

	border-bottom:1px dotted #999999;

	padding:5px;

	text-align:center;

	color:#666666;

	background-color:#FFFFFF;

}





.table_g{

	width:420px;

	border-collapse:collapse;

	margin-top:50px;

	margin-left:120px;

}



.table_g th{

	background-color:#009999;

	border:1px solid #003366;

	color:#ffffff;

	text-align:center;

	padding:1px

}



.table_g td{

	border-right:1px dotted #999999;

	border-bottom:1px dotted #999999;

	padding:5px;

	text-align:center;

	color:#666666;

	background-color:#FFFFFF;

}



/***------------

footer

------------***/

#footer{

	width:736px;

	height:40px;

	background-image:url(../img/footer02.gif);

	background-repeat:no-repeat;	

	padding-left:14px;

	padding-top:14px;

	text-align:center;

}



#footer .address{

	width:650px;

	float:left;

	padding-top:10px;

}



/*   �����@*/