/* KOKUYO CSS Document - 共通 */
/* BODYタグ定義 */
body {
	margin: 0px;
	padding: 0px;
	color: #222222;			/* 文字色変更（変更前：#666666） */
	font-size: 10pt;
	line-height: 13pt;
	text-align: center;		/*====== 新規追加（IE用センタリング） =====*/
}

h1,h2,h3{
	margin:			0px;
	padding:		0px;
}

.hidden{
	display:		none;
}

/* H1タグ定義 */
/*h1 {
	margin: 0px;
	font-size: 14pt;
	color: #FFFFFF;
	background-image: url(/common/img/h1ic_01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	padding-top: 2px;
	padding-right: 0px;
	padding-left: 25px;
	padding-bottom: 2px;
}*/

/* H2タグ定義 */
/*h2 {
	margin: 0px;
	padding: 0px;
	font-size: 12pt;
	color: #333333;
	clear: both;
}*/

/* H3タグ定義 */
/*h3 {
	margin: 0px 0px 15px;
	font-size: 10pt;
	color: #FF6600;
	clear: both;
	background-image: url(/common/img/bg_h3.gif);
	background-repeat: repeat-x;
	height: 33px;
	padding-top: 8px;
	padding-right: 10px;
	padding-left: 10px;
}*/

/* H4タグ定義 */
/*h4 {
	padding: 0px;
	margin: 0px;
	font-size: 10pt;
	font-weight: normal;
}*/


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

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

/* header部分の定義 */

div#header
{
max-height: 101px;
width:900px;
}

	div#header img
	{
	border: 0;
	vertical-align: bottom;
	}
	
	div#header p#lg
	{
	width: 160px;
	float: left;
	margin: 0;
	}
	
	div#header div#headright
	{
	width: 705px;
	float: right;
	padding: 0 15px 5px 0;
	margin: 0;
	}
	
	/* ==================================================== 
		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: 154px;
		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 white;
			background: #f7d0d9;
			}
		
		div#header div#headright ul
		{
		width: 460px;
		float: right;
		margin: 2px 0 0 0;
		padding: 0 5px 0 0;
		white-space:nowrap;
		text-align:right;
		}

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

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

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

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


		
			div#header div#headright ul li
			{
			display: inline;
			list-style: none;
			padding-top:5px;
			padding-right:5px;
			}
/* background: url(../img/header_bg.gif) repeat-y right; */

div#header div#headright
{
background: url(../img/header_bg.gif) repeat-y right;
}

div#header div#headright ul
{
width: 460px;
padding-right:13px;
}

* html div#header div#headright ul
{
left: 80px;
}


*+html div#header div#headright ul
{
left: 80px;
}

div#header div#headright ul li.future
{
padding-top:0px;
padding-right:5px;
}

div#header div#headright form input.txtbox
{
background: #FAFCFE;
border-color: #ffffff;
}

#header_bottom{
/*background-image:url(../../images/header_bottom.gif);*/
background-repeat:no-repeat;
width:900px;
height:9px;
float:left;
}
/* 中央揃え */

.main-contents{
	margin: 0 0 0 100px;
	display:inline;
}
#main h2 img{
	margin: 3px 0 0 100px;
}
#main .main-contents h2 img{
	margin: 0 0 0 0;
}

/* footer部分の定義 */

div#footer
{
height: 41px;
font-size: 11px;
line-height: 34px;
width:900px;
white-space:nowrap;
}


	div#footer ul
	{
	width: 21em;
	float: right;
	padding: 0;
	margin: 0;
	}

	
		div#footer ul li
		{
		display: inline;
		list-style: none;
		padding-right: 2px;
		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;
				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;
	}


div#footer
{
background: url(../img/footer_bg.gif) repeat-x top;
width:900px;
}

/* PAGE TOPリンク用 */
#pagetoplink {
	padding: 8px 0px;
	margin-right: 15px;
	margin-left: 15px;
	clear: both;
}

/* コンテンツ表紙の画像 */
#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;
}

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

/* メニュー用背景設定 */
.mnbgleft {
	background-image:   url(/common/img/bgmenu.gif);
	background-repeat: repeat-y;
	background-position: left;
}
.mnbgright {
	background-image:   url(/common/img/bgmenu.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;
}

/* FOOTER部分のリンクの設定 */
#footer a {
	color: #666666;
	text-decoration: none;
}
#footer a:link {
	color: #666666;
	text-decoration: none;
}
#footer a:visited {
	color: #666666;
	text-decoration: none;
}
/*#footer_b a {
	color: #FFFFFF;
	text-decoration: none;
}
#footer_b a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#footer_b a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
*//************************************************** グループ用の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;
}

/* 会社ロゴ */
#lg {
	margin: 0px;
	padding: 21px 19px 0px 22px;
	float: left;
}

/* 会社名 */
#comp {
	padding: 29px 0px 11px;
	margin: 0px;

}

/* 検索がない場合のダミー */
.dummysearch {
	margin: 0px;
	padding: 0px;
	height: 40px;
}

/* グループ表示用フッタ */
#copy {
	margin-left: 10px;
}
#ftnavi {
	float: right;
	margin-right: 10px;
	margin-top: 10px;
}

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

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

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

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

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