@charset "utf-8";

/*--------------------------------------------------------------------------------------------------------------------
	
	企業サイトindex.html
	
--------------------------------------------------------------------------------------------------------------------*/

#TopA {margin-bottom:40px;}
#TopA #content{
	text-align:center;
	margin:0 auto;

}

#TopA #mainImg{
	position:relative;
	width:960px;
	margin:0 auto;
}

#hdmenu{
	clear:both;
	margin:0 auto;
	padding-top:20px;
	width:960px;
}
#hdmenu ul{float:left}
#hdmenu ul li{float:left}

#HeaderArea h2#h2_ttl {
	width:960px;
	font-size:131.25%;
    line-height:100%;
	color:#000;
	border-top:1px #CCCCCC dotted;
	border-bottom:1px #CCCCCC dotted;
	padding:16px 0;
	margin:0 auto;
	font-weight:bold;
}

/*----Facebook-----*/
.kongFb,.tetraFb{
	padding:50px 0 0 0;}
	
.kongFb a,.tetraFb a  {
	background:url(/pet/images/common/link_icon.gif) no-repeat left 4px;
    padding-left: 15px;
}

.kongFb a.img,.tetraFb a.img {
	background: none;
    padding-left: 0;
}

.kongFb .ContentsInR{
	position:relative;
	height:217px;
	background:url(/images/img_kong_fb02.jpg) no-repeat right bottom;
}

.tetraFb .ContentsInR{
	position:relative;
	height:217px;
	background:url(/images/img_tetra_fb02.jpg) no-repeat right bottom;
}

#Contents .kongFb, #Contents .tetraFb{
	margin-bottom:0 !important;}
	
#Contents .kongFbInbox img, #Contents .tetraFbInbox img{
	margin-bottom:20px;
}

/*------------------------------------
	slider style
------------------------------------*/
#slider {
	width: 980px;
	overflow-x: hidden;
	text-align:center;
}

#slider div{
	width:960px;
	height:390px;
}

.bx-wrapper {
    overflow: hidden;
    position: relative !important;
    width: 100% !important;
}
.bx-window {
	height:390px;
    margin: 0 auto !important;
    overflow: visible !important;
    width: 960px !important;
}

.bx-pager{
	position:absolute;
	top:332px;
	left:0;
	background:#808;
	width:100%;
	height:58px;
	background:url(/images/pager_bg.png) repeat-x top;
	text-align:center;
	z-index:3000;
}
	/*A*/
	#TopA .bx-pager a{
		display:inline-block;
		text-indent:-9999px;
		width:14px;
		height:14px;
		margin:33px 0 0 20px;
		background:url(/images/pager_img_a.png) no-repeat top center;
	}
	#TopA .bx-pager a.pager-active{
		background:url(/images/pager_img_a_active.png) no-repeat top center;
	}
	
	/*B*/
	#TopB .bx-pager a{
		display:inline-block;
		text-indent:-9999px;
		width:14px;
		height:14px;
		margin:33px 0 0 20px;
		background:url(/images/pager_img_b.png) no-repeat top center;
	}

	#TopB .bx-pager a.pager-active{
		background:url(/images/pager_img_b_active.png) no-repeat top center;
	}
/*	
.prev-next{
	position:absolute;
	top:172px;
	left:0;
	text-align:center;
	width:100%;
}
*/

.prev-next{
	display:none;
	}

.bx-prev{
		text-indent:-9999px;
		background:url(/images/img/btn_prev.png) no-repeat;
		display:inline-block;
		width:40px;
		height:40px;
		margin-right:415px;
		
}
.bx-next{
		text-indent:-9999px;
		background:url(/images/btn_next.png) no-repeat;
		display:inline-block;
		width:40px;
		height:40px;
		margin-left:415px;
}

#black {
	width: 100%;
	height: 390px;
	background: url(/images/sideflame_bg.png) center;
	z-index: 100;
	position: absolute;
	top: 146px;
}

/*------------------------------------
	Contents
------------------------------------*/
#Contents {font-size:100%; line-height:100% !important;}
#Contents p {line-height:1.5em;}

#Contents .ContentsInL,
#Contents .ContentsInR {
	width:460px;
	margin-bottom:45px;
}

#Contents .ContentsInL h2,
#Contents .ContentsInR h2
 {margin-bottom:20px;}
#Contents p.txt_area {margin-bottom:26px;min-height: 220px;}
#Contents .logo {margin:12px 0 22px; text-align: center;}
#Contents ul.logo li {
	display:inline;
	padding-right:10px;
}
#Contents .txt_area2 {
	background:#F6F5E5;
	padding:15px 5px 5px 15px;
}
#Contents .txt_area2 li {
	width:184px;
	float:left;
	padding:0px 5px 0px 20px;
	margin:0 10px 10px 0;
	background:#FFFFFF url(/images/icon01.gif) no-repeat 5px center;
}

#Contents .txt_area2 ul li a {
	display:block;
}

#Contents .txt_area2 li a,
#Contents .txt_area2 li a:link,
#Contents .txt_area2 li a:visited {
	text-decoration:none;
}
#Contents .txt_area2 li a:hover {
	text-decoration:underline;
}

#infomation #infomation_ttl {
	border-bottom:1px solid #000;
	padding-bottom:5px;
	margin-bottom:10px;
}
#infomation #infomation_ttl h2 {
	float:left;
}
#infomation #infomation_ttl p {
	float:right;
}
#infomation #infomation_ttl p img {
	padding-top:10px;
}
#infomation #infomation_txt li {
	border-bottom:#666 1px dotted;
	padding:6px 0 10px 0;
}
#infomation #infomation_txt li span.info_day {
	padding:0 35px 0 20px;
	background:#FFFFFF url(/images/icon01.gif) no-repeat 5px center;
	color:#0180B6;
	/*min-height:33px;
	padding-top:5px;*/
	
}
#infomation #infomation_txt li img {
	padding:2px 0 0 20px;
}
#infomation #infomation_txt li a,
#infomation #infomation_txt li a:link,
#infomation #infomation_txt li a:visited {
	text-decoration:none;
}
#infomation #infomation_txt li a:hover {
	text-decoration:underline;
}
/*--------------------------------------------------------------------------------------------------------------------
	
	企業サイト各ページのCSS
	
--------------------------------------------------------------------------------------------------------------------*/
#Contents { 
	width:960px;
	margin:0 auto 100px auto;
}

/*----------------------------------------------------------
	ContentsIn
----------------------------------------------------------*/
#ContentsIn {
	width:816px;
	margin:0 auto;
}

@charset "utf-8";


/*--------------- 会社概要 --------------*/
.company .main {
	background:#333 url(/company/images/new_bg.jpg) no-repeat ;
	width:800px;
	overflow:hidden;
	height:367px;
	margin:10px auto 20px auto;
	}
.company .main .Fleft {
	padding-top: 30px;
	padding-right: 14px;
	padding-bottom: 0px;
	padding-left: 30px;
}
.company .main .Fright {
	padding: 14px;
}
.company .main #comp_description {
	width: 760px;
}
.company .main #comp_description .small.pl20 {
	line-height: 140%;
}







	
	.company .main div.subMessage{
	background:transparent url(/company/images/ttl01.gif) no-repeat;
	width:549px;
	height:39px;
	text-indent:-9999px;
	font-size:10px;
	line-height:100%;
	margin-bottom:20px;
		}
	
	.company .main h2.mainMessage{
		background:transparent url(/company/images/ttl02.gif) no-repeat;
		width:700px;
		height:100px;
		text-indent:-9999px;
		font-size:10px;
		line-height:100%;
		}
	
	
	.company .main p{
		color:#FFF;
		margin-bottom:0.75em;
		}
	
	.company h3{
		border-bottom:solid 1px #39C;
		}
.company .clearfix .Fleft.pl10 {
	width: 420px;
}
.company .clearfix .Fright.pr10 {
	width: 360px;
}
.company .clearfix .Fright.pr10 .bold.p10.pt10.small {
	color: #333;
}

	.company .history th, .company .history td {
		text-align:left;
		font-weight:normal;
		padding:8px 6px;
		border-bottom: dotted 1px #CCC;
		vertical-align:top;
		font-size:81.25%;
		}

	.company .outline th, .company .outline td {
		text-align:left;
		font-weight:normal;
		padding:8px 6px;
		vertical-align:top;
		font-size:81.25%;
		}

	.company .products li {
		font-size:81.25%;
		list-style-type:disc;
		margin:2px 0px 10px 40px;
		}

	.company tr:hover, .company li:hover{
		background-color:#EEF;
		}
.company .clearfix .Fright.pr10 .products li div {
	padding-left: 8px;
}




/*--------------- 利用規約 --------------*/

#agreement a:link , a:visited {
	text-decoration: none;
	}
	
#agreement a:hover {
	text-decoration: underline;
	}
.terms #termsNavi ul li img {
	margin-top: 3px;
	margin-right: 4px;
}
.terms .indent .indent.p20.pl20.pt20.pr20 {
	border: 1px solid #CCC;
}



.terms h2{
	line-height:100%;
	font-size:10px;
	margin:10px 0px;
	}

.terms h3{
	line-height:140%;
	font-size:100%;
	margin:10px 0px;
	}

.terms h4{
	line-height:140%;
	font-size:81.25%;
	}

.terms p {
	font-size:81.25%;
	margin-bottom:0.75em;
	line-height:160%;
	}

.terms div.indent{
	padding-left:20px;
	}

.terms div.indent2{
	padding-left:20px;
	background:transparent url(/agreement/images/icon_maru.jpg) no-repeat 0px 2px ; 
	}

.terms .pagetop a{
	color:#999;
	}

#termsNavi {
	background-color:#EEE;
	padding:8px 12px;
	margin-bottom:30px;
	}
	
	#termsNavi li {
		list-style-type:none;
		padding:0px 1em;
		border-right:solid 1px #999;
		display:block;
		float:left;
		font-size:75%;
		}

	.termsNavi li a {
	line-height: 100%;
	padding-bottom: 6px;
	text-decoration: underline;
		}
	
	/* avoid WinIE6*/
	*.termsNavi li a {
	white-space: nowrap;
	display: block;
	text-decoration: none;
		}
		
		.termsNavi li a:link, .termsNavi li a:visited {
	color: #666;
	text-decoration: none;
			}
			
		.termsNavi li a:hover, .termsNavi li a:active {
			color:#70322A;
			text-decoration:underline;
			}
	.pagetop {
    text-align: right;
    font-size: 81.25%;
}


/*--------------- お問い合わせ --------------*/
.contents .inquiry {
	padding:10px;
	}


.contents .inquiry h2{
	margin:10px 0px;
	}

.contents .inquiry h2 img{
	padding:0px 80px 0px 0px;
	border-bottom:solid 1px #999;
	}


/*--------------- サイトマップ --------------*/
.sitemap {
	overflow: hidden;
	}
.sitemap .Fleft {
	width: 400px;
}
.sitemap .Fright {
	width: 400px;
}



.sitemap h2 {
	border-bottom:solid 1px #999;
	margin-top:24px;
	}


 .sitemap ul{
	margin-left:24px;
	padding:10px 0px;
	}

 .sitemap li{
	list-style-type:square;
	font-size:81.25%;
	line-height:140%;
	margin:4px 0px;
	}

	.sitemap li a:link, .contents .sitemap li a:visited {
		text-decoration:none;
		}
		
	 .sitemap li a:hover, .contents .sitemap li a:active {
		text-decoration:underline;
		}


/*--------------- 個人情報保護方針 --------------*/

.policy li {
	margin:6px auto;
	}
.policy #termsNavi {
	margin-top: 12px;
}

.policy .indent .small li {
	list-style-type: disc;
}
.policy .indent .small li ul li {
	list-style-type: circle;
}
.policy .indent .small li ul {
	margin-left: 24px;
}




.policy ol {
	margin-left:24px;
	}

	.policy ol li{
		font-size:81.25%;
		}

.policy table {
    width:100%;
	border-collapse:collapse;
	margin:10px 20px 20px 0px;
	}
	
	.policy td, .policy th {
		font-size:81.25%;
		vertical-align:top;
		font-weight:normal;
		border: solid 1px #999;
		padding:4px 6px;
		}
	
	.policy th {
		background-color:#EEE;
		text-align:center;
		}
.inquiry dl dd {
	display: block;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
}
.inquiry h2 img{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	padding-right: 80px;
	margin-bottom: 10px;
}




.other .contents {
	float:none;
	width:816px;
	margin:auto;
	}

.searchResultArea { padding:0px; margin:0px 0px 15px 0px; border-bottom:1px #CCCCCC dashed; clear:both; }
/*.searchResultArea { padding:0px; margin:0px 0px 15px 0px; border:1px #CCCCCC dashed; clear:both; }*/
.searchResultBlankArea {}
.searchResultTextArea { margin:0px 0px 3px 0px; }
.searchResultTittle { font-size:92%; font-weight:bold; color:#006699; letter-spacing:1px; }
.searchResultCateg { font-size:80%; white-space:nowrap; }
/*.searchResultCateg { font-size:84%; color:#E99C02; letter-spacing:1px; }*/

.searchResultCateg a {}
.searchResultCateg a:link { color:#F5A601; text-decoration:none; } 
.searchResultCateg a:visited { color:#F5A601; text-decoration:none; } 
.searchResultCateg a:hover { color:#FFFFFF; text-decoration:underline; background:#FFBA02; } 
.searchResultCateg a:active { color:#F5A601; text-decoration:none; }

.searchResultTittle a {}
.searchResultTittle a:link { color:#0080B7; text-decoration:underline; } 
.searchResultTittle a:visited { color:#9F7000; text-decoration:underline; } 
.searchResultTittle a:hover { color:#0080B7; text-decoration:none; } 
.searchResultTittle a:active { color:#0080B7; text-decoration:none; }

.searchResutLink {
	width:200px;
	font-size:80%;
	color:#FFFFFF;
	text-align:center;
	padding:5px;
	margin:0px auto 30px auto;
	background:#0066B1;
}
.searchResutNotext { font-size:86%; text-align:center; margin:50px 0px 70px 0px; }
.searchNoResult { font-size:120%; font-weight:bold; color:#666666; letter-spacing:1px; margin:15px 0px 5px 0px; border-bottom:5px #CCCCCC solid }

.searchResutLink a:link { color:#FFFFFF; text-decoration:none; } 
.searchResutLink a:visited { color:#FFFFFF; text-decoration:none; } 
.searchResutLink a:hover { color:#FFFFFF; text-decoration:underline; } 
.searchResutLink a:active { color:#FFFFFF; text-decoration:none; }


#mtError .errorBoxSet { text-align:center; color:#FF3300; font-size:84%; font-weight:bold; padding:50px; margin-bottom:25px; border:1px #999999 solid; background:#FFFFCC; }
#mtError .errorBoxSet .msg { color:#FF3300; }
#mtError .errorBoxSet .msg-error { color:#FF3300; }
#mtError .errorBoxSet #generic-error { color:#FF3300; }
a.close-me{display:none;} 


/*--------------- 採用情報 --------------*/
.adoption h3{
	font-size:18px;
	font-weight:bold;
}

.adoption table td.info{
	width:75%;
}

.adoption table th.name{
	width:25%;
}
.adoption table ul{
	margin-left:1em;
}

.adoption table li{
	list-style:inside;
	text-indent:-1em;
  padding-left:1em;
}

.adoption th.ttl{
	font-size:100%;
	font-weight:bold;
}

.adoption th{
	background-color:#BAE2F2;
}
	

/*--------------- RAYOVAC用ボタン --------------*/

.rayovac_btn {
margin: 35px 0px 0px 0px;
position: relative;
display: inline-block;
padding: 5px 10px 5px 40px;
text-decoration: none;
color: #FFF;
background: #fd9535 url(/images/pdf_icon.png) no-repeat 10px center; border-bottom: solid 2px #d27d00; border-radius: 6px; box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
font-size: 81.25%;
font-weight: bold;
}
.rayovac_btn:active {
border-bottom: solid 2px #fd9535;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

.rayovac_btn:hover {
background: #ffaf4f url(/images/pdf_icon.png) no-repeat 10px center;