/*  index.html */
/* style.css */
@charset "UTF-8";

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;
	}

#title2{	/* 交流タイトル */
	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 { 
    background: url("./img/mokuji7b.png") no-repeat; 
	background-size:160px 40px;
} 

#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;
} 

/* 右側の設定*/

dd{
	 margin-left: 30px; 
	 padding-bottom:5px;
}
dt{
	     padding:5px;
}


section {
    float:right;
    width:736px;
	height:1040px;
}
	
#migisirase{	/* 右側表示幅 */
	width:270px;
    height:500px;
	float: right;
	}

.migisaizu{	/*右ボックスサイズ*/
	width:270px;
	}

.migisaizu2{	/*お知らせタイトルサイズ*/
	width:220px;
		}
		

#topics{	/*お知らせdiv*/
	width:228px;
	float: right;
	padding:10px 20px;
	border:solid 1px #0000ff;
	font-size: 1.3rem;
	font-weight: bold;
		}

#title3{ /* センター記事用div */
	width:450px;
	float: left;
	}

#title4{	/* 紹介記事用 */
	padding:10px;
/*	font: large/120% "メイリオ";*/
	font-size:2rem;
}

.title5{	/* 日誌タイトル幅 */
	width:250px;
	}

#frameArea {
	padding:0px 10px;
      width:430px;
      height:230px;
      overflow:auto;
	  -webkit-overflow-scrolling:touch;
    }

#frame {
      width:105%;
      height:100%;
    }

#sita{	/*トップ写真エリア*/
	width:740px;
	position:relative;
	top:10px;
	text-align: center;
	font-size: 1.5rem;
	}

#sita p{
	padding:5px;
}	

#photo3{	/*トップ写真サイズ*/
	width:730px;
	height:500px;
	}


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

.col1{color:red;}