/*
-----------------------------------------------
羽吉　ベーススタイルシート
制作者：副長
バージョン：2004/09/03
----------------------------------------------- */
/*　デバッグ
div { border: solid 1px #f00; } */

body {
  margin:0;
  padding:0;
  font-family:  "Lucida Grande","HiraKakuPro-W3", "ＭＳ Ｐゴシック", "Osaka";
  font-size: 12px;
  line-height: 18px;
  color:#000000; 
  text-align:center;
  background-color: #FFFFFF;
  background-image: url(../../img/bg_border.gif); 
  background-repeat: repeat-y; 
  background-position: center;
  }
#container {	
	position: relative;
	width: 840px;
	height: auto;
	margin: 0px auto;
	text-align:left;
}

/*　メインナビ
----------------------------------------------- */
#mainnav{
	position: relative;
	width: 800px;
	height: 80px;
	padding:0;
	margin: 10px auto 0 auto;
	text-align:left;
	background-image: url(../../img/menu.gif); 
	}
#mainnav ul{
	margin: 0; 
	padding: 0; 
	list-style: none;
  }
#mainnav ul li{
	margin:0;
	padding: 0; 
	list-style: none;
  }
#mainnav li.ho { 	position:absolute; top: 15px; left: 15px; width: 58px; }
#mainnav li.ca { position:absolute; top: 15px; left: 115px; width: 72px; }
#mainnav li.bb { position:absolute; top: 15px; left: 215px; width: 72px; }
#mainnav li.re { position:absolute; top: 45px; left: 15px; width: 58px; }
#mainnav li.me { position:absolute; top: 45px; left: 115px; width: 58px; }
#mainnav li.go { position:absolute; top: 45px; left: 215px; width: 72px; }
#mainnav li.li { position:absolute; top: 45px; left: 315px; width: 58px; }
#mainnav li.ab { position:absolute; top: 45px; left: 415px; width: 72px; }
#mainnav a {
	display: block;
	height: 14px;
	text-indent: -9999px;
	}
#mainnav a:hover {
	border-bottom: 2px solid #CC0000;
  }

/* はねつう
----------------------------------------------- */
#home{
	position: relative;
	padding: 0px;
	height: 400px;
	width:800px;
	margin: 0px auto;
	background-image: url(../../img/bg_home.gif);
	background-repeat: no-repeat;
}
.title{
	position:absolute;
	top:34px;
	left:29px;
	width:375px; 
	height:131px; 
}
#news{
	position:absolute;
	text-align:left;
	left:30px;
	top:280px;
	width:750px; 
	height:100px; 
	font-size: 10px;
	line-height: 14px;	
	overflow: auto;
}
#since{
	position:absolute;
	left:0px; 
	top:405px;
	width:100px;
	height:20px;
	font-size: 10px;
	}


/* レポート
----------------------------------------------- */
#report h1 {
	font-size: 18px;
	line-height:50px;
	margin: 0px;
	font-weight: normal;
	 }
#report h3 {
	margin: 0 0 1em 0;
	font-size: 12px;
	border-bottom: 1px solid #CC9900;
	}
#report{
	position: relative;
	padding: 0px;
	width:800px;
	height: 400px;
	margin: 0px auto;
	background-image: url(../../img/bg_main.gif);
	text-align:left;
	}
#report #header{
	position:absolute;
	left:20px;
	top:0px;
	width:760px;
	height:50px;
	overflow:hidden;
 }
#report #content{
	position:absolute;
	left:10px;
	top:50px; 
	width:780px; 
	height:300px; 
	background-color: #E1E1C2;
	}
#report #tex{
	position:absolute; 
	margin:5px;
	padding:15px;
	width:455px; 
	voice-family: "\"}\""; 
	voice-family: inherit; 
	width:425px; 
	height:290px; 
	voice-family: "\"}\""; 
	voice-family: inherit; 
	height:260px; 	
	z-index:3; 
	overflow: auto;
	}
html>body #report #text{
	width:425px; 
	height:260px; 	
	}
.section {
	margin: 2em 0;
	}
#thumb{
	position:absolute;
	left:480px; 
	top:45px; 
	width:290px; 
	height:220px; 
	visibility: visible; 
	background-image: url(../../report/img/bg_thumb.gif);
  }
#thumb a{
	float: left; 
	display: block;
	width: 80px;
	height: 60px;	
	margin: 5px;
	background-image:   url(../../report/img/menu_thumb.gif);
	background-repeat: 	no-repeat; 
	text-align:center;
   }
#thumb a:hover{
	background-position: 0 -60px;
}
#pic{
	position:absolute;
	width:400px;
	height:300px; 
	visibility: hidden;
	z-index:1; 
	}
#clo{
	position:absolute; 
	left:375px; 
	top:275px; 
	width:15px; 
	height:15px; 
	z-index:2; 
	visibility: hidden;
  }

/* レポート｜メニュー
----------------------------------------------- */
#report #undernav{
	position:absolute; 
	left:0px; 
	top:350px; 
	width:800px; 
	height:50px; 
	z-index:4; 
	visibility: visible; 
	background-image:  url(../../report/img/menu_2004_bg.gif); 
  }
#report #undernav ul{
	margin: 0; 
	padding: 0; 
	display: block; 
	float: left; 
	list-style: none;
  }
#report #undernav ul li{
	margin:0;
	padding: 0; 
	display: block; 
	float: left; 
	list-style: none;
  }
#report #undernav a {
	float:left;
	display: block;
	width: 16px;
	height: 20px;
	text-indent: -9999px;
	background: url(../../report/img/mark_off.gif) bottom center no-repeat;
  }
#report #undernav a:hover {
	background: url(../../report/img/mark_on.gif) bottom center no-repeat;
  }
#year {
	position:absolute; 
	left:20px; 
	top:4px;
	width:16px;
	height:20px;
	}
#jan,#feb,#mar,#apr,#may,#jun,#july,#aug,#sep,#oct,#nov,#dec	{
	position:absolute; 
	width:64px; 
	height:20px;
	}
#jan	{ left:140px; top:4px;}
#feb {left:240px; top:4px;}
#mar {left:340px; top:4px;}
#apr {left:440px; top:4px;}
#may {left:540px; top:4px;}
#jun { left:640px; top:4px; }
#july { left:140px; top:26px; }
#aug {left:240px; top:26px; }
#sep { left:340px; top:26px; }
#oct { left:440px; top:26px; }
#nov { left:540px; top:26px; }
#dec { left:640px; top:26px; }
#sabnav{
	position:absolute; 
	margin:0;
	padding:0;	
	left:725px; 
	top:365px; 
	width:45px; 
	height:20px; 
	text-align:left;
	z-index:4;  
	}
.back{
	margin:0 5px 0 0;
	}

/*バド馬鹿
----------------------------------------------- */
#member h1 {
	float: left;
	font-size: 18px;
	line-height:40px;
	margin: 0px;
	font-weight: normal;
	 }
dl  {
	margin: 0;
	 }
dt  {
	color:#003399; 
	 }
dd  {
	margin: 0 0 0 1em;
	 }
#member {
	position: relative;
	padding: 0px;
	width:800px;
	height: 400px;
	margin: 0px auto;
	background-image: url(../../member/img/bg_main.gif);
	text-align:left;
	}
#invitation{
	position:absolute;
	left:10px;
	top:10px;
	width:660px;
	height:380px;
	background-image: url(../../member/img/top.gif);
	background-repeat: no-repeat; 
	background-position: 15px  15px; 
	background-color: #66CCFF;
	}
#member #header{
	background-color: #FFFFFF;
	position:absolute;
	left:10px;
	top:10px;
	width:660px;
	height:40px;
	overflow:hidden;
	border-bottom: 2px solid #3366CC;
	}
#member #content{
	position:absolute;
	left:0px; 
	top:0px; 
	width:660px; 
	height:380px;
	}
#portrait{
	position:absolute; 
	left:15px; 
	top:60px; 
	width:130px; 
	height:170px; 
	background-color: #EFEFEF; 
	}
#member #text{
	position:absolute;
	padding: 0px 20px 0px 0px;
	left:160px; 
	top:60px; 
	width:520px; 
	voice-family: "\"}\""; 
	voice-family: inherit; 
	width:500px; 
	height:330px; 
	overflow: auto;
	}
html>body #member #text{
	width:500px; 
	}
#renewal{
	position:absolute; 
	left:20px; 
	top:375px; 
	width:120px; 
	height:10px;
	font-size: 10px;
	}
#member #text ul{
	margin: 0; 
	padding: 0; 
  }
#repmemberort #text ul li{
	margin:0;
	padding: 0; 
  }

/*バド馬鹿｜メニュー
----------------------------------------------- */
#member #subnav{
	position:absolute; 
	left:600px; 
	top:15px; 
	width:60px; height:20px; z-index:8; visibility: visiblet; ext-align: center;
} 
#member #rightnav{
	margin: 0; 
	padding: 0;
	position:absolute;
	left:690px; 
	top:10px; 
	width:100px; 
	height:400px; 
	background-image: url(../../member/img/menu.gif); 
	background-repeat: no-repeat; 
	background-position: 15px  0px; 
	}
#member #rightnav ul,ul li{
	margin: 0; 
	padding: 0; 
	line-height: 16px;
	display: block; 
	list-style: none;
  }
#member #rightnav a {
	margin: 0; 
	padding: 0;
 	display: block;
	width: 100px;
	height: 16px;
	text-indent: -9999px;
  }
#member #rightnav a:hover {
	background: url(../../member/img/menu_on.gif) bottom center no-repeat;
  }
#member #mark{
	position:absolute;
	margin: 0; 
	padding: 0;
	left:693px; 
	width:8px; 
	height:8px;
	}

/*バド馬鹿　過渡期用
----------------------------------------------- */
.box_day {  margin-right: 5px}
.portrait {margin: 5px}
.i {  margin-left: 1em}

/*商品部　バドの輪
----------------------------------------------- */
#goods, #link{
	position: relative;
	padding: 15px;
	width:800px;
	voice-family: "\"}\""; 
	voice-family: inherit; 
	width:770px; 
	height: 400px;
	voice-family: "\"}\""; 
	voice-family: inherit; 
	height: 370px;
 	margin: 0px auto;
	background-image: url(../../img/bg_main.gif);
	text-align:left;
	}
html>body #goods,#link{
	width:770px; 
	height:370px; 	
	}
#link{
	background-color: #D4E7C0;
	}

/*　羽吉のこと　 */
#about{
	position: relative;
	padding: 0px;
	height: 400px;
	width:800px;
	margin: 0px auto;
	background-color: #F4FFEE;
	}

/*プリロード
----------------------------------------------- */
#preload{
	visibility: hidden;
	position:absolute;
	margin:-0;
	padding:0;
	width:800px; 
	height:400px; 
	left:-9999px; 
	top:-9999px; 
	}

/*カウンター
----------------------------------------------- */
#counter{
　position:absolute;
	left:-9999px;
	top:-9999px;
	width:36px;
	 height:9px;
	visibility: hidden;
  }