@charset "utf-8";
body {
	margin-top: 0px;
}
body,td,th {

	font-family: ＭＳ Ｐゴシック, Osaka;

	font-size: 15px;

	color: #333333;

}

a:link {

	color: #333333;

	text-decoration: none;

}

a:visited {

	text-decoration: none;

	color: #333333;

}

a:hover {

	text-decoration: none;

	color: #CC6600;

}

a:active {

	text-decoration: none;

	color: #0099CC;

}

.tx_s_jap {

	font-family: "ＭＳ Ｐゴシック", Osaka;

	font-size: 11px;

	color: #333333;

	line-height: 120%;

}
.price {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}




a:hover img {
	-moz-opacity:0.7;
	opacity:0.7;
	filter: alpha(opacity=100);

} 

.twoColFixLtHdr #container {
	width: 800px;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
} 
.twoColFixLtHdr #header {
	padding: 0;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
	background-color: #FFFFFF;
} 
.twoColFixLtHdr #header h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 10px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}
.twoColFixLtHdr #header p {
	color: #FFFFFF;
	font-size: 10px;
	font-family: Arial;
	text-align: left;
	padding: 0;
	margin-top: 20px;
	margin-left: 500px;
}
.twoColFixLtHdr #header a {
	padding: 0;
	color: #FFFFFF;
	font-size: 10px;
	font-family: Arial;
	text-align: left;
}
.twoColFixLtHdr #sidebar1 {
	float: left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 200px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	margin-top: 20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.twoColFixLtHdr  #sidebar1  h3 {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-top: 0px;
	background-image: url(/nav/images/main_back_bl.gif);
	text-align: left;
	font-family: Arial;
	font-size: 15px;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.twoColFixLtHdr #mainContent {
	margin-top: 20;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 210px;
	padding-top: 10;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
} 
.twoColFixLtHdr  #mainContent  h1  {
	margin-top: 20px;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	font-family: Arial;
}
.twoColFixLtHdr #mainContent h2 {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-color: #003366;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	font-family: Arial;
	background-image: url(/nav/images/current-bg.gif);
	background-repeat: repeat;
}
.twoColFixLtHdr #mainContent h2 a {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-color: #003366;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	font-family: Arial;
	background-image: url(/nav/images/current-bg.gif);
	background-repeat: repeat;
}
.twoColFixLtHdr #mainContent h3 {
	font-family: Arial;
	font-size: 10px;
	background-position: right;
	text-align: center;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-left: 450px;
	padding-top: 5px;
	border-top-width: 3px;
	border-top-color: #FFCC33;
}



.twoColFixLtHdr #footer {
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
} 
.twoColFixLtHdr #footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}
.twoColFixLtHdr #footer h3 {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-top: 0px;
	background-image: url(/nav/images/main_back_bl.gif);
	text-align: left;
	font-family: Arial;
	font-size: 15px;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/* たてメニューその2　*/


.cds-navi {
	list-style-type: none;
	margin-top: 0px;
	background-position: left;
	text-align: left;
	padding: 0px;
	margin-left: 0px;
}
.cds-navi ul {
	list-style-type: none;
	margin-top: 0px;
	background-position: left;
	text-align: left;
	padding: 0px;
	margin-left: 0px;
}

.cds-navi li {
	display: inline;
}


.cds-navi li a {
	margin-bottom: 1px;
	display: block;
	text-decoration: none;
	background-color: #FFFFFF;
	color: #000000;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
}

.cds-navi li a:hover {
	color: #000000;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FFCC00;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	background-color: #FFFFCC;
}
/* サイドナビ共通　*/


.cds-navi2 {
	list-style-type: none;
	margin-top: 0px;
	background-position: left;
	text-align: left;
	padding: 0px;
	margin-left: 0px;
}
.cds-navi2 ul {
	list-style-type: none;
	margin-top: 0px;
	background-position: left;
	text-align: left;
	padding: 0px;
	margin-left: 0px;
}

.cds-navi2 li {
	display: inline;
}


.cds-navi2 li a {
	margin-bottom: 1px;
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #003366;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 14px;
	background-color: #003366;
	text-align: left;
}

.cds-navi2 li a:hover {
	color: #FFFFFF;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #FFFF66;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	background-color: #3399CC;
}

.sitemap{
	float:left;
	border-left:1px solid #5974A7;
	list-style-type: none;
	margin: 0px;
	padding: 5px;
	}
.sitemap li{
	background-image: url(/img/pointer-1.gif);
	background-repeat: no-repeat;
	background-position: 0 15px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 14px;
	line-height: 130%;
	list-style-type: none;
	list-style-position: outside;
	}
.sitemap li a{
	font-weight:bold;
	}
.sitemap li ul li a{
	font-weight:normal;
	line-height: 130%;
	list-style-type: none;
	margin: 0px;
	}
.sitemap li ul li{
	background-image: url(/img/pointer-2.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	margin: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	}
.sitemap li ul li ul{
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0px;
	list-style-type: none;
	margin: 0px;
	}


.sitemap li ul{
	float:none !important;
	margin: 0px;
	padding: 3px;
	}
.sitemap  li  a:hover   {
	font-weight:normal;
	line-height: 130%;
	color: #FFFFFF;
	background-color: #003366;
	width: 200px;
}
/*ヘッダーメニュー・プルダウン */



#outside{

	border:0px;

	background-image: url(/nav/images/seperator.gif);



	}

#navigation-1 {
	margin:0px;
	list-style:none;
	width:100%;
	height:21px;
	font:normal 8pt verdana, arial, helvetica;
	padding-top: 1px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;

}

#navigation-1 li {

	margin:0;

	padding:0;

	display:block;

	float:left;

	position:relative;

	width:138px;

	text-align: center;

}

#navigation-1 li a:link, #navigation-1 li a:visited {
	padding: 8px;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#ffffff;
}

#navigation-1 li:hover a, #navigation-1 li a:hover, #navigation-1 li a:active {

	background: #2580a2 url("/nav/images/hover.gif") bottom center no-repeat;

	color: #fff;

	padding-bottom: 8px;     

	display:block;

	text-align:center;

	text-decoration:none;

	

}

#navigation-1 li ul.navigation-2 {
	margin:0;
	list-style:none;
	display:none;
	background:#ffffff;
	position:absolute;
	top:32px;
	left:-1px;
	border:1px solid #000000;
	border-top:none;
	text-align: left;
	padding: 1px;
}

#navigation-1 li:hover ul.navigation-2 {

	display:block;

}

#navigation-1 li ul.navigation-2 li {
	width:136px;
	clear:left;
	width:136px;
	text-align: left;
	padding: 1px;
}

#navigation-1 li ul.navigation-2 li a:link, #navigation-1 li ul.navigation-2 li a:visited {
	clear:left;
	background:#003366;
	width:136px;
	border:none;
	border-bottom:1px solid #ffffff;
	position:relative;
	z-index:1000;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 0px;
}

#navigation-1 li ul.navigation-2 li:hover a, #navigation-1 li ul.navigation-2 li a:active, #navigation-1 li ul.navigation-2 li a:hover {

	clear:left;

	background:#666666;

	padding:4px 0;

	width:136px;

	border:none;

	border-bottom:1px solid #ffffff;

	position:relative;

	z-index:1000;

}

#navigation-1 li ul.navigation-2 li ul.navigation-3 {

	display:none;

	margin:0;

	padding:0;

	list-style:none;

	position:absolute;

	left:135px;

	top:-2px;

	padding:1px 1px 0 1px;

	border:1px solid #000000;

	border-left:1px solid #000000;

	background:#ffffff;

	z-index:900;

}

#navigation-1 li ul.navigation-2 li:hover ul.navigation-3 {

	display:block;

}

#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited {
	background:#000000;
	text-align: left;

}

#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active {

	background:#666666;

}

#navigation-1 li ul.navigation-2 li a span {

	position:absolute;

	top:0;

	left:132px;

	font-size:12pt;

	color:#fe676f;

}

#navigation-1 li ul.navigation-2 li:hover a span, #navigation-1 li ul.navigation-2 li a:hover span {

	position:absolute;

	top:0;

	left:132px;

	font-size:12pt;

	color:#ffffff;

}
.h4 {
	font-size: 15px;
	line-height: 150%;
	font-weight: bold;
}