@charset "shift_jis";
body {
	color: #666666;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: left; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	margin-top:0px;
	font: 12.5px/1.8em "Meiryo UI";
}
A:link {
	text-decoration:none;
	color: #006633;
}
A:visited {
	text-decoration:none;
	color: #006633;
}
A:active {
	color: #339933;
}
A:hover {
	color: #888888;
}
#navi {
	font-size: 12px;
	color: #999999;
	text-decoration: none;
	border: none;
	text-align: left;
	line-height: 8px;
	letter-spacing: normal;
}
.box150 {
	width: 160px;
	background-color:#FFFFCC;
	border-width: 1px 3px 3px 1px;
	border-color: #ff9900;
	border-style:double;
	height: auto;
	background-image: url(../gif/point3.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 25px;
}
.box150-left {
	width: 150px;
	background-color:#FFFFCC;
	border-width: 1px 3px 3px 1px;
	border-color: #ff9900;
	border-style:double;
	padding: 1px;
	height: auto;
	margin: 2px auto 0px 0px;
}
.box150gray {
	width: 160px;
	background-color:#FFFFFF;
	border-width: 1px 3px 3px 1px;
	border-color: #cccccc;
	border-style:double;
	padding: 1px;
	height: auto;
	margin: 5px auto 5px 10px;
	text-align: left;
}
.box153 {
	width: 153px;
}
.box215 {
	width: 200px;
	background-color:#FFFFCC;
	border-width: 1px 3px 3px 1px;
	border-color: #ff9900;
	border-style:double;
	padding: 1px;
	height: auto;
	margin: 2px auto 0px 3px;
}
.box300orenge {
	width: 300px;
	background-color:#FFFFFF;
	border-width: 1px 3px 3px 1px;
	border-color: #ff9900;
	border-style:double;
	padding: 1px;
	height: auto;
	margin: 5px auto 0px 10px;
}
.box300gray {
	width: 300px;
	border-width: 1px 3px 3px 1px;
	border-color: #cccccc;
	border-style:double;
	padding: 1px;
	height: auto;
	margin: 3px auto 3px 10px;
	background: url(../gif/point3.gif) no-repeat scroll 2% 45%;
	font-weight: bold;
	text-indent: 20px;
}
.box430gray {
	width: 430px;
	background-color:#FFFFFF;
	border: 3px double #cccccc;
	padding: 1px;
	height: auto;
	margin: 2px auto 0px 5px;
}
.box430orenge {
	width: 400px;
	background-color:#FFFFCC;
	border-width: 1px 3px 3px 1px;
	border-color: #ff9900;
	border-style:double;
	padding: 1px;
	height: auto;
	margin: 2px auto 0px 10px;
	background-image: url(../gif/point3.gif);
	background-repeat: no-repeat;
	background-position: 2% 45%;
	background-attachment: scroll;
	padding-left: 30px;
}
.box430 {
	width: 450px;
	padding: 1px;
	height: auto;
	margin: 1px auto 10px 5px;
	border-top: 0px solid #339900;
	border-right: 0px solid #339900;
	border-bottom: 1px solid #339900;
	border-left: 0px solid #339900;
}
.box280 {
	width: 280px;
	padding: 1px;
	height: 100px;
	margin: 1px auto 10px 5px;
	border-top: 0px solid #339900;
	border-right: 0px solid #339900;
	border-bottom: 1px solid #339900;
	border-left: 0px solid #339900;
}
.sample10 {
	width: 450px;
	margin:10px;
	background-color:#FFFFCC;
	border-style:solid;
	border-width:1px 2px 2px 1px;
	border-color:#ff9900 #996600 #FF9900 #FF9900;
}
p {
	margin-bottom: 2px;
	margin-top: 0px;
	padding-bottom:0px;
	padding-top:0px;
}
strong {
	font-weight: bold;
	color: #666666;
}
h1 {
	font-family: "メイリオ";
	font-size: 12px;
	font-style: normal;
	color: #666666;
	margin-bottom: 2px;
}
h2 {
	font-family: "メイリオ";
	font-size: 12px;
	font-style: normal;
	color: #666666;
	margin-bottom: 2px;
}
h3 {
	font-family: "メイリオ";
	font-size: 12px;
	font-style: normal;
	color: #666666;
	margin-bottom: 2px;
	margin-top:2px;
}
h4 {
	font-family: "MS UI Gothic";
	font-size: 12px;
	font-style: normal;
	color: #666666;
	margin-bottom: 0px;
}
h5 {
	font-family: "MS UI Gothic";
	font-size: 12px;
	font-style: normal;
	color: #666666;
	margin-bottom: 0px;
}
h6 {
	font-family: "MS UI Gothic";
	font-size: 12px;
	font-style: normal;
	color: #666666;
	margin-bottom: 0px;
}
.left {
	float: left;
}
.right {
	float: right;
}
.kakaku18 {
	font-size: 18px;
	font-style: italic;
	line-height: normal;
	font-weight: 800;
	color: #FF0000;
	text-decoration: underline;
	letter-spacing: -1px;
	vertical-align: baseline;
	font-family: "メイリオ";
}
.kakaku18red-kesi {
	font-size: 18px;
	font-style: italic;
	line-height: normal;
	font-weight: 800;
	color: #FF0000;
	text-decoration: underline line-through;
	letter-spacing: -1px;
	vertical-align: baseline;
	font-family: "メイリオ";
}
.font12-red {
	font-size: 12px;
	color: #FF6600;
	font-weight: bold;
}
.font11-gray {
	font-size: 11px;
	color: #666666;
	line-height: 12px;
}
.font11-FF0000 {
	font-size: 11px;
	line-height: 11px;
	color: #FF0000;
}
.font14-0000ff-blue {
	font-size: 14px;
	font-style: normal;
	color: #0000FF;
	height: auto;
	line-height: 15px;
}
.font14_999999 {
	font-family: "MS UI Gothic";
	font-size: 14px;
	color: #999999;
}
.red {
	color: #FF0000;
}
.shadow {
	margin: 10px 0px 2px 5px;
	background: url(../gif/shadow_001.gif) right bottom;
	float: left; /* ｲ�､・�､ﾟﾀｩｸ・*/
}
.shadow img {
	position: relative;
	left: -5px; /* ｲ霖・�ｺｸ､ﾘｰﾜﾆｰ */
	top: -5px; /* ｲ霖・�ｾ螟ﾘｰﾜﾆｰ */
	padding: 1px; /* ｲ霖・ﾈ */
	background: #ffffe0; /* padding､�ﾀﾟﾄ熙ｷ､ｿｾ・遉ﾎﾇﾘｷﾊｿｧ */
	border: 1px solid #999999; /* ｲ霖・ﾎﾏﾈﾀ� */
}
a img {
	border: none;
} /* ･・�･ｯｲ霖・ﾎﾏﾈﾀ�､�･ﾜ｡ｼ･ﾀ｡ｼwﾄ・ｵ､ｷ､ﾇ､篝ﾃ､ｹ */
.img50px img {
	margin: 3px 5px;
	height: 50px;
	width: 50px;
}
.twoColFixLtHdr #container {
	width: 1000px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります。が情報量が多いので1014pxにしています。 1280px以上の画像サイズでないと水平スクロールバーが表示されます。*/
	margin: 5px auto 0 5px;
	text-align: left;
	border: 0px none #CCCCCC;
	}
.twoColFixLtHdr #header {
	padding: 0 0 0 5px;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
	height: 140px;
}
.twoColFixLtHdr #header1 {
	margin: 0 0 0 0px;
	height: 70px;
	text-align: center;
}
.twoColFixLtHdr #header h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 5px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}
.twoColFixLtHdr #sidebar1 {
	float: left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 170px; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	padding: 0 0 0 5px;
}
.twoColFixLtHdr #mainContent {
	margin: 0 0 0 180px; /* この div エレメントの左マージンにより、ページの左側に #sidebar1 div が設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
	padding: 0 5px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
}
.twoColFixLtHdr #mainContent dd{
	margin-bottom: 10px;
}

.twoColFixLtHdr #footer {
	padding: 0 5px 0 5px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	margin: 0 0 0 180px;
}
.twoColFixLtHdr #footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
#apDiv1 {
	position:absolute;
	width:320px;
	height:25px;
	z-index:4;
	left: 670px;
	top: 48px;
	padding-left: 1px;
}
#apDiv2 {
	position:absolute;
	width:330px;
	height:25px;
	z-index:2;
	left: 675px;
	top: 75px;
}
#apDiv-cart {
	position:absolute;
	left:675px;
	top:100px;
	width:330px;
	height:25px;
	z-index:3;
}
#apDiv-search {
	position:absolute;
	left:215px;
	top:140px;
	width:750px;
	height:56px;
	z-index:4;
}
#apDivTop {
	position:absolute;
	width:467px;
	height:77px;
	z-index:1;
	left: 200px;
	top: 50px;
}
.width {
	width: 290px;
	padding-left: 7px;
}
.width img {
	margin: 2px 5px 2px 2px;
}
.width h3 a {
	font-size: 12px;
	color: #FF6600;
	font-weight: bold;
}
.left {
	float: left;
}
ul {
	margin: 0 0 1em 1.5em;
	padding: 0;
}
#mainbox300 {
	width:300px;
	border: 3px double #cccccc;
	padding: 1px;
	height: auto;
	margin: 2px auto 0px 5px;
	float: left;
}
#mainbox500 {
	width:470px;
	border: 3px double #cccccc;
	padding: 1px 1px 1px 5px;
	height: auto;
	margin: 2px auto 0px 3px;
	float: left;
}
.width700 {
	width: 700px;
}
.width400 {
	width: 400px;
}
.width800 {
	width: 800px;
}
.imgleft {
	float:left;
	margin: 2px 7px 2px 2px;
}
iframe#top {
	width:1000px; /* インラインフレームの幅 */
	height:130px; /* インラインフレームの高さ */
	padding:0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#search {
	position:absolute;
	width:442px;
	height:27px;
	z-index:2;
	left: 220px;
	top: 100px;
}
#header_navi {
	position:absolute;
	left:700px;
	top:5px;
	width:240px;
	height:21px;
	z-index:1;
	padding: 5px;
}
#headertext {
	position:absolute;
	left:210px;
	top:50px;
	width:500px;
	height:44px;
	z-index:3;
	padding: 3px;
}
#top_logo {
	position:absolute;
	left:5px;
	top:5px;
	width:235px;
	height:44px;
	z-index:1;
	padding: 2px;
	font-size: 12px;
}
/* 2列型目次ページ用 */
#paddedContent .contentSplit .leftColumn, #paddedContent .contentSplit .rightColumn {
	width:335px;
	overflow:visible;
}
#paddedContent .contentSplit .leftColumn {
	float:left;
	padding-left:5px;
	margin-left:-5px;
}
#paddedContent .contentSplit .rightColumn {
	float:right;
	padding-left:5px;
	margin-left:-5px;
}
#content #paddedContent ul p, #content #paddedContent ul h1, #content #paddedContent ul h2, #content #paddedContent ul h3, #content #paddedContent ul h4, #content #paddedContent ul h5, #content #paddedContent ul h6, #content #paddedContent ul .padded {
	padding-left:0;
	padding-right:10px;
}
#content #paddedContent li {
	padding-right:10px;
}/* 2列型目次ページ用 ここまで */