﻿@charset "utf-8";

/* ********************************************* */
/** ページ毎の設定
/** contents.css
/** お得意様専用サイト
/* ********************************************* */


/********************************
ヘディング
********************************/
h1.textLevel
{
	font-size: 170%;
	width:650px;
	height:50px;
	background:url(../images/h1/h1_bg.gif) no-repeat;
	color:#FFFFFF;
	padding-left: 50px;
	line-height: 48px;
}

h2.textLevel {
	font-size: 120%;
	padding: 0 0 0 8px;
	border-left: 5px solid #9B3A38;
	border-bottom: 3px solid #9B3A38;
	line-height: 30px;
}

h2.textLevelR {
	font-size: 105%;
	padding: 0 0 0 12px;
	margin-top: 15px;
	line-height: 25px;
	border-left: 3px solid #E40012;
	border-bottom: 3px solid #E40012;
}

h3.textLevel {
	clear: both;
	font-size: 95%;
	padding: 1px 5px;
	border-left: 8px solid #cccccc;
	border-bottom: 2px solid #eeeeee;}

h3.optiontextLevel {
	font-size: 105%;
	height:32px;
	background:#535353;
	color:#ffffff;
	padding-left: 9px;
	line-height: 32px;
}


h4.textLevel {
	color: #760000;
	font-size: 95%;
	padding: 0;
	border: none;
}

h4.textLevel_t
{
	font-size: 100%;
	background:#488e38;
	color:#ffffff;
	padding:5px 0px;
	min-height:20px;
	text-align:center;
}
h4.textLevelB
{
	color:#333;
	font-size:90%;
	padding:0 6px;
	border-left:5px solid #0066CC;
}

h5.textLevel {
	font-size: 100%;
	color:#000000;
}

/********************************
トップ
********************************/
/* facebook 
div.fb-like-box,
div.fb-like-box iframe[style],
div.fb-like-box span,
.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span
{
	width: 100% !important;
}*/
.facebookBox .fb-like-box
{
	width:925px;
	background-color:#ffffff;
	margin:0 auto;
}



#RightSideArea h2.toptitle
{
	color:#fff266;
	background:url(../images/h2/h2_bg.gif) no-repeat;
	height:46px;
	line-height:48px;
	font-size: 120%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding-left: 12px;
}



#RightSideArea h3.title {
	font-size: 110%;
	height:32px;
	border-left:5px solid #8c8c8c;
	border-bottom:1px solid #8c8c8c;
	color:#000000;
	padding-left: 9px;
	line-height: 30px;
	letter-spacing: 0.02em;
}




#RightSideArea .design_data
{
	background:#f7f7f7;
	border:1px solid #cfcfcf;
	padding:10px 5px;
}

#RightSideArea .design_data .title
{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#5d1515;
	font-size:120%;

}

#RightSideArea .listArea ul
{
	padding:0;
	margin:0;
}
#RightSideArea .listArea ul li
{
	list-style-type:none;
	float:left;
}

#RightSideArea .listArea ul li.list01 a,#RightSideArea .listArea ul li.list02 a,
#RightSideArea .listArea ul li.list03 a,#RightSideArea .listArea ul li.list04 a,
#RightSideArea .listArea ul li.list05 a,#RightSideArea .listArea ul li.list06 a,
#RightSideArea .listArea ul li.list07 a,#RightSideArea .listArea ul li.list08 a,
#RightSideArea .listArea ul li.list09 a
{
	display:block;
	width:227px;
}

#RightSideArea .listArea ul li.list10 a,#RightSideArea .listArea ul li.list11 a,#RightSideArea .listArea ul li.list12 a,
#RightSideArea .listArea ul li.list13 a,#RightSideArea .listArea ul li.list14 a,#RightSideArea .listArea ul li.list15 a,
#RightSideArea .listArea ul li.list16 a,#RightSideArea .listArea ul li.list17 a,#RightSideArea .listArea ul li.list18 a,#RightSideArea .listArea ul li.list19 a
{
	display:block;
	width:171px;
}

#RightSideArea .listArea ul li.list01 a
{

	background:url(../images/top/list_oudanmaku_on.jpg);
}
#RightSideArea .listArea ul li.list02 a
{

	background:url(../images/top/list_danki_on.jpg);
}
#RightSideArea .listArea ul li.list03 a
{

	background:url(../images/top/list_tairyoubata_on.jpg);
}
#RightSideArea .listArea ul li.list04 a
{
	background:url(../images/top/list_nobori_on.jpg);
}
#RightSideArea .listArea ul li.list05 a
{
	background:url(../images/top/list_noren_on.jpg);
}
#RightSideArea .listArea ul li.list06 a
{

	background:url(../images/top/list_magnetseat_on.jpg);
}

#RightSideArea .listArea ul li.list07 a
{
	background:url(../images/top/list_happi_on.jpg);
}
#RightSideArea .listArea ul li.list08 a
{

	background:url(../images/top/list_t-shirts_on.jpg);
}
#RightSideArea .listArea ul li.list09 a
{

	background:url(../images/top/list_towel_on.jpg);
}

#RightSideArea .listArea ul li.list10 a
{

	background:url(../images/top/list_tapestry_on.jpg);
}
#RightSideArea .listArea ul li.list11 a
{

	background:url(../images/top/list_pennant_on.jpg);
}
#RightSideArea .listArea ul li.list12 a
{

	background:url(../images/top/list_sutekanban_on.jpg);
}
#RightSideArea .listArea ul li.list13 a
{
	background:url(../images/top/list_standbanner_on.jpg);
}
#RightSideArea .listArea ul li.list14 a
{
	background:url(../images/top/list_wansyou_on.jpg);
}
#RightSideArea .listArea ul li.list15 a
{

	background:url(../images/top/list_sticker_on.jpg);
}

#RightSideArea .listArea ul li.list16 a
{
	background:url(../images/top/list_mininobori_on.jpg);
}
#RightSideArea .listArea ul li.list17 a
{
	background:url(../images/top/list_jumbonobori_on.jpg);
}
#RightSideArea .listArea ul li.list18 a
{
	background:url(../images/top/list_wappen_on.jpg);
}
#RightSideArea .listArea ul li.list19 a
{
	background:url(../images/top/list_tebata_on.jpg);
}

/********************************
特定商取引法に基づく表記
********************************/
.lawTable th
{
	text-align:left;
	width: 170px;
}
.lawTable td
{
	border-bottom:1px #515151 solid;
}


/********************************
コンタクトリストテーブル
********************************/
.contactListTable th
{
	text-align:left;
}
/********************************
バンテックについて
********************************/

.aboutTable
{
	width:670px;
}
.aboutTable th,td
{
	border:none;
}
/********************************
会社概要
********************************/

#aboutBox
{
	background:url(../images/contents/about_catch_bg.jpg) no-repeat;
	padding-top:230px;
}
.aboutDetails{
	display: flex;
	justify-content: center;
}
.aboutDetails h2{
	font-size:1.1rem;
	border-left: 6px solid #ef660b;
	padding-left:8px;
}
.aboutDetails table{
	width:320px;
	line-height: 1.1rem;
}
.aboutDetails table tr:first-child{
	height: 4rem;
}
.aboutDetails table th,
.aboutDetails table td{
	border: none;
	vertical-align: middle;
	border-bottom:1px dashed #CCC;
	padding: 5px 10px
}


#rinenBox
{
	background:url(../images/contents/about_rinen_bg.gif) no-repeat;
	padding-top:210px;
}


.w340Box
{
	width:340px;
	margin-left: auto;
	margin-right: auto;
}
/********************************
実店舗（BS）
********************************/
.responseBox
{
	padding:10px;
}
.responseBox h3
{
	font-size:17px;
	margin-bottom:7px;
}

.bsTextLevel01,.bsTextLevel02,.bsTextLevel03,.bsTextLevel04
{
	background-image:url(../images/bs/bs-print01.gif);
	background-repeat:no-repeat;
	padding-left:40px;
	border:none;
	line-height:32px;
	font-size:16px;
}

.bsTextLevel02
{
	background-image:url(../images/bs/bs-print02.gif);
	background-repeat:no-repeat;
}
.bsTextLevel03
{
	background-image:url(../images/bs/bs-print03.gif);
	background-repeat:no-repeat;
}
.bsTextLevel04
{
	background-image:url(../images/bs/bs-print04.gif);
	background-repeat:no-repeat;
}
.BsInquiryBannerBox
{
	clear:both;
}
.BsInquiryBannerBox p
{
	width:604px;
	height:66px;
	margin-left:auto;
	margin-right:auto;
}
.BsInquiryBannerBox a
{
	display:block;
	background-image:url(../images/bs/bs-inquiry_on.png);
}

.meritBox
{
	border-left:2px solid #929292;
	border-top:2px solid #929292;
}

/*BS店舗案内地図*/
.BtnBsArea p
{
	position:absolute;
}
.BtnBsArea a
{
	display:block;
}

.BtnBsYoyogi
{
	left:93px;
	top:10px;
}
.BtnBsYoyogi a
{
	background:url(../images/bs/bs_yoyogi_on.jpg) no-repeat;
}
.BtnBsTochigi
{
	left:397px;
	top:11px;
}
.BtnBsTochigi a
{
	background:url(../images/bs/bs_tochigi_on.jpg) no-repeat;
}
.BtnBsGinza
{
	left:121px;
	top:191px;
}
.BtnBsGinza a
{
	background:url(../images/bs/bs_ginza_on.jpg) no-repeat;
}


.btnHappiBs a{
	width:380px;
	height:87px;
	display:block;
	background-image:url(../images/bs/bs-happi_on.jpg);
	margin:0 auto;
}


.iconJRebisu,.iconOyama
{
	background:url(../images/bs/icon_jr.png) no-repeat left 75%;
	padding-left:37px;
	padding-top: 3px;
	
}

.iconTokyometro
{
	background:url(../images/bs/icon_Tokyometro.png) no-repeat;
	padding-left:37px;
	min-height:28px;
	padding-top: 3px;

}


h4.title_iconOyama
{
	background:#383838 url(../images/bs/icon_jr.png) no-repeat 3% 50%;
	padding:11px 0 11px 63px;
	
}
h4.title_iconEbisu
{
	background:#383838 url(../images/bs/icon_JR_metro.png) no-repeat 2% 50%;
	padding:11px 0 11px 60px;
}

.w660Box
{
	width:660px;
	margin-left:auto;
	margin-right:auto;
}

.W210pxBox
{
	width:210px;
}

.bgDarkGlay
{
	background:#383838;
	padding:10px;
}

/********************************
会社概要
********************************/
.bsListArea
{
}
.bsListArea ul
{
	list-style:none;
	margin:0;
	padding:0;
}
.bsListArea li
{
	float:left;
	margin:10px 0;
}
.bsListArea a
{
	width:345px;
	height:172px;
	display:block;
}
.bsListArea .top_bsginza
{
	margin-right:10px;
}
.bsListArea .top_bsyoyogi
{
	background:url(../images/bn/bn_yoyogi_on.jpg) no-repeat;
}
.bsListArea .top_bstochigi
{
	background:url(../images/bn/bn_tochigi_on.jpg) no-repeat;
}
.bsListArea .top_bsginza
{
	background:url(../images/bn/bn_ebisu_on.jpg) no-repeat;
}




/********************************
対応ソフト
********************************/
.softWereListTable
{
	width:100%;
	font-size:90%;
}

.softWereListTable tr{
	border-bottom:1px solid #cccccc;
}
.softWereListTable th{
	border:1px solid #aaaaaa;
}
.softWereListTable th,
.softWereListTable td
{
	border-left:none;
	border-right:none;
}
.softWereListTable th
{
	padding:10px;
	background-color:#EDEDED;;
}
.softWereListTable td
{
	padding:5px 10px;
}

/********************************
お客様の声
********************************/

h3.voiceTitle {
	font-size: 105%;
	border-left: 5px solid #43a521;
	background: #eee;
	border-bottom: none;
	padding: 6px;
	color: #000000;
}

h4.voiceTitle2 {
	
	border-left: 5px solid #8c8c8c;
	border-bottom: 1px solid #8c8c8c;
	padding:0 0 2px 9px;

}


#voiceBox{
	background:url(../images/voice/voice_catch_bg.png) no-repeat;
	padding-top:145px;
}

.VoicePageLink ul li,.VoicePageLink2 ul li{
	list-style-type:none;
	float:left;
	margin-bottom: 3px;
}
.VoicePageLink ul li a,.VoicePageLink2 ul li a{
	background:url("../images/icon/arrow_bottom.png") 0% 50%;
	background-repeat:no-repeat;
	padding-left:20px;
}
.VoicePageLink ul li {
	width:30%;
}
.VoicePageLink2 ul li {
	width:50%;
}
.voiceTextBox
{
	background-color:#f3f3f3;
	padding:10px;
}


/********************************
リピーターページ
********************************/
.sougouBox
{
	padding:10px;
	text-align:center;
	background-color:#F4F4F4;
}

/*ボックス内のアイテムエリア*/
	.itemMArea
	{
		text-align:left;
		width:640px;
		margin:0 auto;
	}
	.itemM
	{
		width:320px;
		margin:8px 0 0 0;
	}
	.itemM dl
	{
		margin:0;
		width:250px;
	}
	.itemM dt
	{
		font-weight:bold;
		color:#666666;
	}
	.itemM dd
	{
		margin:0;
		padding:0;
		line-height:normal;
	}

.hidden
{
	height:0;
	width:0;
	border:0;
	margin:0;
	padding:0;
	visibility:hidden;
}


/********************************
その他商品一覧
********************************/

#otherBox{
	background:url(../images/contents/other_catch_bg.png) no-repeat;
	min-height:175px;
}

.otherPageLink ul{
	margin:0;
	padding:0;
}

.otherPageLink ul li{
	list-style-type:none;
	float:left;
	margin-bottom: 5px;
	padding: 3px 0;
	width:30%;
}
.otherPageLink ul li a{
	background:url("../images/icon/arrow_bottom.png") 0% 50%;
	background-repeat:no-repeat;
	padding-left:20px;
}


.bnWappen a,.bnSutekanban a,.bnPennant a,
.bnTapestry a,.bnSticker a,.bnStb a,
.bnWansyou a,.bnTebata a,
.bnMininobori a,.bnJumbonobori a

{
	width:632px;
	height:122px;
	display:block;
	margin:0px auto 20px;
}

/*オリジナルワッペン*/
.bnWappen a
{
	background:url(../images/contents/bn_wappen_on.jpg) no-repeat;
}

/*捨て看板*/
.bnSutekanban a
{
	background:url(../images/contents/bn_sutekanban_on.jpg) no-repeat;
}

/*ペナント*/
.bnPennant a
{
	background:url(../images/contents/bn_pennant_on.jpg) no-repeat;
}

/*タペストリー*/
.bnTapestry a
{
	background:url(../images/contents/bn_tapestry_on.jpg) no-repeat;
}
/*ステッカー*/
.bnSticker a
{
	background:url(../images/contents/bn_sticker_on.jpg) no-repeat;
}
/*オリジナルスタンドバナー*/
.bnStb a
{
	background:url(../images/contents/bn_stb_on.jpg) no-repeat;
}
/*オリジナル腕章*/
.bnWansyou a
{
	background:url(../images/contents/bn_wansyou_on.jpg) no-repeat;
}
/*オリジナル手旗*/
.bnTebata a
{
	background:url(../images/contents/bn_tebata_on.jpg) no-repeat;
}
/*ミニのぼり*/
.bnMininobori a
{
	background:url(../images/contents/bn_mininobori_on.jpg) no-repeat;
}
/*ジャンボのぼり*/
.bnJumbonobori a
{
	background:url(../images/contents/bn_jumbonobori_on.jpg) no-repeat;
}

/********************************
404ページ
********************************/

.fileNon {
background: url(../images/contents/404.gif) no-repeat right bottom;
}

/********************************
FAXオーダーシート
********************************/
.btnFaxsheet a
{
	display:block;
	width:300px;
	height:80px;
	margin:auto;
	background-image:url(../images/btn/fax_on.gif);
}


/********************************
個人情報の取り扱いについて
********************************/
.noneLevel
{
	margin-left:0px;
	padding-left:25px;
}

#PopUpBodyArea table.kojinTable th{
	vertical-align: middle;
}
.kojinTable th,.kojinTable td
{
	padding:8px 6px;
	border:1px solid #cccccc;
}


/********************************
NP掛け払い・後払い
********************************/
.npBgPostpay
{
	background-color:#FFF9FC;
}
.npBgPayment
{
	background-color:#F4FDFF;
}


/********************************
お問い合わせ・お見積り依頼フォーム
********************************/

#MailForm
{
	width:100%;
}
#MailForm th
{
	width:130px;
	text-align:center;
	background-color:#FFFFD7;
}
#MailForm th,
#MailForm td
{
	padding:10px;
	border:1px solid #cccccc;
}
#MailForm .nonBorder th,
#MailForm .nonBorder td
{
	border:none;
}
div#err
{
	color:#ff0000;
	font-weight:bold;
	border:none;
	background-color:#FFCECE;
}

.printSelectListLong li
{
	width:155px;
	list-style-type:none;
	float:left;
}
.printSelectList p
{
	color:#333333;
	text-align:center;
	font-weight:bold;
	margin:5px 0;
}


.btnConfirm a
{
	width:232px;
	height:61px;
	display:block;
	margin:0 auto;
	background-image:url(../images/btn/btn_confirm_on.gif);
}
.btnFinish a
{
	width:232px;
	height:61px;
	display:block;
	margin:0 auto;
	background-image:url(../images/btn/btn_finish_on.gif);
}



/* エラーチェック（validater.js）用 */
/* ------------------------------------*/
.msgbox
{
	position:absolute;
	display: inline-block;
	margin: 1.7em 0;
	padding: 7px 10px;
	min-width: 120px;
	max-width: 100%;
	background:rgba(255,0,0,0.8);
	border-radius: 5px;
}
.msgbox:before
{
	content: "";
	position: absolute;
	top: -14px;
	left: 30px;
	margin-left: -15px;
	border: 8px solid transparent;
	border-bottom: 8px solid rgba(255,0,0,0.8);
}
.msgbox p
{
	margin: 0;
	padding: 0;
	color:#fff;
	font-weight:bold;
}

.msgbox + input,
.msgbox + select
{
	background:rgba(255,0,0,0.2);
}

/********************************
サンキューページ
********************************/
.btnOtherList
{
	width:700px;
	list-style:none;
	margin:0;
	padding:0;
}
.btnOtherList li
{
	width:340px;
	height:142px;
}
.btnOtherList a
{
	display:block;
}

.btnTowel span,
.btnDanki span
{
	padding:3px 0 0 0;
	display:block;
	background-color:#ffffff;
}
/********************************
個人情報の取り扱いについて
********************************/
h1.kojinPopH1
{
	font-size:170%;
	padding:0 0 4px 15px;
	line-height:54px;
	min-height: 54px;
	border-left:6px solid #EA0404;
	background:#eee;
}

#PopUpBodyArea {
	width: 580px;
	text-align: left;
	margin: 0 auto;
	background-color: #ffffff;
}

/********************************
お得意様PC フォーム調整用
********************************/

#CenterMainArea
{
	width:800px;
	margin-left:auto;
	margin-right:auto;
}


h1.lage
{
	font-size:160%;
	color:#FFF;
	padding:0 0 4px 45px;
	line-height:46px;
	background:url(../images/h1/h1_lage.gif) no-repeat;
}

.srTextBox{
	width: 560px;
	margin: 0 auto;
}

input[type=radio].srHidden {
	display: none; 	/* ラジオボタンを非表示にする */
}
.hide_forMail{
	display: none;
}
.formHide{
	display: none;
}


