/**********************************************************************
PCR Library
共通CSS
[ /css/style.css ]
**********************************************************************/

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

	Style CSS

 -----------------------------------------
	目次
 -----------------------------------------

 	1.タグの初期化
	
	2.フレーム
	
	3.ヘッダー
		■ロゴ
		■グローバルナビ
	
	4.コンテンツエリア
		■サイド
			・サイドメニュー
			・お問い合わせ
			・バナー
		■コンテンツ
			・パンくず
			・タイトル
			・テキスト・イメージ
			・テーブル
			・カテゴリー検索		
			・国別検索		
			・サイトマップ
			・ページトップ

	5.フッター
		■コピーライト

	6.フォント

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


/* 1.タグの初期化
========================================== */
body {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	color: #555555;
	font-size: 12px;
    *font-size: small; /* IE 7向け */
    *font: x-small; /* IE 6向け */
	line-height: 170%;
	*line-height: 160%; /* IE 7向け */
	margin: 0;
	padding: 0;
	text-align: center;
}

html,body,div,ul,li,h1,h2,h3,p,hr,th,td,dl,dt,dd {
	margin: 0;
	padding: 0;
}
p {
	color: #555555;
	font-size: 12px;
	*font-size: small; /* IE 7向け */
	*font: x-small; /* IE 6向け */
	font-weight: normal;
	line-height: 170%;
	*line-height: 160%; /* IE 7向け */
	margin: 10px 0 20px 0;
	padding: 0; 
}
p.none {
	margin: 0 0 25px 0;
	padding: 0; 
}
ol {
	margin: 0 0 0 20px;
	*margin: 0 0 0 25px;
	padding: 0;
}
ul {
	list-style-type: none;
	list-style-position: outside;
}
h1,h2,h3 {
	font-size: 100%;
	font-weight: normal;
}
table {
	font-family: Arial, Helvetica, sans-serif;
    color: #555555;
    font-size: 12px;
    *font-size: small; /* IE 7向け */
    *font: x-small; /* IE 6向け */
    line-height: 170%;
	*line-height: 160%; /* IE 7向け */
	border-collapse: collapse;
}
img { 
    border: 0;
}
a img,:link img,:visited img {
	border: none;
}
/* ロールオーバー */
a:link, a:visited {
	color: #82a404;
	text-decoration: none;
}
a:hover, a:active { 
	color: #82a404;
	text-decoration: underline;
}
.clear {
	margin: 0;
	padding: 0;
	clear: both; 
    }
	

/* 2.フレーム
========================================== */
#frame {
	background-image: url(../images/head_bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	margin: 0 auto;
	padding: 0;
	}
#container {
	width: 950px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}


/* 3.ヘッダー
========================================== */
#headercontainer {
	width: 950px;
	height: 170px;
	margin: 0;
	padding: 0;
	}

		/*	ロゴ
		 * ------------------------------------- */
		#head_tit {
			width: 284px; 
			height: 50px; 
			margin: 0;
			padding: 0;
			}
		#head_tit h1{
			position: absolute;
			margin-top: 55px;
			width: 284px; 
			height: 50px; 
			}
		#head_tit h1 a{
			background-image: url(../images/logo.gif);
			background-repeat: no-repeat;
			display: block;
			width: 284px; 
			height: 50px; 
			overflow: hidden;
			text-indent: -200%;
			font-size: 0;
			float: left;
			}

		/*	グローバルナビ
		 * ------------------------------------- */
		#head_menu {
			margin-top: 30px;
			padding: 0;
			float: right;
			}
		* html #head_menu {margin: 30px 0 0 590px;} /* this is a hack for IE */
		ul#menu{
			width: 100%;
			}
		ul#menu li{
			margin: 0;
			float: left;
			}
		ul#menu a{
			display: block;
			height: 20px;
			}
		#menu a span{display: none;}
		/* HOME */
		a.menu1{
			background-image: url(../images/gnavi_01.gif);
			width: 80px;
			}
		a:hover.menu1{
			background-position: 0px -20px;
			}
		.menu1-s{
			background-image: url(../images/gnavi_01.gif);
			background-position: 0px -20px;
			width: 80px;
			}
		/* ABOUT PCR LIBRARY */
		a.menu2{
			background-image: url(../images/gnavi_02.gif);
			width: 172px;
			}
		a:hover.menu2{
			background-position: 0px -20px;
			}
		.menu2-s{
			background-image: url(../images/gnavi_02.gif);
			background-position: 0px -20px;
			width: 172px;
			}
		/* SITE MAP */
		a.menu3{
			background-image: url(../images/gnavi_03.gif);
			width: 98px;
			}
		a:hover.menu3{
			background-position: 0px -20px;
			}
		.menu3-s{
			background-image: url(../images/gnavi_03.gif);
			background-position: 0px -20px;
			width: 98px;
			}
		/* LINKS */
		a.menu4{
			background-image: url(../images/gnavi_04.gif);
			width: 75px;
			}
		a:hover.menu4{
			background-position: 0px -20px;
			}
		.menu4-s{
			background-image: url(../images/gnavi_04.gif);
			background-position: 0px -20px;
			width: 75px;
			}


/* 4.コンテンツエリア
========================================== */
#contentArea {
	width: 950px;
	margin: 0 auto; 
	padding: 0;
	clear: both;
	}
#content {
	width: 950px;
	margin-top: 40px;
	padding: 0;
	}

		/*	サイド
		 * ------------------------------------- */
		#sidebox {
			width: 210px;
			margin: 0;
			padding: 0;
			float: left;
			}
				
				/*	サイドメニュー
				 * ------------------------------------- */
				#menubox {
					width: 182px;
					margin: 0;
					padding: 0 10px;
					border: 4px solid #eeeeee;
					}
				#menu_tit {
					width: 182px;
					height: 46px;
					margin: 0;
					padding: 0;
					}
				#side_menu {
					width: 182px;
					margin: 0;
					padding: 0;
					}
				ul#side_menu{
					width: 100%;
					}
				ul#side_menu li{
					margin: 0;
					padding: 0;
					}
				ul#side_menu a{
					display: block;
					}
				#side_menu a span{display: none;}
				/* The steps for the preparation of PCR */
				a.side_menu1{
					background-image: url(../images/smenu_01.gif);
					height: 62px;
					}
				a:hover.side_menu1{
					background-position: 0px -62px;
					}
				.side_menu1-s{
					background-image: url(../images/smenu_01.gif);
					background-position: 0px -62px;
					height: 62px;
					}
				/* contents of PCR */
				a.side_menu2{
					background-image: url(../images/smenu_02.gif);
					height: 42px;
					}
				a:hover.side_menu2{
					background-position: 0px -42px;
					}
				.side_menu2-s{
					background-image: url(../images/smenu_02.gif);
					background-position: 0px -42px;
					height: 42px;
					}
				/* procedure for development and maintenance of PCR */
				a.side_menu3{
					background-image: url(../images/smenu_03.gif);
					height: 84px;
					}
				a:hover.side_menu3{
					background-position: 0px -84px;
					}
				.side_menu3-s{
					background-image: url(../images/smenu_03.gif);
					background-position: 0px -84px;
					height: 84px;
					}
				/* Search by product category */
				a.side_menu4{
					background-image: url(../images/smenu_04.gif);
					height: 62px;
					}
				a:hover.side_menu4{
					background-position: 0px -62px;
					}
				.side_menu4-s{
					background-image: url(../images/smenu_04.gif);
					background-position: 0px -62px;
					height: 62px;
					}
				/* Search by country */
				a.side_menu5{
					background-image: url(../images/smenu_05.gif);
					height: 42px;
					}
				a:hover.side_menu5{
					background-position: 0px -42px;
					}
				.side_menu5-s{
					background-image: url(../images/smenu_05.gif);
					background-position: 0px -42px;
					height: 42px;
					}
	
				/*	お問い合わせ
				 * ------------------------------------- */
				#contactbox {
					width: 210px;
					margin-top: 30px;
					padding: 0;
					}
				ul#contact{
					margin: 0;
					padding: 0;
					}
				ul#contact li{
					margin: 20px 0 0 10px;
					padding: 0;
					}
	
				/*	バナー
				 * ------------------------------------- */
				#bannerbox {
					width: 210px;
					margin-top: 30px;
					padding: 0;
					}
				ul#banner {
					margin: 0;
					padding: 0;
					}
				ul#banner li{
					margin-top: 10px;
					padding: 0;
					}
					
		/*	コンテンツ
		 * ------------------------------------- */
		#contentbox {
			width: 715px;
			margin: 0;
			padding: 0;
			float: right;
			}
		
				/*	パンくず
				 * ------------------------------------- */
				#pankuzu {
					font-size: 10px;
					*font-size: x-small; /* IE 7向け */
					*font: xx-small; /* IE 6向け */
					margin-bottom: 25px;
					padding: 0;
					}
				
				/*	タイトル
				 * ------------------------------------- */
				/* メインタイトル */
				#title {
					height: 45px;
					margin-bottom: 20px;
					padding: 0;
					border-bottom: 1px dotted #aaaaaa;
					}
				#pagetitle {
					height: 65px;
					margin-bottom: 25px;
					padding: 0;
					border-bottom: 1px solid #ededed;
					}
				/* サブタイトル */
				ol#subtitle_b {
					margin: 0;
					padding: 0;
					}
				ol#subtitle_b li {
					color: #033c7f;
					font-size: 16px;
					*font-size: medium; /* IE 7向け */
					*font: small; /* IE 6向け */
					font-weight: bold;
					margin-left: 20px;
					padding: 0;
					}
				* html ol#subtitle_b li {margin-left: 25px;} /* this is a hack for IE6 */
				*:first-child+html ol#subtitle_b li {margin-left: 25px;} /* this is a hack for IE7 */
				ol#subtitle_b li.space {
					color: #033c7f;
					font-size: 16px;
					*font-size: medium; /* IE 7向け */
					*font: small; /* IE 6向け */
					font-weight: bold;
					margin-left: 20px;
					padding-top: 20px;
					}
				* html ol#subtitle_b li.space {margin-left: 25px;} /* this is a hack for IE6 */
				*:first-child+html ol#subtitle_b li.space {margin-left: 25px;} /* this is a hack for IE7 */
				ol#subtitle_g {
					margin: 0;
					padding: 0;
					}
				ol#subtitle_g li {
					color: #111111;
					font-size: 14px;
					*font-size: small; /* IE 7向け */
					*font: x-small; /* IE 6向け */
					margin-left: 20px;
					padding: 0;
					}
				* html ol#subtitle_g li {margin-left: 25px;} /* this is a hack for IE6 */
				*:first-child+html ol#subtitle_g li {margin-left: 25px;} /* this is a hack for IE7 */
				ol#subtitle_g li.space {
					color: #111111;
					font-size: 14px;
					*font-size: small; /* IE 7向け */
					*font: x-small; /* IE 6向け */
					margin-left: 20px;
					padding-top: 20px;
					}
				* html ol#subtitle_g li.space {margin-left: 25px;} /* this is a hack for IE6 */
				*:first-child+html ol#subtitle_g li.space {margin-left: 25px;} /* this is a hack for IE7 */
					
				/*	テキスト・イメージ
				 * ------------------------------------- */
				#detailsbox {
					margin-bottom: 30px;
					padding: 0; 
					}

				/*	テーブル
				 * ------------------------------------- */
				#tableline th {
					background-color: #cecece;
					color: #FFFFFF;
					font-size: 14px;
					*font-size: small; /* IE 7向け */
					*font: x-small; /* IE 6向け */
					font-weight: bold;
					margin: 0;
					padding: 10px;
					text-align: left;
					border-right: 1px solid #FFFFFF;
					}
				#tableline td {
					margin: 0;
					padding: 10px;
					border-bottom: 1px dotted #aaaaaa;
					}

				/*	カテゴリー検索
				 * ------------------------------------- */
				/* トップページ */
				#categorybox_t {
					background-image: url(../images/category_bg.gif);
					background-repeat: no-repeat;
					width: 715px;
					height: 260px;
					margin-top: 40px;
					padding: 15px 25px;
					}
				* html #categorybox_t {margin-bottom: 30px;} /* this is a hack for IE */
				ul#category_tit{
					width: 661px;
					border-bottom: 1px dotted #aaaaaa;
					}
				ul#category_tit li{
					width: 661px;
					margin: 0;
					padding: 0;
					}
				ul#category_tit a{
					display: block;
					height: 53px;
					}
				#category_tit a span{display: none;}
				/* Search by product category */
				a.category_tit{
					background-image: url(../images/category.gif);
					height: 53px;
					}
				a:hover.category_tit{
					background-position: 0px -53px;
					}
				#category_menu_t {
					width: 330px;
					margin-top: 17px;
					padding: 0;
					float: left;
					}
				ul#category_menu_t{
					color: #a7ca24;
					margin: 0;
					padding: 0;
					}
				ul#category_menu_t li{
					background-image: url(../images/ico_square.gif);
					background-repeat: no-repeat;
					background-position: 0 8px;
					margin: 0 0 10px 10px;
					padding-left: 15px;
					}
				/* ロールオーバー */
				a:link.c_menu, a:visited.c_menu {
					font-size: 16px;
					font-weight: bold;
					color: #82a405;
					text-decoration: none;
					}
				a:hover.c_menu, a:active.c_menu { 
					font-size: 16px;
					font-weight: bold;
					color: #82a405;
					text-decoration: underline;
					}
					
				/* 下層ページ */
				#categorybox {
					width: 715px;
					margin-top: 50px;
					padding: 0;
					}
				#category_menu_l {
					width: 348px;
					margin-right: 19px;
					padding: 0;
					float: left;
					}
				#category_menu_r {
					width: 348px;
					margin: 0;
					padding: 0;
					float: left;
					}
				ul#category_menu{
					width: 100%;
					}
				ul#category_menu li{
					width: 348px;
					margin-bottom: 19px;
					padding: 0;
					}
				ul#category_menu a{
					display: block;
					height: 106px;
					}
				#category_menu a span{display: none;}
				/* Agriculture */
				a.category_menu1{
					background-image: url(../../product_category/images/cmenu_01.gif);
					height: 106px;
					}
				a:hover.category_menu1{
					background-position: 0px -106px;
					}
				/* Utility */
				a.category_menu2{
					background-image: url(../../product_category/images/cmenu_02.gif);
					height: 106px;
					}
				a:hover.category_menu2{
					background-position: 0px -106px;
					}
				/* transportable goods */
				a.category_menu3{
					background-image: url(../../product_category/images/cmenu_03.gif);
					height: 106px;
					}
				a:hover.category_menu3{
					background-position: 0px -106px;
					}
				/* Metal products */
				a.category_menu4{
					background-image: url(../../product_category/images/cmenu_04.gif);
					height: 106px;
					}
				a:hover.category_menu4{
					background-position: 0px -106px;
					}
				/* Electronics */
				a.category_menu5{
					background-image: url(../../product_category/images/cmenu_05.gif);
					height: 106px;
					}
				a:hover.category_menu5{
					background-position: 0px -106px;
					}
				/* Machinery and equipment */
				a.category_menu6{
					background-image: url(../../product_category/images/cmenu_06.gif);
					height: 106px;
					}
				a:hover.category_menu6{
					background-position: 0px -106px;
					}
				/* services */
				a.category_menu7{
					background-image: url(../../product_category/images/cmenu_07.gif);
					height: 106px;
					}
				a:hover.category_menu7{
					background-position: 0px -106px;
					}
				/* All lists */
				a.category_menu8{
					background-image: url(../../product_category/images/cmenu_08.gif);
					height: 106px;
					}
				a:hover.category_menu8{
					background-position: 0px -106px;
					}
			
				/*	国別検索
				 * ------------------------------------- */
				#countrybox {
					background-image: url(../images/country_bg.gif);
					background-repeat: no-repeat;
					width: 715px;
					height: 280px;
					margin: 0;
					padding: 15px 25px;
					}
				* html #countrybox {margin-bottom: 30px;} /* this is a hack for IE */
				#country_tit{
					width: 661px;
					height: 53px;
					margin: 0;
					padding: 0;
					border-bottom: 1px dotted #aaaaaa;
					}
				ul#country_tit{
					width: 661px;
					border-bottom: 1px dotted #aaaaaa;
					}
				ul#country_tit li{
					width: 661px;
					margin: 0;
					padding: 0;
					}
				ul#country_tit a{
					display: block;
					height: 53px;
					}
				#country_tit a span{display: none;}
				/* Search by country */
				a.country_tit{
					background-image: url(../images/country.gif);
					height: 53px;
					}
				a:hover.country_tit{
					background-position: 0px -53px;
					}
				#country_menu {
					width: 206px;
					margin: 17px 8px 0 8px;
					padding: 0;
					float: left;
					}
				* html #country_menu {margin: 17px 6px 0 6px;} /* this is a hack for IE */
				ul#country_menu{
					margin: 0;
					padding: 0;
					}
				ul#country_menu li{
					margin-bottom: 10px;
					padding: 0;
					}
			
				/*	サイトマップ
				 * ------------------------------------- */
				ul#sitemap {
					margin: 0;
					padding: 0;
					}
				ul#sitemap li.main{
					background-image: url(../images/ico_square.gif);
					background-repeat: no-repeat;
					background-position: 0 8px;
					width: 700px;
					margin-top: 15px;
					padding: 0 0 15px 15px;
					border-bottom: 1px dotted #aaaaaa;
					}
				ul#sitemap li.sub{
					background-image: url(../images/ico_sitemap.gif);
					background-repeat: no-repeat;
					background-position: 0 8px;
					margin-top: 5px;
					padding-left: 15px;
					}
				/* ロールオーバー */
				a:link.main, a:visited.main {
					font-size: 14px;
					font-weight: bold;
					color: #555555;
					text-decoration: none;
					}
				a:hover.main, a:active.main { 
					font-size: 14px;
					font-weight: bold;
					color: #555555;
					text-decoration: underline;
					}
				
				/*	ページトップ
				 * ------------------------------------- */
				#pagetopbox {
					width: 950px;
					height: 25px;
					margin: 0 auto;
					padding: 0;
					clear: both;
					}
				#pagetop {
					margin-top: 40px;
					padding: 0;
					float: right;
					}
				*:first-child+html #pagetop {margin: 0;} /* this is a hack for IE7 */


/* 5.フッター
========================================== */
#footercontainer {
	margin: 0 auto;
	padding: 0;
	border-top: 1px solid #ededed;
	clear: both;
	}
#footer {
	width: 950px;
	height: 60px;
	margin: 0 auto;
	padding: 0;
	}
			
		/*	コピーライト
		 * ------------------------------------- */
		#copyright {
			margin-top: 20px;
			padding: 0;
			float: right;
			}
		* html #copyright {margin-top: ;} /* this is a hack for IE */


/* 6.フォント
========================================== */
.bold {
	color: #333333;
	font-size: 14px;
	*font-size: small; /* IE 7向け */
	*font: x-small; /* IE 6向け */
	font-weight: bold;
	}