@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
	background-image: url(../img/background.jpg);
	background-repeat: repeat-x;
	font-size: 11px;
}
.topinx #container {
	width: 780px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 1px solid #CCCCCC;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
} 
.topinx #header {
	padding: 0px;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
	background-image: url(../img/index_r1_c1.jpg);
	background-repeat: no-repeat;
	height: 22px;
} 
.topinx #header h1 {
	margin: 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
	font-size: 8pt;
	line-height: 14pt;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 1px;
	text-align: right;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.topinx #header h1 a {
	color:#ffffff;
	text-decoration:none;
}

.topinx #header h2 a {
	color:#ffffff;
	text-decoration:none;
}

.topinx #navigation {
	margin: 0px;
	background-image: url(../img/page1_r3_c4.jpg);
	background-repeat: repeat-x;
	height: 38px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-size: 10pt;
	letter-spacing: 1pt;
} 

.topinx #navigation ul {
	float:left;
	border-left: 1px solid #CCCCCC;
	padding: 0;
	margin-bottom: 4px;
	margin-top: 0px;
}

.topinx #navigation ul li {
  display: inline;
  margin: 0;
  padding-left: 5px;
  padding-right: 5px;
  border-right: 1px solid #CCCCCC;

}

.topinx #navigation a {
	color: #333333;
	text-decoration: none;
}


.topinx #navigation a:hover {
	text-decoration: underline;
}


.topinx #sidebar1 {
	float: left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 200px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	margin: 0px;
	line-height: 8px;
}


* html .topinx #sidebar1 {
	float: left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 200px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	margin: 0px;
	line-height: 8px;
}

.topinx #sidebar1 ul { 
	line-height: 12px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.topinx #sidebar1 li {
	line-height: 18px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.topinx #sidebar1 ul li {
	display: block;
	margin: 0 0 4px 0;
}

.topinx #sidebar1 li a {
		outline: none;
		overflow:hidden;
}

.topinx #sidebar1 li a:hover {
		background: #61971E;
		color: #FFF;

}
.topinx #sidebar_ct1 {
		background: url(/img/prd_bedback.jpg) left top repeat-y;
}

.topinx #sidebar_ct2 {
		background: url(/img/prd_bedback.jpg) left top repeat-y;
}

.topinx #mainContent {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 235px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
} 

* html .topinx #mainContent {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 235px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	zoom: 1;
} 

.topinx #mainContent ul li {
	margin: 0 0 4px 0;
}

.topinx #mainContent ul {
	margin-bottom: 10px;
}

.topinx .newstable {
	position: relative;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 24px;
	margin-left: 0;
} 

.topinx #category {
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	background-image: url(../img/category.jpg);
	background-repeat: no-repeat;
} 
.topinx #category p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}

.topinx #category strong {
	color: #666666;
	padding-left: 6px;
}

.topinx #category a {
	color: #333333;
}

#category ul {
    margin-bottom: 15px;
	padding-left: 3px;
}

#category ul li {
	display: inline;
	margin-right: 3px;
	padding-left: 3px;
	list-style-type: none;
}

#category ul li.padd {
     padding-left: 0px;
     border-left: 0px;
}

.topinx #footer {
	height: 20px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	background-color: #F7F7F7;
} 

.topinx #footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}

.topinx #footer ul {
  float:left;
  border-left: 1px solid #CCCCCC;
  padding: 0;
  margin-bottom: 4px;
}

.topinx #footer ul li {
  display: inline;
  margin: 0;
  padding-left: 5px;
  padding-right: 5px;
  border-right: 1px solid #CCCCCC;

}

.topinx #footer a {
	color: #0066CC;
}

.topinx #footer a:hover {
	color: #FFFFFF;
	background-color: #0066CC;	
}

#copyright{
	float:right;
	text-align:right;
	padding-right:10px;
}

.topinx #footer_link {
	height: 20px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	border-top-width: thin;
	border-top-style: none;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #CCCCCC;
} 

.topinx #footer_link p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}

.topinx #footer_link ul {
  float:left;
  border-left: 1px solid #CCCCCC;
  padding: 0;
  margin-bottom: 4px;
}

.topinx #footer_link ul li {
  display: inline;
  margin: 0;
  padding-left: 5px;
  padding-right: 5px;
  border-right: 1px solid #CCCCCC;

}

.topinx #footer_link a {
	color: #999999;
}

.topinx #footer_link a:hover {
	color: #FFFFFF;
	background-color: #999999;
}



.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*ajaxsearch*/

#search {
	margin-top: 5px;
	margin-bottom: 10px;
	position:relative;
	width:485px;
	z-index:1;
	padding-right: 15px;
	_margin-top: 10px;
	float: right;
}

#search img {display: none;}

#search-directory {
	position:absolute;
	top:26px;
	left:5px;
	width:496px;
	height:32px;
	overflow:hidden;
	z-index:400;
}
#search fieldset, #sidebarlogin fieldset{
	border: none;
	margin: 0px;
	padding: 0px;
}
#search form, #sidebarlogin form {
	border: none;
	margin: 0px;
	padding: 0px;
}


#search label, #sidebarlogin label {
color: #444444;
}


#search input, #sidebarlogin input {
	border-top: 1px solid #75767B;
	border-left: 1px solid #75767B;
	border-bottom: 1px solid #B6B9C0;
	border-right: 1px solid #B6B9C0;
	height: 19px;
}

#search-txt {
    position: absolute;
    top: 0px;
    left: 158px;
    width: 57px;
    height: 21px;
    color: #0d0d0d;
    font-size: 13px;
    line-height: 23px;
}

#ajaxSearch_input {
    position: absolute;
    top: 0px;
    left: 185px;
    width: 200px;
    height: 19px;
}

#ajaxSearch_submit {
    width: 70px !important;
    height: 21px !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent  url(/img/search_70x21.gif) no-repeat center top;
    padding: 55px 0 0 !important;
    cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */
    position: absolute;
    top: 0px;
    left: 400px;
}

#ajaxSearch_output {
    background: #F5F8ED;
    color: black;
    -moz-opacity:0.95 !important;
    opacity:0.95 !important;
    filter: alpha(opacity=95) !important;
    position: absolute;
    top: 23px;
    left: 185px;
    width: 200px !important;
    z-index: 1;
	border: 1px solid #999999;
    padding: 0;
    margin: 0;
}
#ajaxSearch_output a {
	color: #339933;
	text-align: left;
	width: 200px;
	display: block;	
	width: 93% !important;
}

span.ajaxSearch_highlight1 {
background-color:#ff0;
color:#333;
font-style:italic;
}

span.ajaxSearch_highlight2 {
	background-color:#00FF00;
	color:#333;
	font-style:italic;
}

span.ajaxSearch_highlight3 {
	background-color:#0033FF;
	color:#333;
	font-style:italic;
}

#ajaxSearch_output a:hover{ background-color: #dedede; }
#ajaxSearch_output p {margin: 0;}
.ajaxSearch_paging { }