/*
Theme Name:DAIICHI Fine Chemical
Theme URL:http://www.media-pro.co.jp
Description:DAIICHI Fine Chemical Theme For WordPress.
Author:Media Pro
*/

body {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	background-image:url(img_common/h_bg.gif);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
}


.clear {
	clear:both;
}

.edit {
	margin:20px 0px 10px 0px;
	padding:0px;
	font-size:80%;
}

.edit a {
	color:#333333;
}

/*----------------------------------
all width
----------------------------------*/
#container {
	width:850px;
	margin:0px auto;
	padding:0px;
}

/*----------------------------------
header
----------------------------------*/
#header {
	margin:0px;
	padding:10px 0px 0px 0px;
}

#header h1 {
	margin:0px;
	padding:0px;
}

#header h1 img {
	vertical-align:bottom;
}

/*header btn*/
#header ul {
	position:relative;
	margin:0px;
	padding:0px;
	list-style:none;
	line-height:1.0;
}

#header li {
	position:absolute;
	top:-20px;
	text-indent:-999999px;
	display:inline;
	padding:0px;
	margin:0px;
	height:17px;
	background-repeat:no-repeat;
}

#header li#sitemap {
	left:485px;
	width:83px;
	background-image:url(img_common/h_sitemap.gif);
}

#header li#privacy {
	left:568px;
	width:129px;
	background-image:url(img_common/h_privacy.gif);
}

#header li#jp {
	left:697px;
	width:74px;
	background-image:url(img_common/h_lang_ja.gif);
}

#header li#en {
	left:771px;
	width:68px;
	background-image:url(img_common/h_lang_en.gif);
}

#header li a {
	display:block;
	height:17px;
	text-decoration:none;
	overflow:hidden;
}

#header li#sitemap a {
	width:83px;
}

#header li#privacy a {
	width:129px;
}

#header li#jp a {
	width:74px;
}

#header li#en a {
	width:68px;
}

/*----------------------------------
header navi
----------------------------------*/
#navi {
	margin:0px;
	padding:10px 0px 0px 0px;
	height:36px;
}

.naviStyle:after {
	content:".";
	display:block;
	height:36px;
	clear:both;
	visibility:hidden;
}

.naviStyle ul {
	position:relative;
	margin:0px;
	padding:0px;
	list-style:none;
}

.naviStyle li {
	position:absolute;
	top:0px;
	text-indent:-999999px;
	display:inline;
	padding:0px;
	margin:0px;
	height:36px;
	background-image:url(img_common/menu.gif);
	background-repeat:no-repeat;
}

.naviStyle li#home {
	left:0px;
	width:201px;
	background-position:0px 0px;
}

.naviStyle li#outline {
	left:201px;
	width:124px;
	background-position:-201px 0px;
}

.naviStyle li#activities {
	left:325px;
	width:124px;
	background-position:-325px 0px;
}

.naviStyle li#development {
	left:449px;
	width:124px;
	background-position:-449px 0px;
}

.naviStyle li#recruit {
	left:573px;
	width:124px;
	background-position:-573px 0px;
}

.naviStyle li#contact {
	left:697px;
	width:125px;
	background-position:-697px 0px;
}

/*----------------------------------
a
----------------------------------*/
.naviStyle li a {
	display:block;
	height:36px;
	text-decoration:none;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

.naviStyle li#home a {
	width:201px;
}

.naviStyle li#outline a {
	width:124px;
}

.naviStyle li#activities a {
	width:124px;
}

.naviStyle li#development a {
	width:124px;
}

.naviStyle li#recruit a {
	width:124px;
}

.naviStyle li#contact a {
	width:125px;
}

/*----------------------------------
a:hover
----------------------------------*/
.naviStyle li a:hover {
	background-image:url(img_common/menu.gif);
}

.naviStyle li#outline a:hover {
	background-position:-201px -36px;
}

.naviStyle li#activities a:hover {
	background-position:-325px -36px;
}

.naviStyle li#development a:hover {
	background-position:-449px -36px;
}

.naviStyle li#recruit a:hover {
	background-position:-573px -36px;
}

.naviStyle li#contact a:hover {
	background-position:-697px -36px;
}

.naviStyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: " v";
/*content: " "; /*uncomment this line to use an image instead*/
}

/* ######### Style for Drop Down Menu ######### */
.dropmenudiv{
margin:0px;
padding:0px;
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}

#dropmenu1 {
width: 160px;
}

#dropmenu2 {
width: 160px;
}

#dropmenu3 {
width: 160px;
}

#dropmenu4 {
width: 160px;
}

#dropmenu5 {
width: 160px;
}

.dropmenudiv a{
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: normal;
color: black;
}

.dropmenudiv a:hover {
	background-color:#EAEAEA;
	color:#003399;
}


/*########################################################
contents area Layout
########################################################*/
#pagebody {
	clear:both;
	position:relative;
	margin:20px 0px 15px 0px;
	padding:0px;
}

/*----------------------------------
2 col Layout
----------------------------------*/
#sidebar {
	float:left;
	margin:0px;
	padding:0px;
	width:215px;
	height:auto;
	min-height:430px;
}

#contents {
	float:right;
	margin:0px;
	padding:0px;
	width:612px;
}


/*########################################################
side navi
########################################################*/
#sideNavi {
	margin:0px;
	padding:0px;
}

#sideNavi h2 {
	margin:0px;
	padding:0px;
	font-size:x-small;
}

#sideNavi ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

#sideNavi li {
	margin:0px;
	padding:0px;
	width:215px;
	height:36px;
	text-indent:-9999px;
	background-image:url(img_common/sidenavi.gif);
	background-repeat:no-repeat;
}

#sideNavi li a {
	text-decoration:none;
	display:block;
	width:215px;
	height:36px;
	overflow:hidden;
}

#sideNavi li a:hover {
	background-image:url(img_common/sidenavi.gif);
	background-repeat:no-repeat;
}

#sideNavi li#navi01 {
	background-position:0px 0px;
}

#sideNavi li#navi02 {
	background-position:0px -36px;
}

#sideNavi li#navi03 {
	background-position:0px -72px;
}

#sideNavi li#navi04 {
	background-position:0px -108px;
}

#sideNavi li#navi05 {
	background-position:0px -144px;
}

#sideNavi li#navi06 {
	background-position:0px -180px;
}

#sideNavi li#navi07 {
	background-position:0px -216px;
}


/*sideNavi over*/
#sideNavi li#navi01 a:hover {
	background-position:-215px 0px;
}

#sideNavi li#navi02 a:hover {
	background-position:-215px -36px;
}

#sideNavi li#navi03 a:hover {
	background-position:-215px -72px;
}

#sideNavi li#navi04 a:hover {
	background-position:-215px -108px;
}

#sideNavi li#navi05 a:hover {
	background-position:-215px -144px;
}

#sideNavi li#navi06 a:hover {
	background-position:-215px -180px;
}

#sideNavi li#navi07 a:hover {
	background-position:-215px -216px;
}

/*########################################################
top
########################################################*/
/*----------------------------------
top search
----------------------------------*/
#search {
	margin:0px;
	padding:0px 0px 14px 0px;
	background-image:url(img_common/side_google.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-color:#1546C6;
}

#search form {
	margin:0px;
	padding:0px 5px;
}

#search #btnSearch {
	vertical-align:middle;
	padding:5px 0px;
}

/*----------------------------------
top main area
----------------------------------*/
#mainArea {
	float:right;
	width:620px;
	margin:0px;
	padding:0px;
}

#mainPhoto {
	margin:0px 0px 15px 0px;
	padding:0px;
}

#mainMenu {
	margin:0px 0px 10px 0px;
	padding:0px;
}


/*----------------------------------
top news area
----------------------------------*/
#newsArea {
	width:620px;
	margin:0px;
	padding:0px;
}

#newsArea h2 {
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size:x-small;
}

#newsArea div {
	margin:0px;
	padding:0px;
	border:1px solid #CCCCCC;
	overflow:auto;
	height:120px;
}

#newsArea ul {
	margin:5px 0px 0px 5px;
	padding:0px;
	list-style:none;
}

#newsArea li {
	margin:0px 0px 2px 0px;
	padding:0px 0px 2px 10px;
	background-image:url(img_common/icn01.gif);
	background-repeat:no-repeat;
	background-position:left 3px;
	border-bottom:1px dotted #CCCCCC;
	font-size:90%;
}

#newsArea li a {
	color:#555555;
}

#newsArea li a:hover {
	color:#0066CC;
}

#newsArea li span {
	padding:0px 0px 0px 10px;
	color:#996633;
}



#markArea {
	margin:5px 0px 0px 0px;
	padding:0px;
	text-align:right;
}

#markArea img {
	margin:0px 0px 0px 5px;
}


/*########################################################
footer
########################################################*/
.pagetop {
	text-align:right;
	margin:0;
	padding:0 0 10px 0;
	font-size:85%;
	color:#FF6600;
}

.pagetop a {
	color:#666666;
	text-decoration:underline;
}

.pagetop a:hover {
	color:#FF6600;
	text-decoration:underline;
}

#footer {
	margin:0px;
	padding:0px;
	background-image:url(img_common/f_bg.gif);
	background-repeat:repeat-x;
	background-color:#DADDE4;
	height:50px;
}

#footer #footerLayout {
	width:860px;
	margin:0px auto;
	padding:15px 10px 0px 20px;
}

#footer ul {
	position:relative;
	margin:0px;
	padding:0px;
	list-style:none;
}

#footer li {
	position:absolute;
	top:-15px;
	display:inline;
	padding:0px;
	margin:0px;
	background-repeat:no-repeat;
	font-size:11px;
}

#footer li#add {
	left:240px;
}

#footer li#tel {
	left:560px;
	background-image:url(img_common/f_icn_tel.gif);
	background-repeat:no-repeat;
	padding:0px 0px 0px 20px;
	height:30px;
}

#footer li#fax {
	left:690px;
	background-image:url(img_common/f_icn_fax.gif);
	background-repeat:no-repeat;
	padding:0px 0px 0px 20px;
	height:30px;
}

/*########################################################
contents page
########################################################*/
/*----------------------------------
pankuzu
----------------------------------*/
#pankuzu {
	margin:0px;
	padding:0px 0px 10px 0px;
}

#pankuzu p {
	margin:0px;
	padding:0px;
	font-size:85%;
	color:#666666;
}

#pankuzu p a {
	color:#003399;
}

#pankuzu p a:hover {
	color:#FF6600;
}


.pageback {
	margin:10px 0 0 0;
	padding:0;
}

/*----------------------------------
h2:page title
----------------------------------*/
#contents h2 {
	margin:0px 0px 10px 0px;
	padding:0px;
	font-size:x-small;
}

#post01 p {
	margin:0px 0px 10px 0px;
	padding:0px;
	font-size:90%;
	color:#333333;
	line-height:1.4;
}

/*########################################################
Privacy Policy
########################################################*/
.privacy {
	margin:0px 0px 10px 0px;
	padding:0px;
}

.privacy p {
	font-size:90%;
}

.privacy ol li {
	margin:0px 20px 5px 0px;
	font-size:85%;
	color:#333333;
	line-height:1.4;
}

.privacy table {
	margin:10px 0px 20px 0px;
}

.privacy td {
	font-size:85%;
	color:#333333;
	line-height:1.4;
}

.privacy ul {
	margin:0px 0px 20px 0px;
	padding:0px;
	list-style:none;
}

.privacy ul li {
	margin:0px;
	padding:2px 0px 2px 15px;
	font-size:85%;
	background-image:url(img_common/icn02.gif);
	background-position:left 5px;
	background-repeat:no-repeat;
}

/*########################################################
Company Profile
########################################################*/
#contents #postTitle {
 margin:0px 0px 10px 0px;
	padding:2px 5px;
	background-color:EAEAEA;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	font-size:90%;
	text-align:right;
	font-weight:bold;
	color:#333333;
}

.company h3 {
	margin:0px 0px 10px 0px;
	padding:3px;
	font-size:110%;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#1546C6;
	border-left:5px solid #CDCDCD;
}

.company p {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:90%;
	color:#333333;
	line-height:1.4;
}

.company table {
	margin:0px 0px 20px 0px;
	padding:0px;
	border-top:1px solid #A7A7A7;
	border-right:1px solid #A7A7A7;
}

.company table th,.company table td {
	padding:3px 5px;
	border-bottom:1px solid #A7A7A7;
	border-left:1px solid #A7A7A7;
	font-size:90%;
	color:#333333;
	line-height:1.4;
}

.company table th {
	padding:3px 15px;
	background-color:#EAEAEA;
}

.company ul {
	margin:0px 0px 20px 10px;
	padding:0px;
	list-style:none;
}

.company li {
	margin:0px;
	padding:2px 0px 2px 15px;
	font-size:90%;
	background-image:url(img_common/icn02.gif);
	background-position:left 5px;
	background-repeat:no-repeat;
} 


.company .attention {
	text-align:right;
	margin:0px 0px 10px 0px;
	padding:0px;
	font-size:85%;
	color:#555555;
	line-height:1.4;
}



/*########################################################
sitemap
########################################################*/
.sitemap h3 {
	margin:0px 0px 10px 10px;
	padding:0px 0px 2px 17px;
	font-size:100%;
	font-weight:bold;
	color:#333333;
	background-image:url(img_common/icn03.gif);
	background-repeat:no-repeat;
	background-position:left 3px;
}

.sitemap ul {
	margin:0px 0px 20px 30px;
	padding:0px;
	list-style:none;
}

.sitemap li.sub1 {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 5px;
	font-size:90%;
	border-left:3px solid #CCCCCC;
}

.sitemap a {
	color:#0066CC;
}

.sitemap a:hover {
	color:#FF6600;
}

/*########################################################
sidebar
########################################################*/
#sidebar h3 {
	margin:0px 0px 0px 0px;
	padding:2px;
	display:block;
	background-color:#E1EBFF;
	font-size:90%;
	color:#333333;
	border:1px solid #BED4FE;	
}

.newsSidebar {
	margin:0px 0px 20px 0px;
	padding:0px;
}

.newsSidebar ul {
	margin:0px 0px 15px 0px;
	padding:0px;
	list-style:none;
}

.newsSidebar li {
	margin:0px;
	padding:2px 0px 2px 15px;
	font-size:90%;
	background-image:url(img_common/icn02.gif);
	background-position:left 5px;
	background-repeat:no-repeat;
	border-bottom:1px dotted #999999;
}

.newsSidebar li a {
	color:#006699;
	text-decoration:none;
}

.newsSidebar li a:hover {
	color:#FF6600;
}

#news {
	margin:0px;
	padding:0px;
}

#news ul {
	margin:0px 0px 0px 20px;
	padding:0px;
	list-style:none;
}

#news li {
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 13px;
	background-image:url(img_common/icn01.gif);
	background-repeat:no-repeat;
	background-position:left 3px;
	font-size:90%;
}

#news li a {
	color:#555555;
}

#news li a:hover {
	color:#0066CC;
}

#news li span {
	padding:0px 10px 0px 0px;
	color:#996633;
}

#postContent {
	margin:0px 0px 20px 0px;
	padding:0px;
}

.news h3 {
	margin:0px 0px 10px 0px;
	padding:2px;
	border-bottom:2px solid #3366CC;
	font-size:100%;
	font-weight:bold;
}

.news #postContent p {
	margin:0px 0px 10px 0px;
	padding:0px;
	font-size:90%;
	line-height:1.4;
	color:#333333;
}

.news #postContent img {
	margin:10px;
}

.news .date {
	margin:0px;
	padding:0px;
}

.news .date p {
	margin:0px 0px 5px 0px;
	color:#996633;
	font-size:85%;
}
	


/*########################################################
products:top
########################################################*/
.products h3 {
	margin:0px 0px 15px 0px;
	padding:2px 5px;
	border-left:5px solid #1546C6;
	font-size:100%;
	font-weight:bold;
	color:#333333;
}

.products table {
	margin:0px 0px 20px 0px;
	padding:0px;
	border-top:1px solid #8E8E8E;
	border-right:1px solid #8E8E8E;
	width:612px;
}

.products th,.products td {
	padding:2px 5px;
	border-bottom:1px solid #8E8E8E;
	border-left:1px solid #8E8E8E;
	font-size:90%;
	color:#333333;
}

.products th {
	padding:2px 10px;
	background-color:#E6E6E6;
	font-weight:normal;
	vertical-align:top;
}

/*########################################################
products:single
########################################################*/
#productsArea {
	margin:0px;
	padding:0px;
}

#productsArea h3 {
	margin:0px 0px 10px 0px;
	padding:3px;
	font-size:110%;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#1546C6;
	border-left:5px solid #CDCDCD;
}

#productsArea h4 {
	margin:0px 0px 5px 0px;
	padding:0px;
	font:110%;
	font-weight:bold;
	color:#000000;
}

#productsArea #postContent {
	margin:0px;
	padding:0px;
}

#productsArea #postContent p {
	margin:0px;
	padding:0px;
	color:#666666;
	font-size:90%;
	line-height:1.4;
}

#productsArea img {
	float:right;
	margin:0px 0px 10px 10px;
	padding:0px;
}

#productsArea hr {
	visibility:hidden;
	margin:0px;
	padding:5px;
}

#productsArea table#data {
	margin:10px 0px 10px 0px;
	padding:0px;
	border-top:1px solid #1546C6;
	border-right:1px solid #1546C6;
	width:612px;
}

#productsArea table#data th,#productsArea table#data td {
	padding:2px 5px;
	border-bottom:1px solid #1546C6;
	border-left:1px solid #1546C6;
	font-size:90%;
	color:#333333;
}

#productsArea table#data th {
	padding:2px 10px;
	background-color:#E6E6E6;
	font-weight:normal;
	vertical-align:top;
	width:80px;
}


.moveNavi {
	text-align:center;
	margin:0 0 10px 0;
	padding:0;
	font-size:85%;
	color:#333333;
}

.moveNavi a {
	color:#333333;
	text-decoration:underline;
}

.moveNavi a:hover {
	color:#0066CC;
	text-decoration:underline;
}

/*########################################################
diagnostics
########################################################*/
.diagnostics p {
	margin:0px;
	padding:0px 0px 20px 0px;
	font-size:90%;
	line-height:1.5;
	color:#333333;
}

.diagnostics h3 {
	margin:0px 0px 10px 0px;
	padding:0px 5px;
	font-size:90%;
	font-weight:bold;
	border-left:5px solid #FF9900;
	color:#333333;
}

.diagnostics h4 {
	margin:0px 0px 10px 0px;
	padding:0;
	font-size:100%;
	font-weight:bold;
	color:#333333;
}

.diagnostics ul {
	margin:0px 0px 15px 30px;
	padding:0px 0px 0px 0px;
}

.diagnostics li {
	margin:0px 0px 5px 0px;
	padding:0px;
	font-size:90%;
	color:#0066CC;
}

.diagnostics h3 a,.diagnostics li a {
	color:#0066CC;
}

.diagnostics h3 a:hover,.diagnostics li a:hover {
	color:#FF9900;
}

.diagnostics hr {
	border-color:#CCCCCC;
	background-color:#EAEAEA;
	size:1px;
	border-style:solid;
	margin:15px 0;
	padding:0px;
}

.diagnostics .kitTitle {
	background-color:#FFF6B8;
	margin:0 0 10px 0;
	padding:3px 0;
	text-align:center;
	font-size:120%;
	font-weight:bold;
	color:#A89200;
	line-height:1.5;
}

.diagnostics .kitTitle span {
	font-size:85%;
}

table.diagTable {
	margin:0px 0px 20px 0px;
	padding:0px;
	border-top:1px solid #A7A7A7;
	border-right:1px solid #A7A7A7;
	width:100%;
}

table.diagTable td {
	padding:3px 5px;
	border-bottom:1px solid #A7A7A7;
	border-left:1px solid #A7A7A7;
	font-size:90%;
	color:#333333;
	line-height:1.4;
}

.diagnostics .diagGroup {
	margin:0 0 15px 0;
	padding:0;
	border-bottom:1px solid #999999;
}

/*########################################################
404.php
########################################################*/
body#404 {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	background-image:none;
}

#content404 {
	margin:100px 100px 300px 100px;
	padding:30px;
	border:1px solid #CCCCCC;
	text-align:center;
}

#content404 h2 {
	margin:0px 0px 20px 0px;
	padding:0px;
	font-size:90%;
	font-weight:bold;
	color:#777777;
}

#content404 p {
	margin:0px;
	padding:0px;
	font-size:90%;
	color:#777777;
	line-height:1.5;
}