/* CSS Document */

/* BODYタグ定義 */
body {
	margin: 0px;
	padding: 0px;
	color: #222222;			/* 文字色変更（変更前：#666666） */
	font-size: 10pt;
	line-height: 13pt;
	text-align: center;		/*====== 新規追加（IE用センタリング） =====*/
	font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;
}

/* ページ全体をまとめるためのボックス */
#contents {
/*	margin: 0px;	*/
	padding: 0px;
	width: 900px;
	margin: 0 auto;		/*====== 新規追加（モダンブラウザ用センタリング） =====*/
	text-align: left;	/*====== 新規追加（テキストセンタリングリセット） =====*/
}

div#header {
	max-height: 67px;
}

	div#header img {
		border: 0;
		vertical-align: bottom;
	}
	
	div#header p#lg {
		width: 180px;
		height: 67px;
		float: left;
		margin: 0;
	}
	
	div#header div#headright {
		width: 705px;
		min-height: 62px;
		float: right;
		padding: 0 15px 5px 0;
		margin: 0;
		background: url(/common/img/header900_bg.gif) repeat-y right;
	}
	
	/* ==================================================== 
		Win IE 用ハック ====================================*/

	* html div#header div#headright {
		height: 67px;
		position: relative;
		padding-bottom: 0;
	}

	*+html div#header div#headright {
		height: 67px;
		position: relative;
		padding-bottom: 0;
	}

	/* ==================================================== */



		div#header div#headright p {
			margin: 0 0 14px 0;
			padding-top: 15px;
			text-align: right;
		}
		
		/* ==================================================== 
			Win IE 用ハック ====================================*/
		
		* html div#header div#headright p {
			margin-bottom: 0px;
		}

		*+html div#header div#headright p {
			margin-bottom: 0px;
		}

		/* ==================================================== */
		
		
		
		div#header div#headright form {
			width: 150px;
			float: right;
			margin: 0;
			padding: 0;
		}

		/* ==================================================== 
			Win IE 用ハック ====================================*/

		* html div#header div#headright form {
			position: absolute;
			top: 42px;
			right: 15px;
		}

		*+html div#header div#headright form {
			position: absolute;
			top: 42px;
			right: 15px;
		}

		/* ==================================================== */


		
			div#header div#headright form input {
				vertical-align: middle;
				border: 0;
			}
			
			div#header div#headright form input.txtbox {
				width: 100px;
				border: solid 1px #7d7d7d;
				background: #FFF;
			}
		
		div#header div#headright ul {
			width: 230px;
			float: right;
			margin: 2px 0 0 0;
			padding: 0;
		}

		/* ==================================================== 
			Win IE 用ハック ====================================*/

		* html div#header div#headright ul {
			position: absolute;
			top: 42px;
			left: 305px;
		}

		*+html div#header div#headright ul {
			position: absolute;
			top: 42px;
			left: 305px;
		}

			* html div#header div#headright ul.googlesearch {
				left: 465px;
			}
			
			*+html div#header div#headright ul.googlesearch {
				left: 465px;
			}

		/* ==================================================== */



			div#header div#headright ul li {
				display: inline;
				list-style: none;
				padding: 0;
				background: none;
			}

	ul#grnavi02 {
		clear:both;
		width: 795px;
		height: 27px;
		margin: 0;
		padding: 7px 0 0 105px;
		background: url(/common/img/navigation_bg.gif) repeat top;
	}
	
	/* ==================================================== 
		Win IE 用ハック ====================================*/

	* html ul#grnavi02 {
		width: 900px;
		height: 34px;
	}
	
	*+html ul#grnavi02 {
		width: 900px;
		height: 34px;
	}

	/* ==================================================== */


	
		ul#grnavi02 li {
			list-style: none;
			padding: 0;
			background: none;
			float: left;
		}

div#footer {
	height: 41px;
	background: url(/common/img/footer900_bg.gif) repeat-y left;
	font-size: 11px;
	line-height: 34px;
}

	div#footer ul {
		width: 21em;
		float: right;
		padding: 0;
		margin: 0;
	}
	
		div#footer ul li {
			display: inline;
			list-style: none;
			padding: 0 2px 0 0;
			background:none;
			border-right: solid 1px #666;
		}
		
		/* ==================================================== 
			Win IE 用スターハック ==============================*/

		* html div#footer ul li {
			padding-right: 0;
			margin-left: 3px;
		}

		*+html div#footer ul li {
			padding-right: 0;
			margin-left: 3px;
		}

		/* ==================================================== */



			div#footer ul li.listend {
				border: 0;
				color: #333;
			}
			
				div#footer ul li a {
					text-decoration: none;
					font-weight: normal;
					color: #666;
				}

				div#footer ul li a:hover {
					text-decoration: underline;
				}

				div#footer ul li.listend a {
					color: #222;
				}				

	div#footer p {
		float: left;
		margin: 0;
		padding-left: 16px;
		color: #666;
	}



/* =====以下過去の CSS を引き継ぎ======================= */

/* FORMタグのマージン設定 */
form {
	margin: 0px;
	padding: 0px;
}

/* ナビゲーション部分 */
#grnavi03 {
	margin: 0 0 18px;
	padding-top: 6px;
	text-align: center;
	clear: both;
	background: url(/common/img/subdir_bg.gif) repeat-x bottom;
}

#grnavi03 img {
	margin: 0 1px;
	border: 0;
	vertical-align: bottom;
}

/* PAGE TOPリンク用 ==== !!!以下新デザイン用に書き換え!!! ==== */
#pagetoplink {
	clear: both;
	margin: 3px 15px 0;
}

/* コンテンツ表紙の画像 */
#topimage {
	padding: 0px;
}

/* タイトル内：コンテンツトップへのリンク */
.toplink {
	font-size: 10pt;
	background-image: url(/common/img/mnic_00_01.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	float: right;
	padding-left: 15px;
	margin-top: 3px;
	font-weight: bold;
}

/* タイトル部分の回り込み制御 */
.dummy {
	font-size: 14pt;
}

/* H4タグの画像スペース */
.imgspace {
	margin-right: 5px;
}

/* テキスト部分の回り込み制御 */
.spdummy {
	height: 1px;
	clear: both;
}

/* テキストの位置揃え用 */
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}

/* テキスト部分 */
#main {
	margin: auto 15px;
	padding: 0px;
}

/* ページをまとめるためのボックス */
#page {
	margin-top: 5px;
	padding: 0px;
}

/* メニュー用背景設定 */
.mnbgleft {
	background-image:   url(/common/img/menu_bg.gif);
	background-repeat: repeat-y;
	background-position: left;
}
.mnbgright {
	background-image:   url(/common/img/menu_bg.gif);
	background-repeat: repeat-y;
	background-position: right;
}

/* テキスト部分のボックス：幅　168px */
.left10 {
	float: left;
	width: 168px;
}
.center10 {
	width: 168px;
	float: left;
	margin-right: 6px;
	margin-left: 6px;
}
.right10 {
	float: right;
	width: 168px;
}

/* テキスト部分のボックス：幅　255px */
.left15 {
	float: left;
	width: 255px;
}
.right15 {
	float: right;
	width: 255px;
}


/* テキスト部分のボックス：幅　342px */
.left20 {
	float: left;
	width: 342px;
}
.right20 {
	float: right;
	width: 342px;
}


/* 画像のキャプション：左寄せ */
.imgcaptleft {
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 80%;
}

/* 画像のキャプション：センタリング */
.imgcaptcenter {
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 80%;
}

/* 区切り線 */
.spdash {
	height: 1px;
	margin-top: 1px;
	margin-bottom: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	clear: both;
}
.spdash15 {
	height: 1px;
	margin-top: 1px;
	margin-bottom: 15px;
	clear: both;
	background-image: url(/common/img/bg_dot.gif);
	background-repeat: repeat-x;
}

/* 商品説明部分 */
.substance {
	margin-bottom: 15px;
}

/*************************************** 2005.10.25追加 */
/* 商品説明画像部分 */
.subimage {
	margin-right: 10px;
	float: left;
}
.subimage-right {
	margin-left: 10px;
	float: right;
}

/* 商品説明テキスト部分 */
.subtext {
	font-size: 10pt;
	line-height: 13pt;
}

/*************************************** 2005.10.25追加 ここまで */

/* コンテンツTOPへのリンク設定 */
.toplink a {
	color: #FFFFFF;
	text-decoration: underline;
}
.toplink a:link {
	color: #FFFFFF;
	text-decoration: underline;
}
.toplink a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

/************************************************** グループ用のCSS *****/
/* HEADER */
.grnvbg {
	background-image: url(/common/img/bg_grnv02.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	height: 28px;
}

#grpheader {
	margin: 0px;
	padding: 0px;
}
#grpheadleft {
	margin: 0px;
	padding: 0px;
	float: left;
}
#grpheadright {
	margin: 0px;
	padding: 0px;
	float: right;
}

/* テーブル下注釈用 */
.note {
	margin-top: 5px;
	margin-bottom: 5px;
}

/* 印刷アイコン用 */
#print {
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: right;
}

/************************************************** 20051014追加 */
/* 太字対応 */
.b {
	font-weight: bold;
}

/* 赤い文字 */
.red {
	color: #ff0000;
}

/* 上揃え */
.top {
	vertical-align: top;
}
/* 中央揃え */
.middle {
	vertical-align: middle;
}
/* 下揃え */
.bottom {
	vertical-align: bottom;
}