/* CSS Document */
/* --------------------------レイアウト---------------------------------------------*/

.contact{
background-color:#FF9900;
height:20px;
font-size:20px;
font-weight:bold;
color:#FFFFFF;
padding:18px;
}



.navibox{
border:1px solid gray;
padding:3px;
width:173px;
height:80px;
float:left;
display:inline;
margin:6px 0px 6px 6px;
text-align:left;
}

.navibox p{
font-size:11px;
padding:0px;
margin:0px;
}

.navibox img{
padding-right:4px;
}





body{ 
margin:0 0 3px 0; 
	  font-size:0.8em;
  line-height:18px;
    }  
	  

/* ■ページ構造 */
.top{
width: 759px;
  margin:auto;
}

#h1{
margin:3px auto 0px auto;
width:780px;
font-size:12px;
padding-left:1.5em;
}

.tittle{
margin-bottom:0px;
width:780px;
font-size:11px;
}
	
#content {
  width: 780px;
  margin:auto;
  border:solid gray 1px;
/* width: 770px;
  margin:auto;
  padding-left:10px;
background-image:url(../images/shadow760.gif);*/
}

.header{
/*background-image:url(../images/top_top_2.gif);*/
margin:4px 0px 10px 4px;
}

.bar{
width: 768px;
font-size:12px;
font-weight:bolder;
margin-top:0px;
margin-bottom:0px;
 padding:0.5em 0 3px 1em ;
background-image:url(../images/top_2.gif);
	white-space:nowrap;}
	
.bar a:link,a:visited,a:hover,a:link:hover,a:visited:hover 
{color:black;
text-decoration: none;
	}


#main {
  float: left;
margin:0.5em 0px 0px 0px;
  width: 589px;
  padding-left:8px;
}

#menu {
margin:14px 0px 0px 604px;
  width: 170px;
} 




#footer {
  clear: both;
   padding:5px 0px 0px 5px;
  width: 740px;
}
	
#wide {
margin-top:1em;
  width: 730px;
  padding-left:7px;
}
	

.news{
 float: left;
 width:390px;
 padding-left:4px;
 }
 
.newsright{
 float: right;
/*margin-left:385px;*/
 width:170px;
 text-align:center;
 }
 
 .FloatEnd {clear:both;}
	
/*.box{
     margin:0;
	 padding:0.5em;}*/
	 
.keisan{
     border:solid gray 1px; 
	 } 
	 
	 
.halfleft {
margin:0.5em 0px 0px 1em;
  width: 330px;
  float: left;
  border-right:1px dotted gray;
}
.halfright {
margin-top:1.2em;
/*padding-top:1.5em;*/
  width: 330px;
  margin-left:370px;
}	 



.block3left{
float:left;
padding:5px;
width: 175px;
height:90px;
border-bottom:1px dotted gray;
}	 

.block3{
float:left;
/*float:left;　*/
padding:5px;
width: 175px;
height:90px;
border-left:1px dotted gray;
border-bottom:1px dotted gray;
}	

.block3right{
float:left;
padding:5px;
width: 175px;
height:90px;
border-left:1px dotted gray;
border-bottom:1px dotted gray;
}

#mysql{
  border-bottom:1px dotted gray;
  /*padding:0 1em 1em 0;*/
  }
	 
img {
    border-style:none;
}

/* --------------------------テキスト---------------------------------------------*/
/**{font-size: 14px;
       line-height: 18px;
	  }*/
a {color: #000033;
   text-decoration: underline;}
a:hover {color: #000080;
         text-decoration: underline;}
.bar a:visited {text-decoration:none;} 
a:visited {text-decoration: underline;} 
/*a:hover {color: #000080;
         text-decoration: underline;}
/*A:visited { color: blue;}
A:link:hover { color: #903;}
A:visited:hover { color: #903; }*/

.bold_1{color : red; font-size: 15px; font-weight: 900}

/* 装飾テキスト 
16px 120%  L
15px 110%
14px 100%
13px 85%
12px  S    75%
SS   70%
*/

h1 {font-size:120%;
    color:#003333;
    font-weight:900;
	margin-top:3px;
    padding:4px;
    text-align: left;
    border-top: 1px dotted orange;
    border-bottom: 1px dotted orange;
	}
	
.topics	{font-size:105%;
color:#000000;
	margin-top:9px;
    text-align: left;
	background-image:url(../images/top_2.gif);
	}

h2 {font-size: 105%;
    padding-left: 5px;
    border-left: 0.5em solid orange;
}

/* 黄色背景白文字見出し 
h3{ font-size:100%; 
    color:black;
	background-color:#FFFF99;
    line-height:140%; 
	margin:0px;
	padding:4px;
    }*/
	

h3{ font-size:100%; 
    color:black;
	border-top:2px dotted orange;
	border-left:2px dotted orange;
    line-height:140%; 
	margin:0px;
	padding:4px;
	width:90%;
    }
	
	
h4{ font-size:100%; 
font-weight:100;
width:100%;
    color:#FFFFFF;
	background-color:#003333;
    line-height:120%; 
	
	padding:4px;
    }
.green{ font-size:100%; 
    color:#FFFFFF;
	background-color:#003333;
	width:680px;
    line-height:120%; 
	margin:0px;
	padding:4px;
	width:100%;
    }
	
	
.koe{
border-left:0.5em solid yellow;
border-top:1px dotted yellow;
border-right:1px dotted yellow;
border-bottom:1px dotted yellow;
padding:1em; 
    }
	

/* 装飾テキスト */
.black_14{font-size: 110%;
line-height: 20px;}
.red{color:#FF0000;}
.red14{color:#FF0000;font-size: 110%;}
.red11{color:#FF0000;font-size: 85%;}
.b_13{font-size: 100%; font-weight: 900;}
.b_14{font-size: 110%; font-weight: 900;}
.b_13red{color:#FF0000;font-size: 100%;font-weight: 900;}
.b_14red{color:#FF0000;font-size: 115%; font-weight: 900;}
.bold_1{color : red; font-size: 120%; font-weight: 900;}
.L{ font-size:17px; line-height:120%; font-weight: 900;}
.s{ font-size:95%;}
.ss{ font-size:90%;line-height:16px;}
.ssgray{ font-size:90%;line-height:16px;color:gray;}
.cap{ font-size:2em;}
.orange14{color:#ff3300; font-size:110%; line-height:120%; font-weight: 900;}

/* --------------------------テーブル---------------------------------------------*/

/* 透明テーブル*/
table.clear { font-size: 90%;
              line-height:18px;
		      border:0px white;
			  /*width:97%*/;}
table.clear th, table.clear td {
  border: 0px ;
  padding: 4px;}
  
 /* 自由テーブル*/
table.free { font-size: 100%;
              line-height: 16px;
		      border:0px white;
			  width=330px;}
table.free th, table.free td {
  border: 0px ;
  padding: 3px;}
  
  /* 自由テーブルその２*/
table.free2 { font-size: 100%;
              line-height: 16px;
		      border:0px white;
			  width=650px;}
table.free2 th, table.free2 td {
  border: 0px ;
  padding: 3px;}

/* 中枠ありテーブル*/
table {
       border-collapse: collapse;
       border: 1px outset gray;
	   width:97%;
}
table th, table td {
  border: 1px inset gray;
  padding: 4px; 
}
thead{background-color:gray;
color:#FFFFFF;}

/* 外枠のみテーブル*/
table.out {font-size: 100%;
           border-collapse: collapse;
           border: 2px outset #003333;
			 
}
table.out th, table.out td {
  padding: 4px; 
}

/* 中枠あり中央揃えテーブル*/
table.center {font-size: 100%;
              border-collapse: collapse;
              border: 1px outset #003333;
			  text-align:center;
}
table.center th, table.center td {
  border: 1px inset #003333;
  padding: 4px; 
}

/* 上下線テーブル*/
table.line {
  border: none;
  border-collapse: collapse;
  margin-left:3px;
  width:98%;
}
table.line th, table.line td {
  padding: 0.3em 1em;
  border-top: 1px dotted gray;
  border-bottom: 1px dotted gray;
  border-left: none;
  border-right: none;
  empty-cells: show;
  line-height:170%;

}
table.line thead {
color:black;
background-color:#FFFF99;
}


table.footer {font-size:95%;
              line-height:18px;
		      border:0px white;
			  }
			  
			  
			  
fieldset{
       border: 1px solid gray;
	   padding:1em;
	  
}
			  
			  
  

/* --------------------------水平線---------------------------------------------*/
hr { color: gray; }


/* --------------------------リスト---------------------------------------------*/
/*
ul {
  list-style: none;
  width: 10em;
  margin-left: 0;
  padding-left: 0;
  border: 1px solid blue;
}
li {
  margin: 0;
  padding: 0.2em;
  border-top: 1px solid blue;
}
li a{
  text-decoration: none;
    display:block;
	  border: 1px solid gray;
}       
*/

ul {
  list-style: none;
  margin-left:0;
  padding-left:0;
}

li a{
text-decoration:none;
  display:block;
  padding:0.2em;
  width: 160px;  
  border-top: 1px solid gray;
  border-right: 1px solid gray;
  border-left: 1px solid gray;
  border-bottom: 0.5px solid gray;
  /*color:red;*/
}

li a:hover{
color:lightblue;
background-color:yellow;
}       


/* --------------------------リスト---------------------------------------------*/

.kensaku{
margin:2px;
}


.box{border:solid 1px #B2D6FF;
margin:0.5em 0px 0px 0px;
padding:4px;
}




