@charset "utf-8";
/*///////////////////////////////////////emc////////////////////////////////////////////
       Site Name  :  EMCOM TRADE
       File Name  :  form.css
       Created     :  2009.04.01
       Up Date     :  2009.04.01
       Copyright (C) EMCOM TRADE CO., LTD.  All Rights Reserved.
//////////////////////////////////////////////////////////////////////////////////////*/


/* Main Layout
-------------------------------------------------------------*/
body {
	line-height: 1.5;
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	text-align: center;
	color: #333;
	font-family: "メイリオ", Verdana, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	background:#ddd ;
}
a {
	color: #36c;
}
#Wrapper {
	width: 680px;
	margin: 0 auto;
	padding: 0 20px 10px;
	text-align: left;
	background: #fff;
}
#Header {
	position: relative;
	z-index: 1;
	width: 680px;
	height: 55px;
	margin: 0 auto;
}
#Container {
	width: 650px;
	padding: 0 20px;
}
#Footer {
	width: 680px;
	margin: 0 auto;
	background: #fff;
}
/* Common Style
-------------------------------------------------------------*/
/* レイアウト */
.TxtLeft { text-align: left; }
.TxtRight { text-align: right; }
.TxtCenter { text-align: center; }
.PicLeft { float: left; margin: 0 20px 20px 0; }
.PicRight { float: right; margin: 0 0 20px 20px; }
/* 文字装飾 */
.TxtMini { font-size: 70%; }
.TxtMini2 { font-size: 82%; }
.Red { color: #c00000; }
.RedBold { font-weight: bold; color: #c00000; }
.RedMini { font-size: 82%; color: #ff0000; }

/*  Marker付きLink */
p.link { text-align: right; }
p.link a { padding: 0 10px 0 18px; background: url(../_img/marker_circle.png) no-repeat left; }
p.linkLeft { text-align: left; }
p.linkLeft a { padding: 0 10px 0 18px; background: url(../_img/marker_circle.png) no-repeat left; }
iframe { border: none; }
/* Header
-------------------------------------------------------------*/
/* logo*/
#HeaderLogo {
	position: absolute;
	top: 5px;
	left: 10px;
	width: 330px;
	height: 45px;
	margin: 0;
	overflow: hidden;
	text-indent: -1000px;
	background: url(../_img/header_logo.png) no-repeat;
}
/* Support*/
#SupportDial {
	position: absolute;
	top:0px;
	right:10px;
	width: 180px;
	height: 45px;
	margin: 0;
	overflow: hidden;
	text-indent: -1000px;
	background: url(/images/header_tel.png) no-repeat;
}

/* Primary Common Style
-------------------------------------------------------------*/
/*  Heading h1 */
h1.ContentTtl {
	width: 640px;
	height: 60px;
	font-size: 16px;
	font-weight: bold;
	line-height: 50pt;
	padding-left: 10px;
	margin-top: 5px;
	background: url(/images/maintitle_bg.gif) no-repeat;
}

#Secom {
	width: 360px;
	margin: 20px auto;
	padding: 10px;
	font-size: 12px;
	border: solid 1px #ccc;
}
#Secom .secom_img {
	float: left;
	height: 88px;
	width: 56px;
}
#Secom p {
	margin: 0 0 0 70px;
	padding: 15px 10px;
	border-left: solid 1px #ccc;
}

/* お客様サポート ＞ お問い合わせ
-------------------------------------------------------------*/
/* インデックスページ */
div#FormSelect {
	width: 630px;
	margin: 30px auto 20px;
}
div#FormSelect h3 {
	width: 630px;
	height: 24px;
	overflow: hidden;
	margin: 0;
	line-height: 1;
	text-indent: -1000px;
	background: url(../_img/choice_list.png) no-repeat;
}
div#FormSelect ul {
	width: 626px;
	margin: 0;
	padding: 10px 0;
	border: 2px solid #313131;
}
div#FormSelect ul li {
	display: inline;
	float: left;
	width: 270px;
	height: 18px;
	margin: 5px 0 5px 30px;
	list-style: none;
}
div#FormSelect ul li input{
	margin-right: 5px;
}
div#FormSelect p.Attention {
	width: 606px;
	margin:0 0 20px;
	padding: 10px;
	font-size: 12px;
	border: 2px solid #313131;
	border-top: none;
	background: #e4e4e4;
}
p.Submit {
	margin: 20px;
	text-align: center;
}
p.Submit input {
	margin: 0 20px;
}
p.Freedial strong {
	margin-left: 20px;
	padding-left: 30px;
	font-size: 16px;
	background: url(../_img/freedial.png) left no-repeat;
}
p.Freedial span {
	font-size: 16px;
	font-weight: bold;
	color: #c80000;
}

/* お問い合わせフォーム */
table#inquiry_form {
	width: 650px;
	margin: 20px auto 10px;
	border-collapse: collapse;
	border: 1px solid #999;
}
table#inquiry_form th {
	text-align: left;
	white-space: nowrap;
	color: #333;
	padding: 5px;
	background: #eee;
	border: 1px solid #999;
}
table#inquiry_form td {
	padding: 5px;
	border: 1px solid #999;
}
p.form_submit {
	text-align: center;
}
p.FormAttentionBox {
	margin: 20x;
	padding:10px;
	font-size: 12px;
	border: 2px solid #999; 
	background: #eee;
}
p.FormAttentionBoxChange {
	margin: 20x;
	padding:10px;
	border: 2px solid #999; 
	background: #eee;
}
table#inquiry_form input {
	margin-bottom: 1px;
}


/* サンクスページ */
h2.FinishTitle {
	margin: 20px 50px;
	padding-bottom: 3px;
	border-bottom: solid 3px #ccc;
	font-size: 15px;
}
div#FormFinish {
	margin: 20px 50px;
	padding: 10px;
	border: solid 1px #ccc;
	background: #f3f3f3;
}
div#FormFinish p {
	margin: 50px 0;
	font-size: 18px;
	text-align: center;
}
div#FormFinish p.Red {
	margin: 10px;
	font-size: 12px;
}


/* Footer
-------------------------------------------------------------*/
#Footer p {
	margin: 10px 0 0;
	padding: 10px 0;
	border-top: 1px #666 solid;
	font-family: arial;
	text-align: right;
}
#Footer address#Copyright {
	margin: 0;
	font-family: arial;
	font-size: 10px;
	text-align: right;
}

/* clearfix
-------------------------------------------------------------*/
/*Contentを空にし、line-heightやfonst-sizeを削除。*/
.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: " ";
}
.clearfix { display: inline-block; }
/* \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* *
