@charset "utf-8";

/* ********************************************* */
/** ページ毎の設定
/** contents.css
/** オーダーのれん専門店
/* ********************************************* */


/********************************
トップページ
********************************/
#mainCatchArea h1 {
	position: absolute;
	top: 314px;
	left: 0px;
	right: 0px;
	font-size:200%;
	line-height:1.4em;
	font-weight:bold;
	background: linear-gradient(to right, rgba( 0, 53, 130, 0 ) 0%,rgba( 0, 0, 0, 0.5 ) 10%, rgba( 0, 0, 0, 0.5 ) 90%,rgba( 0, 53, 130, 0 ) 100%);
	color:#fff;
	text-align: center;
	margin: auto;
	padding:15px;
	width: 900px;
}
#mainCatchArea h1 span{
	color:#FF0004;
	font-size:120%;
	text-shadow:#fff 2px 0px,#fff -2px 0px,
	#fff 0px -2px,#fff 0px 2px,
	#fff 2px 2px ,#fff -2px 2px,
	#fff 2px -2px,#fff -2px -2px,
	#fff 1px 2px,#fff -1px 2px,
	#fff 1px -2px,#fff -1px -2px,
	#fff 2px 1px,#fff -2px 1px,
	#fff 2px -1px,#fff -2px -1px;
}


.allBg{
	background-color:#FFFFFF;
}
.contentsAllBodyArea {
	width:1024px;
	margin:0 auto;
}
.topSection{

	padding: 70px 0;

}
h2.midashiBig{
	border-left:8px solid #0D7E00;
	line-height:2em;
	font-size:240%;
	-webkit-box-shadow: 0px 3px 1px 0px #D0D0D0;
	box-shadow: 0px 3px 1px 0px #D0D0D0;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
	padding-left:8px;
	background-color:#F4F4F4;
}

/*メインキャッチ*/

#mainCatchArea{
	width:100%;
	height:380px;
}
.mainCatchText{
	position:absolute;
	top:140px;
	left:52px;
}

/*ミニのぼり旗：価格表*/
.price_list,.price_list2{
	width:900px;
}
.grayBorderBox{
	border:2px solid #cfcfcf;
	padding:10px;
}
.price_list th{
	background:#E0F8D9;
	vertical-align:middle;
	font-size:120%;
	line-height:1.5em
}
.price_list th,.price_list td{
	padding:5px 10px;
	text-align:center;
	vertical-align:middle;
}
.price_list td{
	line-height:1.8em
}
.fleeDesignBox{
	width:1000px;
	margin:15px auto 35px auto;
}
.fleeDesignBox div{
	width:675px;
	margin:15px auto 35px auto;
}
.fleeDesignGrayBox{
	width:480px;
	margin-top:10px;
	padding:5px 10px 5px 40px;
	background-color:#F0F0F0;
}
.fleeDesignGrayBox li{
	margin-bottom:4px;
}

/*生地・仕上がりについて*/
h3.normalTitle{
	font-size:120%;
	padding:3px 0 0 8px;
	line-height:2em;
	border-bottom:3px solid #004899;
}
.kijiContentsBox{
	width:960px;
	margin:0 auto;
	
}
.kijiContentsCell{
	width:465px;
}
/*************************************
電話番号（無理な売り込みはしません）
**************************************/
.attentionBorder{
	border:solid 1px #959595;
	padding:10px;
}



/*************************************
ご一緒にご購入いただける付属品
**************************************/


.useImgBox{
	width:950px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:34px;
}

/*表*/
.useListBox{
	width:750px;
	margin:0 auto;
	text-align:center;
}

.useListBox th{
	background-color:#DCE6D7;
	height:2.5em;
	vertical-align:middle;
}
.useListBox td{
	height:2.5em;
	vertical-align:middle;
	
}
.useListBox td span.zeiText{
		font-size:12px;
}
.smallWord{
		font-size:12px;
}
/*************************************
付属品
**************************************/

.fuzokuhinLink{
	display:flex;
}

.optionprice th
{
	width:120px;
	text-align:center;
 	vertical-align:middle;
	background-color:#FFF5DB;
}

#pole th
{
	width:120px;
	text-align:center;
	background-color:#FFF5DB;
}

.optionprice td
{
	width:140px;
	text-align:center;
 	vertical-align:middle;
}
.optionprice th,
optionprice td
{
	padding:10px;
}


.optionprice tr td.sozai
{
	padding:10px;
	width:250px;
 	vertical-align:middle;
}

/*のれん棒説明用*/

.norenbouSyousai li
{
	float:left;
	width:450px;
}

/*のれんかけ説明用*/
.settiNorenkake{
	display:flex;
	justify-content:flex-start;
}

/*************************************
生地について
**************************************/

.kijiBouen{
	display: inline-block;
	margin:0 0 40px 40px;
	
}

.mainCatchPhotoBox{
	z-index:-1;
	position: relative;
	/*width: 450px;*/ /*表示したい大きさ、height と合わせる*/
}

.mainCatchPhotoBox .mainCatchPhoto { 
	width:100%;
	min-width:1024px;
	height:auto;
	min-height:380px;
	position: absolute; /*画像を全て重ねる*/
	top:0;
	left:0;
}


h2.topTextLevel
{
	color:#FFFFFF;
	font-size:270%;
	text-align:center;
	font-weight:bold;
	line-height:1.3;
	padding: 15px 0 15px 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #fe5525), color-stop(0.36, #ff7152));
	background: -webkit-linear-gradient(top, #ff7152 36%, #fe5525 88%);
	background: -moz-linear-gradient(top, #ff7152 36%, #fe5525 88%);
	background: -o-linear-gradient(top, #ff7152 36%, #fe5525 88%);
	background: -ms-linear-gradient(top, #ff7152 36%, #fe5525 88%);
	background: linear-gradient(to bottom, #ff7152 36%, #fe5525 88%);
}

h2.topTextLevel2
{
	color:#FFF;
	font-size:270%;
	text-align:center;
	font-weight:bold;
	line-height:1.4;
	padding: 20px 0 20px 0;
	background:#274a78;
}

h3.topTextLevel
{
	font-size:120%;
	padding:3px 5px 3px 6px;
	border:none;
	border-left: 5px solid #C0C0C0;
	border-bottom: 3px solid #C0C0C0;
}


/*製作例*/
#topSeisakuArea
{
	width: 955px;
	margin: 0 auto;
}
/*トップページ　カードの内枠*/
.bgWhiteBodyAreaInside2
{
	padding:0px 20px 20px 20px;
}




/*価格　付属品*/

.bnFuzokuhin a {
	width:532px;
	height:217px;
	display:block;
	margin: 0 auto;
}


/*checkpoint　業者選びのポイント*/
.cleamBgBox{
	background-color:#fffbe7;
	border:1px solid #BD6969;
}
.cleamBgBox li{
	margin-left:15px;
}

/*当社ののれんは完全自社工場生産です*/

.productMidashi{
	font-size:110%;
	font-weight:bold;
	text-align:center;
	margin:8px auto;
}

.flowBox01
{
	padding-left:8px;
	margin-left: 10px;
	height:355px;
}

/*はっぴ販売代理店と当店との違い*/
h3.shop_difference_text01,
h3.shop_difference_text02
{
	font-size:180%;
	line-height:1.3;
}

.shop_differenceBox01
{
	border:2px #B2B2B2 solid;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

.shop_difference_text01
{
	background-color:#9F9F9F;
}

.shop_differenceMidashi01
{
	background-color:#FFFFFF;
	position:absolute;
	top:-20px;
	left:210px;
}

.shop_differenceBox02
{
	border:2px #e94a2a solid;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

.shop_differenceUpperBox02
{
	border:1px #e94a2a solid;
	padding:5px;
}

.shop_difference_text02
{
	background-color:#e94a2a;
}

.shop_differenceMidashi02
{
	background-color:#FFFFFF;
	position:absolute;
	top:-20px;
	left:210px;
}


/*安心してご注文いただくために*/

.btnAnshin{
	padding:10px;
	text-align:center;
}

.btnAnshin p{
	display:inline-block;
}

.aisatsu
{
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	border:10px #274A78 solid;
	background-color:#F5F1E5;
	padding:10px;
	width:700px;
	margin-left:auto;
	margin-right:auto;
	border-radius:10px;
	font-size:105%;
	font-weight:bold;
}

.aisatsuLine{
	border-bottom: solid 2px #cecece;
}

/*おすすめする６つの理由*/
.riryuuContents{
	width:862px;
	margin-right:auto;
	margin-left:auto;
}

.riryuuContents-box{
	width:250px;
	height:225px;
	padding:10px;
	border:2px solid #FF9B1E ;
	float:left;
}


/*私たちは“わかりやすい”を追求します。*/

.tuikyuuMidhashi
{
	font-size:170%;
}

.tuikyuuBox
{
	padding:30px 50px 20px 50px;
	background-color:#fffff5;
	border:2px solid #e4e1d8;
	width:904px;
	margin-right:auto;
	margin-left:auto;
}


/*デザインサンプル*/
.DesignPageLink
{
	display:flex;
}

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


/*流れ*/

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

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

.flowGrayBox{
	height: 280px;
}


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

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

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

/*お支払について*/
.top_priceBox
{
	background:#F1F1F1;
	padding:7px;
	height:240px;
}

.top_priceBox01-size
{
	width:250px;
}
.top_priceBox02-size
{
	width:320px;
}
.top_priceBox03-size
{
	width:268px;
}





/********************************
失敗しないのれん製作のポイント
********************************/

.beginnersMenu li{
	float:left;
	margin:10px 20px 0px 0;
}

.beginnersSetti li{
	margin:10px 20px 10px 0;
	margin:0 auto;
}


/*サイズの測り方 よこのサイズ*/

.sizeWidth li
{
	float:left;
	width:400px;
}

.sizeWidth li.size_arrow
{
	width:30px;
	padding-top:80px;
}

.sizeBox{
	
	padding-left:8px;
}

.sizeWidthText{
	margin-left:60px;
}

/*サイズの測り方 たてのサイズ*/

.sizeHeight li
{
	float:left;
	width:400px;
}

.sizeImgBox{
	width: 325px;
	margin:0 auto;
}


/********************************
仕立てについて
********************************/

.joubuShitate li
{
	width:200px;
	margin:0 30px 0 10px;
}

/********************************
のれんの設置に必要なもの
********************************/
.settiBox{
	display:flex;
}


/********************************
のれんのしきたりについて
********************************/

.shikitariColorLeft
{
	width:460px;
	height:160px;
	float:left;
	display: block;
	margin:10px
}

.shikitariColorRight
{
	width:460px;
	height:160px;
	float:right;
	display: block;
	margin:10px
}
.shikitariColorLeft2
{
	width:460px;
	height:100px;
	float:left;
	display: block;
	margin:10px
}

.shikitariColorRight2
{
	width:460px;
	height:100px;
	float:right;
	display: block;
	margin:10px
}


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


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

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

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




















/*↑ここまでは使用*/



























/********************************
価格表ページ
********************************/
.otherShopBox
{
	position:relative;
	width:800px;
	height:85px;
	padding-top:20px;
	padding-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	z-index:0;
}

.otherShopInsaideBox
{
	position:absolute;
	background-color:#F5F5F5;
	font-size:110%;
	width:745px;
	height:68px;
	padding:5px 5px 5px 55px;
	margin-left:auto;
	margin-right:auto;
	z-index:2;
}

.otherShopInsaideBox ul
{
	width:160px;
	padding:0;
	margin-left:60px;
	float:left;
}

.otherShoptextBox
{
	position:absolute;
	z-index:3;
	top:0;
	left:10px;
}
.otherShoptext01
{
	width:150px;
	color:#FFFFFF;
	background-color:#FC7D00;
	text-align:center;
	font-size:120%;
	margin-left:20px;
}
.otherShoptext02
{
	width:250px;
	position:absolute;
	z-index:3;
	top:8px;
	left:200px;
}

/* 価格表 */
.priceTable th,
.priceTable td{
	font-size: 96%;
	line-height: 1.1em;
	text-align: center;
	border: 1px solid #9e9e9e;
	padding: 3px 0;
}

.priceTable th{
	background-color: #F3F4F7;
	vertical-align: middle;
}

.priceTable th.priceTableHead{
	background: linear-gradient(20deg, #1a3164, #1a3164 49%, #9e9e9e 49%, #9e9e9e 51%, #1a3164 51%, #1a3164);
	color: #fff;
	font-size: 90%;
	padding: 5px 3px;
	width: 85px;
}

.priceTableHead p{
	display: inline-block;
}

.priceTable td{
	color: #00246c;
	font-weight: bolder;
}

.priceTable td span{
	font-size: 75%;
	color: #333333;
}

/********************************
用途別　ページ（全てに共通）
********************************/

.youtoSeisaku{
	padding:10px;
	text-align:center;
}

.youtoSeisaku li{
	display:inline-block;
	justify-content: center;
}


/*一緒に購入されてる用途*/

.youtoSonota{
	width:200px;
}

.useSonotaList{
	display: flex;
	justify-content: center;
}



/********************************
FAXオーダーシート
********************************/

.btnFaxsheetDl a
{
	display:block;
	width:330px;
	height:92px;
	margin:auto;
	
}


/*デザイン一覧ページ用*/

.W420pxBox{
	width:420px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.designIzakaya01 a,.designIzakaya02 a,
.designIzakaya03 a,.designIzakaya04 a,
.designIzakaya05 a,.designIzakaya06 a,
.designIzakaya07 a,.designIzakaya08 a,
.designIzakaya09 a,.designIzakaya10 a,
.designIzakaya11 a,.designIzakaya12 a,
.designWasyoku01 a,.designWasyoku02 a,
.designWasyoku03 a,.designWasyoku04 a,
.designWasyoku05 a,.designWasyoku06 a,
.designWasyoku07 a,.designWasyoku08 a,
.designWasyoku09 a,.designWasyoku10 a,
.designWasyoku11 a,.designWasyoku12 a,
.designRa-men01 a,.designRa-men02 a,
.designRa-men03 a,.designRa-men04 a,
.designRa-men05 a,.designRa-men06 a,
.designChuka01 a,.designChuka02 a,
.designChuka03 a,.designChuka04 a,
.designChuka05 a,.designChuka06 a,
.designChuka07 a,
.designWagashi01 a,.designWagashi02 a,
.designWagashi03 a,.designWagashi04 a,
.designWagashi05 a,.designWagashi06 a,
.designWagashi07 a,

.designYougasi01 a,.designYougasi02 a,
.designYougasi03 a,.designYougasi04 a,
.designYougasi05 a,.designYougasi06 a,
.designYougasi07 a,

.designGakuya01 a,.designGakuya02 a,
.designGakuya03 a,.designGakuya04 a,
.designGakuya05 a,.designGakuya06 a,
.designGakuya07 a,.designGakuya08 a,
.designGakuya09 a,

.designYunoren01 a,.designYunoren02 a,
.designYunoren03 a,.designYunoren04 a,
.designYunoren05 a,.designYunoren06 a,
.designYunoren07 a,.designYunoren08 a,
.designYunoren09 a,.designYunoren10 a,
.designYunoren11 a,.designYunoren12 a,

.designShikiri01 a,.designShikiri02 a,
.designShikiri03 a,.designShikiri04 a,
.designShikiri05 a,.designShikiri06 a,
.designShikiri07 a,.designShikiri08 a,

.designEvent01 a,.designEvent02 a,
.designEvent03 a,.designEvent04 a,
.designEvent05 a,.designEvent06 a,
.designEvent07 a,.designEvent08 a,
.designEvent09 a,.designEvent10 a,
.designEvent11 a,.designEvent12 a,
.designEvent13 a,.designEvent14 a,
.designEvent15 a,.designEvent16 a,

.designHiyoke01 a,.designHiyoke02 a,
.designHiyoke03 a,.designHiyoke04 a,
.designHiyoke05 a,.designHiyoke06 a,
.designHiyoke07 a,.designHiyoke08 a,
.designHiyoke09 a
{
	display:block;
	
}





/*拡大ボタン　大*/
.btn_kakudai a{
	width:215px;
	height:45px;
	display:block;
}
.btnPosition_kakudai{
	margin-left:130px;
}

.btnPosition_kakudai3{
	margin-left:60px;
}

.btnPosition_kakudai4{
	margin-left:20px;
}

.sozaiSample{
	width:800px;
	margin: auto;
}
.sozaiSample2{
	width:810px;
	margin: auto;
}


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


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



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


/*↑ここまでは使用*/



















.youtobetuExBox
{
	width:976px;
	height:120px;
	position:relative;
}
ul.youtobetuExList
{
	width:976px;
	list-style:none;
	position:absolute;
	bottom:10px;
	z-index:2;
}
ul.youtobetuExList li
{
	font-size:170%;
	font-weight: 900;
	float:left;
	margin-right:10px;
	text-shadow:1px 2px 2px #FFFFFF,
	-2px 2px 1px #FFFFFF,
	2px -2px 1px #FFFFFF,
	-2px -2px 1px #FFFFFF;
}
.youtobetuTextBox
{
	position:absolute;
	left:120px;
	z-index:2;
	color:#FFFFFF;
	background-color:#002BB5;
	padding:6px;
	border-radius: 8px;
	-webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 8px;   /* Firefox用 */  
}
.youtobetuExBgimg
{
	position:absolute;
	top:25px;
	left:8px;
	z-index:1;
}
.youtobetuExBgimgBox
{
	background:#E0F8FF;
	width:990px;
	height:130px;
	position:absolute;
	top:20px;
	z-index:1;
}
/*「youtoAttentionArea」はsokkurisan.htmlでも使用*/
.youtoAttentionArea
{
	height:80px;
	font-size:180%;
	line-height:3em;
	text-align:center;
}
.youtoAttentionArea span
{
	font-size:150%;
}
.fullYoutobetu-midashi,
.teibanYoutobetu-midashi
{
	font-size:180%;
	line-height:2em;
	color:#FFFFFF;
	padding-left:8px;
	
}
.fullYoutobetu-midashi
{
	background:#FF3636;
}
.teibanYoutobetu-midashi
{
	background:#002BB8;
}
.fullYoutobetuBg
{
	background-color:#FFF4F8;
}
.teibanYoutobetuBg
{
	background-color:#F4F7FF;
}


/********************************
用途別　お祭り用ページ
********************************/

ul.youtobetuExList li.taiiku
{
	width:150px;
	position:absolute;
	left:20px;
}
ul.youtobetuExList li.shimin
{
	width:150px;
	position:absolute;
	left:180px;
}
ul.youtobetuExList li.bunka
{
	width:150px;
	position:absolute;
	left:350px;
}
ul.youtobetuExList li.natumaturi
{
	width:150px;
	position:absolute;
	right:350px;
}
ul.youtobetuExList li.shuukaku
{
	width:150px;
	position:absolute;
	right:180px;
}
ul.youtobetuExList li.haroin
{
	width:150px;
	position:absolute;
	right:50px;
}


/********************************
用途別　ユニフォーム用ページ
********************************/

ul.youtobetuExList li.kaisya
{
	width:150px;
	position:absolute;
	left:180px;
}
ul.youtobetuExList li.kinenn
{
	width:150px;
	position:absolute;
	left:400px;
}
ul.youtobetuExList li.ryokann
{
	width:150px;
	position:absolute;
	left:580px;
}
/********************************
用途別　イベント用ページ
********************************/

ul.youtobetuExList li.tennrann
{
	width:150px;
	position:absolute;
	left:200px;
}
ul.youtobetuExList li.sell
{
	width:150px;
	position:absolute;
	left:400px;
}
ul.youtobetuExList li.pr
{
	width:170px;
	position:absolute;
	left:580px;
}
/********************************
用途別　ライブ用ページ
********************************/

ul.youtobetuExList li.live
{
	width:150px;
	position:absolute;
	left:230px;
}
ul.youtobetuExList li.anime
{
	width:190px;
	position:absolute;
	left:400px
}
ul.youtobetuExList li.aidoru
{
	width:210px;
	position:absolute;
	left:600px;
	letter-spacing:-2px;
}
/********************************
用途別　贈答用ページ
********************************/

ul.youtobetuExList li.zoutei
{
	width:150px;
	position:absolute;
	left:270px
}
ul.youtobetuExList li.present
{
	width:180px;
	position:absolute;
	left:480px;
}

/********************************
用途別　規定外用ページ
********************************/

ul.youtobetuExList li.sodenashiHappi
{
	width:170px;
	position:absolute;
	left:190px;
}
ul.youtobetuExList li.longHappi
{
	width:190px;
	position:absolute;
	left:400px
}
ul.youtobetuExList li.yosakoiHappi
{
	width:210px;
	position:absolute;
	left:600px;
	letter-spacing:-2px;
}

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

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

/*************************************
そっくりさんページ
**************************************/
.howToSendBox
{
	position:relative;
	border:3px #3EB9FF solid;
	padding:35px 15px 15px 15px;
	border-radius: 40px;
}

.howToSendBox .leftBox,
.howToSendBox .rightBox
{
	width:145px;
}


.howToSendMidashi
{
	position:absolute;
	top:-15px;
	left:80px;
	background-color:#3EB9FF;
	color:#FFFFFF;
	padding:8px;
}

.howToAssignBox
{
	position:relative;
	border:3px #FD7D00 solid;
	padding:55px 15px 15px 5px;
	border-radius: 40px;
	height:147px;
}
.howToAssignMidashi
{
	position:absolute;
	top:-10px;
	left:160px;
	background-color:#FD7D00;
	color:#FFFFFF;
	padding:8px;
}

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

ul.howToAssignList li
{
	width:130px;
	height:78px;
}

.specList{
	width:500px;
	border-bottom:1px solid #a7a7a7;
}

.specList dt{
	float:left;
	width:8em;
	text-align:left;
	padding:5px;
	border-top:1px solid #a7a7a7;
}

.specList dd{
	padding:5px;
	margin:0 0 0 8em;
	border-left:0;
	border-right:0;
	border-top:1px solid #a7a7a7;
}


/********************************
データ入稿＆はじめての方へ
********************************/
.nyukuoList
{
	background-color:#ebeff6;
	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:204px;
	height:62px;
	display:block;
}





/********************************
よくあるご質問
********************************/
.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;
}
.questionList li span
{
	color:#ff4e00;
	font-weight:bold;
	padding:0 5px 0 0;
}


/************************************
フルオーダーサイズ詳細ポップアップ用
************************************/
#fullSizePopUpBodyArea
{
	width:700px;
	margin:0 auto;
}


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


/********************************
お客様の声
********************************/
h3.textLevel2
{
	font-size:115%;
	border-left:8px solid #F29438;
	background:#eee;
	border-bottom:none;
	padding:5px;
	color:#000000;
}

h4.textVoice2
{
	clear:both;
	font-size:105%;
	padding:4px 10px;
	color:#ffffff;
}

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

.staffCommentBox{
	background-color:#F5F5F5;
	padding:15px 10px 5px 10px;
}

/********************************
会社概要
********************************/
.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;
}
.aboutTable{
	width:814px;
	margin:0 auto;
}
.aboutTable th,.aboutTable td{
	padding:5px;
}
.staffList{
	width:280px;
}

.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;
}
.aboutDecorationText{
	font-size:28px;
	line-height:1.6;
	color:#0083DB;
	font-weight:500;
}
.aboutDecorationText span.threeWord{
	font-size:26px;
}
.aboutDecorationText2{
	font-size:34px;
	line-height:1.6;
	margin-left:15px;
	margin-top:15px;
	color:#0083DB;
	font-weight:500;
}
.aboutDecorationBox{
	width:210px;
	margin:35px 20px 30px;
	padding:0 10px;
	font-size:16px;
	line-height:2.3;
	text-align:left;
	color:#0083DB;
	float:left;
	
}
.aboutDecorationBlue{
	color:#0083DB;
	margin-left:15px;
}
.title-border {
display: flex;
align-items: center;
}

.title-border:after {
border-top: 1px solid #0099ff;
content: "";
flex-grow: 1;
}
.title-border:after {
margin-left: 1rem;
}


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




/********************************
メディアページ
********************************/
.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;
}




/********************************
個人情報の取り扱いについて
********************************/
.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;
}


/********************************
データ入稿＆はじめての方へ
********************************/
.nyukuoList
{
	background-color:#ebeff6;
	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%;
}


/********************************
お問い合わせ・お見積り依頼フォーム
********************************/
#MailForm{
	width:990px;
	margin-left:auto;
	margin-right:auto;
}

#MailForm th{
	width:130px;
	text-align:center;
	background-color:#ebeff6;
}

#MailForm th,
#MailForm td{
	padding:10px;
	border:1px solid #cccccc;
}

#MailForm .nonBorder th,
#MailForm .nonBorder td{
	border:none;
}

table{
	width: 100%;
}

#MailForm .shitateSelectList{
	margin-top:0;
	margin-left:0;
	margin-right:0;
	padding:0;
	list-style:none;
}

#MailForm .shitateSelectList li{
	width:153px;
	float:left;
	margin:0 6px 0 0;
	padding:7px 0;
}


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

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

/********************************
LINE見積もり
*******************************/
#lineMainArea{
	width:600px;
	margin-left:auto;
	margin-right:auto;
}
.lineFlex{
	justify-content:center;
	align-items:center;
	background-color:#07bc22;
}
ul.lineStep{
	margin: 0;
	padding: 0;
	list-style: none;
}
.lineStep{
	overflow: hidden;
	width: 100%;
}
.lineStep li{
	float: left;
	margin: 0 .5em 0 1em;
	background: #ddd;
	padding: .7em 1em;
	float: left;
	text-decoration: none;
	color: #444;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	width:134px;
	position: relative;
}
.lineStep li::before{
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -1.5em;
	border-width: 1.5em 0 1.5em 1em;
	border-style: solid;
	border-color: #ddd #ddd #ddd transparent;
	left: -1em;
}
.lineStep li::after{
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -1.5em;
	border-top: 1.5em solid transparent;
	border-bottom: 1.5em solid transparent;
	border-left: 1em solid #ddd;
	right: -1em;
}
.lineStep li.step{
	background:#C7ECD2;
	font-weight:700;
}
.lineStep li.step::before{
	border-color: #C7ECD2 #C7ECD2 #C7ECD2 transparent;
}
.lineStep li.step::after{
	border-left: 1em solid #C7ECD2;
}
.lineBorderBox{
	border:4px solid #07bc22;
}


/********************************
お問い合わせ・お見積り依頼フォーム
********************************/
h1.normal {
	padding: 8px;
	background-color: #F9F9F9;
	border-left: 10px solid #0D7E00;
	font-size: 250%;
	margin-top: 20px;
	margin-bottom:30px;
	line-height: normal;
}
.flowTitle{
	font-size: 150%;
	font-weight: bold;
	border-bottom: 3px solid #0D7E00;
}
#MailForm
{
	width:800px;
	margin:0 auto;
}
#MailForm th
{
	width:10em;
	text-align:left;
}
#MailForm th,
#MailForm td
{
	padding:10px;
}
#MailForm div p input
{
	margin:0 5px;
}
div#err
{
	color:#ff0000;
	font-weight:bold;
	border:none;
	background-color:#FFCECE;
}

/*表*/
#poleBox{
	width:750px;
	margin:0 auto;
	text-align:center;
}

#poleBox th{
	background-color:#DCE6D7;
	padding: 5px;
	vertical-align:middle;
}
#poleBox td{
	padding: 5px;
	vertical-align:middle;
	
}

/*ボタン*/
.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);
}

h1.form{
	margin: 10px 0 0 3px;
	padding:2px 0 2px 6px;
	border-left: 10px solid #aa2018;
	font-size: 135%;
	color: #cc1e14;
}
.formHide{
 display: none;
}
/* エラーチェック（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);
}

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