/***********************************************************
	PJ: 			日信化学工業
	PATH:			/assets/styles/default.css
	DESCRIPTION:	デフォルトスタイルシート

	COPYRIGHT:
		made by oota@shift-jpn.net
		modified 2009/11/10 by oota@shift-jp.net
************************************************************/

/* インポート
---------------------------------------------------------- */
@import url(shared.css);
@import url(top.css);
@import url(product.css);
@import url(company.css);
@import url(news.css);
@import url(recruit.css);
@import url(catalog.css);
@import url(form.css);
@import url(misc.css);
@import url(thickbox.css);

/* 初期化
---------------------------------------------------------- */
*{
	margin:				0;
	padding:			0;
	font-size: 			100%;
	line-height:		1.6em;
}
html{
	height:				100%;
}
html>/**/body{
	overflow:			-moz-scrollbars-vertical;
}
html:first-child body{
	min-height:			100%;
	padding-bottom:		1px;
}
/* タグの再定義
---------------------------------------------------------- */
body {
	font-family: 		'メイリオ',Meiryo,sans-serif,Verdana,'ＭＳ Ｐゴシック','ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro',Osaka;
	margin:				0;
	padding:			0;
	text-align:			center;
	color:				#333;
	background:			#fff url(../images/shared/bg.jpg) center top repeat-x;
	font-size:			9pt;
}
h2 {
	background:			#1f2c37 url(../images/shared/h2_back.jpg) center bottom repeat-x;
	color:				#fff;
	font-size:			11pt;
	font-weight:		normal;
	margin-bottom:		17px;
	padding:			5px 10px;
}
h3 {
	color:				#333;
	font-size:			10.5pt;
	border-bottom:		3px solid #90acc9;
	margin-bottom:		10px;
}
#mainArea h4 {
	font-size:			10pt;
	border-left:		10px solid #ccc;
	border-bottom:		1px solid #ccc;
	margin-bottom:		10px;
	padding-left:		7px;
}

img {
	border: 			none;
	vertical-align: 	bottom;
}
a {
	outline:			none;
	color:				#374b60;
	text-decoration:	none;
}
a:hover {
	color:				#374b60;
	text-decoration:	underline;
}
label, button , a {
	cursor:				pointer;
}
p {
	margin-bottom:		10px;
}
ul li, ol li {
	list-style-type:	none;
}
address {
	font-style:			normal;
	float:				left;
}
dt,dd {
	vertical-align:		top;
}
input {
	padding:			3px 5px;
}
table {
	width:				100%;
	border-collapse:	collapse;
	margin-bottom:		20px;
}
table thead th,
table thead td {
	background:			#90ACC9;
}
table th,
table td {
	text-align:			center;
	border:				1px solid #ccc;
	padding:			5px;
}
table th {
	white-space:		nowrap;
	background:			#e8ecf0;
	font-weight:		normal;
}
table tbody th {
	width:				121px;
}
table td  {
	background:			#fff;
}
table .text{
	text-align:			left;
}
em {
	font-style:			normal;
}
/* 共通
-------------------------------------------*/

/* ヘッダー
-------------------------------------------*/
#header {
	width:				950px;
	height:				164px;
	position:			relative;
	margin:				0 auto;
	color:				#fff;
}
#header h1 {
	background:			url(../images/shared/main_logo.jpg) 0 0 no-repeat;
	height:				100px;
}
#header h1 a {
	text-indent:		-10000em;
	font-size:			0.1px;
	line-height:		0.1px;
	position:			absolute;
	top:				40px;
	left:				0;
	display:			block;
	width:				395px;
	height:				71px;
	text-decoration:	none;
}
#header h1 a:hover {
	text-decoration:	none;
}
#header #form_link {
	font-size:			9pt;
	color:				#bababa;
	position:			absolute;
	top:				90px;
	right:				65px;
}
#header #form_link a {
	color:				#fff;
}
#header #form_link a:hover {
	color:				#cc0000;
	text-decoration:	underline;
}

/* グローバルナビゲーション
-------------------------------------------*/
#header ul#g-nav {
	background:			url(../images/shared/g-nav.jpg) 0 0 no-repeat;
	position:			absolute;
	top:				110px;
	left:				0;
	height:				47px;
}
#header ul#g-nav li { 
	float:				left;
	margin-right:		1px;
}
#header ul#g-nav li a {
	display:			block;
	text-indent:		-10000em;
	line-height:		0.1px;
	height:				46px;
}
#header ul#g-nav li#products a {
	width:				221px;
}
#header ul#g-nav li#company a {
	width:				222px;
}
#header ul#g-nav li#catalog a {
	width:				223px;
}
#header ul#g-nav li#form a {
	width:				164px;
}
#header ul#g-nav li#news a {
	width:				124px;
}
#header ul#g-nav li#qa a {
	width:				126px;
}
#header ul#g-nav li#recruit a {
	width:				133px;
}
/* グローバルナビゲーション hover・ページ表示時
---------------------------------------------------------*/
#header ul#g-nav li a:hover,
#header ul#g-nav li a.current {
	background:			url(../images/shared/g-nav.jpg) no-repeat;
	display:			block;
	text-indent:		-12000em;
	font-size:			0.1px;
	line-height:		0.1px;
	height:				47px;
}
#header ul#g-nav li#products a:hover,
#header ul#g-nav li#products a.current {
	background-position:			0 -59px;
}
#header ul#g-nav li#company a:hover,
#header ul#g-nav li#company a.current {
	background-position:			-222px -59px;
}
#header ul#g-nav li#catalog a:hover,
#header ul#g-nav li#catalog a.current  {
	background-position:			-445px -59px;
}
#header ul#g-nav li#form a:hover,
#header ul#g-nav li#form a.current {
	background-position:			-669px -59px;
}
#header ul#g-nav li#news a:hover,
#header ul#g-nav li#news a.current {
	background-position:			-691px -59px;
}
#header ul#g-nav li#qa a:hover,
#header ul#g-nav li#qa a.current{
	background-position:			-717px -59px;
}
#header ul#g-nav li#recruit a:hover,
#header ul#g-nav li#recruit a.current {
	background-position:			-816px -59px;
}

/* misc-nav
-------------------------------------------*/
ul#misc-nav {
	position:			absolute;
	top:				70px;
	right:				22px;
}
ul#misc-nav li {
	float:left;
	background:			url(../images/shared/arrow_01.gif) 0 4px no-repeat;
	margin-left:		20px;
	padding-left:		16px;
}

/* メインエリア
-------------------------------------------*/
#container {
	text-align:			left;
	background:			url(../images/shared/main_bg.jpg) center top no-repeat;
	width:				950px;
	margin:				0 auto;
}
#contents:after {
	content:			".";
	display:			block;  
	visibility:			hidden;  
	height:				0.1px;  
	font-size:			0.1em;  
	line-height:		0;  
	clear:				both;  
}
#contents {
	zoom:				100%;
	background:			#fff;
	margin:				20px 0 35px;
}
.top_return {
	width:				950px;
	text-align:			right;
	margin:				0 auto;
	
}

/* フッター
-------------------------------------------*/

#footer {
	background:			#000 url(../images/shared/footer_bg.jpg) center no-repeat;
	color:				#fff;
	height:				50px;
}
#footer * {
	text-indent:		-10000em;
	font-size:			0.1px;
	line-height:		0.1px;
}

/* パンくず
-------------------------------------------*/
ul#breadCrumb {
	background:			#e8ecf0;
	margin-bottom:		10px;
}
ul#breadCrumb li a{
	background:			url(../images/shared/bread_back.gif) right center no-repeat;
	padding:			6px 16px 6px 5px;
}
ul#breadCrumb li {
	display:			inline-block;
	padding:			6px 0;
	*display:			inline; /* IE用　*/
	*zoom:				1;　/* IE用　*/
}
/* clearfix
-------------------------------------------*/
.clearfix:after {
	content:			".";
	display:			block;  
	visibility:			hidden;  
	height:				0.1px;  
	font-size:			0.1em;  
	line-height:		0;  
	clear:				both;  
}
.clearfix {
	zoom:				100%;
}
.attention {
	color:				#cc0000;
}
/* 
********************************************/
body.second #mainArea h2 {
	font-size:			12pt;
}
body.second #mainArea {
	float:				right;
	width:				730px;
}
body.second #side_nav {
	float:				left;
	width:				200px;
}
body.second #side_nav ul.nav_list {
	background:			#3b5167 url(../images/shared/sideNav_bg.jpg) 0 0 no-repeat;
	margin-bottom:		10px;
}
body.second #side_nav ul.nav_list li {
	background:			url(../images/shared/sList_border.gif) 0 bottom no-repeat;
	text-align:			left;
	font-size:			10pt;
	color:				#fff;
	margin-bottom:		0;
	padding-bottom:			1px;

}
body.second #side_nav ul.nav_list li em {
	font-size:			83%;
}
body.second #side_nav ul.nav_list a {
	background:			url(../images/shared/arrow_04.gif) no-repeat 5px 11px;
	color:				#fff;
	display:			block;
	padding:			8px 0 8px 27px;
}
body.second #side_nav ul.nav_list a:hover,
body.second #side_nav ul.nav_list a.current {
	background:			#203c6a url(../images/shared/arrow_04.gif) no-repeat 5px 11px;
	color:				#fff;
}
body.second #side_nav li {
	text-align:			center;
	margin-bottom:		10px;
}
.date {
	text-align:			right;
	border-bottom:		1px solid #666;
	padding-bottom:		5px;
	margin-bottom:		20px;
}
.export_btn {
	text-align:			right;
}
.rightImages {
	float:				right;
	margin-right:		20px;
}