@charset "utf-8";

/* ********************************************* */
/** ぺナントペラページの設定
/** sp-pennant.css
/* ********************************************* */


/********************************
ヘディング設定
********************************/
h2.title {
	font-size: 120%;
	padding: 0 0 0 8px;
	border-left: 5px solid #9B3A38;
	border-bottom: 3px solid #9B3A38;
	line-height: 30px;
	text-align:left;
}

h2
{
	border-bottom:none;
}
h4
{
	color:#3e7ee2;
	font-size:105%;
}


h3.textLevel {
	clear: both;
	font-size: 110%;
	padding: 1px 5px 2px 5px;
	border-left: none;
	border-left: 7px solid #cccccc;
	border-bottom: 2px solid #cccccc;
}

.textBold
{
	font-weight:bold;
	}

/********************************
コンテナレイアウト設定
********************************/

.WrapBodyArea
{
	border:1px solid #c8c8c8;
	background:#ffffff;

}
#OneColumnMainArea
{
	width:916px;
	margin:0 auto;
}

.designDetaBox
{
	width:840px;
	margin:0 0 0 40px;
}


/********************************
マージン設定
********************************/
.marginLeft20
{
	margin:0 0 0 20px;
}
.marginRight20
{
	margin:0 20px 0 0;
}

/********************************
お問い合わせバナー
********************************/
.InquiryBannerBox
{
	width:736px;
	margin:50px 0 75px 110px;
}
.InquiryBannerBox a
{
	display:block;
	width:736px;
	height:91px;
	background:url(../images/bn_inquiry_on.gif) no-repeat left top;
}


	
/********************************
お客様の声
********************************/
.usersvoice
{
	width:750px;
	margin:0 85px;
}



/********************************
よくあるご質問
********************************/
.faqList
{
	margin:15px 60px;
	text-indent: -1.2em;
	padding-left: 1.2em;
}
.faqList span
{
	font-weight:bold;
	padding:0 5px 0 0;
}
.faqList dt
{
	color:#ff4e00;
	font-weight:bold;
	margin:0 0 5px 0;
}
.faqList dd
{
	margin:0 0 15px 1.2em;
}
.faqList dd.parag
{
	text-indent:0em;
}
.faqList dd span
{
	color:#0056b7;
}
/********************************
メディアページ
********************************/
.videoBoxWidArea
{
	width:660px;
	height:270px;
	margin:0 auto;
}
.videoBoxWid
{
	width:320px;
}
#main #media .videoBoxWid p
{
	margin:0;
}

h3.normal
{
	border-bottom:3px solid #cccccc;
	border-top:3px solid #cccccc;
	font-size:110%;
	color:#039;
	line-height:30px;
	text-indent:1em;
}
/********************************
ポップアップ用
********************************/
#PopUpBody
{
	color:#333333;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	margin:0px;
	padding:0px;
	background-color:#ffffff;
}
#PopUpBodyArea
{
	width:570px;
	text-align:left;
	margin:0 auto;
	background-color:#ffffff;
}

.POPupTable th
{
	text-align:left;
}
.POPupTable td
{
	padding: 8px;
}
/********************************
テーブル設定
********************************/

	/* 特定商法の表で利用 */
	.normalTable
	{
	}
	.normalTable th
	{
		background-color:#d9eafe;
	}

	/* 「生地の種類とプリントについて」比較の表で利用 */
	.compTable
	{
		width:856px;
		margin:0 auto;
	}
	.compTable th,
	.compTable td
	{
		vertical-align:top;
		text-align:left;
		border:3px solid #d2d2d2;
	}
	.compTable th
	{
		width:154px;
		color:#00479d;
		font-weight:bold;
		background-color:#d9eafe;
	}
	.compTable .padding0Center
	{
		text-align:center;
		padding:0;
	}


/********************************
テーブル風リスト
********************************/
.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%;
}
/* end hiding */



/********************************
フォーム
********************************/
#MailForm
{
	width:800px;
}


/********************************
box
********************************/


.w800Box
{
	width:800px;
	margin-left:auto;
	margin-right:auto;
}

.w500Box
{
	width:500px;
	margin-left:auto;
	margin-right:auto;
}



/********************************
新しい情報に変更用
********************************/
.W300pxBox
{
	width:300px;
	margin-left:auto;
	margin-right:auto;
}

.W290pxBox
{
	width:290px;
	margin-left:auto;
	margin-right:auto;
}

.ThinblueBox01
{
	background:#F1F1F1;
	padding:10px;
}
.ThinblueBox02
{
	border:1px solid #C4C4C4;
	background:#F7F7F7;
}
.borderBox02
{
	border:1px solid #cccccc;
	padding:0;
}

/*価格表*/
.pricebana
{
	margin-top:40px;
	margin-bottom:80px;
}

.OptionpriceBox
{
	padding:30px 60px 20px 60px;
	margin-left:auto;
	margin-right:auto;
}
.priceborder
{
	border:solid 1px #DCDCDC;
	margin-bottom:7px;
}
.moretripleBottomTalk
{
	margin-bottom:100px;
}
.morelagestFont3
{
	font-size:180%;
	line-height:180%;
}
.price_list
{
	width:900px;
}

.price_list th
{
	background:#FFE3E3;
}

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

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

/*制作例*/

#topSeisakuArea ul
{
	list-style:none;
	padding:0;
}
#topSeisakuArea a
{
	width:220px;
	height:300px;
	display:block;
}
#topSeisakuArea .top_design01
{
	background-image:url(../images/top/photo-design01_on.jpg);
	
}
#topSeisakuArea .top_design02
{
	background-image:url(../images/top/photo-design02_on.jpg);
}
#topSeisakuArea .top_design03
{
	background-image:url(../images/top/photo-design03_on.jpg);
}
#topSeisakuArea .top_design04
{
	background-image:url(../images/top/photo-design04_on.jpg);
}
#topSeisakuArea .top_design05
{
	background-image:url(../images/top/photo-design05_on.jpg);
}
#topSeisakuArea .top_design06
{
	background-image:url(../images/top/photo-design06_on.jpg);
}
#topSeisakuArea .top_design07
{
	background-image:url(../images/top/photo-design07_on.jpg);
}
#topSeisakuArea .top_design08
{
	background-image:url(../images/top/photo-design08_on.jpg);
}

.toplistLevel
{
	margin-left:60px;
}

.W420pxBox
{
	width:420px;
	margin-left:auto;
	margin-right:auto;
}	
.W497pxBox
{
	width:497px;
	margin-left:auto;
	margin-right:auto;
}


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

#MailForm
{
	width:800px;
	margin:0 auto;
}
#MailForm th
{
	width:130px;
	background-color:#d9eafe;
}

.formHide{
	display: none;
}