@charset "utf-8";

/* ********************************************* */
/** ページ毎の設定
/** contents.css
/** オリジナル捨て看板専門店
/* ********************************************* */

/********************************
トップページ
********************************/

.bnRes a
{
	display:block;
	width:300px;
	height:77px;
	background-image:url(../images/response/response_btn_small_on.gif);
}

/*制作例*/
#topSeisakuArea
{
	width:955px;
	margin: 0 auto;
}

#topSeisakuArea ul
{
	list-style:none;
	padding:0;
}
#topSeisakuArea a
{
	width:300px;
	height:250px;
	display:block;
}
#topSeisakuArea .design_sample01
{
	background-image:url(../images/top/design_sample01_on.jpg);
}
#topSeisakuArea .design_sample01
{
	background-image:url(../images/top/design_sample02_on.jpg);
}
#topSeisakuArea .design_sample01
{
	background-image:url(../images/top/design_sample03_on.jpg);
}
#topSeisakuArea .design_sample01
{
	background-image:url(../images/top/design_sample04_on.jpg);
}
/*制作例その2*/
#topSeisakuArea02
{
	width:955px;
	margin: 0 auto;
}

#topSeisakuArea02 ul
{
	list-style:none;
	padding:0;
}
#topSeisakuArea02 a
{
	width:460px;
	height:280px;
	display:block;
}
#topSeisakuArea02 .design_sample01
{
	background-image:url(../images/top/design_sample01_on.jpg);
}
#topSeisakuArea02 .design_sample02
{
	background-image:url(../images/top/design_sample02_on.jpg);
}
#topSeisakuArea02 .design_sample03
{
	background-image:url(../images/top/design_sample03_on.jpg);
}
#topSeisakuArea02 .design_sample04
{
	background-image:url(../images/top/design_sample04_on.jpg);
}



/*仕様制作例*/
#siyouSeisakuArea
{
	width:964px;
	margin: 0 auto;
}

#siyouSeisakuArea ul
{
	list-style:none;
	padding:0;
}
#siyouSeisakuArea a
{
	width:220px;
	height:250px;
	display:block;
}
#siyouSeisakuArea .design_sample01
{
	background-image:url(../images/contents/siyou_sample01_on.jpg);
}
#siyouSeisakuArea .design_sample02
{
	background-image:url(../images/contents/siyou_sample02_on.jpg);
}
#siyouSeisakuArea .design_sample03
{
	background-image:url(../images/contents/siyou_sample03_on.jpg);
}
#siyouSeisakuArea .design_sample04
{
	background-image:url(../images/contents/siyou_sample04_on.jpg);
}


/*生地・仕様コンテンツ*/
.grayBox01
{
	background:#f2f2f2;
	padding:15px;
}

.grayBox02
{
	background:#f2f2f2;
	width:46%;
	padding:15px;
}

.sizeList
{
	width:350px;
}

.sizeList2
{
	width:175px;
}

.sizeList dt,.sizeList2 dt
{
	background:#FFA500;
	color:#ffffff;
	font-weight:bold;
}

.sizeList dt,.sizeList dd,.sizeList2 dt,.sizeList2 dd
{
	padding:2px 3px;
}

.sizeList2 dt
{
	width:2.5em;
	text-align:center;
	}

.sizeList2 dd
{
	padding-left:10px;
}


/*お喜びの声をご紹介いたします*/
.topVoiceBox
{
	width:495px;
	height:202px;
	background-color:#FAE0BC;
	border:1px solid #AEAEAE;
}

.topVoiceBox img
{
	float:left;
} 
.topVoiceBox:hover
{
	opacity: 0.8 ;
	visibility:visible;
}

.topVoiceBox img:hover
{
	visibility:visible;
}

.voiceName
{
	position: relative;
	width:215px;
	height:50px;
	float:right;
}

.voiceName:after{
	content: '';
	display: block;
	position: absolute;
	bottom:-20px;
	right: 0px;
	width: 0;
	height: 0;
	border-left: 18px solid #ED9508;
	border-top: 18px solid transparent;
	border-bottom: 18px solid transparent;
	transform: rotate(45deg);
}


.topVoiceBoxTextArea
{
	position:relative;
	width:210px;
	height:125px;
	background-color:transparent;
}

/* jquery.biggerlink.jsのcss(hoverしたときの背景色)
（このコンテンツ以外のbiggerlink使用箇所には、これとは背景色の設定がされてる。
なので.bl-hoverの前にクラス名を足して識別できるようにしている。）*/
.topVoiceAreaBiggerlinkBg .bl-hover
{
	cursor: pointer;
	background-color:#FAE5C8 !important;
}



/*価格表*/

.price_list
{
	width:580px;
}

.price_list th
{
	background:#FFE3E3;
}

.price_list th,.price_list td
{
	padding:18px 10px;
	text-align:center;
}


.price_list02
{
	width:920px;
}

.price_list02 th
{
	background:#f4ffee;
}

.price_list02 td
{
	background: #fff;
}

.price_list02 th,.price_list02 td
{
	padding:18px 10px;
	text-align:center;
}


.grayBorderBox
{
	border:2px solid #cfcfcf;
	padding:10px;
}

.redBorderBox
{
	border:2px solid #f20000;
	padding:10px;
}

/*デザインサンプル*/
.sampleListBox
{
	width: 49%;
}

.sampleListBox02
{
	width: 100%;
	height:100px;
}

.sampleListBox03
{
	width: 100%;
	height:430px;
}

.sampleListBox04
{
	width: 100%;
	height:250px;
}

.sampleListTitle
{
	background-color: #2D3769;
	padding:7px 0;
	color:#ffffff;
	font-weight:bold;
	font-size:110%;
	text-align:center;
}

.sampleListTitle02
{
	background-color: #ef660b;
	padding:7px 0;
	color:#ffffff;
	font-weight:bold;
	font-size:100%;
	text-align:center;
}

.sampleListBox ul
{
	padding-left:0px;
}

/* jquery.biggerlink.jsのcss(hoverしたときの背景色)*/
.bl-hover
{
	cursor: pointer;
	background:#ECFAFF !important;
}


/*流れ*/

.flowList li
{
	float:left;
	width:270px;
}

.flowList li.flow_arrow
{
	width:35px;
	padding-top:150px;
}



/*ページ途中レスポンス*/
.resBox
{
	background:#ffffff;
	width:440px;
	padding:10px;
}

.resTitle
{
	background:#05214a;
	color:#ffffff;
	text-align:center;
	font-weight:bold;
	border-radius:10px 10px 0 0;
	padding:4px 0 4px 0;
}

.resTopBanner a
{
	width:410px;
	height:79px;
	display:block;
	margin:0 auto;
	background-image:url(../images/top/top_response_small_btn_on.gif);
}


.resBs a {
	width: 545px;
	height: 115px;
	background: url(../images/top/response_bs_on.jpg) no-repeat;
	margin: 0 auto;
	display:block;
}


/*よくあるご質問*/
.faqList
{
	text-indent: -1.2em;
	padding-left: 1.2em;
}

.faqList span
{
	font-weight:bold;
	padding:0 5px 0 0;
}
.faqList dt
{
	color:#ff4e00;
	font-weight:bold;
	margin:0 0 5px 0;
	border-top:1px solid #cccccc;
	margin-top:10px;
}

.faqList dd
{
	margin-left:1.2em;
	margin-bottom:10px;
}
.faqList dt.faqListBorderNone
{
	border-top:none;
}




/********************************
デザインサンプル
********************************/
ul.PageLink4column
{
	list-style:none;
	padding:0;
	float: left;
	margin:5px 0;
}
ul.PageLink4column li
{
	width:230px;
	float:left;
}
ul.PageLink4column li a
{
	padding:0 0 0 23px;
	background-image:url(../images/pagelink.gif);
	background-repeat:no-repeat;
	background-position:2px 50%;
}


ul.designSampleList
{
	padding-left:0;
	margin-left:0;
}

ul.designSampleList li
{
	width:125px;
	float:left;
	margin-bottom:20px;
}

/*拡大ボタン*/
.btn_kakudai a
{
	width:115px;
	height:30px;
	display:block;
}

.btn_kakudai
{
	background:url(../images/btn/kakudai_on.gif) no-repeat;
}


/********************************
ポップアップ用
********************************/
#PopUpBodyArea
{
	width:700px;
	margin:0 auto;
}

.btn_close a
{
	display:block;
}

.btn_close
{
	width:120px;
	height:34px;

	margin:10px auto 20px;
	background:url(../images/btn/close_on.gif) no-repeat;

}

/********************************
実店舗（BS）
********************************/
h2.textLevelB
{
	color:#333;
	font-size:120%;
	padding:0 6px;
	border-left:5px solid #ef660b;
}


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

.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;
}

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

/*BS地図*/
.BtnBsArea
{
	width:700px;
	margin:0 auto;
}

.BtnBsArea p
{
	position:absolute;
}
.BtnBsArea a
{
	display:block;
}

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

/*4つのポイント*/
.pointBox
{
	width:485px;
}

/*ご来店レスポンス*/
.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.gif);
}


/*道順*/

.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;
}
/*道順矢印*/
.bs_arrow
{
	margin: 90px 7px 0 7px;
}

/*オリジナルはっぴ専門店の実店舗へのバナー*/
.btnHappiBs a {
	width: 380px;
	height: 87px;
	display: block;
	background-image: url(../images/bs/bs-happi_on.jpg);
	margin: 0 auto;
}



/********************************
お客様の声
********************************/
.VoicePageLink ul
{
	padding:0;
	margin:0 0 0 15px;
}

.VoicePageLink ul li{
	list-style-type:none;
	float:left;
	width:50%;

}
.VoicePageLink ul li a{
	background:url("../images/pagelink.gif") 0% 50%;
	background-repeat:no-repeat;
	padding-left:20px;
}

.VoicePageLink ul li ul
{
	padding:3px 0;
	margin:0 0 0 10px;
}

.VoicePageLink ul li ul li
{
	float:none;
	width: 100%;
}

.VoicePageLink ul li ul li a{
	background:url("../images/icon_l.png") 0% 50%;
	background-repeat:no-repeat;
	padding-left:20px;
}

/*テーブル風リスト*/
.tableLikeList
{

	border-bottom:1px solid #a7a7a7;
}
.tableLikeList dt
{
	float:left;
	width:9em;
	text-align:center;
	padding:5px 0;
	border-top:1px solid #a7a7a7;
	background-color:#f4f4f4;
}
.tableLikeList dd
{
	padding:5px;
	margin:0 0 0 9em;
	border-left:0;
	border-right:0;
	background-color:#ffffff;
	border-top:1px solid #a7a7a7;
}
/* hide hack from Mac-IE5 \*/
* html .tableLikeList dd
{
	height:1%;
}
/* end hiding */

.LetterBox
{
	width:500px;
	/*background:#f2f2f2;*/
}

/********************************
会社概要
********************************/
.bsListArea
{
	width:730px;
	margin:0 auto;
}
.bsListArea ul
{
	list-style:none;
	margin:0;
	padding:0;
}
.bsListArea li
{
	float:left;
	margin:10px 0 10px 15px;
}
.bsListArea a
{
	width:345px;
	height:100px;
	display:block;
}
.bsListArea .top_bsyoyogi
{
	margin-right:10px;
}
.bsListArea .top_bstochigi
{
	background-image:url(../images/bn/bn_tochigi_on.jpg);
}
.bsListArea .top_bsginza
{
	background-image:url(../images/bn/bn_ginza_on.jpg);
}


.aboutTable
{
	width:814px;
	margin:0 auto;
}
.aboutTable th,td
{
	padding:15px 10px;
	border:none;
}
.aboutDetails{
	display: flex;
	justify-content: center;
}
.aboutDetails h2{
	font-size:1.1rem;
	border-left: 6px solid #ef660b;
	padding-left:8px;
}
.aboutDetails table{
	width:350px;
	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
}

.staffList
{
	width:280px;
}

.bg_rinen
{
	background:url(../images/contents/bg_about.jpg) no-repeat right 10%;
	min-height:320px;
}

.bg_rinenBox
{
	width:615px;}

.bg_rinenBox h3,.bg_rinenBox p
{
	text-shadow: #ffffff 2px 2px 3px, #ffffff -2px 2px 3px,
				 #ffffff 2px -2px 3px, #ffffff -2px -2px 3px;
}



/********************************
特定商取引法に基づく表記
********************************/
.lawTable th
{
	width:25%;
}
.lawTable th,
.lawTable td
{
	padding:10px;
	border:1px solid #cccccc;
}

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



/********************************
メディアページ
********************************/
.videoBoxArea
{
	width:600px;
	height:270px;
	margin:0 auto 30px;

}
.videoBox
{
	width:260px;
}
#main #media .videoBox p
{
	margin:0 0 10px 0;
	text-align:center;
}
.videoBoxWidArea
{
	width:660px;
	height:270px;
	margin:0 auto 30px;
}
.videoBoxWid
{
	width:320px;
}
#main #media .videoBoxWid p
{
	margin:0;
}


/********************************
404ページ
********************************/
.fileNon
{
	background:url(../images/contents/404.gif) no-repeat right center;
}

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

.kojinTable th,.kojinTable td
{
	padding:8px 6px;
	border:1px solid #cccccc;
}

/********************************
ご注文の流れ・お支払いについて
********************************/

.priceBox
{
	width:320px;
	background:#F1F1F1;
	padding:7px;
}
.paymentBox
{
	background:#F1F1F1;
	padding:7px;
}

.cardArea
{
	background:#ffffff;
	padding:5px;
}

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

/*ボックス内のアイテムエリア*/
.itemMArea
{
	text-align:left;
	width:960px;
	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;
}

/********************************
データ入稿＆はじめての方へ
********************************/
.nyukuoList
{
	background-color:#FFE9D3;
	border-bottom:1px solid #a7a7a7;
}
.nyukuoList dt
{
	float:left;
	width:8em;
	text-align:left;
	padding:5px;
	border-top:1px solid #a7a7a7;
}
.nyukuoList dd
{
	padding:5px;
	margin:0 0 0 8.5em;
	border-left:0;
	border-right:0;
	background-color:#ffffff;
	border-top:1px solid #a7a7a7;
}
/* hide hack from Mac-IE5 \*/
* html .nyukuoList dd
{
	height:1%;
}
 end hiding 


.templateBnArea a
{
	width:250px;
	height:70px;
	display:block;
}
.bnTemplate a
{
	display:block;
	background:url(../images/btn/btn-template-dl01_on.gif) no-repeat;
}






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

#MailForm
{
	width:800px;
}
#MailForm th
{
	width:130px;
	text-align:center;
	background-color:#FFE9D3;
}
#MailForm th,
#MailForm td
{
	padding:10px;
	border:1px solid #cccccc;
}
#MailForm .nonBorder th,
#MailForm .nonBorder td
{
	border:none;
}


#MailFormKijiSample th
{
	width:130px;
	background-color:#FFE9D3;
}
#MailFormKijiSample th,
#MailFormKijiSample td
{
	padding:10px;
	border:1px solid #cccccc;
}
#MailFormKijiSample div
{
	padding:10px;
	border-top: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;
}



/********************************
サンキューページ
********************************/
.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;
}

/********************************
お客様の声
********************************/
.lineGray
{
	height: 1px;
	background-color: #C9C9C9;
	border: none;
	color: #C9C9C9;
}

.lineOrange
{
	height: 1px;
	background-color: #fea15c;
	border: none;
	color: #C9C9C9;
}

/*ページ内リンク*/
.PageLink
{
	list-style:none;
	padding:0;
	float: left;
	width: 700px;
	margin:5px 0;
}
.PageLink li
{
	width:350px;
	float:left;
	margin-bottom:15px;
}
.PageLink a
{
	padding:0 0 0 23px;
	background-image:url(../images/pagelink.gif);
	background-repeat:no-repeat;
	background-position:2px 0%;
}

/********************************
社名ワッペンコンテンツ
********************************/
h2.attentionTitle
{
	font-size:230%;
	font-weight:bold;
	color:#ffffff;
	line-height:1.3;
	}
h2.attentionTitle2
{
	font-size:220%;
	font-weight:bold;
	color:#ffffff;
	line-height:1.3;
	}
h3.textLevel2
{
	font-size:180%;
	padding:3px 0 6px 12px;
	margin-top:15px;
	line-height:25px;
	border-left:3px solid #ef660b;
	border-bottom:3px solid #ef660b;
}

h2.textLevel3,h3.textLevel3
{
	font-size:180%;
	padding:0px 0px 0px 0px;
	margin:15px 0px 0px 30px;
	line-height:25px;
}
.borderBoxRed
{
	border:1px solid #f20000;
}
.bgRed3
{
	background:#f20000;
}
.bgOrange
{
	background:#ef660b;
}
.singleLevelLR
{
	margin:0 40px 0;
}
.singleLevel
{
	margin-left:40px;
}
.singleLevelR
{
	margin-right:40px;
}

/*ページ内リンク*/
.CorpPageLink
{
	list-style:none;
	padding:0;
	float: none;
	width: 900px;
	margin:20px 40px 0;
}
.CorpPageLink li
{
	width:900px;
	float:none;
	margin-bottom:8px;
}
.CorpPageLink a
{
	padding:0 0 10px 23px;
	background-image:url(../images/pagelink.gif);
	background-repeat:no-repeat;
	background-position:2px 4px;
}
/********************************
LINE見積もり
********************************/
h2.textPopupLevel
{
	font-size:120%;
	padding:3px 5px 3px 6px;
	border:none;
	border-left: 5px solid #C0C0C0;
	border-bottom: 3px solid #C0C0C0;
}
.LINEattentionBox
{
	width: 680px;
	background-color:#feefce;
	border:2px solid #f7ce73;
	margin-left:auto;
	margin-right:auto;
}
.bgOrange02
{
	background-color:#feefce;
	padding:0;
}
.sampleListBoxLine
{
	width:100%;
}
.sampleListBoxLine ol
{
	padding-left:0px;
}
.lineBox
{
	width:175px;
	margin-left:12px;
	border: 1px solid #f7ce73;
}
.W175pxBox
{
	width: 175px;
	height: 150px;
	background-color:#ffffff;
}

/* jquery.biggerlink.jsのcss(hoverしたときの背景色)*/
.bl-hover
{
	cursor: pointer;
	background:#ebffe3 !important;
}


.LinePageLink a
{
	padding:15px 0 10px 55px;
	background-image:url(../images/response/line_icon.gif);
	background-repeat:no-repeat;
	background-position:2px 4px;
}


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



/********************************
ワッペン フォーム調整用
********************************/
h1.textForm
{
	font-size:250%;
	padding:0 0 4px 17px;
	min-height:88px;
	line-height:2;
	background:url(../images/h1/h1.gif) no-repeat;
}

#MailForm
{
	width:1000px;
}
#MailForm th
{
	width:130px;
	text-align:center;
	background-color:#FFE9D3;
}
#MailForm th,
#MailForm td
{
	padding:18px 10px;
	border:1px solid #cccccc;
}
#MailForm .nonBorder th,
#MailForm .nonBorder td
{
	border:none;
}

/********************************
使用できる書体とイラストサンプル
********************************/
.sampleImg img{
	text-align: center;
	margin-bottom: 15px;
}