/* houkoku.html */
@charset "UTF-8";

/*勤労協HP*/
/* レイアウトの設定*/

body{
    text-align:center;
}

/* ラッパーの設定*/
#wrap{
    position:relative;/* ボックスの配置方法（基準位置）=相対位置  */
    width:900px;
    margin:0px auto;
    padding:0px;
    text-align:left;
    /* 全体指定  */
    background-image:url(./img/back.jpg);
}

img{
	margin: 0;
	padding: 0;
 	vertical-align:bottom;/* 画像下のスペースカット */
}


#title1{	/*トップタイトルサイズ*/
	width:748px;
    height:142px;
	}

#title6{	/*労館写真サイズ*/
	width:144px;
    height:142px;
	}

/* 左側の設定*/

nav {
    float:left;
    width:160px;
    height:1040px;
}

.tphoto1{		/*メニュータイトルサイズ*/
	width:160px;
    height:45px;
	}

.tphoto2{	/*リンク・案内タイトルサイズ*/
	width:160px;
    height:140px;
	}

#mokuji1 {  	/*1～8メニューdiv*/
	font-size: 0;
	line-height: 0;
    background: url("./img/mokuji1b.png") no-repeat; 
	background-size:160px 45px;
} 

#mokuji2 { 
	font-size: 0;
	line-height: 0;
    background: url("./img/mokuji2b.png") no-repeat; 
	background-size:160px 45px;
} 

#mokuji3 { 
	font-size: 0;
	line-height: 0;
    background: url("./img/mokuji3b.png") no-repeat; 
	background-size:160px 45px;
} 

#mokuji4 { 
	font-size: 0;
	line-height: 0;
    background: url("./img/mokuji4b.png") no-repeat; 
	background-size:160px 45px;
} 

#mokuji5 { 
	font-size: 0;
	line-height: 0;
    background: url("./img/mokuji5b.png") no-repeat; 
	background-size:160px 45px;
} 

#mokuji6 { 
	font-size: 0;
	line-height: 0;
    background: url("./img/mokuji6b.png") no-repeat; 
	background-size:160px 45px;
} 

#mokuji7 { 
	font-size: 0;
	line-height: 0;
    background: url("./img/mokuji7b.png") no-repeat; 
	background-size:160px 45px;
} 

#mokuji8 { 
	font-size: 0;
	line-height: 0;
    background: url("./img/mokuji8b.png") no-repeat; 
	background-size:160px 45px;
} 

#mokuji1 a {   	/*1～8メニューロールオーバー*/
    display: inline-block; 
} 
#mokuji1 a:hover { 
    background-color: transparent; /* IE6対応 */ 
} 
#mokuji1 a:hover img { 
    visibility: hidden; 
} 
#mokuji2 a { 
    display: inline-block; 
} 
#mokuji2 a:hover { 
    background-color: transparent; /* IE6対応 */ 
} 
#mokuji2 a:hover img { 
    visibility: hidden; 
} 
#mokuji3 a { 
    display: inline-block; 
} 
#mokuji3 a:hover { 
    background-color: transparent; /* IE6対応 */ 
} 
#mokuji3 a:hover img { 
    visibility: hidden; 
} 
#mokuji4 a { 
    display: inline-block; 
} 
#mokuji4 a:hover { 
    background-color: transparent; /* IE6対応 */ 
} 
#mokuji4 a:hover img { 
    visibility: hidden; 
} 
#mokuji5 a { 
    display: inline-block; 
} 
#mokuji5 a:hover { 
    background-color: transparent; /* IE6対応 */ 
} 
#mokuji5 a:hover img { 
    visibility: hidden; 
} 
#mokuji6 a { 
    display: inline-block; 
} 
#mokuji6 a:hover { 
    background-color: transparent; /* IE6対応 */ 
} 
#mokuji6 a:hover img { 
    visibility: hidden; 
} 
#mokuji7 a { 
    display: inline-block; 
} 
#mokuji7 a:hover { 
    background-color: transparent; /* IE6対応 */ 
} 
#mokuji7 a:hover img { 
    visibility: hidden; 
} 
#mokuji8 a { 
    display: inline-block; 
} 
#mokuji8 a:hover { 
    background-color: transparent; /* IE6対応 */ 
} 
#mokuji8 a:hover img { 
    visibility: hidden; 
} 


/* 右側の設定*/

section {
    float:right;
    width:736px;
}


#title5{	/*報告タイトルサイズ*/
	width:240px;
	}


/* コンテンツ用 */

td{
	border:  1px #808080 solid;
	width: 360px;
	padding: 10px;
	vertical-align:middle;
	}

dl {
	margin:10px;
	font-size: 14px;

	}

img.photo1 {
	width: 348px;
}

#topjp{
    height:24px;
    float:right;
	}

footer {
	font-size:1rem;
    clear:both !important;
    text-align: center;
}