@charset "utf-8";

/* ********************************************* */
/** ページ毎の設定
/** contents.css
/** 横断幕・懸垂幕専門店
/* ********************************************* */



/*1024幅　サイトの大枠*/
/*お得意さまのdwtの不足
(お得様のbasic.cssに
今更つけるのは控えたいためココに記述)*/
.allBodyArea
{
	width:1024px;
	text-align:left;
	margin:0 auto;
}


/********************************
トップページ
********************************/
/* メインキャッチ */
#mainCatchArea{
	width:100%;
	min-width: 1024px;
	height: 300px;
	overflow: hidden;
	background: #000;
	padding:10px 0;
}


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

/* スタッフ写真 */
#mainCatchStaff{
	height:130px;
	width: 100%;
	background:url(../images/top/main_catch_staff-bg.jpg) repeat-x;
	background-position: center;
	text-align: center;
}

/* 横断幕　製作実例 */
/*.topSeisakuList{
	width: 1008px;
	margin: 0 auto;
}*/

.topSeisakuList li{
	box-sizing: border-box;
	width: 290px;
	margin-right:10px;
	padding: 10px;
	background-color: #FFF;
	border: 1px solid #C1D1DB;
	float: left;
	line-height: 1.4em;
}

.topSeisakuList li:nth-child(3n){
	margin-right:0;
}

/* 用途別・横断幕製作実例リンク */
.topSeisakuLink{
	display: flex;
	justify-content: center;
}
.topSeisakuLink li{
	margin-right: 20px;
}
.topSeisakuLink li:last-child{
	margin-right: 0;
}

/* インタビュー */

.topVoiceList{
	display: flex;
}

.topVoiceList a{
	box-sizing: border-box;
	width: 220px;
	margin-right:3px;
	padding: 10px;
	background-color: #FFF;
	border: 1px solid #C1D1DB;
	float: left;
	line-height: 1.1em;
	text-decoration: none;
	font-weight: bold;
	font-size: .9rem;
	color: #333333;
}
.topVoiceList a:last-child{
	margin-right:0;
}
.topVoiceList a:hover p{
	color: #F00!important;
	transition: color .3s;
}
.topVoiceListBox{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 110px;
}
.topVoiceListBtn{
	display: inline;
	color: #FFF;
	font-size: .8rem;
	background: #004EA2;
	border-radius: 1rem;
	padding:2px 18px;
}
a:hover .topVoiceListBtn{
	background: #F00;
	transition: background-color .3s;
}

/*********** 手紙 ***********/
#gallery02 {
	position: relative;
	width: 890px;
	margin: 0 auto;
	z-index:0;
}
#gallery02 .slideFrame {
	position: relative;
	height: 205px;
	overflow: hidden;
	margin-bottom: 15px;
}

#gallery02 .slideFrame ul {
	position: absolute;
	top: 0;
	left: 0px;
	width: 3572px;
}
#gallery02 .slideFrame ul li {
	float: left;
	width: 890px;
	margin-right: 4px
}
#gallery02 .slideFrame ul li:last-child {
	margin-right: 0;
}

/* gallery list button */
#gallery02 ul.nav {
	width: 104px;
	margin: 0 auto;
}
/*#gallery02 ul.nav li {
	float: left;
	margin: 0 8px;
}

#gallery02 ul.nav li label {
	display: block;
	width: 10px;
	height: 10px;
	cursor: pointer;
	background:#ccc;
}
#gallery02 ul.nav li label:hover {
	background:#5077A0;
}*/

/* slider arrow button */
#gallery02 p {
	display: block;
	position: absolute;
	top: 80px;
	margin: 0;
	width: 35px;
	height: 80px;
	cursor: pointer;
}
#gallery02 p label {
	display: block;
	position: absolute;
	width: 30px;
	height: 58px;
	cursor: pointer;
	background:rgba(256,256,256,0.3);
	border: 1px solid #0068D9;
	border-radius: 5px;
	font-size: 140%;
	font-weight: bold;
	color: #004EA2;
	padding-top:22px;
	padding-left: 6px;
}
#gallery02 p label:hover {
	background:rgba(256,256,256,1);
	color: #004EA2;
}
#gallery02 .prev {
	left: -20px;
	border-radius: 5px;
	box-shadow: 2px 1px 2px rgba(0,0,0,0.8);
}
#gallery02 .next {
	right: -20px;
	border-radius: 5px;
	box-shadow:-2px 1px 2px rgba(0,0,0,0.2);
}


#gallery02 input{
	position:absolute;
	left:-9999px;
	z-index:-9999;
}

/* CSS Programming */
#gallery02 #switch02_1:checked ~ .slideFrame ul {
	left: 0px;
}
#gallery02 #switch02_2:checked ~ .slideFrame ul {
	left: -892px;
}
#gallery02 #switch02_3:checked ~ .slideFrame ul {
	left: -1784px;
}
#gallery02 #switch02_4:checked ~ .slideFrame ul {
	left: -2676px;
}
#gallery02 #switch02_1:checked ~ .nav li label[for="switch02_1"],
#gallery02 #switch02_2:checked ~ .nav li label[for="switch02_2"],
#gallery02 #switch02_3:checked ~ .nav li label[for="switch02_3"],
#gallery02 #switch02_4:checked ~ .nav li label[for="switch02_4"] {
	background:#004ea2;
}
#gallery02 #switch02_1:checked ~ .prev label[for="switch02_4"],
#gallery02 #switch02_2:checked ~ .prev label[for="switch02_1"],
#gallery02 #switch02_3:checked ~ .prev label[for="switch02_2"],
#gallery02 #switch02_4:checked ~ .prev label[for="switch02_3"],
#gallery02 #switch02_1:checked ~ .next label[for="switch02_2"],
#gallery02 #switch02_2:checked ~ .next label[for="switch02_3"],
#gallery02 #switch02_3:checked ~ .next label[for="switch02_4"],
#gallery02 #switch02_4:checked ~ .next label[for="switch02_1"] {
	z-index: 1;
}

/* transition  */
/*#gallery02 span {
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0;
}*/
#gallery02 .slideFrame ul  {
	transition: left 1s cubic-bezier(0.85, 0.03, 0.15, 0.96) 0s;
	-webkit-transition: left 1s cubic-bezier(0.85, 0.03, 0.15, 0.96) 0;
}



/* 生地 */
.topKijiList{
	display:flex;
	justify-content: center;
}
.topKijiList li{
	margin-right: 10px;
	background: #fef5e4;
	border:4px solid #ff7d01;
	padding-bottom:10px;
}
.topKijiList li p:nth-child(1){
	background: #ff7d01;
	color: #FFF;
	font-size: 1.4rem;
	font-weight: bold;
	padding:0 10px 4px;
}
.topKijiList li p:nth-child(2){
	color:#151515;
	font-size: 1.1rem;
	font-weight: bold;
	padding:5px 10px;
}
.topKijiList li p:nth-child(3){
	padding: 0 10px;
}
.topKijiList li:last-child{
	margin-right: 0;
}
.topKijiList li a{
	text-decoration: none;
}
.topKijiListBtn{
	display: inline;
	color: #FFF;
	font-size: .8rem;
	background: #ff7d01;
	border-radius: 1rem;
	padding:2px 18px;
	font-weight: bold;
	margin-right:10px;
}
a:hover .topKijiListBtn{
	background: #F00;
	transition: background-color .3s;
}

.topKijiGrayBox{
	width: 800px;
	padding: 15px;
	background-color: #EDEDED;
	margin: 0 auto 15px;
}

/*用途別生地比較表テーブル設定*/
.topKijiTable th,
.topKijiTable td{
	padding:8px 15px;
	border:1px solid #004EA2;
	color: #004EA2;
}
.topKijiTable th{
	background-color: #d7e5ff;
}
.topKijiTable td{
	background-color: #FFF;
	text-align: center;
	font-weight: bold;
}
th.topKijiTableTitle{
	background-color: #EFF7FF;
	border:none;	
}

/* 防炎加工/無料生地サンプル */
.topBouenSample{
	box-sizing: border-box;
	width: 440px;
	min-height: 250px;
	padding: 10px;
	background-color: #FFF;
	border: 1px solid #C1D1DB;
}
a.topSampleBtn {
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	background:#F00;
	border-radius: 10px;
	padding:6px 10px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
a:hover.topSampleBtn {
	background:#FF3033;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* 周辺加工 */
.topKakou{
	box-sizing: border-box;
	width: 440px;
	min-height: 250px;
	padding: 10px;
	background-color: #FFF;
	border: 1px solid #C1D1DB;
}
.topKakou > ul li{
	width: 210px;
}

/* 激安横断幕にご注意ください */
#topGekiyasuArea{
	padding: 30px;
	margin: 0 auto;
	background-color: #ffffeb;
}

#topNotGekiyasu{
	padding: 25px;
	background-color: #FFF;
	border:3px solid #004EA2;
}

/*お客様のご希望のサイズで製作を承ります*/
.topSizeWrap{
	margin:0 auto;
	width:660px;
}
.topSizeBox{
	background: #FFF;
	border: 1px solid #C1D1DB;
	padding: 10px;
}
#topSizeBn a{/*  サイズページリンクバナー */
	display: inline-block;
	background: url(../images/top/top_size_on.gif) no-repeat;
}

/* 簡単な原画を書くだけで、1回も会わずに
オーダーメイドの横断幕ができます */
.topDesignTegaki{
	box-sizing: border-box;
	width: 890px;
	padding: 15px;
	margin: 0 auto 15px;
	text-align: left;
	background-color: #FFF;
	border: 1px solid #C1D1DB;
}

/*ご希望どおりの色味を実現するために*/
.topColor{
	display: flex;
	justify-content: space-between;
}
.topColorBox{
	box-sizing: border-box;
	width: 290px;
	padding:5px 15px 10px;
	margin: 0 auto 15px;
	text-align: left;
	background-color: #FFF;
	border: 1px solid #C1D1DB;
}

/* ご注文の流れ */
#topFlowBox{
	display: -webkit-flex;
	display:flex;
	justify-content: space-between;
	margin-bottom: 10px;
}

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

.flowTitle {
	background-color: #004EA2;
}

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

.flowText{
	padding: 10px 15px;
}

.arrowImg{
	align-self: center;
}

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

/********************************
ご注文の流れ・お支払いについて
********************************/
h3.flow{
	background-color: #004EA2;
	padding: 10px;
	color: #fff;
	font-size: 130%;
}

.flowGrayBox{
	background-color: #f3f3f3;
	padding: 15px;
}

/* ①連絡方法 */
.flowResBox{
	background-color: #fff;
	padding: 10px;
	border: solid 2px #959595;
}

/* ③デザイン入稿方法 */
.flowNyukouList{
	display: inline-block;
	margin: 0 auto;
}

.flowNyukouList li{
	float: left;
	box-sizing: border-box;
	border: 5px solid #004FAF;
	width: 220px;
	height: 282px;
	margin: 0 5px;
}

.flowNyukouList p.title{
	color: #fff;
	font-size: 110%;
	background-color: #004FAF;
	width: 220px;
	height: 50px;
	text-align: center;
	font-weight: bold;
	display: table-cell; /* IE8から使用可能 */
	vertical-align: middle;
}

/********************************
製作実例
********************************/
.seisakureiMainList{
	width: 825px;
	margin: 0 auto 70px;;
	padding: 15px 30px;
	background-color: #fffff5;
}

/* 用途別選択リスト */
.seisakureiList{
	padding: 15px;
	background-color: #fffff5;
}

.seisakureiList li{
	float: left;
	font-size: 95%;
	font-weight: bold;
	width: 310px;
	margin: 4px auto;
}

.seisakureiList li span{
	color: #ff5e01;
	font-size: 90%;
}

/* 画像.*/
.seisakureiPhoto{
	width: 960px;
	margin-top:0;
	margin-right:auto;
	margin-left:auto;
}
.seisakureiPhoto li{
	float:left;
	margin: 8px 7px;
	text-align: center;
	font-size: 80%;
	line-height: 130%;
	height: 212px;
}

.seisakureiPhoto a img{
	padding: 2px;
	border: 1px solid #999;
	margin-bottom: 3px;
}

.seisakureiPhoto a:hover img{
	visibility:visible;
}

/* アコーディオン.*/
.switch-new {
	cursor:pointer;
	font-weight: bold;
	text-align: center;
	font-size: 120%;
	line-height: 50px;
	background-color: #f3f3f3;
	border: 5px solid #cccccc;
	margin: 0 auto;
	position: relative;
}

.contentWrap{
	display: none;
}

/* 写真下　青BTN */
a:hover .seisakuPointBtnBlue{
	background-color: #015DBF;
}
.seisakuPointBtnBlue{
	padding:12px 15px 12px 20px;
	background-color: #004ea2;
	border-radius: 12px;
	width: 195px;
	display: inline-block;
	margin: 0 5px;
	line-height: 140%;
}
.seisakuPointBtnBlue img{
	padding-top:2px;
}

/* 写真下　オレンジBTN */
a:hover .seisakuPointBtnOrange{
	background-color: #F98729;
}
.seisakuPointBtnOrange{
	padding:10px 15px 10px 20px;
	background-color: #f17006;
	border-radius: 30px;
	width: 260px;
	display: inline-block;
}
.seisakuPointBtnOrange img{
	padding-top:2px;
}

/********************************
失敗しない 横断幕製作ポイント
********************************/
.sippaiList{
	width: 600px;
	padding: 15px 30px;
	background-color: #fffff5;
	border: 2px solid #e4e1d8;
	text-decoration: underline;
}
.sippaiList li{
	margin: 4px auto;
}

/* ポイント！ */
.sippaiPointP{
	height: 33px;
}

/* 各ポイント */
.sippaiBlueBox{
	background-color: #d1ebff;
	border: 3px solid #80c7ff;
	padding: 20px;
}

/********************************
価格表
********************************/
.price-main_sentence {
	margin-left: 185px;
}

/* 生地別価格選択リスト */
.priceList{
	width: 650px;
	margin: 0 auto 70px;
	padding: 15px 35px;
	background-color: #fffff5;
}

.priceList li{
	font-weight: bold;
	margin: 10px auto;
	font-size: 105%;
}

.priceList li span{
	font-size: 90%;
	margin-left: 10px;
}

/* 価格表 */
.priceTable th,
.priceTable td{
	font-size: 96%;
	text-align: center;
	border: 1px solid #9e9e9e;
	padding: 7px 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;
}

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

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

/* 価格表下 */
.pricePointBox{
	padding: 15px;
	background-color: #f3f3f3;
}

/* 価格表下　BTN */
/* 青 */
a:hover .pricePointBtnBlue{
	background-color: #015DBF;
}
.pricePointBtnBlue{
	padding:10px 15px 10px 20px;
	background-color: #004ea2;
	border-radius: 30px;
	width: 240px;
	display: inline-block;
}
.pricePointBtnBlue img{
	padding-top:2px;
}
/* オレンジ */
a:hover .pricePointBtnOrange{
	background-color: #F98729;
}
.pricePointBtnOrange{
	padding:10px 15px 10px 20px;
	background-color: #f17006;
	border-radius: 30px;
	width: 230px;
	display: inline-block;
}
.pricePointBtnOrange img{
	padding-top:2px;
}

/********************************
会社概要
********************************/
.aboutTable{
	width:814px;
	margin:0 auto 25px;
}
.aboutTable th,td{
	padding:10px 5px;
}
.aboutDetails{
	display: flex;
	justify-content: center;
}
.aboutDetails h2{
	font-size:1.1rem;
	border-left: 6px solid #004EA2;
	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
}

/* 実店舗あります */
.aboutBsList{
	width: 716px;
	margin: 0 auto;
}
.aboutBsList li{
	display: inline-block;
	margin: 0 5px;
}

.aboutBsList a{
	display: block;
	width: 345px;
	height: 100px;
}

/* 青文字 */
.aboutDecorationText{
	line-height:1.5;
	color:#0083DB;
	font-weight:bold;
	font-family: 游明朝,"Yu Mincho",YuMincho,serif;
}

.aboutDecorationText span {
	display: flex;
	align-items: center;
}
.aboutDecorationText span:after {
	border-top: 1px solid #0083DB;
	content: "";
	flex-grow: 1;
	margin-left: 5px;
}

h3.about{
	font-size: 170%;
	margin-bottom: 10px;
}

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

.aboutStaffList{
	float: left;
	width: 290px;
	margin: 0 15px;
}

/********************************
用途で選べる５種のオリジナル加工生地
********************************/
/*用途別生地比較表テーブル設定*/
.kijiTable th,
.kijiTable td{
	text-align: center;
	padding:5px 15px;
	border:1px solid #cccccc;	
}
.kijiTable th{
	background-color: #EDEDED;
}

.kijiPointTable th{
	background-color:#ddeefe;
	vertical-align: middle;
}

/* 写真下　青BTN */
a:hover .kijiPointBtnBlue{
	background-color: #015DBF;
}
.kijiPointBtnBlue{
	padding:10px 15px 10px 20px;
	background-color: #004ea2;
	border-radius: 30px;
	width: 260px;
	display: inline-block;
}
.kijiPointBtnBlue img{
	padding-top:2px;
}

/* 写真下　オレンジBTN */
a:hover .kijiPointBtnOrange{
	background-color: #F98729;
}
.kijiPointBtnOrange{
	padding:10px 15px 10px 20px;
	background-color: #f17006;
	border-radius: 30px;
	width: 260px;
	display: inline-block;
}
.kijiPointBtnOrange img{
	padding-top:2px;
}

/********************************
発送・製作日数・お支払方法について
********************************/
.noukiList{
	width: 500px;
	background-color: #f3f3f3;
	padding: 10px;
}

h4.nouki {
	margin-bottom: 10px;
	font-size: 90%;
	padding: 0 6px;
	border-left: 5px solid #0066CC;
}

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

/********************************
オリジナル収納袋
********************************/
.fukuroTable {
	width: 700px;
	margin: 0 auto 70px;
}

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

.fukuroTable th{
	background-color:#e5f5fd;
}

/********************************
ゲーフラ（＝ゲートフラッグ）作成可能です
********************************/
/* サイズ */
.gateflagSizeList li{
	width: 310px;
	float: left;
	margin: 0 5px;
}

h3.gateflag{
	background: #b0d6ff;
	padding: 7px 0;
	margin-bottom: 5px;
	color: #082849;
	text-align: center;
	border-top: solid 1px #004ea2;
	border-bottom: solid 1px #004ea2;
	border-left: none;
	font-size: 120%;
}

/* 会場ごとのサイズ規定 */
h3.gateflagKitei{
	background: #004ea2;
	text-align: center;
	font-size: 120%;
	color: #fff;
	padding: 10px;
}

.gateflagKiteiBox{
	background: #ededed;
	padding: 7px 15px 15px;
}

.gateflagKiteiBox .whiteBox{
	background: #fff;
	padding: 5px 12px;
	float: left;
	font-size: 95%;
}

/* ポイント４つ */
.gateflagPointIcon {
	width: 812px;
	margin: 0 auto 35px;
}

.gateflagPointIcon li{
	margin: 0 6px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 191px;
	height: 70px;
	border-radius: 7px;
	text-align: center;
	float: left;
}

.gateflagPointIcon .postage{
	background: #ddffcc;
	border: 3px solid #418c27;
	font-size: 200%;
}

.gateflagPointIcon .design{
	background: #fff7c4;
	border: 3px solid #683e04;
	font-size: 120%;
	line-height: 120%;
}

.gateflagPointIcon .size{
	background: #ffe2e2;
	border: 3px solid #7a0606;
	font-size: 130%;
	line-height: 120%;
}

.gateflagPointIcon .one{
	background: #e5ebff;
	border: 3px solid #14296d;
	font-size: 130%;
	line-height: 120%;
}

/*価格表*/
.gateflagPriceTable th{
	background:#e3effd;
}
.gateflagPriceTable th,
.gateflagPriceTable td{
	padding:10px;
	text-align:center;
}

/********************************
店舗の看板としても活躍する横断幕・懸垂幕
********************************/
.kanbanTable th{
	background-color: #136bcd;
	color: #fff;
	padding: 10px;
}

/********************************
ショールームのご案内
********************************/
.bsPageLink{
	width: 600px;
	margin: 0 auto 35px;
}
.bsPageLink li a{
	background:url(../images/pagelink.gif) 0% 50%;
	background-repeat:no-repeat;
	padding-left:20px;
	font-size: 110%;
	font-weight: bold;
}

.bsResArea{
	background-color: #f3f3f3;
	padding: 15px 25px;;
}

h2.bs {
	font-size: 140%;
	padding: 0 6px;
	border-left: 5px solid #004ea2;
	margin-bottom: 15px;
}

.bsSRtelArea{
	width: 840px;
	margin: 3px auto 25px;
	text-align: center;
}

.bsSRtelArea li{
	width: 400px;
	box-sizing: border-box;
	padding: 10px 0;
	background: #fff;
	float: left;
	margin: 0 10px;
}

.bsTel {
	font-size: 180%;
	font-weight: bold;
	color: #f00;
}

.bsTel img {
	margin: 0 7px;
	padding-bottom: 12px;
}

.bsSRbtn{
	background-color: #ed760c;
	vertical-align: middle;
	text-align: center;
	width: 70%;
	margin: 3px auto 10px;
	border-radius: 10px;
	box-shadow: 0px 6px 3px -3px rgb(183, 183, 183);
	-webkit-box-shadow: 0px 6px 3px -3px rgb(183, 183, 183);
	-moz-box-shadow: 0px 6px 3px -3px rgb(183, 183, 183);
}

.bsSRbtn a {
	display: block;
	padding: 20px;
	color: #fff;
	font-size: 150%;
	font-weight: bold;
	line-height: 120%;
	text-decoration: none;
}
/* メリット */
h3.bs{
	padding-left:40px;
	line-height:34px;
	font-size: 120%;
	margin-bottom: 10px;
	background-repeat:no-repeat;
}

.bs01{ background-image:url(../images/bs/bs-print01.gif);}
.bs02{ background-image:url(../images/bs/bs-print02.gif);}
.bs03{ background-image:url(../images/bs/bs-print03.gif);}
.bs04{ background-image:url(../images/bs/bs-print04.gif);}

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

/* 道順 */
h4.bsRoot{
	margin-bottom: 15px;
	color: #fff;
	padding: 11px 20px;
	background-color: #383838;
}

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

.bsAccessList li.bsStep{
	width: 210px;
	height: 260px;
	float: left;
}
.bsAccessList li.bsArrow{
	margin: 85px 8px 0 8px;
	float: left;
}

/********************************
特定商取引法に基づく表記
********************************/
.lawTable th,
.lawTable td{
	padding:10px;
	border:1px solid #ccc;
	vertical-align: middle;
	line-height: 1.3em;
}

/********************************
個人情報の取り扱いについて
********************************/
.kojinTable th,
.kojinTable td{
	padding:8px 6px;
	border:1px solid #ccc;
	vertical-align: middle;
	line-height: 1.3em;
}

/********************************
よくいただくご質問
********************************/
/* 質問リスト */
.questionList li{
	padding:3px 0;
	border-bottom:1px dotted #666666;
	font-size: 90%;
}
.questionList li span{
	color:#ff4e00;
	font-weight:bold;
	padding:0 5px 0 0;
}

/* 各質問 */
.faqList{
	padding: 15px 0;
	border-top:1px solid #999999;
}

.faqList dt{
	color:#ff4e00;
	font-weight:bold;
	margin-bottom: 5px;
}

.faqList span{
	font-weight:bold;
	padding-right: 5px;
}

.faqList dd{
	margin-left:1.2em;
}

.faqListBorderNone{
	padding-top: 0;
	border-top:none;
}

/********************************
対応ソフト・バージョン一覧
********************************/
.softWereListTable th,
.softWereListTable td{
	border-left:none;
	border-right:none;
}
.softWereListTable th{
	padding:10px;
	background-color:#e0f0ff;
	text-align: left;
}
.softWereListTable td{
	padding:6px 10px;
}

/********************************
デザインデータは手続きなしで無料で5年間保管
********************************/
.repeaterShoplist{
	padding: 10px;
	background-color: #fff5f5;
	font-size: 90%;
}

.repeaterShoplist li{
	float: left;
	width: 310px;
	margin: 5px 2px;
}

.repeaterShoplist p{
	margin-right: 5px;
}

.repeaterShoplist li a{
	font-weight: bold;
	text-decoration: underline;
}
.repeaterShoplist li a:hover img{
	visibility:visible;
}

/********************************
スローガン例文集
********************************/
/* 選択リスト */
.sloganSelectList{
	width: 300px;
	padding: 15px 30px;
	background-color: #fffff5;
}

.sloganSelectList li{
	font-weight: bold;
	font-size: 95%;
	margin: 4px auto;
}

/* スローガン */
.sloganList li{
	font-weight: bold;
	font-size: 110%;
	margin: 0 30px;
	list-style-type: square;
}

/********************************
お客様のお喜びの声・インタビュー
********************************/
/* サイズ・生地テーブル */
.tableLikeList{
	background-color:#f4f4f4;
	border-bottom:1px solid #a7a7a7;
}
.tableLikeList dt{
	float:left;
	width:8em;
	text-align:center;
	padding:5px 0;
	border-top:1px solid #a7a7a7;
}
.tableLikeList dd{
	padding:5px;
	margin:0 0 0 8em;
	border-left:0;
	border-right:0;
	background-color:#ffffff;
	border-top:1px solid #a7a7a7;
}
/* hide hack from Mac-IE5 \*/
* html .tableLikeList dd{
	height:1%;
}

/* お手紙コメント */
.interviewLetterGray{
	width: 380px;
	float: right;
	background-color: #f3f3f3;
	padding: 10px;
	margin-top: 20px;
}

/********************************
お問い合わせ・お見積り依頼フォーム
********************************/
#MailForm th{
	width:130px;
	text-align:center;
	background-color:#cde6fe;
	vertical-align: middle;
}
#MailForm th,
#MailForm td
{
	padding:15px 10px;
	border:1px solid #cccccc;
}

/*生地の種類*/
#MailForm .formKiji th,
#MailForm .formKiji td
{
	border:none;
	background-color:#FFFFFF;
}
#MailForm .formKiji th
{
	text-align: left;
	padding: 10px;
}
#MailForm .formKiji td
{
	width:33%;
	padding: 0 0 30px;
}

table
{
	width:100%;
}
#MailFormKijiSample th
{
	width:130px;
	background-color:#cde6fe;
}
#MailFormKijiSample th,
#MailFormKijiSample td
{
	padding:15px 10px;
	border:1px solid #cccccc;
}
#MailFormKijiSample div
{
	padding:10px;
	border-top:none;
}

/*仕様*/
#MailForm .formKakouWrap{
	display: flex;
	justify-content: space-between;
}
#MailForm .formKakou
{
	display: flex;
	flex-direction: column;
}
#MailForm .formKakouNon{
	display:flex;
	flex-direction: column;
	justify-content: center;
	height: 177px;
}
/*収納袋*/
#MailForm .formFukuro
{
	display: flex;
	justify-content: center;
}

div#err
{
	color:#ff0000;
	font-weight:bold;
	border:none;
	background-color:#FFCECE;
}

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

/*フォームパーツ*/
input[type="text"],
textarea{
	padding: 0.4em;
	outline: none;
	border: 1px solid #CCC;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 16px;
}
input[type="text"]:focus,
textarea:focus{
	border-color: rgba(0, 176, 240, 1.00);
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 176, 240, 0.25);
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.formTitle{
	display:flex;
	justify-content: center;
}
.formTitle2{
	display:flex;
	flex-direction: column;
	justify-content: center;
}
.requiredBadge{/*必須バッジ*/
	background:#CD282A;
	color: #FFF;
	font-size: .8rem;
	padding:2px 5px 1px;
	border-radius: 2px;
	margin-left: 12px;
}
.requiredBadge2Line{/*必須バッジ　2行用*/
	background:#CD282A;
	color: #FFF;
	font-size: .8rem;
	padding:2px 5px 1px;
	border-radius: 2px;
}
.anyBadge{/*任意バッジ*/
	background:#224F94;
	color: #FFF;
	font-size: .8rem;
	padding:2px 5px 1px;
	border-radius: 2px;
	margin-left: 12px;
}
.anyBadge2Line{/*任意バッジ　2行用*/
	background:#224F94;
	color: #FFF;
	font-size: .8rem;
	padding:2px 5px 1px;
	border-radius: 2px;
}




/* エラーチェック（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;
}

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

.siteMapLeft{
	margin-right:10px;
}

.siteMap ul{
	list-style:none;
	padding-left:25px;
	margin:0;
}

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

/********************************
LINE見積もり
********************************/
#PopUpBodyArea-line
{
	width:700px;
	margin:0 auto;
}
/*テキストリンク*/
.LinePageLink a{
	padding:15px 0 10px 55px;
	background-image:url(../images/line/line_icon.gif);
	background-repeat:no-repeat;
	background-position:2px 4px;
}

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


/********************************
footer　レスポンシブ店舗情報
********************************/

.responseInfoArea{

}
.yearText{
	background-color:#FF7409;
	color:#fff;
	font-size:18px;
	font-weight:450;
	padding:5px 8px;
}
.shopTitle{
	color:#000;
	font-size:40px;
	font-weight:bold;
	text-align:left;
	line-height:1.4;
}
.resInfoBox{
	width:374px;
	float:left;
	margin-bottom:8px;
	margin-top:8px;
}
.resFreeDial{
	display:block;
	height:28px;
	color:#FF7409;
	font-size:40px;
	font-weight:bold;
	text-align:left;
	margin-bottom:6px;
}
.resMailadd{
	color:#FF7409;
	font-size:28px;
	font-weight:bold;
	text-align:left;
}
.resFreeDial .resIcon{
	margin-top:-2px;
	margin-right:4px;
	float:left;
}
.resMailadd .resIcon{
	margin-top:2px;
	margin-right:14px;
	margin-left:2px;
	float:left;
}
.resFreedialTime{
	display:block;
	width:144px;
	color:#000;
	font-size:13px;
	margin-left:4px;
	margin-top:4px;
	text-align:left;
	float:left;
	line-height:1.2;
}
.resCaution{
	clear:both;
	color:#000;
	font-size:14px;
	text-align:left;
	line-height:1.2;
	font-weight:bold;
}

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