@charset "Shift_JIS";

/*  全体的なデザイン  */

body {
   background-color: #ffffff;
   text-align: center;
 }

.img {
   border: none;
}

.layout {
   width: 780px ;
   margin-left: auto;
   margin-right: auto; 
   text-align: left;
}

a {
   color: #000000;
   text-decoration:none;
}

a:visited {
   color: #000000;
}

a:hover {
   color: #ff0000;
   font-weight:bold;
}

/*  ヘッダ  */
   
.head {
   margin: 5px 0px 0px 0px;
}

.headline {
   background-color: #0066ff;
   width: 780px;
   font-weight: bold;
   color: #ffffff;
   padding: 5px 5px 5px 5px;     /* 上、右、下、左 */
   margin: 0px 0px 2px 0px;     /* 上、右、下、左 */
}

.headline a {
   color: #ffffff;
}

.headline a:visited {
   color: #ffffff;
}

.headline a:hover {
   color: #ff0000;
}


.top_fig {
   width: 780px;
   height: 278px;
}


.logo_fig {
   width: 780px;
   height: 74px;
}


.tab1 {
   float:left;
   line-height:50px;
   margin:1px;
   text-align:center;
   width:154px;
   height: 51px;
   background: url(image/tab1.jpg) repeat;
   font-size:16px;
}

.tab1 a {
	border: 1px solid #000000;
	display:block;
}

.tab1 a:visited {
	display:block;
}

.tab1 a:hover {
	font-weight:bold;
	border: 3px solid #ff0000;
    color: #000000;
	display:block;
}

.tab2 {
   float:left;
   line-height:50px;
   margin:1px;
   text-align:center;
   width:154px;
   height: 51px;
   background: url(image/tab2.jpg) repeat;
   font-size:16px;
}

.tab2 a {
	display:block;
	border: 1px solid #000000;
}

.tab2 a:visited {
   display:block;
}

.tab2 a:hover {
	font-weight:bold;
	border: 3px solid #ff0000;
	display:block;
    color: #000000;
}

.tab3 {
   float:left;
   line-height:50px;
   margin:1px;
   text-align:center;
   width:154px;
   height: 51px;
   font-size:16px;
   background: url(image/tab3.jpg) repeat;
}

.tab3 a {
	display:block;
	border: 1px solid #000000;
}

.tab3 a:visited {
   display:block;
}

.tab3 a:hover {
	display:block;
	font-weight:bold;
	border: 3px solid #ff0000;
    color: #000000;
}

.tab4 {
   float:left;
   line-height:50px;
   margin:1px;
   text-align:center;
   width:154px;
   height: 51px;
   font-size:16px;
   background: url(image/tab4.jpg) repeat;
}

.tab4 a {
	display:block;
	border: 1px solid #000000;
}

.tab4 a:visited {
   display:block;
}

.tab4 a:hover {
	display:block;
	font-weight:bold;
	border: 3px solid #ff0000;
    color: #000000;
}

.tab5 {
   float:left;
   line-height:50px;
   margin:1px;
   text-align:center;
   width:154px;
   height: 51px;
   font-size:16px;
   background: url(image/tab5.jpg) repeat;
}

.tab5 a {
   display:block;
   border: 1px solid #000000;
}

.tab5 a:visited {
   display:block;
}

.tab5 a:hover {
	display:block;
	font-weight:bold;
	border: 3px solid #ff0000;
    color: #000000;
}




/*  段組  */


.main {
   float: left;
   width: 608px;
   height: 800px;
   background-color: #CCFFFF;
}

.side {
   margin-left: 610px;
   height: 800px;
   background-color: #98fb98;
   text-align: center;
}

floaclear {
   clear : both;
}

.new{
   background-color: #f0f8ff;
}

.soudan {
   float: left;
   width: 780px;
   height: 600px;
   background-color: 87ceeb;
   padding: 2px 0px 0px 0px;     /* 上、右、下、左 */
}

.submenu {
   float: left;
   width: 168px;
   height: 800px;
   background-color: 87ceeb;
}

.job {
   margin-left: 170px;
   height: 800px;
   background-color: #f0f8ff;
   text-align: left ;
}


/*  個々の設定（メイン）  */

.H1 {
   font-size: large;
} 

.H2 {
   font-size: 100%;
   font-weight: bold;
} 


.S1 {
   font-size: 80%;
}

.B1 {
   text-decoration: underline;
   font-weight: bold;
   color: red;
   text-align: center;
}


.contentsbox {
   border-style: solid;
   border-width: 1px;
   border-color: #000080;
   padding: 5px 5px 5px 5px;     /* 上、右、下、左 */
   margin: 0px 30px 0 20px;
   background-color: #f0f8ff;
}


/*  個々の設定（side）  */

.soudan_fig {
   width: 120px;
   height: 100px;
}

.t1{
   padding: 2px;
   margin: 2px 5px 2px 5px ;
   font-size: x-small;
   text-align: left;
}

.t1 a {
    padding: 5px 2px 5px 2px ;
	color: #000000;
	display:block;
	background: #00ff00 repeat;
    border-style: solid;
    border-width: 0px 0px 2px 10px;
    border-color: #006600;
}

.t1 a:visited {
  display:block;
}

.t1 a:hover {
	color:#000000;
	display:block;
	font-weight:bold;
	background: #00ff00 repeat;
    border-color: #00ff00;
}


.t2{
   padding: 2px;
   margin: 2px 5px 2px 5px ;
   font-size: x-small;
   text-align: left;
}

.t2 a {
    padding: 10px;
 	color: #000000;
	display:block;
	background: #9999FF repeat;
    border-style: solid;
    border-width: 0px 0px 2px 10px;
    border-color: #9933FF;
}

.t2 a:visited {
   width:100%;
   display:block;
}

.t2 a:hover {
	color:#000000;
	display:block;
	font-weight:bold;
	background: #9933FF repeat;
    border-style: solid;
    border-width: 0px 0px 2px 10px;
    border-color: #9933FF;
}


/*  個々の設定（job）  */


.L1{
   font-size: 100%;
   font-weight: bold;
   background-color: #d0d8ff;
   padding: 5px 0px 5px 10px;
   margin: 0px 0px 2px 0px;
}

.fig {
   width: 600px;
   margin: 5px 2px 5px 2px; /* 上、右、下、左 */
}

/*
.B1 {
   text-decoration: underline;
   font-weight: bold;
   color: red;
   text-align: center;
}

.top_fig {
   width: 600px;
}
*/


/*  個々の設定（submenu）  */


.sub1{
   padding: 2px;
   margin: 2px 5px 2px 5px ;
   font-size: x-small;
   text-align: left;
}

.sub1 a {
   padding: 10px 2px 10px 2px ;
   color: #000000;
   display:block;
   background: #00CCFF repeat;
   border-style: solid;
   border-width: 0px 0px 2px 10px;
   border-color: #0066FF;
}

.sub1 a:visited {
  display:block;
}

.sub1 a:hover {
	color:#000000;
	display:block;
	font-weight:bold;
	background: #0066FF repeat;
    border-style: solid;
    border-width: 0px 0px 1px 10px;
    border-color: #00CCFF;
}