34html {
     scrollbar-base-color:#FFE9D2;
     scrollbar-arrow-color:#FF9900;
	 }
	 
body {
	margin: 0; /* 隙間を無くす */
	padding: 0; /* 隙間を無くす・Opera対策 */
	font-size: 80%; /* 全体のフォントサイズを小さめにする・ptやpxなどの絶対指定はしない */
	color: #000000; /* 全体のフォントの色を黒にする */
	background-color: #ffffff; /* 全体の背景色を白にする */
}

A:Link       {
	         color:blue;
             text-decoration:none;
	         }
A:visited    {
	         color:purple;
             text-decoration:none;
			 }
A:hover      {
             color:red;
             text-decoration:underline;			
			 }
A:active     {
             color:red;
             text-decoration:underline;
			 }
a img        { /* 画像・リンクの枠を非表示 */
             border: 0;
             }

table {border-style:none;background-color:#FF9900;font-size: 100%;}
td,th {border-style:none;background-color:white;font-size: 100%;}

.main {
	width: 910px;
	padding: 10px;
	margin-left: 10px;
	margin-bottom: 5px;
}

.header {
	margin-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF9900;
}

.logo-left { /* ヘッダのロゴ画像を左に */
float: left;
margin-left: 1em;
}
.logo-right { /* ヘッダのロゴ画像を右に */
float: left;
margin-right: 1em;
}

.header h1 { /* ヘッダ内の見出し1 */
	clear:both;
	font-size: 100%;
	margin-left: 20px;
	position: absolute;
	top: 20px;
	left: 20px;
}
.header h2 { /* ヘッダ内の見出し2 */
	clear:both;
font-size: 100%; 
text-align: center;
}

.top-menu {
	clear:both;
	padding-left: 70px;
          }
				
.top-menu div   {
	float: left;
	margin-right: 20px;
	margin-bottom: 40px;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 2px;
	background-color: #F5F5F5;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FF9900;
	border-bottom-color: #FF9900;
	border-left-color: #FF9900;
          }

.contents     {
	width: 730px;
	float: right;
              }
			  
.con          {
	float: left;
	width: 550px;
	margin-left: 10px;
              }
			  
.contents h2 {
	font-size: 100%;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FF9900;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #FF9900;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;

}
.contents h3 {
	font-size: 100%;
	margin-left: 1em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 1.3em;
	background-color: #FFE9D2;
	border-left-width: thick;
	border-left-style: solid;
	border-left-color: #FF9900;
}

.contents p { /* コンテンツの段落 */
margin-left: 2em;
padding-bottom: 0.5em;
padding-right: 0.5em;
padding-left: 0.5em;
}

.sub          {
	width: 150px;
    float: right;

              }

.sub div     {
	padding-top:3px;
	padding-bottom:3px;
	border-bottom:1px solid #00A5D5;
	border-right: 1px solid #00A5D5;
	border-left: 1px solid #00A5D5;
}

.sub div.group     {
	padding-top:5px;
	padding-bottom:5px;
	background-color:#CFE8EF;
	border: 1px solid #00A5D5;
	text-align: center;
			  }

.sub div.center      {
	text-align: center;
			  }			 
			  
.sub1          {
	border: thin solid yellowgreen;
	background-color: #FFFFFF;
              }

.sub1 div      {
              }
			 
.sub1 div.group1     {
	background-color:yellowgreen;
	text-align: center;
              }
			  			  
.sub1 p        {
	margin: 1px;
			  }			  

.sub2          {
	border: thin solid #6699FF;
	background-color: #FFFFFF;
              }

.sub2 div      {
              }
			 
.sub2 div.group2     {
	background-color:#6699FF;
	text-align: center;
              }
			  			  
.sub2 p        {
	margin: 1px;
			  }			  

.sub3          {
	border: thin solid #FF99FF;
	background-color: #FFFFFF;
              }

.sub3 div      {
              }
			 
.sub3 div.group3     {
	background-color:#FF99FF;
	text-align: center;
              }
			  			  
.sub3 p        {
	margin: 1px;
			  }			  
			  			  			  
.menu         {
	float: left;
	width: 150px;
    margin-left: 5px;
			  }
			  
.menu div     {
	padding-top:3px;
	padding-bottom:3px;
	border-bottom:1px solid #00A5D5;
	border-right: 1px solid #00A5D5;
	border-left: 1px solid #00A5D5;
}

.menu div.group     {
	padding-top:5px;
	padding-bottom:5px;
	background-color:#CFE8EF;
	color:#000000;
	border: 1px solid #00A5D5;
	text-align: center;
			  }

.menu div.center      {
	text-align: center;
			  }

.end-menu         {
	clear:both;
	width: 860px;
    margin-left: 5px;
	margin-top:15px;
	margin-bottom:15px;
			  }

.end-menu-left         {
	    float: left;
		width: 425px;
			  }

.end-menu-right         {
    margin-left: 5px;
	float: left;
	width: 425px;
			  }

.end-menu-left div {
	padding-top:3px;
	padding-bottom:3px;
	padding-left:3px;
	padding-right:3px;
	border-bottom:1px solid #00A5D5;
	border-right: 1px solid #00A5D5;
	border-left: 1px solid #00A5D5;
	          }

.end-menu-left div.group     {
	background-color:#CFE8EF;
	color:#000000;
	border: 1px solid #00A5D5;
	text-align: center;
			  }

.end-menu-right div {
	padding-top:3px;
	padding-bottom:3px;
	padding-left:3px;
	padding-right:3px;
	border-bottom:1px solid #00A5D5;
	border-right: 1px solid #00A5D5;
	border-left: 1px solid #00A5D5;
	          }

.end-menu-right div.group     {
	background-color:#CFE8EF;
	color:#000000;
	border: 1px solid #00A5D5;
	text-align: center;
			  }
						  
.footer {
	clear: both;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-top-color: #FF9900;
	border-right-color: #FF9900;
	border-bottom-color: #FF9900;
	border-left-color: #FF9900;
	padding: 3px;
}
.banner-left { /* フッタのバナー画像を左に */
float: left;
margin-left: 1em;
}
.footer h2 { /* フッタ内の見出し4 */
font-size: 100%; 
line-height: 1em;
text-align: center;
}

/* 今日のお勧め */
/* 全体の囲み */
div.box {
   border: 1px solid #0000cc; /* 全体を囲む枠線 */
   width: 150px; /* 囲みの横幅 */
   margin: auto; /* 中央寄せ */
}
/* 囲みの内側 */
div.box p {
   padding: 0.3em; /* 内側の余白 */
   text-align: center; /* 中央寄せ */
   margin: 0px; /* 外側の余白をゼロに */
}
/* 囲み上部のタイトル部分 */
div.box p.title {
   background-color: #0000cc; /* 背景色 */
   color: white; /* 文字色 */
}
/* 画像の表示 */
div.box p img {
	border: 0px; /* リンク画像の枠線を消す */
	vertical-align: middle;
　/* 下線が見える場合の対策 */
}