/* 全体の設定 
---------------------------------------------------------------------------*/
* { margin: 0; padding: 0; }

ul, li, table, th, td, tr{
 margin: 0;
 padding: 0;
 border: none;
 list-style-type: none;
}

html{height:100%;}

html,body {
 font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
 font-size: 90%;
 color: #333333;
 line-height: 1.3em;
 letter-spacing: 0.1em;
 background-color: #F0F0F0;
 background-image: url(img/back.gif);
 background-repeat: repeat-xy;
 background-position: top;
 background-attachment: fixed;
 height: 100%;　/* ポイント1 */
}

img {
   border:0;
   vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}

/* リンク */
a {
 color: #0089a1;
 text-decoration: none;
}
a:hover {
 color: #0089a1;
 text-decoration: underline;
}

/* 部品 */
.hide { display: none; }
.floatclear { clear: both; }
.sp { height: 8px; }

/* HPを囲むボックス 
---------------------------------------------------------------------------*/
#wrap {
 width: 1000px;
 background-image: url(img/back.png);
 background-repeat: repeat-y;
 background-attachment: fixed;
 background-position: top;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
 min-height: 100%;　/* ポイント1 */
 _height: 100%; /* for IE6 */
}

/* ヘッダー 
---------------------------------------------------------------------------*/
#header {
 width: 980px;
 height: 300px;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
 position: relative;
 background-image: url(img/top.png);
 background-repeat: no-repeat;
 background-position: left;
}

/* コンテンツ 
---------------------------------------------------------------------------*/
#content {
 width: 980px;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
 padding-bottom: 80px; /* ポイント3 */
}

/* フッター
---------------------------------------------------------------------------*/
#footer {
 height: 80px;
 margin-top: -80px; /* ポイント2 */
 padding: 0 10px;
 background: url(img/bottom.gif) repeat-x;
 text-align: center;
}

#footer .bottom_info {
 width: 980px;
 height: 80px;
 background-image: url(img/bottom.png);
 text-align: center;
 margin-left: auto;
 margin-right: auto;
 display: block;
}

/* メイン 
---------------------------------------------------------------------------*/
#main {
 width: 900px;
 text-align: left;
 margin-left: auto;
 margin-right: auto;
}

#main h2 {
   margin-bottom:5px;
   padding:5px 0;
   font-size:16px;
   border-bottom:3px double #999;
}

#main h3 {
	margin-bottom:5px;
	padding:5px;
	font-size:14px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-bottom-color: #999;
	border-left-color: #FF9999;
}

#main h4 {
	margin-bottom:5px;
	padding:5px;
	font-size:13px;
	color:#fff;
	background-color: #FF6666;
}

#main h5 {
   margin-bottom:5px;
   font-size:13px;
   border-bottom:1px dotted #999;
}

#main h6 {
   margin-bottom:5px;
   font-size:13px;
}

#main p {
   margin:0 0 0.3em 0;
}

#main dt {
   margin-bottom:3px;
}

#main dd {
   padding:0;
   margin:0 0 0.5em 1em;
   padding:3px;
   background:#eee;
}

#main ul {
   margin:0.3em 15px 0.3em 15px;
   padding:0.3em 15px 0.3em 15px;
   background:#fff;
}

#main li {
   margin-top:0.3em;
   line-height:1.4;
   list-style:disc;
   border-bottom:1px solid #ccc;
}

#main #mailform ul {
   margin:0.3em 15px 0.3em 15px;
   padding:0.3em 15px 0.3em 15px;
}

#main #mailform li {
   margin-top:0.3em;
   line-height:1.4;
   list-style:none;
   border:none;
}

#main .entry {
 width: 200px;
 height: 50px;
 margin-bottom: 13px;
 background-image: url(img/entry.png);
}
#list td {
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size: 14px;
	font-weight: bold;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCCCCC;
}
#list {
	margin-top: 20px;
	margin-bottom: 20px;
}
