@charset "utf-8";
@import  "../../css/common.css";


/* ============================================================================================= */

/* contact css */

/* ============================================================================================= */

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

/* 基本設定 */

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

#contents{padding-top:1.5em;}
#contents img{vertical-align:bottom;}

/* ----------------------------------------------------- */
/* タイトル */
/* ----------------------------------------------------- */
#contents h1{
	margin:0 0 1.5em;
	text-align:center;
}

#contents .subt{
	position:relative;
	margin:0 20px 1.0em;
}

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

#contents .subt h2{
	float:left;
	width:205px;
	margin:7px 0 0;
	padding:0;
}

#contents .subt p{
	float:right;
	width:420px;
	margin:0;
	padding:0;
	font-size:0.9em;
}

#contents .subt strong{
	font-weight:bold;
}

#contents .subt .need{
	font-size:1.0em;
}

#contents .subt div{
	position:absolute;
	top:16px;
	left:155px;
	width:40px;
	margin:0;
	padding:0;
	font-size:0.75em;
	font-weight:bold;
	color:#c00;
}

/* ----------------------------------------------------- */
/* リード文 */
/* ----------------------------------------------------- */
#contents p.comment{
	width:630px;
	margin:0 auto 1.5em;
	padding:0;
	text-align:left;
}

#contents p.comment strong{
	font-weight:bold;
}

#contents p.text{
	margin:0.8em auto;
	text-align:left;
}

/* ----------------------------------------------------- */
/* テーブル */
/* ----------------------------------------------------- */
#contents table, #contents th, #contents td{
	border-collapse:separate;
	border-spacing:0;
}

#contents th, #contents td{
	vertical-align:middle;
}

#contents table{
	width:100%;
	border:1px solid #c9c1ba;
	font-size:0.9em;
}

#contents th{
	width:150px;
	padding:5px 10px 5px 13px;
	font-weight:normal;
	text-align:left;
	background:url('../image/th_back.gif') repeat-x left bottom #fff6c6;
	color:#462e14;
}

#contents td{
	padding:0 0 3px;
	border-left:3px solid #c9c1ba;
	background:url('../image/form_dot.gif') repeat-x 0 bottom #f7f7f7;
}

#contents td div{
	margin:0;
	padding:5px 10px;
	border-bottom:3px solid transparent;
	*border-color:#f7f7f7; /* ～IE7 */
}

#contents table .error div{
	border-color:#f00;
	border:0 none;
}

#contents table .error th{
}

#contents table .error td{
	border-width:3px;
	border-style:solid;
	border-color:#f00;
}

/* 必須 */
/* --------------------------------- */
#contents .need{
	padding:2px;
	color:#c00;
	font-size:0.85em;
	font-weight:bold;
}


/* 注釈文字装飾 */
/* --------------------------------- */
#contents .notes{
	display:block;
	font-size:0.85em;
	color:#333;
}


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

/* エラー */

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

#contents .error-area{
	margin:0 20px 30px;
	padding:5px 0 0;
	border:3px solid #f00;
	font-weight:bold;
	color:#f00;
}

#contents .error-area p{
	margin:0 15px 5px;
	padding:0;
}


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

/* アンケート */

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

#contents #enquete{
	margin:0 20px 30px;
	padding:20px;
	background:url('../../common_img/stripe.gif') 0 0 repeat;
}


#contents #enquete table{
	margin:0;
	padding:0;
}

#contents #enquete th{
	width:450px;
}

#contents #enquete td{
	letter-spacing:-0.4em;
}

#contents #enquete td input{
	zoom:1;
	display:inline-block;
	*display:inline; /* ～IE7 */
	margin:0 5px 0 0;
	*margin-right:0; /* ～IE7 */
	padding:0;
	letter-spacing:0;
}

#contents #enquete td label{
	zoom:1;
	display:inline-block;
	*display:inline; /* ～IE7 */
	margin:0 10px 0 0;
	*margin-right:5px; /* ～IE7 */
	padding:0;
	letter-spacing:0;
	cursor:pointer;
}


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

/* 小冊子 */

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

#contents #booklet{
	margin:0 20px 15px;
	padding:20px;
	background:url('../../common_img/stripe.gif') 0 0 repeat;
}


#contents #booklet th{
	width:450px;
}

#contents #booklet td{
	text-align:center;
}

#contents #booklet input{
	margin:0 5px 0 0;
}


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

/* 相談内容 */

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

#contents #contact-main{
	margin:0 20px 30px;
	padding:20px;
	background:url('../../common_img/stripe.gif') 0 0 repeat;
}

#contents #contact-main td{
}

/* 会社名入力フォーム */
input.field-company {
	width: 350px;
}

/* 名前入力フォーム */
input.field-name {
	width: 200px;
}
/* 部署入力フォーム */
input.field-post {
	width: 250px;
}
/* 郵便番号入力フォーム */
input.field-zip {
	width: 70px;
}
/* 住所入力フォーム */
textarea.field-address{
	width:400px;
}
/* TEL入力フォーム */
input.field-tel{
	width: 110px;
}

/* E-Mail入力フォーム */
input.field-mail{
	width: 300px;
}

/* 数値入力フォーム */
input.field-amount{
	width: 35px;
}

/* 数値入力フォーム */
input.field-etc{
	width: 100px;
}

/* 数値人数フォーム */
input.field-people{
	width: 50px;
}

/* 問合せテキストBOX */
textarea.field-etc{
	width:400px;
	height:120px;
}

/* ----------------------------------------------------- */
/* ボタン */
/* ----------------------------------------------------- */
#contents #btn-area{
	width:500px;
	margin:0 auto;
	padding-bottom:2em;
}

#contents #btn-area ul{
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:center;
}
#contents #btn-area li{
	margin:0;
	padding:0;
}

#contents #btn-area li.left{float:left;}
#contents #btn-area li.right{float:right;}

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

#contents #btn-area li img{
	cursor:pointer;
	cursor:hand !important;
}


/* ============================================================================================= */

/* conf css */

/* ============================================================================================= */

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

/* 基本設定 */

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

#conf #contents td{
	padding:10px;
}

#conf #contents #enquete td{
	text-align:center;
	letter-spacing:0;
}

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

/* 相談内容 */

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

#conf #contents #contact-main{
	padding-bottom:5px;
}

#conf #contents #contact-main table{
	margin:0 0 15px;
}


/* ============================================================================================= */

/* thanks css */

/* ============================================================================================= */

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

/* 基本設定 */

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

#thanks #contents h1{
	margin:0 0 5em;
}

#thanks #contents h2{
	margin:0 auto 1em;
	text-align:center;
	padding:0;
}
#thanks #contents p{
	margin:0 auto 1em;
	text-align:center;
	padding:0 10px;
}