@charset "utf-8";

/* ********************************************* */
/** ページ毎の設定
/** contents.css
/** 塩ビカットシート専門店
/* ********************************************* */

/********************************
トップページ
********************************/
/* 塩ビカットシート説明の左右レイアウト */
.TwoColumnLeft
{
	width:355px;
	float:left;
}
.TwoColumnRight
{
	width:219px;
	float:right;
}
/* 塩ビカットシートとはの3カラムリスト */
.aboutCutting
{
	width:198px;
	float:left;
	margin:0 3px 0 0;
}
.nonsept
{
	margin:0;
}
.aboutCutting dd
{
	margin:0;
	padding:3px 5px;
}


/********************************
色見本
********************************/
.specTable th
{
	background-color:#c6f8c3;
}
.specTable td
{
	width:180px;
	background-color:#FFF;
}

/********************************
料金表
********************************/
.priceBox
{
	width:590px;
}
.priceBox .Text
{
	width:265px;
	float:left;
}
.priceBox .Image
{
	width:317px;
	float:right;
}
.priceTable th
{
	background-color:#c6f8c3;
}
.priceTable th,
.priceTable td
{
	text-align:center;
}
.priceTable .cellGray
{
	background-color:#f4f4f4;
}

/* デザイン料金表 */
.designPriceTable
{
	width:auto;
}
.designPriceTable th
{
	text-align:left;
	background-color:#c6f8c3;
}
.designPriceTable td
{
	text-align:left;
}
.designPriceTable .cellGreen
{
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	background-color:#2a9400;
}

/* 送料テーブル */
.souryoTable
{
	width:auto;
}
.souryoTable th
{
	text-align:left;
	background-color:#c6f8c3;
}
.souryoTable th,
.souryoTable td
{
	padding:10px 20px;
}
	
/* 送料高額割引きテーブル */
.souryoWariTable
{
	width:auto;
}
.souryoWariTable td
{
	border:none;
}

/********************************
貼り方
********************************/
.howtoList div
{
	clear:both;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #cccccc;
}
.howtoList .Text
{
	width:350px;
	float:left;
	padding-top:10px;
}
.howtoList .Image
{
	width:200px;
	float:right;
}

/********************************
書体一覧
********************************/
.fontListBox
{
	width:580px;
}
.fontListBox h3
{
	clear:both;
	width:400px;
}
.fontList
{
	list-style:none;
	padding:0;
	margin-top:0;
	margin-left:0;
	margin-right:0;
}
.fontList li
{
	width:260px;
	height:168px;
	float:left;
	padding:9px;
}
.decorationList li
{
	width:260px;
	height:85px;
	float:left;
	padding:9px;
}

/********************************
お客様の声
********************************/
.usersList
{
	float:left;
	margin:0 0 0 20px;
	display:inline;
	background-image:url(../images/contents/shadow.gif);
	background-repeat:repeat-x;
	background-position:0% 100%;
}
.usersList dl
{
	width:250px;
	margin:0 0 8px 0;
	padding:10px;
	border:1px solid #9f9f9f;
}
.usersList dd
{
	margin:0;
}
.usersListLong
{
	width:562px;
	margin:0 0 15px 20px;
	padding:0 0 8px 0;
	background-image:url(../images/contents/shadow.gif);
	background-repeat:repeat-x;
	background-position:0% 100%;
}
.usersListLong p
{
	padding:8px;
	border:1px solid #9f9f9f;
}

/********************************
よくあるご質問
********************************/
.faqList
{
	margin:15px;
	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 span
{
	color:#0056b7;
}

/********************************
特定商取引法に基づく表記
********************************/
.lawTable th
{
	text-align:left;
}
.lawTable th,
.lawTable td
{
	padding:10px;
}

/********************************
メディア掲載履歴
********************************/
.mediaList
{
	margin:0 32px;
	padding:0;
	list-style:none;
}
.mediaList li
{
	height:142px;
	float:left;
	display:inline;
	margin:10px;
}

/********************************
サイトマップ
********************************/
.sitemapList
{
	list-style-image:url(../images/ico-ty-orange.gif);
}
.sitemapList li
{
	margin:5px 0;
}

/********************************
シート選択ボックス
********************************/
.SheetListBox
{
}
.SheetListBox .ThreeColumnList
{
	width:232px;
	float:left;
	margin:0;
}
.SheetListBox .ThreeColumnList dd
{
	margin:3px 0;
}
.SheetListBox .ThreeColumnList dt a
{
	width:232px;
	height:251px;
	display:block;
}
.SheetListBox .sheet651,
.SheetListBox .sheet751,
.SheetListBox .sheet8500
{
	padding:0 12px;
}
.SheetListBox .sheet651 a{background-image:url(../images/form/sheet-651_on.gif);}
.SheetListBox .sheet751 a{background-image:url(../images/form/sheet-751c_on.gif);}
.SheetListBox .sheet8500 a{background-image:url(../images/form/sheet-8500_on.gif);}

/********************************
お問い合わせ・お見積り依頼フォーム
********************************/
.formHead
{
	border-bottom:10px solid #184f00;
}
#FormBox
{
	text-align:center;
}
#MailForm
{
	width:700px;
	margin:0 auto;
	text-align:left;
}
#MailForm table
{
	width:100%;
}
#MailForm th
{
	width:130px;
	text-align:left;
	vertical-align:top;
	background-color:#DEFEE6;
}
#MailForm th,
#MailForm td
{
	padding:10px;
}
#MailForm .buttonArea
{
	padding:10px;
	border:1px solid #cccccc;
	border-top:none;
}
#MailForm .buttonArea p input
{
	margin:0 5px;
}
#MailForm .colorSelectList,
#MailForm .fontSelectList
{
	width:530px;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	padding:0;
	list-style:none;
}
#MailForm .colorSelectList li,
#MailForm .fontSelectList li
{
	width:170px;
	float:left;
	margin:0;
	padding:7px 0 7px 6px;
	background-image:url(../images/line-dotted.gif);
	background-position:0% 100%;
	background-repeat:repeat-x;
}
#MailForm .colorSelectList li span
{
	display:block;
	margin:0 0 0 40px;
}
#MailForm .colorSelectList img
{
}
#MailForm .colorSelectList img,
#MailForm .fontSelectList img
{
	float:left;
}
#MailForm .fontDecoration li
{
	width:250px;
}

#MailForm .imageButton
{
	padding:20px 0 22px 0;
}

#MailForm .imageButton:hover
{
	padding:22px 0 20px 2px;
}