/* KOKUYO CSS Document - 共通 */
/* BODYタグ定義 */
body {
	margin: 0px;
	padding: 0px;
	color: #666666;
	font-size: 10pt;
	line-height: 13pt;
}

/* 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: 720px;
}

/* header部分の定義 */

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

	div#header img
	{
	border: 0;
	vertical-align: bottom;
	}
	
	div#header p#lg
	{
	width: 180px;
	float: left;
	margin: 0;
	}
	
	div#header div#headright
	{
	width: 525px;
	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: 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 white;
			background: #f7d0d9;
			}
		
		div#header div#headright ul
		{
		width: 260px;
		float: right;
		margin: 2px 0 0 0;
		padding: 0;
		}

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

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

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

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


		
			div#header div#headright ul li
			{
			display: inline;
			list-style: none;
			}
/* 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: 164px;
}

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


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

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

/* 検索部分 */
#search {
	padding: 0px;
	margin-top: 16px;

}
#search form {
	margin: 0px;
	padding: 0px;
	font-size: 1px;
}
.txtbox {
	width: 110px;
}

/* ナビゲーション部分 */
#grnavi01 {
	clear: both;
	margin-top: 2px;

}
#grnavi02 {
	margin: 0px;
	padding: 0px;
	clear: both;
}
#grnavi03 {
	margin: 10px auto;
	text-align: center;
}

/* footer部分の定義 */

div#footer
{
height: 41px;
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-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;
};
}

/* PAGE TOPリンク用 */
#pagetoplink {
	padding: 8px 0px;
	padding-top: 40px;
	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;
}

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

/* ページをまとめるためのボックス */
#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: 252px;
}


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


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

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

/* 区切り線 */
.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;
}

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

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

/* コンテンツ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;
}

/* 会社名 */
#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;
}