@charset "utf-8";
/*
STYLE for BARDAHL SITE
author : k.iwamoto (an-zu)
update : 2010.03.18

#####################################
 1.	基本レイアウト設定（body,a,form,container）
 		1-1.	ヘッダ（HeaderBody,Header）
		1-2.	グローバルメニュー（gNavi）
		1-3.	コンテンツボディ（ContentsBody,Contents）
		1-4.	メインカラム（MainColumn）
				1-4-1.	パンくず（navi）
				1-4-2.	見出し（h2,h3）
				1-4-3.	ボックス（ContentsBox）
				1-4-4.	リスト
				1-4-5.	段落
				1-4-6.	テーブル
				1-4-7.	画像
		1-5.	右カラム（RightColumn）
		1-6.	ページ先頭へ
		1-7.	フッタ（Footer）
 2.	トップページ
 			2-1.	コンテンツ（）
			2-2.	インフォメーション（Info）
 3.	プロダクト
 			3-1.	製品一覧用（pro_ListBox）
			3-2.	製品詳細用（photoBox,leadBox）
			3-3.	ポップアップウィンドウ（popBox,）
 4.	FAQ
 			4-1.	アコーディオン（accordion）
 0. お問い合わせ
#####################################
*/

/*==============================================================
	1.	基本設定
==============================================================*/

body {
	background: #eeeeec;
	color: #CCCCCC;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "MS P Gothic", "メイリオ", "Meiryo", sans-serif ;
	zoom: 1;
}

a:link,
a:visited {
	color: #99ccff;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.ico_link {
	padding-left: 20px;
	background: url(../images/ico_link.gif) no-repeat 0 3px;
}

.pnk {
	color: #ff9999;
}

.ylw {
	color: #ffe100;
}

form {
	margin: 0;
	padding: 0;
}

/*_________________________1-1. ヘッダ_________________________*/

#HeaderBody {
	padding: 15px 0;
	background: #FFFFFF;
	overflow: hidden;
}

#Header {
	margin: 0 auto;
	width: 900px;
}

/*下層用レイアウト*/

#Header .Logo {
	width: 200px;
	float: left;
}

#Header h1 {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #666666;
	padding-top: 18px;
	float: left;
}

/*トップ用レイアウト*/

body#top #Header .Logo {
	width: 300px;
	text-align: center;
	float: left;
}

body#top #Header .MainImage {
	width: 600px;
	float: left;
}

body#top #Header .Logo h1 {
	text-align: center;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #666666;
	padding: 0;
	float: none;
}


/*_________________________1-2. グローバルメニュー_________________________*/

#gNavi {
	background: url(../images/gnavi_bg.gif) repeat-x;
	overflow: hidden;
}

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

#gNavi ul li {
	float: left;
}

#gNavi ul li a {
	width: 180px;
	height: 55px;
	display: block;
	text-indent: -999999px;
	font-size: 12px;
	line-height: 16px;
}

/*ホーム*/
#gNavi ul li.gNavi01 a:link,
#gNavi ul li.gNavi01 a:visited {	background: url(../images/gnavi_top.gif) no-repeat 0 0;}
#gNavi ul li.gNavi01 a:hover {		background: url(../images/gnavi_top.gif) no-repeat 0 -55px;}
body#top #gNavi ul li.gNavi01 a {	background: url(../images/gnavi_top.gif) no-repeat 0 -110px;}

/*バーダルの哲学＆歴史*/
#gNavi ul li.gNavi02 a:link,
#gNavi ul li.gNavi02 a:visited {	background: url(../images/gnavi_p-h.gif) no-repeat 0 0;}
#gNavi ul li.gNavi02 a:hover {		background: url(../images/gnavi_p-h.gif) no-repeat 0 -55px;}
body#p-h #gNavi ul li.gNavi02 a {	background: url(../images/gnavi_p-h.gif) no-repeat 0 -110px;}

/*バーダルの技術*/
#gNavi ul li.gNavi03 a:link,
#gNavi ul li.gNavi03 a:visited {	background: url(../images/gnavi_tec.gif) no-repeat 0 0;}
#gNavi ul li.gNavi03 a:hover {		background: url(../images/gnavi_tec.gif) no-repeat 0 -55px;}
body#tec #gNavi ul li.gNavi03 a {	background: url(../images/gnavi_tec.gif) no-repeat 0 -110px;}

/*プロダクト（製品一覧）*/
#gNavi ul li.gNavi04 a:link,
#gNavi ul li.gNavi04 a:visited {	background: url(../images/gnavi_pro.gif) no-repeat 0 0;}
#gNavi ul li.gNavi04 a:hover {		background: url(../images/gnavi_pro.gif) no-repeat 0 -55px;}
body#pro #gNavi ul li.gNavi04 a {	background: url(../images/gnavi_pro.gif) no-repeat 0 -110px;}

/*FAQ*/
#gNavi ul li.gNavi05 a:link,
#gNavi ul li.gNavi05 a:visited {	background: url(../images/gnavi_faq.gif) no-repeat 0 0;}
#gNavi ul li.gNavi05 a:hover {		background: url(../images/gnavi_faq.gif) no-repeat 0 -55px;}
body#faq #gNavi ul li.gNavi05 a {	background: url(../images/gnavi_faq.gif) no-repeat 0 -110px;}

/*_________________________1-3. コンテンツボディ_________________________*/

#ContentsBody {
	background: url(../images/bg_body.jpg) repeat-x #0a0a0a;
	padding-bottom: 15px;
}

#ContentsBody .Contents {
	width: 900px;
	margin: 0 auto;
	padding: 30px 0 0;
	background: url(../images/bg_content.jpg) no-repeat;
	overflow: hidden;
}

/*_________________________1-4. メインカラム_________________________*/

.MainColumn {
	width: 650px;
	float: left;
}

/*_______________1-4-1.	パンくず_______________*/

p.navi {
	font-size: 12px;
	line-height: 18px;
}

/*_______________1-4-2.	見出し_______________*/

.MainColumn h2 {
	text-indent: -999999px;
	height: 54px;
	margin-bottom: 30px;
}

/*バーダルの哲学＆歴史*/
#p-h .MainColumn h2 {					background: url(../images/ttl_p-h.gif) no-repeat;}
/*バーダルの技術*/
#tec .MainColumn h2 {					background: url(../images/ttl_tec.gif) no-repeat;}
/*プロダクト（製品情報一覧）*/
#pro .MainColumn h2 {					background: url(../images/ttl_pro.gif) no-repeat;}
/*プロダクト（製品詳細）*/
#pro.detail .MainColumn h2 {	background: url(../images/ttl_pro-detail.gif) no-repeat;}
/*プロダクト（製品詳細）*/
#pro.shop .MainColumn h2 {		background: url(../images/ttl_pro-shop.gif) no-repeat;}
/*FAQ*/
#faq .MainColumn h2 {					background: url(../images/ttl_faq.gif) no-repeat;}
/*サイトマップ*/
#smp .MainColumn h2 {					background: url(../images/ttl_smp.gif) no-repeat;}
/*インフォメーション*/
#inf .MainColumn h2 {					background: url(../images/ttl_inf.gif) no-repeat;}
/*お問い合わせ*/
#inq .MainColumn h2 {					background: url(../images/ttl_inq.gif) no-repeat;}
/*プライバシーポリシー*/
#pvc .MainColumn h2 {					background: url(../images/ttl_pvc.gif) no-repeat;}
/*リンク*/
#lnk .MainColumn h2 {					background: url(../images/ttl_lnk.gif) no-repeat;}
/*会社概要*/
#com .MainColumn h2 {					background: url(../images/ttl_com.gif) no-repeat;}
/*オークション等について*/
#dis .MainColumn h2 {					background: url(../images/ttl_dis.gif) no-repeat;}

.MainColumn h3 {
	margin-bottom: 15px;
	padding: 10px 15px;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	border: 1px solid #333333;
	background: url(../images/bg_h3.gif) repeat-y;
}

.MainColumn h4 {
	margin: 30px 0;
	font-size: 14px;
	line-height: 1.8em;
	font-weight: bold;
}

.MainColumn h5 {
	margin: 10px 0;
	font-size: 14px;
	line-height: 1.8em;
	font-weight: bold;
}

/*_______________1-4-3.	ボックス_______________*/

.ContentsBox {
	width: 620px;
	margin: 0 auto;
	padding-bottom: 30px;
	font-size: 12px;
	line-height: 18px;
	overflow: hidden;
}

.ContentsBox p.txtContents {
	font-size: 14px;
	line-height: 26px;
	color: #999999;
}

/*_______________1-4-4.	リスト_______________*/

.ContentsBox ul.list01 li {
	padding: 0 0 0 12px;
	background: url(../images/ico_list01.gif) no-repeat 0 5px;
}

.ContentsBox ul.list01 li.large {
	font-size: 16px;
}

.ContentsBox ul.list02 {
	padding-top: 10px;
	text-align: right;
}

.ContentsBox ul.list02 li {
	padding: 0 0 0 12px;
	display: inline;
}

.ContentsBox ul.list03 li {
	padding: 7px 0;
	border-bottom: 1px solid #222222;
}

.ContentsBox ul.SiteMap li {
	padding: 10px;
	border-bottom: 1px solid #222222;
}

.ContentsBox ul.SiteMap li.lv01 {
	margin-left: 0;
}

.ContentsBox ul.SiteMap li.lv02 {
	margin-left: 100px;
}

.ContentsBox ul.SiteMap li.lv03 {
	margin-left: 200px;
}

.ContentsBox ul.SiteMap li.lv04 {
	margin-left: 300px;
}

.ContentsBox ol.listNum {
	list-style: decimal;
	padding-left: 25px;
	font-size: 14px;
	line-height: 26px;
	color: #999999;
}

.ContentsBox ol.listNum li {
	padding: 0 0 15px;
}

/*_______________1-4-5.	段落_______________*/

.ContentsBox dl.dl01 {
	width: 610px;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	padding: 15px 5px 0;
	overflow: hidden;
}

.ContentsBox dl.dl01 dt {
	clear: left;
	float: left;
	width: 100px;
	display: block;
	padding-bottom: 15px;
}

.ContentsBox dl.dl01 dd {
	float: left;
	width: 510px;
	display: block;
	padding-bottom: 15px;
}

.ContentsBox dl.dl01 dd p {
	font-size: 12px;
	line-height: 1.4em;
	margin: 10px 0 0;
	color: #CCCCCC;
}


/*_______________1-4-6.	テーブル_______________*/

/*tbl01*/
.ContentsBox table.tbl01 {
	margin: 0;
	width: 620px;
	border-collapse: separate;
	border-spacing: 1px;
	border: 3px solid #333;
	background: #0a0a0a;
}

.ContentsBox table.tbl01 tr th,
.ContentsBox table.tbl01 tr td {
	padding: 10px;
	vertical-align: top;
	text-align: left;
	font-size: 14px;
	line-height: 18px;
}

.ContentsBox table.tbl01 tr th {
	font-weight: bold;
	background: url(../images/bg_tbl01-th.gif) no-repeat #111111;
	color: #CCC;
	border: 1px solid #222222;
	white-space: nowrap;
	width: 200px;
}

.ContentsBox table.tbl01 tr td {
	background: #DDDDDD;
	border: 1px solid #FFF;
	color: #333333;
}

.ContentsBox table.tbl01 tr th span.caption {
	font-weight: normal;
	font-size: 10px;
	line-height: 14px;
	color: #FF9999;
}

.ContentsBox table.tbl01 tr td div.error {
	color: #CC0000;
}

.ContentsBox table.tbl01 tr td.error {
	background: #FFCCCC;
}

/*tbl02*/
.ContentsBox table.tbl02 {
	margin: 0;
	width: 620px;
	border-collapse: separate;
	border-spacing: 1px;
	background: #333333;
}

.ContentsBox table.tbl02 tr td {
	text-align: center;
	font-size: 12px;
	line-height: 16px;
	background: url(../images/bg_tbl02-td.gif) repeat-x #000000;
	border: 1px solid #0a0a0a;
}

.ContentsBox table.tbl02 tr td a {
	padding: 8px 0;
	display: block;
	width: 100%;
}

.ContentsBox table.tbl02 tr td a:hover {
	background: #222222;
}

.ContentsBox table.tbl02 tr td.active {
	background: none;
	background: #333333;
}

.ContentsBox table.tbl02 tr td.active a {
	color: #ffe100;
}

/*tbl03*/
.ContentsBox table.tbl03 {
	margin: 0;
	width: 620px;
	border-collapse: collapse;
}

.ContentsBox table.tbl03 tr th,
.ContentsBox table.tbl03 tr td {
	padding: 10px 0;
	font-size: 12px;
	line-height: 16px;
	border-bottom: 1px solid #222222;
}

/*tbl04*/
.ContentsBox table.tbl04 caption{
	font-size: 12px;
	line-height: 16px;
	text-align: left;
	margin-bottom: 5px;
}

.ContentsBox table.tbl04 {
	margin: 0;
	width: 100%;
	border-collapse: collapse;
}

.ContentsBox table.tbl04 tr th,
.ContentsBox table.tbl04 tr td {
	padding: 5px 7px;
	font-size: 12px;
	line-height: 16px;
	border: 1px solid #222222;
}

.ContentsBox table.tbl04 tr th {
	border-bottom: 3px double #222222;
	text-align: center;
}

.ContentsBox table.tbl04 tr td.txtRight {
	text-align: right;
}

/*_______________1-4-6.	画像_______________*/

.ContentsBox img.imgLeft {
	float: left;
	margin-right: 10px;
}

.ContentsBox img.imgRight {
	float: right;
	margin-left: 10px;
}

/*_________________________1-5. 右カラム_________________________*/

.RightColumn {
	width: 230px;
	float: right;
}

.RightColumn ul.bnr li{
	padding: 0 0 15px;
	font-size: 0;
	line-height: 0;
}

.RightColumn ul.bnr li a {
	display: block;
}

.RightColumn ul.bnr li a:link,
.RightColumn ul.bnr li a:visited {
	border: 2px solid #333333;
}

.RightColumn ul.bnr li a:hover {
	border-color: #ffe100;
}

.RightColumn ul.bnr li.bnr_inq a:link,
.RightColumn ul.bnr li.bnr_inq a:visited {
	border: 3px solid #333333;
}

.RightColumn ul.bnr li.bnr_inq a:hover {
	border-color: #ffe100;
}

/* responsiveslides.css */

#support {
	border: 1px solid #555;
	margin-bottom: 15px;
	background: #121212;
}

#support p {
	font-size: 12px;
	line-height: 1.4em;
	text-align: center;
	padding: 10px 0;
}

#slides {
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
	
.tw_area {
	border: 1px solid #555;
	margin-bottom: 15px;
}
.tw_btn {
	margin-bottom: 15px;
}
.gallery {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.gallery li {
	float: left;
	margin: 0 10px 10px 0;
}
.gallery li:nth-child(2n) {
	margin-right: 0;
}
.gallery li a {
	display: block;
	width: 110px;
	height: 110px;
	background-size: cover;
	background-position: center;
	box-sizing: border-box;
}
.gallery li a:hover {
	opacity: 0.5;
}
.sns_ico {
	overflow: hidden;
}
.sns_ico li {
	width: 60px;
	height: 60px;
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;
}
.sns_ico li:nth-child(3n) {
	margin-right: 0;
}

.amazon_bnr {
	margin-bottom: 25px;
}

.btn_amazon_buy {
	text-align: right;
}
.btn_amazon_buy img {
	width: 180px;
	height: auto;
}
.btn_amazon_buy a:hover img {
	opacity: 0.5;
}

/*_________________________1-6. ページ先頭へ_________________________*/

.pagetop {
}

.pagetop a {
	margin: 0 auto;
	font-size: 12px;
	line-height: 16px;
	border: 1px solid #222222;
	background: url(../images/ico_pagetop.gif) no-repeat 743px 6px;
	display: block;
	text-indent: -999999px;
	width: 898px;
	height: 28px;
}

.pagetop a:hover {
	border: 1px solid #ffe100;
}

.backMenu {
	padding-left: 15px;
	background: url(../images/ico_backmenu.gif) no-repeat 0 1px;
}

/*_________________________1-7. フッタ_________________________*/

#FooterBody {
clear: both;
	height: 75px;
	background: url(../images/bg_footer.gif) repeat-x;
}

#Footer {
	width: 900px;
	margin: 0 auto;
	padding: 12px 0;
}

p#FooterMenu {
	float: left;
	font-size: 11px;
	line-height: 18px;
	color: #333333;
}

p#Copyright {
	text-align: right;
	float: right;
	font-size: 10px;
	line-height: 16px;
	color: #333333;
}

#Footer p a:link,
#Footer p a:visited {
	color: #333333;
	text-decoration: underline;
}

#Footer p a:hover {
	text-decoration: none;
}

/*==============================================================
	2.	トップページ
==============================================================*/

/*_________________________2-1. コンテンツ_________________________*/

blockquote.notice {
	border: 3px double #666666;
	margin-bottom: 15px;
	padding: 15px;
	font-size: 14px;
	line-height: 1.4em;
	text-align: center;
	color: #ff9999;
}

#topLead {
	width: 620px;
	margin: 0 auto;
	padding-bottom: 30px;
	overflow: hidden;
}

#topLead p {
	padding: 10px 0;
	font-size: 14px;
	line-height: 26px;
	color: #999999;
}


/*_________________________2-2. インフォメーション_________________________*/

#Info h2 {
	text-indent: -999999px;
	background: url(../images/ttl_info.gif) no-repeat;
	border-bottom: 2px solid #ffe100;
	height: 24px;
	margin: 0;
}

#Info ul {
	padding: 3px 0 0;
}

#Info ul li {
	font-size: 12px;
	line-height: 16px;
	padding: 7px 5px;
	border-bottom: 1px solid #222222;
}

#Info ul li.list {
	text-align: right;
	border: none;
}

/*==============================================================
	3.	プロダクト
==============================================================*/

/*_________________________3-1. 製品一覧用_________________________*/

.pro_ListBox {
	margin-top: 25px;
	float: left;
	width: 310px;
	overflow: hidden;
}

.pro_ListBox p {
}

.pro_ListBox p.thumb {
	width: 100px;
	float: left;
}

.pro_ListBox p.thumb a {
	display: block;
	padding: 1px;
	font-size: 0;
	line-height: 0;
	border: 3px solid #CCCCCC;
}

.pro_ListBox p.thumb a:hover {
	border: 3px solid #ffe100;
}

.pro_ListBox p.lead {
	width: 200px;
	padding-left: 10px;
	font-size: 12px;
	line-height: 1.3em;
	color: #999999;
	float: left;
}

.pro_ListBox p.lead a {
	font-size: 20px;
	line-height: 1.3em;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.pro_ListBox p.lead span {
	font-size: 10px;
	line-height: 1em;
	color: #99ccff;
}

.pro_ListBox p.lead img {
	margin-top: 4px;
}

/*_________________________3-2. 製品詳細用_________________________*/

.photoBox {
	float: left;
	width: 248px;
}

.photoBox img {
	padding: 1px;
	font-size: 0;
	line-height: 0;
	border: 3px solid #CCCCCC;
}

.leadBox {
	float: left;
	width: 352px;
	padding-left: 20px;
	font-size: 14px;
	line-height: 1.4em;
	color: #999999;
}

.leadBox h3 {
	margin: 0 0 5px;
	padding: 10px 0 0;
	font-size: 30px;
	line-height: 1em;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	border: none;
	background: none;
	color: #FFFFFF;
}

.leadBox span {
	font-size: 12px;
	line-height: 1.3em;
	color: #FFFFFF;
	display: block;
}

.leadBox h3 span {
	padding-left: 15px;
	font-size: 14px;
	line-height: 1.3em;
	color: #FFFFFF;
	display: inline;
}

.leadBox strong {
	font-weight: bold;
	/*text-decoration: underline;*/
	color: #fff7b7;
}

.leadBox img {
	margin-top: 10px;
}

.leadBox p {
	font-size: 12px;
	line-height: 1.4em;
	margin: 10px 0;
	color: #CCCCCC;
}

.leadBox ul {
	font-size: 12px;
	line-height: 1.4em;
	margin: 10px 0;
	color: #CCCCCC;
}

p.FootNaviBack {
	width: 207px;
	float: left;
	text-align: left;
}

p.FootNaviBack a {
	padding-left: 10px;
	background: url(../images/ico_back.gif) no-repeat 0 2px;
}

p.FootNaviTop {
	width: 206px;
	float: left;
	text-align: center;
}

p.FootNaviNext {
	width: 207px;
	float: left;
	text-align: right;
}

p.FootNaviNext a {
	padding-right: 10px;
	background: url(../images/ico_next.gif) no-repeat right 2px;
}

/*_________________________3-3. ポップアップウィンドウ_________________________*/

#popBody {
	padding: 15px;
	font-size: 12px;
	line-height: 18px;
	background: url(../images/bg_h3.gif) repeat-y right #0a0a0a;
}

#popBody dl dt {
	font-weight: bold;
	color: #ffe100;
	padding-bottom: 8px;
	border-bottom: 1px solid #ffe100;
}

#popBody dl dd {
}

ul.ico_list {
}

ul.ico_list li {
	border-bottom: 1px solid #222222;
	padding: 8px 0;
}

p.close {
	padding: 8px;
	margin-top: 1px;
	border-top: 1px solid #999999;
}

p.close a {
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	display: block;
	margin: 0 auto;
	padding: 5px;
	width: 50px;
	border: 1px solid #0a0a0a;
	background: url(../images/bg_tbl02-td.gif) repeat-x #000000;
}

p.close a:hover {
	background: #222222;
}


/*==============================================================
	4.	FAQ
==============================================================*/

/*_________________________4-1. アコーディオン_________________________*/

.accordion {
	width:620px;
	border-bottom:1px solid #222222;
}

.accordion dt {
	width: 585px;
	border-top:1px solid #222222;
	padding:10px 0 10px 35px;
	cursor:pointer;
	color: #99ccff;
	background: url(../images/ico_q.gif) no-repeat 0 8px;
}

.accordion dt:hover {
	background-color: #111111;
	
}

.accordion dd {
	overflow:hidden;
}

.accordion span {
	width: 585px;
	display:block;
	padding:10px 0 10px 35px;
	background: url(../images/ico_a.gif) no-repeat 0 8px;
}

/*==============================================================
	5.	インフォメーション
==============================================================*/

p.InfoBody {
	line-height: 1.8em;
	padding-bottom: 1em;
}

p.InfoNavi {
	text-align: center;
	padding-top: 10px;
	border-top: 1px solid #222222;
}


/*==============================================================
	0.	お問い合わせ
==============================================================*/

input, textarea, select, label {
	font-size: 14px;
	line-height: 18px;
	padding: 2px;
}

.btn_form {
	text-align: center;
	padding-top: 15px;
}