@charset "utf-8";
/*

 Document	： layout.css

*/


/*----------------------------------------------------
	共通
----------------------------------------------------*/
/* スクロールバーの有無によるズレ対策 */
html {overflow-y: scroll;}

body {
	font-family:'\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3', 'Hiragino Kaku Gothic Pro', '\30e1\30a4\30ea\30aa', Meiryo, '\ff2d\ff33 \ff30\30b4\30b7\30c3\30af ', sans-serif;
    line-height: 1.4;
	font-size: 13px;
	*font-size: 82%;
}

/* for IE6 */
* html body {font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}
* html input, * html textarea {font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}

/* リンク
----------------------------------------------------*/
a {outline: none;}

a:link, a:visited {
	color: #3D8BCB;
	text-decoration: underline;
	}
a:hover {text-decoration: none;}

footer a:link, footer a:visited {
	color: #000;
	text-decoration: none;
	}
footer a:hover {
	color: #11293E;
	text-decoration: underline;
	}


/* 装飾
----------------------------------------------------*/
.fColor01 {color:#FF0000;}
.u-cBlue	{ color: #3384C5; }
.msg {color: #F00;}

.fL {font-size: 16px;}
.u-font120 { font-size: 130%; }


/* 汎用
----------------------------------------------------*/
/* clerfix */
#contents:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
.clearfix {zoom:1;}
	.clearfix:after {
		content: ""; 
		display: block; 
		clear: both;}
		* html .clearfix { height: 1%; }
.clear {clear: both;}

.imgl {
	float: left;
	margin: 0 15px 0 0;
	}
.imgr {
	float: right;
	margin: 0 0 0 15px;
	}

.txt {
	overflow: hidden;
	zoom: 1;
	}
	.txt p {margin: 0 0 1em;}
.txtr {text-align: right !important;}
.txtc {text-align: center !important;}

.padt10 {padding-top: 10px;}
.padt20 {padding-top: 20px;}
.padb10 {padding-bottom: 10px;}
.padb20 {padding-bottom: 20px;}
.padl10 {padding-left: 10px;}

.marb15 {margin-bottom: 15px !important;}

.bb-d {border-bottom: dotted 1px #838383;}

input[type=text],
textarea {
	padding: 5px;
	}
input[type=submit],
input[type=reset],
input[type=button] {padding: 5px 10px;}

/* //////////////////////////////////////////////////////////////////////////

	*.base layout

///////////////////////////////////////////////////////////////////////////*/

/*----------------------------------------------------
	#page（ページ全体）
----------------------------------------------------*/
#page {
	font-size: 100%;
	background-image: url(../img/common/header_bg.jpg);
	background-repeat: repeat-x;
	}

/*----------------------------------------------------
	.wrap
----------------------------------------------------*/
.wrap {
	margin: 0 auto;
	width: 950px;
	clear: both;
	}


/* //////////////////////////////////////////////////////////////////////////

	1. header layout
	
///////////////////////////////////////////////////////////////////////////*/
header {
	margin: 0 auto;
	width: 950px;
	height: 100px;
	position: relative;
	}
	header h1 {
		float: left;
		width: 330px;
		position: absolute;
		top: 7px;
		}

/*	プライマリーナビゲーション
----------------------------------------------------*/
header #primary {
	float: right;
	width: 330px;
	text-align: right;
	}
	header #primary ul {
		margin: 0 0 19px 0;
		padding: 0;
		list-style-type: none;
		float: right;
		}
	header #primary li {float: left;}
	header #primary li img {vertical-align: top;}


/*----------------------------------------------------
	footer
----------------------------------------------------*/
footer {
	clear: both;
	background-color: #D7E4EA;
	border-top: solid 5px #EAF1F4;
	padding: 25px 0;
	overflow: hidden;
	zoom: 1;
	}

/* footer Navigation
----------------------------------------------------*/
footer #fnav {
	float: left;
	width: 647px;
	}
footer #fnav a:link {
	color: #000;
	text-decoration: none;
	}
footer #fnav a:hover {
	color: #11293E;
	text-decoration: underline;
	}
	footer #fnav dl {
		margin: 0 35px 0 0;
		padding: 0;
		float: left;
		}
		footer #fnav dt {
			font-weight: bold;
			margin-bottom: 14px;
			padding-left: 18px;
			background-image: url(../img/common/fnav_icon01.gif);
			background-repeat: no-repeat;
			background-position: left center;
			}
		footer #fnav dd {
			margin: 5px 0;
			padding-left: 18px;
			background-image: url(../img/common/fnav_icon02.gif);
			background-repeat: no-repeat;
			background-position: left center;
			}

/* footer Address
----------------------------------------------------*/
footer #fadd {
	float: right;
	width: 260px;
	text-align: right;
	padding-top: 30px;
	}
	footer #fadd p {
		margin: 0;
		padding: 0;
		}

/* copyright
----------------------------------------------------*/
#copy {
	clear: both;
	background: #AEC8D5;
	color: #11293E;
	padding: 15px 0;
	}
	#copy p {
		margin: 0 auto;
		width: 950px;
		text-align: center;
		font-size: 90%;
		}

/*ページの先頭に戻るボタン*/
#pageTop {
	clear: both;
	margin: 0;
	text-align: right;
	padding-top: 30px;
	}

/*ページタイトル画像部分*/
h2#title {
	margin: -1px 0 30px 0;
	padding: 0;
	text-align: center;
	}
	h2#title img {vertical-align: top;}


/*----------------------------------------------------
	#contents（メインとサイド）
----------------------------------------------------*/
#contents {
	/zoom: 1;
	}

.tblshare {
	border-collapse: collapse;
	border-spacing: 0;
	}
	.tblshare th,
	.tblshare td {
		padding: 12px;
		border: solid 1px #3384C5;
		}
	.tblshare th {
		background: #D8E9F5;
		color: #11263E;
		font-weight: bold;
		text-align: left;
		}
	.tblshare td {
		background: #FFF;
		}

ul.ulnone {
	margin: 0;
	padding: 0;
	list-style: none;
	}

/*----------------------------------------------------
	#main
----------------------------------------------------*/
#main {
	float: right;
	width: 700px;
	line-height: 1.6;
	}

#main h3 {
	margin: 0;
	padding: 0 0 20px 0;
	}

#main section {margin-bottom: 45px;}
#main section {zoom:1;}
	#main section:after {
		content: ""; 
		display: block; 
		clear: both;}
		* html #main section { height: 1%; }


/*----------------------------------------------------
	#side
----------------------------------------------------*/
/*アコーディオンメニュー*/
#side {
	float: left;
	width: 224px;
	}
#side dl {
	margin: 0;
	padding: 0;
	}
	#side dt,
	#side dd {
		margin: 0;
		padding: 0;
		}
	#side dt img:hover {
		cursor: pointer;
		background: url(../img/top/dot.gif) repeat 0 0 #fff;
		opacity: 0.7;
		filter: alpha(opacity=70);
		}
		#side dd ul {
			margin: 0;
			padding: 0;
			list-style: none;
			}
			#side dd ul li a {
				display: block;
				padding: 5px 0 5px 22px;
				color: #FFF;
				text-decoration: none;
				margin-top: 7px;
				background-color: #64A2D5;
				background-image: url(../img/side/icon.gif);
				background-repeat: no-repeat;
				background-position: 9px center;
				_height: 15px;
				}
			#side dd ul li a:hover {
				background-color: #5C99CA;
				}
.side_panel,
.side_panelOpen {
	padding-bottom: 15px !important;
	}
.side_panel dt:hover,
.side_panelOpen dt:hover {cursor: pointer;}



#side aside {
	padding-top: 10px;
	margin: 0 2px;
	}
	#side aside h4 {margin-botom: 10px;}
	#side aside p {margin: 0 0 1em;}



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

	会社概要
	
========================================================== */
#greeting {position: relative;}
#greeting .txt .txtr {
	position: absolute;
	right: 260px;
	bottom: 0px;
	text-align: left !important;
	}

#philosophy dl {
	margin: 0;
	padding: 30px 0 0 0;
	}
	#philosophy dt {
		font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
		font-size: 18px;
		color: #11283E;
		}
	#philosophy dd {
		margin: 0 0 15px 0;
		padding: 0;
		}

#history table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	#history th,
	#history td {
		padding: 12px;
		border-bottom: dotted 1px #cccccc;
		}
	#history th {
		color: #11263E;
		font-weight: bold;
		text-align: left;
		vertical-align: middle;
		}
	#history td {
		}


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

	製品・設備紹介
	
========================================================== */
#press h3,
#pipe h3,
#assemble h3,
#machine h3 {
	padding-bottom: 10px;
	}

.introArea {
	padding-bottom: 15px;
	margin-bottom: 35px;
	}
	.introArea h3.catch {
		padding-bottom: 0 !important;
		margin-bottom: 25px !important;
		-webkit-box-shadow: 1px 1px 2px #ccc;
		-moz-box-shadow: 1px 1px 2px #ccc;
		box-shadow: 1px 1px 2px #ccc; 
		}
	.introArea h4 {
		font-size: 15px;
		font-weight: bold;
		color: #11263E;
		border-left: solid 5px #3384C5;
		padding-left: 10px;
		line-height: normal;
		margin-bottom: 20px;
		}
.pageTop {
	text-align: right;
	clear: both;
	}

/*製品紹介*/		
.introArea .pbox {
	margin-right: -30px;
	}
.introArea .pbox dl {
	margin: 0 30px 15px 0;
	padding: 0;
	float: left;
	width: 335px;
	}
.introArea .pbox dt {
	margin-bottom: 8px;
	}
	.introArea .pbox dt a:hover {
		background: url(../img/top/dot.gif) repeat 0 0 #fff;
		opacity: 0.7;
		filter: alpha(opacity=70);
		}
.introArea .pbox dd {
	margin: 0;
	padding: 0;
	}

/*テーブル装飾::青*/
.tblB {
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 5px;
	}
	.tblB caption {
		text-align: left;
		font-size: 15px;
		font-weight: bold;
		color: #11263E;
		padding: 10px 0 7px 0;
		}
	.tblB th,
	.tblB td {
		padding: 8px;
		border: solid 1px #3384C5;
		text-align: center;
		}
	.tblB th {
		background: #D8E9F5;
		color: #11263E;
		font-weight: bold;
		}
	.tblB td {background: #FFF;}

/*テーブル装飾::緑*/
.tblG {
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 5px;
	}
	.tblG th,
	.tblG td {
		padding: 8px;
		border: solid 1px #006600;
		text-align: center;
		}
	.tblG th {
		background: #D7FFD7;
		color: #003300;
		font-weight: bold;
		}
	.tblG td {background: #FFF;}

/*テーブル装飾::オレンジ*/
.tblOr {
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 5px;
	}
	.tblOr caption {
		text-align: left;
		font-size: 15px;
		font-weight: bold;
		color: #11263E;
		padding: 10px 0 7px 0;
		}
	.tblOr th,
	.tblOr td {
		padding: 8px;
		border: solid 1px #FF6600;
		text-align: center;
		}
	.tblOr th {
		background: #FFE4D2;
		color: #11273E;
		font-weight: bold;
		}
	.tblOr td {background: #FFF;}

/*テーブル装飾::ピンク*/
.tblP {
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 5px;
	}
	.tblP th,
	.tblP td {
		padding: 8px;
		border: solid 1px #FF6699;
		text-align: center;
		}
	.tblP th {
		background: #FFDDE8;
		color: #003300;
		font-weight: bold;
		}
	.tblP td {background: #FFF;}



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

	日東工機の強み
	
========================================================== */
#strength dl {
	margin-top: 60px;
	}
	#strength dd {
		margin: 10px 0 30px 35px;
		}