@charset "utf-8";

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

/********************************
トップページ
********************************/
/*トップページ　見出し*/
.topTitleWrap{
	text-align: center
}
h1.topTitle{
	color: #FFFFFF;
	font-size: 2.2rem;
	display:inline-block;
	letter-spacing: .1rem;
	text-align: left;
}
h2.topTitle{
	color: #20741B;
	font-size: 2.1rem;
	margin-bottom: 26px;
	line-height: 2.5rem;
	background: #FFF;
	border-top:3px solid #20741B;
	border-bottom:3px solid #20741B;
	padding:.6rem 1rem;
	text-align: center;
}
span.topCenterLeft{
	text-align: left;
	display: inline-block;
}
h3.topTitle{
	color: #20741B;
	font-size: 1.4rem;
	margin-bottom: 20px;
	position: relative;
	text-align: center;
}
h3.topTitle > .topTitleInner{
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 .5em;
	background-color: #F6FBF3;
	text-align: left;
}
h3.topTitle::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background-color: #20741B;
}
h3.topTitleKiji{
	background: #20741b; /* Old browsers */
	background: -moz-linear-gradient(left,  #20741b 61%, #ffffff 95%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #20741b 61%,#ffffff 95%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #20741b 61%,#ffffff 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20741b', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	color: #FFF;
	font-size:1.4rem;
	padding:6px 0 6px 15px;
}

/*トップページ　コンテナ設定*/
.topSection{
	padding: 70px 0;
}
.topLightgreenBack{
	background-color: #F6FBF3;
}
.topBodyArea {
	width:890px;
	margin:0 auto;
	text-align: left;
}

/*メインキャッチ　スライダー*/
#mainCatchArea{
	width:100%;
	min-width: 1024px;
	height: 300px;
	overflow: hidden;
	background: #000;
	padding:10px 0;
}
#mainCatchArea ul{
	padding: 0;
	margin: 0;
}

/* メイン画像下の緑帯ゾーン */
#mainCatchPoint{
	padding: 20px 0 26px;
	background-color: #20741b;
	/*background-color: #fff;
	border-top: solid 5px #004ea2;*/
}
#mainCatchBnArea{
	padding: 3px;
	background-color: #fff;
	border-bottom: solid 5px #20741b;
}
#mainCatchBnArea > .mainCatchBnBox{
	display:flex;
	justify-content: center;
}
#mainCatchBnArea > .mainCatchBnBox p{
	margin-right:20px;
	width: 234px;
	height: 75px;
}
#mainCatchBnArea > .mainCatchBnBox p:last-child{
	margin-right:0;
}

.mainCatchStaff{
	height:130px;
	background:url(../images/top/main_catch_staff-bg.jpg) repeat-x;
	background-position:center center;
}


/*トップページ背景塗分け*/
/*.topContentsW{
	background-color: #fff;
}
.topContentsG{
	background-color: #fafff1;	
}
.topContentsW,.topContentsG{
	padding-top: 50px;
	padding-bottom: 70px;
}
.topContentsBox{
	width: 1024px;
	margin: 0 auto;
	text-align: left;
}

h2.topTextLevel
{
	font-size:270%;
	font-weight:bold;
	line-height:1.3;
	padding: 15px 0 30px 0;
}*/
.bgWhite{
	background-color:#fff;
	padding:10px;
}



/*top制作例*/
ul.topSeisakuList {
	list-style:none;
	padding:0;
}
.topSeisakuList li{
	box-sizing: border-box;
	width: 290px;
	margin-right:10px;
	padding: 10px;
	background-color: #FFF;
	border: 1px solid #BCE4C5;
	float: left;
}
.topSeisakuList li:nth-child(3n){
	margin-right:0;
}
.topSeisakuWords{
	display: flex;
	justify-content: space-between;
	font-weight: bold;
	font-size:.9rem;
}

/* インタビュー */
.topVoiceList{
	display: flex;
}
.topVoiceList a{
	box-sizing: border-box;
	width: 442px;
	margin-right:5px;
	padding: 5px;
	background-color: #FFF;
	border: 1px solid #BCE4C5;
	float: left;
	line-height: 1.1em;
	text-decoration: none;
	font-size: .9rem;
	color: #333333;
}
.topVoiceList a:last-child{
	margin-right:0;
}
.topVoiceListWrap{
	display:flex;
	align-items: center;
}
.topVoiceListBox{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-right: 5px;
}
.topVoiceListBtn{
	display: inline;
	color: #FFF;
	font-size: .8rem;
	background: #20741B;
	border-radius: 1rem;
	padding:3px 18px;
}
a:hover .topVoiceListBtn{
	background: #F00;
	transition: background-color .3s;
}

.topCaseBox{
	display: flex;
}
.topCase{
	margin-right: 10px;
}
.topCase:last-child{
	margin-right: 0;
}
.topCase img{
	vertical-align: bottom;
}

/*高品質ののぼり旗を
明朗価格でご提供いたします。*/
#topGekiyasuArea{
	padding: 25px;
	background-color: #FFF;
	border:3px solid #F00;
}
ul.hihakuList
{
	list-style:none;
	padding:0;
	display: flex;
	justify-content: space-between;
}
.hihakuList li
{
	width:200px;
	line-height: 1rem;
}
.hihakuList li img
{
	vertical-align: bottom;
}

/*２種類のオリジナル加工生地*/
.topKijiBox{
	display: flex;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	background-color: #FFF;
	border: 1px solid #BCE4C5;
	color: #333333;
}
.topKijiBox img{
	vertical-align: bottom;
}
.topKijiLeft{
	padding: 15px 5px 15px 15px;
	font-size:.95rem;
}
.topKijiRight{
	padding-right: 15px;
}
.topBouenBox{
	background: #FFF;
	display: flex;
	align-items: center;
	padding: 15px 15px 0 0;
}
.topBouenBox img{
	vertical-align: bottom;
}

/* バナー部分 */
#LeftSideArea a
{
	width: 280px;
	height: 93px;
	display:block;
	margin:0 auto;
}

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

/*top価格表*/
.price_listTopLeft
{
	width:67%;
}
.price_listTopRight{
	width:33%;
}
.price_listTop{
	width:100%;
	background: #FFF;
}
.price_listTop th{
	background:#faefbe;
}
.price_listTop th,.price_listTop td{
	padding:10px;
	text-align:center;
}
.topPrice_BouenLink{
	display:flex;
	align-items: center;
	justify-content: flex-end;
}
.topPrice_BouenLink a{
	text-decoration: none;
}
/*サイズ案内コンテンツ（top価格表の隣）*/
.sizeAttention{
	padding:0 8px;
	background: #FFF;
}

/*付属品バナー*/
p.huzokuhin a{
	width:764px;
	height:324px;
	margin:0 auto;
	display:block;
}

/*専任デザイナーによるデザイン作成無料*/
.designMethodWrap{
	display:flex;
}
.designMethodBox{
	border:2px solid #20741B;
	margin-right: 10px;
	box-sizing: border-box;
	width: 25%;
	background: #FFF;
	height: 18rem;
}
.designMethodBox:last-child{
	margin-right: 0;
}
.designMethodBox > h4{
	color: #FFF;
	font-size: 1.1rem;
	background: #20741B;
	line-height: 1.3rem;
	height: 3rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.designMethodInner{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 15rem;
}

/*流れ*/
.flowList li{
	float:left;
	width:270px;
}
.flowList li.flow_arrow
{
	width:35px;
	padding-top:150px;
}
#topFlowBox{
	display: -webkit-flex;
	display:flex;
	justify-content: space-between;
	margin-bottom: 10px;
}

#topFlowBox .flowBox{
	background:#FFF;
	width:31%;
}

.flowTitle {
	background-color: #20741b;
}

.flowTitle p{
	color:#ffffff;
	font-size:150%;
	padding:4px 0 ;
	text-align:center;
	font-weight:bold;
}

.flowText{
	padding: 10px 15px;
}

.arrowImg{
	align-self: center;
}

/*ページ途中レスポンス*/
.resBox{
	background:#ffffff;
	width:440px;
	padding:10px;
}
.resTitle{
	background:#20741B;
	font-size: 1.3rem;
	color:#ffffff;
	text-align:center;
	font-weight:bold;
	padding:4px 0 4px 0;
}
.resTopBanner a{
	width:410px;
	height:79px;
	display:block;
	margin:0 auto;
}
.resBs a {
	width: 545px;
	height: 115px;
	margin: 0 auto;
	display:block;
}


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

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

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



/*区切り線*/
.lineLightGray {
  display:block;
  width:100%;
  height:2px;
  background-color:#E9E9E9;
  border:0;  /*デフォルトデザインでは線がある場合があるので、消しておく。*/
}




/********************************
価格表ページ
********************************/


/*アコーディオン*/

.displayNone {
display: none;
}
.accordion li {
	border-bottom: 1px solid #ccc;
padding: 10px;
}
.accordion a {
display: block;
}
.contentWrap {
	margin: 10px;
}
.switch {
cursor:pointer;
font-weight: bold;
padding:10px 40px 10px 10px;
font-size: 14px;
/*background: #eee;
border-bottom: 1px solid #ccc;*/
position: relative;
}

.switch a{
	display:block;
	background-image:url(../images/btn/bouen_top_on.gif);
	width: 930px;
	height: 74px;
}


/*4つのボタン*/
.priceButtonArea
{
	padding:5px;
	background-color:#fffbb2;
	width:570px;
}
.priceButtonArea ul
{
	width:460px;
	list-style:none;
	padding:0;
	margin:0 auto;
}
.priceButtonArea li
{
	float:left;
	padding:5px;
}
.priceButtonArea li a
{
	width:215px;
	height:60px;
	display:block;
}
.priceButton01 a{background-image:url(../images/btn/price_button_nobori_on.gif);}
.priceButton02 a{background-image:url(../images/btn/price_button_mini_on.gif);}
.priceButton03 a{background-image:url(../images/btn/price_button_ryoumen_on.gif);}
.priceButton04 a{background-image:url(../images/btn/price_button_jumbo_on.gif);}


/*のぼり旗：価格表*/

.price_list,.price_list2
{
	width:900px;
}

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

.price_list th
{
	background:#E0F8D9;
}


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

/*価格表防炎ボタン*/

.bouenPriceBtn
{
	width:930px;
	height:84px;
}


/******************************************/
/*アコーディオンCSS(その1 htmlとcssで表示）*/
/*****************************************/
.bouenBtn:hover{
	background:url(../images/btn/bouen_top_on.gif) no-repeat;
}

input.bouenBtn[type="checkbox"].on-off{
display: none;
}


.ac_Area01 label {
	width:930px;
	height:74px;
	background: green;
	padding: 0;
	margin: 0;
	display: block;
	text-align:center;
	background: url(../images/btn/bouen_top.gif) no-repeat;
}

input[type="checkbox"].on-off{
	display: none;
}

.ac_Area01 div.inPriceArea01
{
	transition: all 0.5s;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ac_Area01 li {
	padding: 5px;
}

input[type="checkbox"].on-off + div.inPriceArea01
{
	height: 0;
	overflow: hidden;
}

input[type="checkbox"].on-off:checked + div.inPriceArea01
{
	height: 460px;
}



/**********************************/
/*アコーディオンメニューの
マウスオーバーのポインター設定*/
/**********************************/
.bouenBtn
{
	cursor:pointer;
}
/*InternetExplorer6.0*/
.bouenBtn
{
	cursor:hand;
}


/***********************************************
/*生地、仕上がりについてページ(kiji.html)*/
/***********************************************/

ul.PageLink_print
{
	list-style:none;
	padding:0;
	margin:5px 0;
}
ul.PageLink_print li
{
	width:300px;
}
ul.PageLink_print li a
{
	padding:0 0 0 23px;
	background-image:url(../images/pagelink.gif);
	background-repeat:no-repeat;
	background-position:2px 50%;
}
ul.PageLink_print li ul li
{
	list-style:none;
}
ul.PageLink_print li ul li a
{
	background:url(../images/icon_l.png) 0% 50%;
	background-repeat:no-repeat;
	padding-left:20px;
}

ul.shakouList
{
	width:750px;
}
ul.shakouList li
{
	margin-right:10px;
	width:350px;
}
/********************************
オプション（加工）について
********************************/

.kakouTable{
	width:900px;
}

.kakouTable th
{
	text-align:center;
	font-weight:bold;
	background:#edf7eb;
	padding:5px 20px;
	white-space:nowrap;
}
.kakouTable td
{
	padding:5px 5px;
	border-left:none;
}
.kakouTable .imageCel
{
	padding:5px 32px;
	border-right:none;
}

/********************************
関連商品　仕様
********************************/
.specList
{
	width:500px;
	background-color:#2ea300;
	border-bottom:1px solid #a7a7a7;
}
.specList dt
{
	float:left;
	width:8em;
	text-align:left;
	padding:5px;
	color:#ffffff;
	border-top:1px solid #a7a7a7;
}
.specList dd
{
	padding:5px;
	margin:0 0 0 8em;
	border-left:0;
	border-right:0;
	background-color:#e8fce7;
	border-top:1px solid #a7a7a7;
}
/* hide hack from Mac-IE5 \*/
* html .specList dd
{
	height:1%;
}
/* end hiding */


/********************************
業者選び
********************************/
.cleamBgBox
{
	background-color:#fffbe7;
	border:1px solid #db6969;
}

/********************************
よくあるご質問
********************************/
.faqList
{
	margin:0;
	padding:15px 0;
	text-indent: -1.2em;
	padding-left: 1.2em;
	border-top:1px solid #999999;
}
.faqListBorderNone
{
	border-top:none;
}
.faqList span
{
	font-weight:bold;
	padding:0 5px 0 0;
}
.faqList dt
{
	color:#ff4e00;
	font-weight:bold;
	margin:0 0 5px 0;
}
.faqList dd
{
	margin-left:1.2em;
}
.faqList dd.parag
{
	text-indent:0em;
}

.questionList
{
	list-style:none;
	padding:0;
	margin-left:0;
}
.questionList li
{
	padding:3px 0;
	border-bottom:1px dotted #666666;
}
.questionListTitle
{
	color:#ff4e00;
	font-weight:bold;
	padding:0 5px 0 0;
}
.ListTitletLevel
{
	margin-left:40px;
}
/********************************
データ入稿＆はじめての方へ
********************************/
.nyukuoList
{
	background-color:#e8fce7;
	border-bottom:1px solid #a7a7a7;
	margin:0;
}
.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 */



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

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

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


/********************************
AIテンプレートページ
********************************/
.templateBnArea
{
	width:700px;
	margin:0 auto;
}
.templateBnBox
{
	width:700px;
	height:110px;
}
.templateBnArea p
{
	width:201px;
	float:left;
	overflow:hidden;
	margin-right:20px;
}
.templateBnArea a
{
	width:201px;
	height:80px;
	display:block;
}
.bnTemplate01
{
	background-image:url(../images/btn/template-01_on.gif);
}
.bnTemplate02
{
	margin:0 0 0 10px;
	background-image:url(../images/btn/template-02_on.gif);
}
.bnTemplate03
{
	margin:0 0 0 10px;
	background-image:url(../images/btn/template-03_on.gif);
}
.bnTemplates01
{
	background-image:url(../images/btn/template-s01_on.gif);
}
.bnTemplates02
{
	margin:0 0 0 10px;
	background-image:url(../images/btn/template-s02_on.gif);
}
.bnTemplates03
{
	margin:0 0 0 10px;
	background-image:url(../images/btn/template-s03_on.gif);
}



/***********************************
イメージを超えるデザイン」のために
***********************************/

.shikumiList li
{
	float:left;
	width:285px;
	margin:0;
	padding:0;
}

.shikumiList li.shikumi_arrow
{
	width:40px;
	margin-top:50px;
}


/********************************
遮光スウェード
********************************/
.syakou_kiji a
{
	display:block;
	width:250px;
	height:149px;
	background:url(../images/contents/syakousw_kiji01_on.jpg) no-repeat;
}

.syakou_inquiry a
{
	display:block;
	width:320px;
	height:80px;
	background:url(../images/bn/syakousw_inquiry_on.gif) no-repeat;
}


.ryoumenList{
	width:375px;
	float:left;
}
.ryoumenListR
{
	margin-right:50px;
}

/********************************
デザインサンプル
********************************/

ul.seisakuPageLink
{
	list-style:none;
	padding:0;
	float: left;
	margin:5px auto;
	width:1000px;
}
ul.seisakuPageLink li
{
	width:215px;
	float:left;
	margin:0 20px 10px 0;
}
ul.seisakuPageLink li a
{
	padding:0 0 0 23px;
	background-image:url(../images/pagelink.gif);
	background-repeat:no-repeat;
	background-position:2px 50%;
}



/*製作実例リスト*/
ul.seisakuList{
	margin:0;
}
.seisakuList li
{
	width:196px;
	margin:30px 35px 20px 0;
}

.seisakuImg a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/top/test-img.jpg);
}
.designs_food01 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_food01_on.jpg);
}
.designs_food02 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_food02_on.jpg);
}
.designs_food03 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_food03_on.jpg);
}
.designs_food04 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_food04_on.jpg);
}
.designs_food05 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_food05_on.jpg);
}
.designs_food06 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_food06_on.jpg);
}

.designs_store01 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_store01_on.jpg);
}
.designs_store02 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_store02_on.jpg);
}
.designs_store03 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_store03_on.jpg);
}
.designs_store04 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_store04_on.jpg);
}
.designs_store05 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_store05_on.jpg);
}
.designs_store06 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_store06_on.jpg);
}
.designs_store07 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_store07_on.jpg);
}
.designs_store08 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_store08_on.jpg);
}
.designs_store09 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_store09_on.jpg);
	
}
.designs_store10 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_store10_on.jpg);
}
.designs_store11 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_store11_on.jpg);
}
.designs_store12 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_store12_on.jpg);
}

.designs_store13 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_store13_on.jpg);
}

.designs_store14 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_store14_on.jpg);
}


.designs_store15 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_store15_on.jpg);
}


.designs_store16 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_store16_on.jpg);
}

.designs_store17 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_store17_on.jpg);
}

.designs_store18 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_store18_on.jpg);
}


.designs_koukyou01 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_koukyou01_on.jpg);
}
.designs_koukyou02 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_koukyou02_on.jpg);
}
.designs_koukyou03 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_koukyou03_on.jpg);
}
.designs_koukyou04 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_koukyou04_on.jpg);
}
.designs_koukyou05 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_koukyou05_on.jpg);
}
.designs_koukyou06 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_koukyou06_on.jpg);
}
.designs_koukyou07 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_koukyou07_on.jpg);
}

.designs_ouen01 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_ouen01_on.jpg);
}
.designs_ouen02 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_ouen02_on.jpg);
}
.designs_ouen03 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_ouen03_on.jpg);
}


.designs_election01 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_election01_on.jpg);
}
.designs_election02 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_election02_on.jpg);
}
.designs_election03 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_election03_on.jpg);
}


.designs_hudousan01 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_hudousan01_on.jpg);
}


.designs_event01 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_event01_on.jpg);
}
.designs_event02 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_event02_on.jpg);
}
.designs_event03 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_event03_on.jpg);
}




.designs_maturi01 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_maturi01_on.jpg);
}
.designs_maturi02 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_maturi02_on.jpg);
}
.designs_maturi03 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_maturi03_on.jpg);
}
.designs_maturi04 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_maturi04_on.jpg);
}


.designs_etc01 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_etc01_on.jpg);
}
.designs_etc02 a
{
	width:196px;
	height:198px;
	display:block;
	background-image:url(../images/seisaku/designs_etc02_on.jpg);
}

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

.btn_kakudai
{
	background:url(../images/btn/kakudai_on.gif) no-repeat;
	width:115px;
	height:30px;
	margin:10px auto 0 auto;
}


/********************************
ポップアップ用
********************************/
#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）
********************************/

.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 */



/********************************
会社概要
********************************/
.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_bsyoyogi
{
	background-image:url(../images/bn/bn_yoyogi_on.jpg);
}
.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 #17BC0B;
	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;
}*/


/********************************
404ページ
********************************/
.fileNon
{
	background: url(../images/contents/404.gif) no-repeat right bottom;
}
.siteMapLeft
{
margin-right: 20px;
}
.siteMap ul
{
	list-style:none;
	padding-left:25px;
	margin:0;
}



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

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


/********************************
リピーターページ
********************************/
.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;
}



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

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


#MailFormKijiSample th
{
	width:130px;
	background-color:#c6f8c3;
}
#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;
}


.btnStep2 a
{
	width:232px;
	height:61px;
	display:block;
	margin:0 auto;
	background-image:url(../images/btn/go_step2_on.gif);
}
.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);
}




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

/********************************
お客さまの声・インタビュー
********************************/
.intaArea01{
	float:left;
	margin:0;
	padding:0;
}

.intaArea02{
	float:right;
	margin:0;
	padding:0;
}

.intaArea01 a
{
	width:480px;
	height:200px;
	display:block;
	margin:0;
}
.intaArea02 a
{
	width:480px;
	height:200px;
	display:block;
}

.PageLink ul li{
	list-style-type:none;
	float:left;
	width:50%;
}
.PageLink ul li a{
	background:url("../images/pagelink.gif") 0% 50%;
	background-repeat:no-repeat;
	padding-left:20px;
}
.staffCommentBox
{
	clear:both;
	padding:10px;
	border:1px solid #d6d6d6;
}

/********************************
お客様の声 板橋区商店街様 枠付きボックスで使用
********************************/
.annotatedBox
{
	border:2px solid #cccccc;
}
.annotatedBox dt
{
	font-weight:bold;
	padding:5px 10px;
	background-color:#eeeeee;
	border-bottom:2px solid #cccccc;
}
.annotatedBox dd
{
	margin:0;
	padding:15px;
}



/********************************
対応ソフト
********************************/
.softWereListTable
{
	width:100%;
}
.softWereListTable th,
.softWereListTable td
{
	border-left:none;
	border-right:none;
}
.softWereListTable th
{
	padding:10px;
	background-color:#c3f0b8;
}
.softWereListTable td
{
	padding:5px 10px;
}

/********************************
店舗などへの代行出荷も可能です
********************************/
.users01 a{
	width:660px;
	height:218px;
	text-align:center;
	display:block;
	background-image:url(../images/btn/users01_on.jpg);
}


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

/********************************
のぼりフォーム（チェックで表示）
********************************/
.switchingColor{
	opacity:0.3;
}

h1.textForm
{
	font-size:250%;
	padding:0 0 4px 17px;
	min-height:88px;
	line-height:2;
	background:url(../images/h1/h1.gif) no-repeat;
}

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