/***********************************************************
	PJ: 			エバタ エバタ生コン
	PATH:			/assets/styles/default.css
	DESCRIPTION:	デフォルト　スタイルシート
************************************************************/


/* インポート
---------------------------------------------------------- */

@import url(top.css);
@import url(message.css);
@import url(thickbox.css);
@import url(misc.css);
@import url(ebata.css);
@import url(namakon.css);
@import url(sitemap.css);
@import url(privacy.css);
@import url(recruit.css);
@import url(link.css);
@import url(vtip.css);
@import url(products.css);
@import url(form.css);
@import url(menu.css);
@import url(contact.css); /*20111208追加*/
@import url(technical_info.css); /*20160308追加*/
@import url(technical_info_2.css); /*20160406追加*/
@import url(list.css); /*20171221追加*/

/* リセット
---------------------------------------------------------- */
*{
	margin:				0;
	padding:			0;
	font-size: 			100%;
}
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:						#333333;
	font-size:					10pt;

}

ul {
	list-style-type:			none;
}
ol {
	margin-bottom:				10px;
}
ul,ol {
	list-style-position:		inside;
}
img {
	border: 					none;
	vertical-align: 			bottom;
}
p {
	margin-bottom:				10px;
}
a {
	outline:					none;
	color:						#0080C2;
	text-decoration:			none;
}
a:hover {
	text-decoration:			underline;
}
table {
	border-collapse:			collapse;
}
label, button {
	cursor:						pointer;
}
address {
	font-style:					normal;
	font-size:					9pt;
	text-align:					left;
}

h2 {
	background:					url(../images/burret01.gif) 5px 32px no-repeat;
	border-bottom:				1px solid #034A91;
	color:						#034A91;
	font-size:					24px;
	margin-bottom:				25px;
	padding:					25px 0 5px 30px;
}

h3 {
	font-size:					14px;
	margin-bottom:				10px;
}




/*table*/

table {
	width:						640px;
	margin-bottom:				15px;
	border-top:					1px solid #A9BBC7;
	border-left:				1px solid #A9BBC7;
}

table tbody tr th,
table tbody tr td {
	border-right:				1px solid #A9BBC7;
	border-bottom:				1px solid #A9BBC7;
	text-align:					left;
}

table tbody tr th {
	background-color:			#E1F2F8;
	font-size:					14px;
	color:						#034A91;
	vertical-align:				top;
	padding:					10px;
	font-weight:				bold;
	width:						25%;
}

table tbody tr th span {
	font-size:					10px;
}

table tbody tr td {
	font-size:					12px;
	color:						#333333;
	vertical-align:				top;
	padding:					10px 20px;
}

.noborder {
	border: 0px;
}

/* 共通レイアウト content width 900px
---------------------------------------------------------- */
#wrapper {
	margin:						0 auto;
}

#header {
	border-top:solid 5px #172f60;
}

#header #headerInner{
	margin:0 auto;
	width:900px;
	background-color:#ffffff;
}

#header #headerInner h1{
	padding:9px 4px;
}

/* gloval navigation
-----------------------------------------*/

#header #gNavi{
	margin:0;
}

#header #gNavi ul{
	margin:0 auto;
	width:900px;
}

#header #gNavi li{
	float:left;
}

#header #gNavi li a{
	display:block;
	width:150px;
	height:;
	background-color:#3686c1;
	background-image:url("../images/gNavi_2016.png");
	background-repeat:no-repeat;
	background-position:100% 100%;
	color:#ffffff;
	line-height:30px;
}

#header #gNavi li#navi06 a{
	background-position:0% 100%;
}

#header #gNavi li a:hover{
	background-image:url("../images/gNavi_2016_on.png");
	text-decoration:none;
}

/*li.current a {
	cursor:					default;
}*/
/* /header */

/* contentWrap
-----------------------------------------*/
#contentWrap {
	width:					900px;
	margin:					0 auto 10px;
	zoom:					100%;
}

#contentWrap:after {
	content:					".";
	display:					block;  
	visibility:					hidden;  
	height:						0.1px;  
	font-size:					0.1em;  
	line-height:				0;  
	clear:						both;  
}

/*content main & sub*/

#contentWrap #mainContent {
	float:					left;
	width:					650px;
	padding-left:			10px;
}

#products #contentWrap #mainContent {/* products only */
	width:					640px;
	padding-right:			10px;
}

#contentWrap #subContent {
	float:					right;
	width:					235px;
}

/* sub content    */
#contentWrap #subContent #tel {
	/*background:				url(../images/tel.jpg) 0 0 no-repeat;*/
	display:				block;
	/*width:					235px;*/ /*1px右側が空くのを回避*/
	/padding-bottom:			10px;
	border-width:			0 1px 1px;
	border-color:			#A9BBC7;
	border-style:			solid;
}

	#contentWrap #subContent #tel h2 {
		background:				url(../images/tel_title.jpg) 0 0 no-repeat;
		display:				block;
		overflow:				hidden;
		text-indent:			-9999em;
		font-size:				0.1px;
		line-height: 0;
		width:					235px;
		height:					22px;
		margin:					0;
		padding:				0;
		border:					none;
	}

	#contentWrap #subContent #tel dl * {
		display:				block;
		overflow:				hidden;
		text-indent:			-9999em;
		line-height: 0;
		font-size:				0.1px;
	}


	#contentWrap #subContent #tel dl#telEbata {
		background:				url(../images/tel_ebata.gif) center top no-repeat;
		width:					235px;
		height:					210px;
	}

	#contentWrap #subContent #tel dl#telEbata dd dl#Tel1 {
		height: 75px;
}

	#contentWrap #subContent #tel dl#telEbata dd dl#Tel2 {
		height: 50px;
}

	#contentWrap #subContent #tel dl#telNamakon {
		background:				url(../images/tel_namakon.gif) center top no-repeat;
		width:					235px;
		height:					64px;
	}

#contentWrap #subContent .btn {
	width:				235px;
	height:				32px;
}

#contentWrap #subContent .btn a {
	background:			url(../images/formBtn.jpg) center top no-repeat;
	display:			block;
	text-indent:		-9999em;
	overflow:			hidden;
	width:				235px;
	height:				32px;
}

#contentWrap #subContent .btn a:hover{
	background:			url(../images/formBtn_hov.jpg) center top no-repeat;
}

#contentWrap #subContent img{
	padding:				0 auto 10px;
}

#contentWrap #subContent div.bt-contact{
	width:235px;
	height:100px;
	margin-bottom:10px;
	text-align:center;

}

/* footer
-----------------------------------------*/

#footer{
	border:none;
	background-color:#3686c1;
	color:#ffffff;
}

#footer #footerInner{
	margin:0 auto;
	width:900px;
}

#footer #footerInner ul{
	margin:0;
	padding:2px;
}

#footer #footerInner li{
	display:inline;
	background-image:url("../images/footerinner_li.png");
	background-repeat:no-repeat;
	background-position:right;
	padding:0 12px 0 10px;
}

#footer #footerInner li.last-child-li{
	background-image:none;
}

#footer #footerInner a{
	color:#ffffff;
	font-size:75%;
}

#footer #footerInner address{
	padding:0 8px 5px 0;
	text-align:right;
	font-size:62%;
}

/* for IE6 */
/*各要素のセンタリング用*/
#headerInner,#footerInner,#contentWrap {
	text-align:				left;
}

/* 共通クラス
-----------------------------------------*/

.btn{
	text-align:				center;
}

.infoLink {
	margin:					5px 0 10px;
	zoom:					100%;
}

.infoLink a {
	background:				url(../images/gArrow.gif) left center no-repeat;
	float:					right;
	padding-left:			10px;
	margin:					5px 0 10px;
	font-size:				11px;
}

.infoLink:after {
	content:					".";
	display:					block;  
	visibility:					hidden;  
	height:						0.1px;  
	font-size:					0.1em;  
	line-height:				0;  
	clear:						both;  
}

.topReturn {
	margin:					0 0 30px;
	text-align:				right;
	padding-right:			15px;
}
.topReturn a {
	text-decoration:		underline;
}

.caution {
	color:					#F00;
	font-size: 80%;
}

.note p,.note li {
	font-size: 75%;
}

ul.pageLink {
	zoom:					100%;
	margin-bottom:			20px;
}

ul.pageLink:after {
	content:					".";
	display:					block;  
	visibility:					hidden;  
	height:						0.1px;  
	font-size:					0.1em;  
	line-height:				0;  
	clear:						both;  
}

ul.pageLink li {
	float:						left;
	margin-right:				10px;
}

ul.pageLink li a {
	color:						#6b6b6b;
	padding-left:				20px;
	text-decoration:			underline;
	background:					url(../images/pageLinkArrow.gif) 0 0 no-repeat;
	height: 20px;
	overflow: hidden;
}

ul.pageLink li a:hover {
	background-position:		0 -19px;
	color:						#0080C2;
}

.message {
	zoom:						100%;
	padding:					5px;
}

.message:after {
	content:					".";
	display:					block;  
	visibility:					hidden;  
	height:						0.1px;  
	font-size:					0.1em;  
	line-height:				0;  
	clear:						both;  
}

.wrap {
	zoom:						100%;
	margin-bottom:				10px;
	padding-left:				10px;
}

.wrap:after {
	content:					".";
	display:					block;  
	visibility:					hidden;  
	height:						0.1px;  
	font-size:					0.1em;  
	line-height:				0;  
	clear:						both;  
}

.inner {
	zoom:						100%;
	padding:					5px;
}

.inner:after {
	content:					".";
	display:					block;  
	visibility:					hidden;  
	height:						0.1px;  
	font-size:					0.1em;  
	line-height:				0;  
	clear:						both;  
}

/*******
ADD 1128
*********************************/

#contentWrap #mainContent .contact-inner h3 {
	margin-bottom:15px;
}


#contentWrap #mainContent .contact-inner h4 {
	font-weight:bold;
	font-size:16px;
	background: url(../images/allow01.jpg) left no-repeat;
	padding-left:25px;
	margin-top:20px;
	margin-bottom:5px;
}

#contentWrap #mainContent .contact-inner p {
	margin-bottom:20px;
}


#contentWrap #mainContent .contact-inner hr {
	border-top:1px dotted #00a3d5;
}