@charset "utf-8";

/* ********************************************* */
/** ページ毎の設定
/** contents.css
/** オリジナルはっぴ専門店
/* ********************************************* */

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

/*メインキャッチ　スライダー*/

.mainCatchArea{
	width:100%;
	height:450px;
}

/*上に半透明の黒掛け*/
/*.mainCatchArea:before {
	z-index: 0;
	content: "";
	display: block;.
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color:rgba(0,0,0,0.3);
}*/
.mainCatchText{
	position:absolute;
	top:140px;
	left:52px;
}
.mainCatchBs{
	position:absolute;
	top:305px;
	right:190px;
}
.mainCatchBs a{
	display:block;
	width:210px;
	height:140px;
	background-image:url(../images/bn/bs_on.png);
}
.mainCatchKodomo{
	position:absolute;
	top:305px;
	right:0;
}
.mainCatchKodomo a{
	display:block;
	width:200px;
	height:140px;
	background-image:url(../images/bn/kodomo_on.png);
}

.mainCatchStaff{
	height:130px;
	background:url(../images/top/main_catch_staff-bg.jpg) repeat-x;
	background-position:center center;
}
.photo-show {
	z-index:-1;
	position: relative;
	/*width: 440px;*/ /*表示したい大きさ、height と合わせる*/
}

.photo-show .imgShow { 
	animation: show 25s infinite;
	-webkit-animation: show 25s infinite;
	width:100%;
	min-width:1024px;
	height:auto;
	min-height:450px;
	opacity: 0;
	position: absolute; /*画像を全て重ねる*/
	top:0;
	left:0;
}

/*アニメーション*/

@keyframes show {
	0% {opacity:0}
	5% {opacity:1}
	20% {opacity:1}
	25% {opacity:0}
 }

@-webkit-keyframes show {
	0% {opacity:0}
	5% {opacity:1}
	20% {opacity:1}
	25% {opacity:0}
}

/*各画像のアニメーションの開始時間をずらす*/

.photo-show img:nth-of-type(1) {
	animation-delay: 0s;
	-webkit-animation-delay: 0s;
}

.photo-show img:nth-of-type(2) {
	animation-delay: 5s;
	-webkit-animation-delay: 5s;
}

.photo-show img:nth-of-type(3) {
	animation-delay: 10s;
	-webkit-animation-delay: 10s;
}

.photo-show img:nth-of-type(4) {
	animation-delay: 15s;
	-webkit-animation-delay: 15s;
}

.photo-show img:nth-of-type(5) {
	animation-delay: 20s;
	-webkit-animation-delay: 20s
}


h2.topTextLevel
{
	color:#FFFFFF;
	font-size:270%;
	text-align:center;
	font-weight:bold;
	line-height:1.3;
	padding: 15px 0 15px 0;
	/*background-color:#E40012;*/
	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%);
}
/*下#fe5c25 上#ff7152*/

/*h2.topTextLevel2
{
	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, #fe2530), color-stop(0.36, #ff525a));
	background: -webkit-linear-gradient(top, #ff525a 36%, #fe2530 88%);
	background: -moz-linear-gradient(top, #ff525a 36%, #fe2530 88%);
	background: -o-linear-gradient(top, #ff525a 36%, #fe2530 88%);
	background: -ms-linear-gradient(top, #ff525a 36%, #fe2530 88%);
	background: linear-gradient(to bottom, #ff525a 36%, #fe2530 88%);
}*/
h2.topTextLevel2
{
	color:#FFF;
	font-size:270%;
	text-align:center;
	font-weight:bold;
	line-height:1.3;
	padding: 15px 0 15px 0;
	background:#F16C26;
}

/*下#ff1a2c 上#ff4251に似てる*/


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


/*2つのコース*/
.doubleCourse{
	padding:0;
}
.doubleCourse a{
	display:block;
}


.CourseFull a img:hover,
.CourseTeiban a img:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.CourseFull a:hover img,
.CourseTeiban a:hover img{
	visibility:visible;
}

/*用途別でもはっぴをお選びいただけます*/
.pageLink{
	background:#f3f3f3;
	width: 550px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px 30px;
	font-size: 95%;
}
.pageLink li a{
	background:url("../images/pagelink.gif") 0% 50%;
	background-repeat:no-repeat;
	padding-left:22px;
	line-height:25px;
}

.useBox{
	width: 930px;
	margin-left: auto;
	margin-right: auto;
}
.topUseBtn li{
	float: left;
	margin-bottom: 15px;
}

/*大ロット*/
h2.large{
	font-size: 180%;
	font-weight: bold;
	text-align: center;
	background: #ff8d2a;
	padding: 20px;
	margin-bottom: 15px;
}
.largelotBox{
	background: #fff;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	border: solid 2px #ff8d2a;
	border-radius: 5px;
}
.largelotBox ul{
	width: 940px;
	margin-left: auto;
	margin-right: auto;
}
.largelotPoint{
	background: #fff3c0;
	width: 215px;
	float: left;
	margin: 0 10px;
	padding: 10px 0 5px;
	text-align: center;
	border-radius:5px;
	font-size: 120%;
	font-weight: bold;
	display: block;
}
.largelotHeight{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 5px;
}
.largePoint{
	background: #f36619;
	color: #fff;
	width: 180px;
	float: left;
	margin: 0 15px;
	padding: 10px 0;
	text-align: center;
	border-radius:10px;
	font-size: 130%;
	font-weight: bold;
	line-height: 1.3em;
	display: flex;
	align-items: center;
	justify-content: center;
}
.largelotDesign{
	background: #fff3c0;
	width: 192px;
	float: left;
	margin: 0 5px;
	padding: 10px 0;
	text-align: center;
	border-radius:7px;
	font-size: 110%;
	font-weight: bold;
}
.pointDesign{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 5px;
}
.largeLotText{
	padding: 25px 35px;
}
.largelotBtn {
	float: right;
	background-color:#ff7b00;
	width: 374px;
	margin: 0px 30px 20px;
	border-radius: 8px;
	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);
}
.largelotBtn a{
	color: #fff;
	display:block;
	padding: 20px 0;
	text-align: center;
	font-weight: bold;
	font-size: 115%;
}
.largelotBtn:hover{
	background-color:#124FA9;
}

/*はっぴを作ってよかった！」お客様の声*/
#usersList .sideRow
{
	margin:15px 0;
}
#usersList a,.voice01 a
{
	display:block;
}

/*fullhappi.htmlの記述も含む↓*/
div#usersList
{
	width:825px;
	margin-left:auto;
	margin-right:auto;
}

#usersList .voice01 a,.voice01 a
{
	width:822px;
	height:220px;
	background-image:url(../images/top/users01_on.jpg);
	margin-left:auto;
	margin-right:auto;
}

#usersList .voice02 a,
#usersList .voice03 a,
.teibanVoice .voice02 a,
.teibanVoice .voice04 a
{
	width:390px;
	height:231px;
	display:block;
}
#usersList .voice02 a,
.teibanVoice .voice02 a
{
	background-image:url(../images/top/users02_on.jpg);
}
#usersList .voice03 a
{
	background-image:url(../images/top/users03_on.jpg);
}



/*当社のはっぴは完全自社工場生産です*/

.productMidashi{
	font-size:110%;
	font-weight:bold;
	text-align:center;
	margin:8px auto;
	
}
.hikakuBantecBox
{
	width:580px;
	margin-left:270px;
	margin-right:auto;
}
ul.kouzyouHikakuList
{
	margin-top:0;
}



/*はっぴ販売代理店と当店との違い*/
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:45px;
}


.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:45px;
}

/*はっぴ販売代理店と当店との違いここまで*/




/*ご安心ください！の文字サイズ*/
.thelagestFont
{
	font-size:200%;
	line-height:120%;
}


/*お薦めする６つの理由*/


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


/*生地・仕様コンテンツ*/
.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;
}



/*デザインサンプル*/
.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;
}



/********************************
レスポンスデバイス
********************************/
.bigResArea {
	background-color: #e8f6ff;
	padding: 30px 10px;
}
/* フォームボタン */
.middleResBtn2{
	background-color:#f20000;
	text-align:center;
	margin-left: auto;
	width: 380px;
	border-radius: 12px;
	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);
}
.middleResBtn2 a{
	display:block;
	padding:12px;
	color:#ffffff;
	font-size:140%;
	font-weight:bold;
	line-height: 1.2em;
	text-decoration: none;
}
.middleResBtn2:hover{
	background-color:#124FA9;
}
/***** ★★★バナーたくさんバージョン★★★ *****/
/* フォーム・電話ボックス */
.FormTelBoxArea li{
	float: left;
	width: 500px;
	height: 215px;
	background: #fff;
	border-radius: 10px;
	margin: 0 0 15px 10px;
}
/* フォーム */
.formArea p{
	line-height: 1.4em;
}

/* フォームボタン */
.middleResBtn{
	background-color:#f20000;
	text-align:center;
	width: 80%;
	margin: 0 auto;
	border-radius: 12px;
	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);
}
.middleResBtn a{
	display:block;
	padding:12px;
	color:#ffffff;
	font-size:140%;
	font-weight:bold;
	line-height: 1.2em;
	text-decoration: none;
}
.middleResBtn:hover{
	background-color:#124FA9;
}

/* 電話 */
.middletelNumber{
	font-size:290%;
	color:#f00;
	font-weight:bolder;
	line-height: 0.7em;
	margin: 10px 0;
}

.middletelNumber img{
	margin-right:8px;
}

/* FAX・LINE・来店ボックス */
.FaxLineVisitBoxArea li{
	float: left;
	width: 330px;
	height: 140px;
	background: #fff;
	border-radius: 10px;
	margin-left: 10px;
}

.FormTelBoxArea li h3,
.FaxLineVisitBoxArea li h3{
	background: #0A2C5B;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	border-radius: 10px 10px 0 0;
	padding: 4px 0 4px 0;
}

.formArea, .telArea, .faxArea, .lineArea, .visitArea{
	padding: 8px;
	text-align: center;
}

/* FAX・LME・来店ボタンの上エリア */
.smallResArea{
	display: inline-block;
	text-align: left;
	line-height: 1.2em;
	margin-bottom: 8px;
}

/* FAX・LME・来店ボタンエリア */
.smallResBtn{
	background-color:#ff5e01;
	text-align:center;
	width: 90%;
	margin:0 auto;
	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);
}
.smallResBtn a{
	display:block;
	padding:8px 7px;
	color:#ffffff;
	font-size:100%;
	font-weight:bold;
	line-height: 1.3em;
	text-decoration: none;
}
.smallResBtn:hover{
	background-color:#124fa9;
}
/* レスポンスデバイスここまで */

/*ページ途中レスポンス*/
.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;
}

.lapTextBoxFlow{
	width:450px;
	margin-left:8px;
}
.lapImgBoxFlow{
	width:500px;
}


/*nouki.html　発送・製作日数・お支払方法について*/
/*梱包について*/
.lapTextBoxNouki{
	width:470px;
	margin-left:8px;
}
.lapImgBoxNouki{
	width:500px;
}

/*よくあるご質問*/
.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;
	width:219px;
}
/*梱包について*/
.lapImgBox{
	width:480px;
	margin-left:8px;
}

/********************************
コース別ページ
********************************/
.courseGuideList li{
	float: left;
}
.courseGuideText{
	width: 320px;
	margin-top: 8px;
	font-size: 90%;
}
.coursePoint li{
	float: left;
	width: 270px;
	padding: 10px;
	border-radius: 12px;
}
.coursePointTitle{
	font-weight: bold;
	font-size: 110%;
	text-align: center;
	margin-bottom: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}
/*フルオーダーコースのページ*/
.fullMainTitle{
	color: #d41901;
	font-weight: bold;
	font-size: 150%;
	margin: 30px 0 50px;
	text-align: center;
	line-height: 1.5em;
}
.fullBackColor{
	background-color: #FFF4F8;
}

/*定番コースのページ*/
.teibanMainTitle{
	color: #310caa;
	font-weight: bold;
	font-size: 150%;
	margin: 30px 0 50px;
	text-align: center;
	line-height: 1.5em;
}
.teibanBackColor{
	background-color: #F4F7FF;
}

/********************************/
/********************************
フルオーダーコースのページ
********************************/
.response_fullhappi a
{
	display:block;
	background:url(../images/response/response_fullhappi_on.gif) no-repeat;
	width:400px;
	height:90px;
}


.fullSmallArrow
{
	background:url(../images/contents/full-small-arrow.png) no-repeat;
	width:151px;
	height:74px;
	margin-right:auto;
	margin-left:auto;
	padding-top:20px;
	font-size:180%;
}
.CousePageLink ul
{
	width:300px;
	list-style-type:none;
	float:left;
}
.CousePageLink ul li
{
	margin-bottom:5px;
}

.CousePageLink ul li a
{
	padding:0 0 0 23px;
	background-image:url(../images/pagelink.gif);
	background-repeat:no-repeat;
	background-position:2px 50%;
	text-decoration:none
}



/*div.fullCousePageLink{
	width:1000px;
}
div.fullCousePageLink ul
{
	list-style:none;
	width:210px;
	float:left;
	margin-left:0px;
}
div.fullCousePageLink ul li
{
	list-style:none;
	margin-bottom:18px;
	padding:5px;
}

div.fullCousePageLink ul li a
{
	padding:0 0 0 23px;
	background-image:url(../images/pagelink.gif);
	background-repeat:no-repeat;
	background-position:2px 50%;
}
*/
/*フルコースページ内リンク用のテキストコーション（製作中）*/
.fullCouseTextCaution
{
	text-indent: -1em;
}


.fullSeisakurei a
{
	display:block;
	width:1024px;
	height:246px;
	background-image:url(../images/contents/full_seisakurei2_on.jpg);
}

ul.full-pointList
{
	font-size:155%;
	color:#FF0303;
	list-style:none;
	width:430px;
	margin-left:auto;
	margin-right:auto;
	font-weight:bold;
}

ul.full-pointList li
{
	margin-bottom:8px;
}

/*複数ページで使用↓*/
.midashiSolidBlue{
	font-size:110%;
	font-weight:bold;
	text-align:left;
	border-left:6px solid #18A5F4;
	padding-left:6px;
}




.full-tellAttentionBox
{
	width:425px;
	padding:15px;
	border:2px solid #B0B0B0;
	float:right;

}

.topThreeBox
{
	width:318px;
	height:380px;
	padding:5px 2px 5px 2px;
	float:left;
	border:2px solid #B0B0B0;
}
.topThreeBox-space
{
	margin:0 9px;
}


.fullhappi_Lsize_th a,.fullhappi_Msize_th a,
.fullhappi_Kodomosize_th a,.fullhappi_Sansaijisize_th a,
.fullhappi_Tokudaisize_th a,.fullhappi_Sodenasi_th a
{
	display:block;
	width:105px;
	height:100px;
}


.fullhappi_Lsize_th a
{
	background:url(../images/contents/fullhappi_Lsize_th_on.jpg) no-repeat;
}

.fullhappi_Msize_th a
{
	background:url(../images/contents/fullhappi_Msize_th_on.jpg) no-repeat;
}

.fullhappi_Kodomosize_th a
{
	background:url(../images/contents/fullhappi_Kodomosize_th_on.jpg) no-repeat;
}

.fullhappi_Sansaijisize_th a
{
	background:url(../images/contents/fullhappi_Sansaijisize_th_on.jpg) no-repeat;
}

.fullhappi_Tokudaisize_th a
{
	background:url(../images/contents/fullhappi_Tokudaisize_th_on.jpg) no-repeat;
}

.fullhappi_Sodenasi_th a
{
	background:url(../images/contents/fullhappi_Sodenasi_th_on.jpg) no-repeat;
}

/*拡大ボタン　大*/
.btn_kakudaiBig a
{
	width:215px;
	height:45px;
	display:block;

}

.btn_kakudaiBig
{
	width:215px;
	height:45px;
	background:url(../images/btn/sunpou_btn_on.gif) no-repeat;
	margin-left:auto;
	margin-right:auto;
}
.kentou-font
{
	font-size:180%;
	line-height: 1.2;
}

.price_listTop
{
	width:680px;
}

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

.price_listTop th
{
	background:#E0F8D9;
}


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

.response_fullhappi_kijisample a
{
	display:block;
	background:url(../images/response/response_fullhappi_kijisample_on.gif) no-repeat;
	width:340px;
	height:90px;
}


.priceLargeText
{
	font-size:180%;
	line-height:1.3;
}

.price_list
{
	text-align:center;
	width:980px;
	margin-left:auto;
	margin-right:auto;
}

.price_list th
{
	text-align:center;
	background-color:#FCD7D7;
	border:1px solid #B5B5B5;
	font-size:130%;
	line-height:120%;
	font-weight:bold;
}
.price_list th span.midashiKizi
{
	font-size:93%;
	color:#E50000;
	font-weight:normal;
}

.price_list td
{
	border:1px solid #B5B5B5;
}
.howManyText
{
	line-height:1.5;
}
.howManyText span
{
	font-weight:normal;
	font-size:73%;
}
.full-sizeBox
{
	margin-bottom:45px;
}


.fullAi-Btn a
{
	width:333px;
	height:88px;
	display:block;
	background-image:url(../images/contents/fullhappiAiTemplate-btn_on.gif);
}
.hanpu-popUp-btn,
.saten-popUp-btn,
.toropikaru-popUp-btn,
.hanpu-popUp-btn a,
.saten-popUp-btn a,
.toropikaru-popUp-btn a
{
	width:300px;
	height:186px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}


.hanpu-popUp-btn
{
	background:url(../images/contents/full_hanpu_photo_th_on.jpg) no-repeat;
}
.saten-popUp-btn
{
	background:url(../images/contents/full_saten_photo_th_on.jpg) no-repeat;
}
.toropikaru-popUp-btn
{
	background:url(../images/contents/full_toropical_photo_th_on.jpg) no-repeat;
}

/********************************
定番はっぴページ
********************************/
.response_teibanhappi a
{
	display:block;
	background:url(../images/response/response_teibanhappi_on.gif) no-repeat;
	width:400px;
	height:90px;
}

.teibanVoice .voice04 a
{
	background-image:url(../images/contents/users04_on.jpg);
}


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

.teibanHaappiList li
{
	list-style-type:none;
	float:left;
	width:330px;
	margin-bottom:10px;
}

.teibanSeisakurei a
{
	width:1024px;
	height:246px;
	display:block;
}
.teibanSeisakurei
{
	background:url(../images/contents/teiban_seisakurei_on.jpg) no-repeat;
}

.teibanHaappiList a
{
	display:block;
	width:330px;
	height:140px;
}
.teibanHaapp_muji
{
	background:url(../images/contents/teibanhappi_muji_banner_on.jpg) no-repeat;
}

.teibanHaapp_nami
{
	background:url(../images/contents/teibanhappi_nami_banner_on.jpg) no-repeat;
}

.teibanHaapp_itimatsu
{
	background:url(../images/contents/teibanhappi_itimatsu_banner_on.jpg) no-repeat;
}

.teibanHaapp_oonami
{
	background:url(../images/contents/teibanhappi_oonami_banner_on.jpg) no-repeat;
}

.teibanHaapp_matsuri
{
	background:url(../images/contents/teibanhappi_matsuri_banner_on.jpg) no-repeat;
}

.teibanHaapp_tyoutin
{
	background:url(../images/contents/teibanhappi_tyoutin_banner_on.jpg) no-repeat;
}

.teibanHaapp_yoshiwara
{
	background:url(../images/contents/teibanhappi_yoshiwara_banner_on.jpg) no-repeat;
}

.teibanHaapp_kozuti
{
	background:url(../images/contents/teibanhappi_kozuti_banner_on.jpg) no-repeat;
}

.teibanHaapp_sakura
{
	background:url(../images/contents/teibanhappi_sakura_banner_on.jpg) no-repeat;
}

.teibanHaapp_oouridashi
{
	background:url(../images/contents/teibanhappi_oouridashi_banner_on.jpg) no-repeat;
}


/*定番はっぴコース　価格表*/
.teibanMujiMiniPrice_list,
.teibanGaraMiniPrice_list
{
	text-align:center;
	width:440px;
	margin-right:auto;
	margin-left:15px;
}
.teibanMujiMiniPrice_list th,
.teibanGaraMiniPrice_list th
{
	text-align:center;
	border:1px solid #B5B5B5;
	font-size:130%;
	line-height:120%;
	font-weight:bold;
}
.teibanMujiMiniPrice_list th
{
	background-color:#DCF1FF;
}
.teibanGaraMiniPrice_list th
{
	background-color:#DCF1FF;
}
.PriceSmallGrayBox
{
	font-size:85%;
	width:440px;
	margin-left:15px;
	margin-right:auto;
	background:#EDEDED;
}

.printSpotList td
{
	text-align:right;
	border-left:none;
}
.printSpotList th
{
	border-right:none;
}

.printSpotList-green
{
	border-left:30px solid #00B910;
}
.printSpotList-blue
{
	border-left:30px solid #0092F0;
}
.printSpotList-yellow
{
	border-left:30px solid #FFBF21;
}
.printSpotList-orange
{
	border-left:30px solid #FF832F;
}
.printSpotTextRedBox
{
	width:230px;
	height:105px;
	float:right;
	margin-left:auto;
	margin-right:30px;
	padding:10px;
	border-radius: 10px;
	color:#FFFFFF;
	font-size:120%;
	text-align:center;
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #ff2320), color-stop(0.00, #ff5957));
	background: -webkit-linear-gradient(top, #ff5957 0%, #ff2320 88%);
	background: -moz-linear-gradient(top, #ff5957 0%, #ff2320 88%);
	background: -o-linear-gradient(top, #ff5957 0%, #ff2320 88%);
	background: -ms-linear-gradient(top, #ff5957 0%, #ff2320 88%);
	background: linear-gradient(to bottom, #ff5957 0%, #ff2320 88%);
}

.teibanExamplePrice_list
{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.teibanExamplePrice_list th
{
	background-color:#FFF2C5;
	text-align:center;
	font-size:130%;
	line-height:120%;
	font-weight:bold;
}

.teibanTemplateArea
{
	width:917px;
	margin-left:auto;
	margin-right:auto;
}

.teibanTemplateBnArea a
{
	width:218px;
	height:64px;
	display:block;
}
.bnTemplate-muji a
{
	background-image:url(../images/btn/btn-template-muji_on.gif);
}
.bnTemplate-itimatsu a
{
	background-image:url(../images/btn/btn-template-itimatsu_on.gif);
}
.bnTemplate-matsuri a
{
	background-image:url(../images/btn/btn-template-matsuri_on.gif);
}
.bnTemplate-yoshiwara a
{
	background-image:url(../images/btn/btn-template-yoshiwara_on.gif);
}
.bnTemplate-nami a
{
	background-image:url(../images/btn/btn-template-nami_on.gif);
}
.bnTemplate-oonami a
{
	background-image:url(../images/btn/btn-template-oonami_on.gif);
}
.bnTemplate-sakura a
{
	background-image:url(../images/btn/btn-template-sakura_on.gif);
}
.bnTemplate-oouridashi a
{
	background-image:url(../images/btn/btn-template-oouridashi_on.gif);
}
.bnTemplate-all a
{
	background-image:url(../images/btn/btn-template-all_on.gif);
}

/*************************************
大量枚数での製作のご案内
**************************************/
.largelotSeisaku li{
	float: left;
	background:#fff3c0;
	border: solid 2px #ffda7e;
	padding: 8px 0;
	margin:10px;
	text-align: center;
	width: 230px;
	font-size: 90%;
	line-height: 1.4em;
}
.largelotAppeal{
	text-align: center;
	font-size: 140%;
	font-weight: bold;
	line-height: 1.4em;
	background-color:#fff6d9;
	border-radius: 8px;
	padding: 20px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	
}
/********************************
価格表ページ
********************************/
/*￥0リスト*/

.pricePointTitle{
	font-weight: bolder;
	font-size: 200%;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}
.pricePointList{
	margin-right: 10px;
}
.pricePointList th,.pricePointList td{
	text-align: center;
	font-size: 140%;
	font-weight: bold;
	line-height: 1.1em;
	vertical-align: middle;
}
.pricePointList th{
	padding: 10px 0;
}
.pricePointList td{
	padding: 0;
}
.pricePointList td:first-child {
	text-align: left;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.backGreen{
	background: #e10508;
}
.priceTouten{
	border: solid 4px #e10508;
}
.priceTaten{
	background: #f3f3f3;
}
/*吹き出し*/
.balloon{
	position: relative;
	background: #e2e2e2;
	padding: 10px;
	border-radius: 10px;
	text-align: center;
	top:235px;
	margin-right: 12px;
}
.balloon:after{
	content: "";
	position: absolute;
	right: 0;
	top:50%;
	left: 200px;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color:transparent transparent transparent #e2e2e2 ;
	border-width: 15px 0 15px 25px;
}

/*フル価格表の生地画像拡大*/
.popUpPriceKiji{
	background: #fff;
	width: 180px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
}
/**********************/

/********************************
用途別　ページ（全てに共通）
********************************/
.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:#d41901;
}
.teibanYoutobetu-midashi
{
	background:#310caa;
}
.fullYoutobetuBg
{
	background-color:#FFF4F8;
	width: 500px;
	float: left;
}
.teibanYoutobetuBg
{
	background-color:#F4F7FF;
	width: 500px;
	float: right;
}
.otherYoutobetuBg
{
	background-color:#FFF4F8;
}

ul.youtobetuPageLink
{
	list-style:none;
	float:left;
}
ul.youtobetuPageLink li
{
	float:left;
	font-size:125%;
	width:457px;
}
ul.youtobetuPageLink li a{
	background:url("../images/pagelink.gif") 0% 50%;
	background-repeat:no-repeat;
	padding-left:20px;
}

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

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

/********************************
デザインサンプル
********************************/
ul.SamplePageLink{
	list-style:none;
	float:left;
}

ul.SamplePageLink li{
	float:left;
	width:240px;
}

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


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

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



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

.fDesignOmatsuri01 a,.fDesignOmatsuri02 a,
.fDesignOmatsuri03 a,.fDesignOmatsuri04 a,
.fDesignOmatsuri05 a,.fDesignOmatsuri06 a,
.fDesignOmatsuri07 a,.fDesignOmatsuri08 a,
.fDesignOmatsuri09 a,.fDesignOmatsuri10 a,
.fDesignOmatsuri11 a,.fDesignOmatsuri12 a,
.fDesignOmatsuri13 a,.fDesignOmatsuri14 a,
.fDesignOmatsuri15 a,.fDesignOmatsuri16 a,
.fDesignOmatsuri17 a,.fDesignOmatsuri18 a,
.fDesignOmatsuri19 a,.fDesignOmatsuri20 a,
.fDesignUniform01 a,.fDesignUniform02 a,
.fDesignUniform03 a,.fDesignUniform04 a,
.fDesignUniform05 a,.fDesignUniform06 a,
.fDesignUniform07 a,.fDesignUniform08 a,
.fDesignUniform09 a,.fDesignUniform10 a,
.fDesignEvent01 a,.fDesignEvent02 a,
.fDesignEvent03 a,.fDesignEvent04 a,
.fDesignEvent05 a,.fDesignEvent06 a,
.fDesignEvent07 a,.fDesignEvent08 a,
.fDesignEvent09 a,.fDesignEvent10 a,
.fDesignLive01 a,.fDesignLive02 a,
.fDesignLive03 a,.fDesignLive04 a,
.fDesignLive05 a,.fDesignLive06 a,
.fDesignLive07 a,.fDesignLive08 a,
.fDesignLive09 a,.fDesignLive10 a,
.tDesignOmatsuri01 a,.tDesignOmatsuri02 a,
.tDesignOmatsuri03 a,.tDesignOmatsuri04 a,
.tDesignOmatsuri05 a,.tDesignOmatsuri06 a,
.tDesignOmatsuri07 a,.tDesignOmatsuri08 a,
.tDesignOmatsuri09 a,.tDesignOmatsuri10 a,
.tDesignOmatsuri11 a,.tDesignOmatsuri12 a,
.tDesignOmatsuri13 a,.tDesignOmatsuri14 a,
.tDesignOmatsuri15 a,.tDesignOmatsuri16 a,
.tDesignOmatsuri17 a,.tDesignOmatsuri18 a,
.tDesignUniform01 a,.tDesignUniform02 a,
.tDesignUniform03 a,.tDesignUniform04 a,
.tDesignUniform05 a,
.tDesignLive01 a,.tDesignLive02 a,
.tDesignLive03 a,.tDesignLive04 a
{
	display:block;
}


.fDesignOmatsuri01{background-image:url(../images/designsample/full/f-omatsuri01_th_on.jpg);}
.fDesignOmatsuri02{background-image:url(../images/designsample/full/f-omatsuri02_th_on.jpg);}
.fDesignOmatsuri03{background-image:url(../images/designsample/full/f-omatsuri03_th_on.jpg);}
.fDesignOmatsuri04{background-image:url(../images/designsample/full/f-omatsuri04_th_on.jpg);}
.fDesignOmatsuri05{background-image:url(../images/designsample/full/f-omatsuri05_th_on.jpg);}
.fDesignOmatsuri06{background-image:url(../images/designsample/full/f-omatsuri06_th_on.jpg);}
.fDesignOmatsuri07{background-image:url(../images/designsample/full/f-omatsuri07_th_on.jpg);}
.fDesignOmatsuri08{background-image:url(../images/designsample/full/f-omatsuri08_th_on.jpg);}
.fDesignOmatsuri09{background-image:url(../images/designsample/full/f-omatsuri09_th_on.jpg);}
.fDesignOmatsuri10{background-image:url(../images/designsample/full/f-omatsuri10_th_on.jpg);}
.fDesignOmatsuri11{background-image:url(../images/designsample/full/f-omatsuri11_th_on.jpg);}
.fDesignOmatsuri12{background-image:url(../images/designsample/full/f-omatsuri12_th_on.jpg);}
.fDesignOmatsuri13{background-image:url(../images/designsample/full/f-omatsuri13_th_on.jpg);}
.fDesignOmatsuri14{background-image:url(../images/designsample/full/f-omatsuri14_th_on.jpg);}
.fDesignOmatsuri15{background-image:url(../images/designsample/full/f-omatsuri15_th_on.jpg);}
.fDesignOmatsuri16{background-image:url(../images/designsample/full/f-omatsuri16_th_on.jpg);}
.fDesignOmatsuri17{background-image:url(../images/designsample/full/f-omatsuri17_th_on.jpg);}
.fDesignOmatsuri18{background-image:url(../images/designsample/full/f-omatsuri18_th_on.jpg);}
.fDesignOmatsuri19{background-image:url(../images/designsample/full/f-omatsuri19_th_on.jpg);}
.fDesignOmatsuri20{background-image:url(../images/designsample/full/f-omatsuri20_th_on.jpg);}

.fDesignUniform01{background-image:url(../images/designsample/full/f-uniform01_th_on.jpg);}
.fDesignUniform02{background-image:url(../images/designsample/full/f-uniform02_th_on.jpg);}
.fDesignUniform03{background-image:url(../images/designsample/full/f-uniform03_th_on.jpg);}
.fDesignUniform04{background-image:url(../images/designsample/full/f-uniform04_th_on.jpg);}
.fDesignUniform05{background-image:url(../images/designsample/full/f-uniform05_th_on.jpg);}
.fDesignUniform06{background-image:url(../images/designsample/full/f-uniform06_th_on.jpg);}
.fDesignUniform07{background-image:url(../images/designsample/full/f-uniform07_th_on.jpg);}
.fDesignUniform08{background-image:url(../images/designsample/full/f-uniform08_th_on.jpg);}
.fDesignUniform09{background-image:url(../images/designsample/full/f-uniform09_th_on.jpg);}
.fDesignUniform10{background-image:url(../images/designsample/full/f-uniform10_th_on.jpg);}

.fDesignEvent01{background-image:url(../images/designsample/full/f-event01_th_on.jpg);}
.fDesignEvent02{background-image:url(../images/designsample/full/f-event02_th_on.jpg);}
.fDesignEvent03{background-image:url(../images/designsample/full/f-event03_th_on.jpg);}
.fDesignEvent04{background-image:url(../images/designsample/full/f-event04_th_on.jpg);}
.fDesignEvent05{background-image:url(../images/designsample/full/f-event05_th_on.jpg);}
.fDesignEvent06{background-image:url(../images/designsample/full/f-event06_th_on.jpg);}
.fDesignEvent07{background-image:url(../images/designsample/full/f-event07_th_on.jpg);}
.fDesignEvent08{background-image:url(../images/designsample/full/f-event08_th_on.jpg);}
.fDesignEvent09{background-image:url(../images/designsample/full/f-event09_th_on.jpg);}
.fDesignEvent10{background-image:url(../images/designsample/full/f-event10_th_on.jpg);}

.fDesignLive01{background-image:url(../images/designsample/full/f-live01_th_on.jpg);}
.fDesignLive02{background-image:url(../images/designsample/full/f-live02_th_on.jpg);}
.fDesignLive03{background-image:url(../images/designsample/full/f-live03_th_on.jpg);}
.fDesignLive04{background-image:url(../images/designsample/full/f-live04_th_on.jpg);}
.fDesignLive05{background-image:url(../images/designsample/full/f-live05_th_on.jpg);}
.fDesignLive06{background-image:url(../images/designsample/full/f-live06_th_on.jpg);}
.fDesignLive07{background-image:url(../images/designsample/full/f-live07_th_on.jpg);}
.fDesignLive08{background-image:url(../images/designsample/full/f-live08_th_on.jpg);}
.fDesignLive09{background-image:url(../images/designsample/full/f-live09_th_on.jpg);}
.fDesignLive10{background-image:url(../images/designsample/full/f-live10_th_on.jpg);}

.tDesignOmatsuri01{background-image:url(../images/designsample/teiban/t-omatsuri01_th_on.jpg);}
.tDesignOmatsuri02{background-image:url(../images/designsample/teiban/t-omatsuri02_th_on.jpg);}
.tDesignOmatsuri03{background-image:url(../images/designsample/teiban/t-omatsuri03_th_on.jpg);}
.tDesignOmatsuri04{background-image:url(../images/designsample/teiban/t-omatsuri04_th_on.jpg);}
.tDesignOmatsuri05{background-image:url(../images/designsample/teiban/t-omatsuri05_th_on.jpg);}
.tDesignOmatsuri06{background-image:url(../images/designsample/teiban/t-omatsuri06_th_on.jpg);}
.tDesignOmatsuri07{background-image:url(../images/designsample/teiban/t-omatsuri07_th_on.jpg);}
.tDesignOmatsuri08{background-image:url(../images/designsample/teiban/t-omatsuri08_th_on.jpg);}
.tDesignOmatsuri09{background-image:url(../images/designsample/teiban/t-omatsuri09_th_on.jpg);}
.tDesignOmatsuri10{background-image:url(../images/designsample/teiban/t-omatsuri10_th_on.jpg);}
.tDesignOmatsuri11{background-image:url(../images/designsample/teiban/t-omatsuri11_th_on.jpg);}
.tDesignOmatsuri12{background-image:url(../images/designsample/teiban/t-omatsuri12_th_on.jpg);}
.tDesignOmatsuri13{background-image:url(../images/designsample/teiban/t-omatsuri13_th_on.jpg);}
.tDesignOmatsuri14{background-image:url(../images/designsample/teiban/t-omatsuri14_th_on.jpg);}
.tDesignOmatsuri15{background-image:url(../images/designsample/teiban/t-omatsuri15_th_on.jpg);}
.tDesignOmatsuri16{background-image:url(../images/designsample/teiban/t-omatsuri16_th_on.jpg);}
.tDesignOmatsuri17{background-image:url(../images/designsample/teiban/t-omatsuri17_th_on.jpg);}
.tDesignOmatsuri18{background-image:url(../images/designsample/teiban/t-omatsuri18_th_on.jpg);}

.tDesignUniform01{background-image:url(../images/designsample/teiban/t-uniform01_th_on.jpg);}
.tDesignUniform02{background-image:url(../images/designsample/teiban/t-uniform02_th_on.jpg);}
.tDesignUniform03{background-image:url(../images/designsample/teiban/t-uniform03_th_on.jpg);}
.tDesignUniform04{background-image:url(../images/designsample/teiban/t-uniform04_th_on.jpg);}
.tDesignUniform05{background-image:url(../images/designsample/teiban/t-uniform05_th_on.jpg);}

.tDesignLive01{background-image:url(../images/designsample/teiban/t-live01_th_on.jpg);}
.tDesignLive02{background-image:url(../images/designsample/teiban/t-live02_th_on.jpg);}
.tDesignLive03{background-image:url(../images/designsample/teiban/t-live03_th_on.jpg);}
.tDesignLive04{background-image:url(../images/designsample/teiban/t-live04_th_on.jpg);}



/********************************
各商品ページ
item.html
********************************/

.sizeList
{
	width:200px;
	border-left:none;
	border-right:none;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

.sizeList th,.sizeList td
{
	padding: 6px 0;
	border-left:none;
	border-right:none;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}



.sizeList th
{
	text-align:center;
}

.sizeList_title
{

	text-align:center;
}

.response_mujihappi a,
.response_itimatsuhappi a,
.response_matsurihappi a,
.response_yoshiwarahappi a,
.response_namihappi a,
.response_oonamihappi a,
.response_sakurahappi a,
.response_tyoutinhappi a,
.response_kozutihappi a,
.response_oouridashihappi a
{
	display: block;
	width: 440px;
	height: 90px;
}

.response_mujihappi a
{
	background: url(../images/response/response_mujihappi_on.gif) no-repeat;
}
.response_itimatsuhappi a
{
	background: url(../images/response/response_itimatsuhappi_on.gif) no-repeat;
}

.response_matsurihappi a
{
	background: url(../images/response/response_matsurihappi_on.gif) no-repeat;
}

.response_yoshiwarahappi a
{
	background: url(../images/response/response_yoshiwarahappi_on.gif) no-repeat;
}

.response_namihappi a
{
	background: url(../images/response/response_namihappi_on.gif) no-repeat;
}

.response_oonamihappi a
{
	background: url(../images/response/response_oonamihappi_on.gif) no-repeat;
}

.response_sakurahappi a

{
	background: url(../images/response/response_sakurahappi_on.gif) no-repeat;
}

.response_tyoutinhappi a
{
	background: url(../images/response/response_tyoutinhappi_on.gif) no-repeat;
}

.response_kozutihappi a
{
	background: url(../images/response/response_kozutihappi_on.gif) no-repeat;
}

.response_oouridashihappi a
{
	background: url(../images/response/response_oouridashihappi_on.gif) no-repeat;
}


.teibanHaappiSmallList
{
	width:175px;
}
.teibanHaappiSmallList dl
{
	margin:7px 0 0 8px;

}
.teibanHaappiSmallList dt
	{
		font-weight:bold;
		color:#666666;
	}
.teibanHaappiSmallList dd
	{
		margin:0;
		padding:0;
		line-height:normal;
	}




/*************************************
そっくりさんページ
**************************************/
.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;
}



/*************************************
フルオーダーコースと定番コースの違い
**************************************/
ul.pagelinklist li a {
	background: url("../images/pagelink.gif") 0% 50%;
	background-repeat: no-repeat;
	padding-left: 20px;
}

.tigaiBox
{
	width:345px;
	background:#f4f4f4;
	
}

.tigaiBoxContent
{
	padding:0 8px 8px 8px;
	line-height: 130%;
}

.tigaiBox p.title
{
	font-size:145%;
	font-weight:bold;
	line-height: 130%;
}


.tigaiBannerBox p
{
	width:550px;
	margin:0 auto;
}
.tigaiBannerBox a
{
	width:550px;
	height:70px;
	display:block;
	background-image:url(../images/response/tigai_response_btn_on.gif);
}


/********************************
データ入稿＆はじめての方へ
********************************/
.nyukuoList
{
	background-color:#FFEBEB;
	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;
}
.bnTemplate01 a
{
	display:block;
	background-image:url(../images/btn/btn-template-dl01_on.gif);
}
.bnTemplate02 a
{
	display:block;
	background-image:url(../images/btn/btn-template-dl02_on.gif);
}
.bnTemplate03 a
{
	display:block;
	background-image:url(../images/btn/btn-template-dl03_on.gif);
}
.bnTemplate04 a
{
	display:block;
	background-image:url(../images/btn/btn-template-dl04_on.gif);
}
.bnTemplate05 a
{
	display:block;
	background-image:url(../images/btn/btn-template-dl05_on.gif);
}
.bnTemplate06 a
{
	display:block;
	background-image:url(../images/btn/btn-template-dl06_on.gif);
}

.bnTemplatePs01 a
{
	display:block;
	background-image:url(../images/btn/btn-template_ps-dl01_on.gif);
}
.bnTemplatePs02 a
{
	display:block;
	background-image:url(../images/btn/btn-template_ps-dl02_on.gif);
}
.bnTemplatePs03 a
{
	display:block;
	background-image:url(../images/btn/btn-template_ps-dl03_on.gif);
}
.bnTemplatePs04 a
{
	display:block;
	background-image:url(../images/btn/btn-template_ps-dl04_on.gif);
}
.bnTemplatePs05 a
{
	display:block;
	background-image:url(../images/btn/btn-template_ps-dl05_on.gif);
}
.bnTemplatePs06 a
{
	display:block;
	background-image:url(../images/btn/btn-template_ps-dl06_on.gif);
}

.bnNuritashi a
{
	display:block;
	background:url(../images/contents/nuritashi_th_on.gif) no-repeat;
	background-size:560px 259px;
}


/********************************
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:#F7F7F7 !important;
}


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

/********************************
よくあるご質問
********************************/
.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;
}
/********************************
ポップアップ用
********************************/
#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;

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


/********************************
実店舗（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;
}


/*ご来店レスポンス*/
.BsInquiryBannerBox
{
	clear:both;
}
.BsInquiryBannerBox p
{
	width:604px;
	height:66px;
	margin-left:auto;
	margin-right:auto;
}
.BsInquiryBannerBox a
{
	display:block;
	background-image:url(../images/bs/bs-inquiry_on.png);
}


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

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

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

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

.iconGinza{
	background:url(../images/bs/icon_ginza_marunouti_hibiya.png) no-repeat;
	padding-left:96px;
	min-height:28px;
	padding-top: 3px;
}

.iconHigashiGinza
{
	background:url(../images/bs/icon_asakusa_hibiya.png) no-repeat;
	padding-left:65px;
	min-height:28px;
	padding-top: 3px;
}

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


.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_icon_Yuurakutyou,h4.title_iconOyama,h4.title_iconYoyogi
{
	background:#383838 url(../images/bs/icon_jr.png) no-repeat 3% 50%;
	padding:11px 0 11px 68px;
	
}

h4.title_icon_Ginza1tyoume
{
	background:#383838 url(../images/bs/icon_yuurakutyou.png) no-repeat 3% 50%;
	padding:11px 0 11px 63px;
}

h4.title_iconTakaratyou
{
	background:#383838 url(../images/bs/icon_asakusa.png) no-repeat 3% 50%;
	padding:11px 0 11px 63px;
}

h4.title_iconKyoubashi
{
	background:#383838 url(../images/bs/icon_ginza.png) no-repeat 3% 50%;
	padding:11px 0 11px 63px;
}

h4.title_iconGinza{
	background:#383838 url(../images/bs/icon_ginza_marunouti_hibiya.png) no-repeat 3% 50%;
	padding:11px 0 11px 123px;
}

h4.title_iconHigashiGinza
{
	background:#383838 url(../images/bs/icon_asakusa_hibiya.png) no-repeat 3% 50%;
	padding:11px 0 11px 95px;
}

h4.title_icon_Kitasandou
{
	background:#383838 url(../images/bs/icon_fukutosin.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;
}


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


/********************************
子ども用サイズ
********************************/
.childrenPageLink{
	padding:0;
	list-style:none;
}

.childrenPageLink a
{
	padding:0 0 0 23px;
	background-image:url(../images/pagelink.gif);
	background-repeat:no-repeat;
	background-position:2px 50%;
}

.bnMitumoriS a {
	width: 300px;
	height: 50px;
	display: block;
	float: right;
	background-image: url(../images/bn/mitumori-s_on.gif);
}

/********************************
使用できる書体とイラストサンプル
********************************/


/*ページ内リンク*/

ul.PageLink{
	padding:0;
	list-style:none;
	text-align:center;
}

.PageLink li
{
	margin:15px auto 30px;
	width:400px;
	float:left;
}
.PageLink a
{
	padding:0 0 0 23px;
	background-image:url(../images/pagelink.gif);
	background-repeat:no-repeat;
	background-position:2px 50%;
}


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


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

.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 #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:280px;
}
#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/*注：topに使用しているtop_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:#FFEBEB;
	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;
}
.bnTemplate02 a
{
	display:block;
	background-image:url(../images/btn/btn-template-dl02_on.gif);
}
.bnTemplate03 a
{
	display:block;
	background-image:url(../images/btn/btn-template-dl03_on.gif);
}

.bnTemplate04 a
{
	display:block;
	background-image:url(../images/btn/btn-template-dl04_on.gif);
}
.bnTemplate05 a
{
	display:block;
	background-image:url(../images/btn/btn-template-dl05_on.gif);
}
.bnTemplate06 a
{
	display:block;
	background-image:url(../images/btn/btn-template-dl06_on.gif);
}
.bnNuritashi a
{
	display:block;
	background:url(../images/contents/nuritashi_th_on.gif) no-repeat;
	background-size:560px 259px;
}



/********************************
商品リスト（見積もり依頼）
form.html
********************************/


.formItemList
{
	width:1024px;
	margin-left:auto;
	margin-right:auto;
}
.formItemList ul h3
{
	font-size: 105%;
	padding: 0 5px;
	border-left: 5px solid #3375CB;
	border-bottom: none;
}
.formItemList ul
{
	list-style:none;
}
.formItemList li
{
	float:left;
	margin-right:24px;
	margin-bottom:30px;
}
.formItemList a
{
	width:222px;
	height:232px;
	display:block;
}

.formItemList .formItem01 a{
	background-image:url(../images/btn/item-01_on.jpg);}
.formItemList .formItem02 a{
	background-image:url(../images/btn/item-02_on.jpg);}
.formItemList .formItem03 a{
	background-image:url(../images/btn/item-03_on.jpg);}
.formItemList .formItem04 a{
	background-image:url(../images/btn/item-04_on.jpg);}
.formItemList .formItem05 a{
	background-image:url(../images/btn/item-05_on.jpg);}
.formItemList .formItem06 a{
	background-image:url(../images/btn/item-06_on.jpg);}
.formItemList .formItem07 a{
	background-image:url(../images/btn/item-07_on.jpg);}
.formItemList .formItem08 a{
	background-image:url(../images/btn/item-08_on.jpg);}
.formItemList .formItem09 a{
	background-image:url(../images/btn/item-09_on.jpg);}
.formItemList .formItem10 a{
	background-image:url(../images/btn/item-10_on.jpg);}

.formItemList .formItem01 .response_item a,
.formItemList .formItem02 .response_item a,
.formItemList .formItem03 .response_item a,
.formItemList .formItem04 .response_item a,
.formItemList .formItem05 .response_item a,
.formItemList .formItem06 .response_item a,
.formItemList .formItem07 .response_item a,
.formItemList .formItem08 .response_item a,
.formItemList .formItem09 .response_item a,
.formItemList .formItem10 .response_item a,
.formFullhappiList .response_item a
{
	width:222px;
	height:45px;
	display:block;
	background-image:url(../images/response/response_item_on.gif);
	margin: 0 auto;
}


.formFullhappi
{
	margin-left:auto;
	margin-right:auto
}


.formFullhappi a
{
	width:302px;
	height:251px;
	display:block;
	background-image:url(../images/btn/fullhappi_on.jpg);
	margin-left:auto;
	margin-right:auto
}



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


#MailForm
{
	width:990px;
	margin-left:auto;
	margin-right:auto;
}
#MailForm th
{
	width:130px;
	text-align:center;
	background-color:#fbd7d7;
}


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


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


/********************************
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;
}

/********フルオーダー見積もり********/

.saize-kazu-list>ul{
	padding: 0;
}

li {
	list-style: none;
}

.saize-kazu-list>ul>li{
	padding: 0 5px;
	margin-right: 5px;
	display: inline-block;
	text-align: center
}

.size-kazu-mail {
	display: none;
}

/********定番見積もり********/
h3.formTeiban {
	font-size: 120%;
	padding: 3px 5px 3px 6px;
	border: none;
	border-left: 5px solid #C0C0C0;
}

#kids, .p-muji, #ichimai {
	display: none;
}

.p-muji, .p-other, #kids>p, .p-ichimai {
	font-size: 16px;
}

.color-kazu-list>div>ul {
	padding: 0;
}

.color-kazu-list>div>ul>li {
	padding: 0 5px;
	margin-right: 5px;
	display: inline-block;
	text-align: center;
}

.color-kazu-list>div>ul>li>img {
	margin-bottom: 5px;
}

/* カラーと枚数(メール用) */
.color-kazu-mail {
	display: none;
}

/* カラーと枚数(メール用) */
.color-kazu-mail {
	display: none;
}

/* プリント箇所 */
.print1,.print5 {
	width: 380px;
	height: 35px;
	line-height: 35px;
	border: 1px solid #cccccc;
	background-color: rgb(244,244,244);
}
#printf label,#printb label{
	display: block;
	line-height: 2em;
}

#senaka-maru {
	display: none;
}
/* プリント箇所チェックされたら色付く場所 */
.printCheckBox{
	width: 255px;
	height: auto;
	position: relative;
}
.selectColor{
	background-color:#ff984c;
}
.printCheckBox{
	background:#ececec; 
	z-index: -20;
}

/* ①両えり選択されたら色つくエリア */
#selected-1 {
	width: 45px;
	height: 90px;
	position: absolute;
	left: 105px;
	top: 60px;
	z-index: -10;
}
/* ②右そで選択されたら色つくエリア */
#selected-2 {
	width: 33px;
	height: 46px;
	position: absolute;
	left: 20px;
	top: 18px;
	z-index: -10;
}
/* ③左そで選択されたら色つくエリア */
#selected-3 {
	width: 33px;
	height: 46px;
	position: absolute;
	left: 205px;
	top: 18px;
	z-index: -10;
}
/* ④右むね選択されたら色つくエリア */
#selected-4 {
	width: 33px;
	height: 46px;
	position: absolute;
	left: 70px;
	top: 45px;
	z-index: -10;
}
/* ⑤左むね選択されたら色つくエリア */
#selected-5 {
	width: 33px;
	height: 46px;
	position: absolute;
	left: 150px;
	top: 45px;
	z-index: -10;
}
/* ⑥右すそ選択されたら色つくエリア */
#selected-6 {
	width: 33px;
	height: 46px;
	position: absolute;
	left: 70px;
	top: 135px;
	z-index: -10;
}
/* ⑦左すそ選択されたら色つくエリア */
#selected-7 {
	width: 33px;
	height: 46px;
	position: absolute;
	left: 150px;
	top: 135px;
	z-index: -10;
}
/* ⑧背中選択されたら色つくエリア */
#selected-8 {
	width: 120px;
	height: 75px;
	position: absolute;
	left: 70px;
	top: 63px;
	z-index: -10;
}
/* ⑨肩選択されたら色つくエリア */
#selected-9 {
	width: 120px;
	height: 35px;
	position: absolute;
	left: 70px;
	top: 30px;
	z-index: -10;
}
/* ⑩背中すそ選択されたら色つくエリア */
#selected-10 {
	width: 120px;
	height: 35px;
	position: absolute;
	left: 70px;
	top: 140px;
	z-index: -10;
}
/* ⑧背中丸選択されたら色つくエリア */
#selected-11 {
	width: 120px;
	height: 70px;
	position: absolute;
	left: 70px;
	top: 40px;
	z-index: -10;
}
#senaka-maru {
	display: none;
}

/* 帯の指定 */
.muji-obi {
	display: none;
}

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