@import "/css/common.css";

/*==================================================================*/
/* contact css鐚�������������若��鐚� */
/*==================================================================*/

/* ----------------------------------------------------------- */
/* container */
/* ----------------------------------------------------------- */
#container{
	width:620px;
	margin:0 auto;
	padding:0;
}

/* ----------------------------------------------------------- */
/* wrapper */
/* ----------------------------------------------------------- */
#wrapper{
	padding-top:10px;
	padding-bottom:0;
}

/* ----------------------------------------------------------- */
/* header鐚������� */
/* ----------------------------------------------------------- */
#header{
	width:620px;
	height:85px;
	margin:0 auto;
	background:url('/common_img/header/back.gif') repeat-x 0 0 #fff;
}

/* -------------------------------------------- */
/* block-top鐚�������鐚�筝���� */
/* -------------------------------------------- */
#header .block-top{
	width:600px;
	margin:0 auto;
	padding:4px 0 0 0;
}

/* clear hack */
#header .block-top{zoom:1;}
#header .block-top:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

/* �㏍�� */
#header .block-top p#logo{margin:2px 0 0 0;}

/* SSL */
#header .block-top #ssl{float:right;text-align:right;}
#header .block-top #ssl p{
	margin:0;
	padding:0 0 0 18px;
	color:#fff;
	background:url('./../image/ic_key.gif') no-repeat 0 1px;
}

/* -------------------------------------------- */
/* block-bottom鐚�������鐚�筝���� */
/* -------------------------------------------- */
#header .block-bottom{
	width:600px;
	margin:0 auto;
}

/* ---------------------------------------------------------------- */
/* footer鐚������帥�� */
/* ---------------------------------------------------------------- */
/* footer鐚��� */
#footer{width:620px;}

/* copyright鐚��潟���若���ゃ�� */
#copyright{width:620px;}

/* ---------------------------------------------------------------- */
/* form鐚�������� */
/* ---------------------------------------------------------------- */
/* ���������挘�� */
p#btn-close{
	margin:0 0 1.8em auto;
	padding:0;
	text-align:right;
}

/* ���若���� */
p#read{margin:0 auto 1.2em;padding:0;}
p#read span{color:#a40000;}

/* ���������㏍�鴻�� */
p#bottom-text{margin:0 auto 2em;padding:0;}

/* �������:�� */
#contact{width:560px;margin:0 auto;}

/* h1 */
#contact h1{
	margin:0 auto 0.8em;
	padding:0;
}

/* h2 */
#contact h2{
	margin:0 auto 1.4em;
	padding:0;
}

form{margin:0;padding:0;}

/* ���弝���� */
table#contact-form{
	margin:0 auto 1.8em;
	border:1px solid #ccc;
	border-collapse:collapse;
}

/* ���若����:���� */
#contact-form th{
	width:160px;
	padding:8px 10px;
	border:1px solid #ccc;
	background-color:#eee;
	font-weight:normal;
	text-align:left;
}

#contact-form th span{
	margin:0 0 0 6px;
	padding:2px 2px 3px 4px;
	color:#fff;
	background:#ba0000;
	font-size:0.8em;
}

/* ���若����:td */
#contact-form td{
	width:390px;
	margin:0;
	padding:8px 0 8px 8px;
	text-align:left;
	border:1px solid #ccc;
}

#contact-form td span{font-size:0.8em;}

/* input */
#contact-form input{margin-right:8px;}

/* �ュ��������������若���激�� */
#contact-form input.base{width:140px;}
#contact-form input.long{width:200px;}
#contact-form input.post{width:70px;}
#contact-form textarea{width:370px;height:7em;}
#contact-form textarea.add{height:2em;}

/* ---------------------------------------------------------------- */
/* error鐚������� */
/* ---------------------------------------------------------------- */
#text-area{
	line-height:1.6;
	text-align:center;
}

#error{
	margin:0 auto 1em;
	padding:15px 0 12px;
	background-color:#ffefef;
	border:1px dotted #999;
	text-align:center;
}

#error p{
	margin:0 auto;
	padding:0;
	font-weight:bold;
	font-size:1.2em;
	color:red;
}

#contact p.error-note{
	margin:0 auto;
	padding:0;
	color:red;
	font-weight:bold;
}

/* ---------------------------------------------------------------- */
/* btn鐚����帥�� */
/* ---------------------------------------------------------------- */
#btn-conf{margin:0 auto 1em;text-align:center;}

#btn{margin:0 auto 1em;}

#btn ul{
	width:480px;
	margin:0 auto;
	padding:0;
	text-align:center;
}

/* clear hack */
#btn ul{zoom:1;}
#btn ul:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

#btn li{
	margin:0;
	padding:0;
	list-style-type:none;
}

#btn li.left{float:left;}
#btn li.right{float:right;}

/* --------------------------------------------------------------- */