@charset "shift-jis";

#site-box{
		margin-right: auto;
		margin-left: auto;
		overflow: hidden
height: 620px;
width: 700px;
}

#header{
		display: block;
		height: 300px;
		width: 700px;
		background-image: url(./images/header.jpg)
		
}



/*サイド*/
#side{
		background-color:#ececec;
		width:150px;
		position:absolute;
		height:630px;
		line-height:180%;/*全体で使う、文字と文字の行間*/
		display: block;
		float: left;
		margin-top: 20px
}

#side h3 {
		margin: 0; 
		background-color:#cc9900; /* 見出しの背景色 */
		line-height: 1.4;
		padding: 5px 10px 5px 10px; 
		border-bottom: 1px #999999 solid; /* 見出しの下線 */
		font-size: 100%; /* 見出しの文字サイズ */
		color:#FFFFFF;
}

#profile-pict{
		background-image: url(./images/profile.jpg);
		background-repeat: no-repeat;
		width: 120px;
		height: 114px;
		border: 2px solid #000066;
		margin-right: auto;
		margin-left: auto;
		margin-top: 20px
}

p.profile{
		font-size: 0.75em;
		color: #000066;
		line-height: 1.3;
padding: 10px;
text-align: left
}

/*サイドのナビゲーションメニュー*/
#nave1{
          width:100%;
}

#nave1 ul {
          list-style: none;
          margin: 0;
          padding: 0;
 }
 
#nave1 li {
          margin: 0;
          padding:0;
          border-bottom: 1px dotted #999999;/*下部に線を引く*/
 }

#nave1 a{
         padding:3px 15px;
         display: block;
font-size: 0.75em;
         color:#000066;/*メニューボタンの文字の色*/
         text-decoration: none;
	  }

#nave1 a:hover{
         background: #999999;/*カーソルオーバーの時の背景の色*/
         color:#FFFFFF; /*メニューの文字がカーソルが来た時、この色に変わる*/
   }


/*メイン記事部分*/
#main{
		width: 550px;
		margin-left: 180px;
		margin-top: 20px;
		display: block;
		float: left
}

#main h2{
font-size: 0.75em;
color: #000066;
text-align: left
}

#main h3{
border-bottom: 3px solid #cc9900;
padding-left: 15px;
text-align: left;
}

#colum{
		font-size: 0.875em;
		color: #000066;
		line-height: 1.7;
		text-align: left;
		width: 480px;
		padding: 15px
}

/*広告を下にさげる*/
tdftad a {
		text-decoration: none;
}