/***********************************************************
	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追加*/

/* リセット
---------------------------------------------------------- */
*{
	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;
	color:						#19194c;
	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 {
	background:					url(../images/header_bg.jpg) 0 0 repeat-x;
	height:						160px;
	margin-bottom:				0;
	zoom:						100%;
}

#header #headerInner {
	width:						900px;
	padding-top:				5px;
	margin:						0 auto;
	zoom:						100%;
}

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

#header #headerInner h1 {
	background:					url(../images/logo_small.jpg) 0 0 no-repeat;
	width:						120px;
	height:						50px;
	text-indent:				-9999em;
	overflow:					hidden;
	text-decoration:			none;
	float:						left;
	margin-top:					14px;
}

#header #headerInner h1 a {
	width:						100%;
	height:						100%;
	display:					block;
}

#header #headerInner ul {
	background:					url(../images/round.gif) 0 0 no-repeat;
	display:					block;
	padding-left:				10px;
	height:						14px;
	margin:						0;
	float:						right;
	zoom:						100%;
}

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

#header #headerInner ul li {
	background-color:			#00264C;
	color:						#FFF;
	float:						left;
	font-size:					9px;
	padding:					0 2px;
	height:						14px;
}

#header #headerInner ul li a {
	color:						#FFF;
	padding-right:				10px;
}

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

#header #gNavi {
	width:						900px;
	height:						40px;
	margin:						5px auto 0;
	padding-top:				45px;
	background:					url(../images/gNavi_title.jpg) 0 0 no-repeat;
}

#header #gNavi ul {
	zoom:						100%;
	height:						40px;
}

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

#header #gNavi ul li {
	float:						left;
	width:						150px;
	height:						40px;
}

#header #gNavi ul li a {
	width:						100%;
	height:						100%;
	display:					block;
	overflow:					hidden;
	text-indent:				-9999em;
}


#header #gNavi ul li a {
	background:					url(../images/gNavi.jpg) 0 0 no-repeat;

}

#header #gNavi ul li#navi01 a {
	background-position:	0 0;
}
	#header #gNavi ul li#navi01 a:hover {
		background-position:	0 -40px;
	}
	#header #gNavi ul li#navi01.current a {
		background-position:	0 -80px;
	}

#header #gNavi ul li#navi02 a {
	background-position:	-150px 0;
}
	#header #gNavi ul li#navi02 a:hover {
		background-position:	-150px -40px;
	}
	#header #gNavi ul li#navi02.current a {
		background-position:	-150px -80px;
	}

#header #gNavi ul li#navi03 a {
	background-position:	-300px 0;
}
	#header #gNavi ul li#navi03 a:hover{
		background-position:	-300px -40px;
	}
	#header #gNavi ul li#navi03.current a {
		background-position:	-300px -80px;
	}


#header #gNavi ul li#navi04 a {
	background-position:	-450px 0;
}
	#header #gNavi ul li#navi04 a:hover{
		background-position:	-450px -40px;
	}
	#header #gNavi ul li#navi04.current a {
		background-position:	-450px -80px;
	}


#header #gNavi ul li#navi05 a {
	background-position:	-600px 0;
}
	#header #gNavi ul li#navi05 a:hover{
		background-position:	-600px -40px;
	}
	#header #gNavi ul li#navi05.current a {
		background-position:	-600px -80px;
	}


#header #gNavi ul li#navi06 a {
	background-position:	-750px 0;
}
	#header #gNavi ul li#navi06 a:hover{
		background-position:	-750px -40px;
	}
	#header #gNavi ul li#navi06.current a {
		background-position:	-750px -80px;
	}
	
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;
}

#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:90px;
	margin-bottom:10px;
}

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

#footer {
	border-top:				5px solid #00264B;
	background:				url(../images/footer_bg.jpg) 0 0 repeat-x;
	zoom:					100%;
}

#footer #footerInner {
	width:					900px;
	margin:					0 auto;
	padding-top:			10px;
	zoom:					100%;
}

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

#footer #footerInner address {
	background:				url(../images/copyright.jpg) 0 0 no-repeat;
	text-indent:			-9999em;
	overflow:				hidden;
	display:				block;
	width:					121px;
	height:					101px;
	float:					left;
}

/*ie floatでの崩れ回避*/
#footer #footerInner dl,
#footer #footerInner ul {
	width:						779px;
}


#footer #footerInner ul {
	float:					left;
	margin:					15px 0 20px;
	zoom:					100%;
}

	#footer #footerInner ul li {
		float:					left;
		border-right:			1px solid #333;
		padding-right:			1em;
		margin-right:			1em;
		font-size:				10px;
	}

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

#footer #footerInner dl {
	float:					left;
	zoom:					100%;
}

	#footer #footerInner dl dt,
	#footer #footerInner dl dd {
		float:					left;
	}

	#footer #footerInner dl dt {
		text-indent:			-9999em;
		overflow:				hidden;
		display:				block;
		margin-right:			10px;
	}

	#footer #footerInner dl dt#ebata {
		background:				url(../images/ebata.jpg) 0 0 no-repeat;
		width:					140px;
		height:					20px;
	}

	#footer #footerInner dl dt#namakon {
		background:				url(../images/namakon.jpg) 0 0 no-repeat;
		width:					140px;
		height:					20px;
	}

	#footer #footerInner dl dd {
		font-size:				10px;
		line-height:			2;
	}

#footer #footerInner dl:after {
	content:					".";
	display:					block;  
	visibility:					hidden;  
	height:						0.1px;  
	font-size:					0.1em;  
	line-height:				0;  
	clear:						both;  
}
/* 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;
}