@charset "UTF-8";

form fieldset {
	border-width: 0;
}


/*-------------------------------------------------*/
/* 送信完了画面                                    */
/*-------------------------------------------------*/
div.fmail_thankspage {
	padding: 15px;
	line-height: 1.5em;
	font-size: 12px;
}


/*-------------------------------------------------*/
/* ボタンの設定                                    */
/*-------------------------------------------------*/
/* 確認画面の送信ボタンの装飾 */
form#fmail p {
	width: 100%;
	text-align: center;
}

/* 確認画面へ進むボタンの装飾 */
.submit_confirm_button {
	width:160px;
	height:35px;
	border-width:0;
	border-style:none;
	background:url(../images/submit_button.jpg);
}
.submit_confirm_button:hover {
	background-position: right bottom;
}


/* 送信ボタン */
.submit_send_button {
	width:160px;
	height:35px;
	border-width:0;
	border-style:none;
	background:url(../images/send_button.jpg);
}
.submit_send_button:hover {
	background-position: right bottom;
}

/* 戻るボタン */
.submit_cancel_button {
	width:160px;
	height:35px;
	border-width:0;
	border-style:none;
	background:url(../images/back_button.jpg);
}
.submit_cancel_button:hover {
	background-position: right bottom;
}

/* 送信完了画面 */
.site_top a{
	display:block;
	width:160px;
	height:35px;
	margin: 1em auto;
	border-width:0;
	border-style:none;
	background:url(../images/top_button.jpg);
	text-align:center;
	text-indent:-9999px;
}
.site_top a:hover{
	background-position: right bottom;
}


/*-------------------------------------------------*/
/* テーブル設定                                    */
/*-------------------------------------------------*/
table.mailform {
	width:94%;
	max-width:900px;
	margin:0 auto 20px;
	border-collapse:collapse;
	border-top:#ebebeb 1px solid;
	border-left:#ebebeb 1px solid;
}
table.mailform tr th, table.mailform tr td {
	padding:12px 12px 10px;
	border-collapse:collapse;
	border-bottom:#ebebeb 1px solid;
	border-right:#ebebeb 1px solid;
	font-size:13px;
}
table.mailform tr th {
	width: 150px;
	background: #f3faff;
}
table.mailform tr th p {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #999999;
}
table.mailform tr td textarea {
	width: 90%;
	height: 120px;
}

table.mailform tr td li {
	font-size:13px;
}

@media screen and (max-width: 1000px) {
table.mailform tr th, table.mailform tr td {
	display:block;
	width:100%;
	box-sizing:border-box;
}
}


/*-------------------------------------------------*/
/* 項目内に関わる設定                              */
/*-------------------------------------------------*/
.fmail_year {	width: 60px;	text-align: right;}
.fmail_month {	width: 40px;	text-align: right;}
.fmail_day {	width: 40px;	text-align: right;}
.fmail_file {	margin: 5px 0;}


/*-------------------------------------------------*/
/* 項目内に関わる設定                              */
/*-------------------------------------------------*/
/* 必須項目アイコン */
.fmail_must {
	display: block;
	float: right;
	width: 30px;
	height: 16px;
	background: url(../images/mfp_must.gif) no-repeat;
	text-indent: -9999px;
	color: red;
}
.fmail_or {
	float: right;
	width: 60px;
	height: 16px;
	overflow: hidden;
	margin: 0px 0px 0px 5px;
	background: url(../images/mfp_or.gif) no-repeat;
	text-indent: -50000px;
}

/* 注意 */
.fmail_caution {	color: red;}
.fmail_cautionbg {	background-color: rgb(255, 238, 238);}

span.fmail_error {
	display: block;
	margin: 0 0 0 5px;
	padding: 2px 0px 5px 17px;
	background-image: url(../images/mfp_error.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	color: red;
}

@media screen and (max-width: 1000px) {
.fmail_must, .fmail_or {
	float:left;
	padding-right:10px;
}
}



form#fmail p.fmail_caution {	text-align: left;	color: red;}

/* インフォメーション */
.fmail_info {	color: #009900;}

/* 予備 */
.fmail_ck {	color: #000099;}

/* 強調 */
.fmail_strong {	font-weight: bold;}


/* カレンダーアイコン */
#fmail .datedata input {
	float: left;
}
.ui-datepicker-trigger {
	float: left;
	margin: 0 0 0 5px;
	padding: 0;
	background: none;
}
.ui-datepicker-trigger,
.ui-datepicker-trigger img {
	width: 24px;
	height: 24px;
	border: 0;
}




/*-------------------------------------------------*/
/* ラベル設定                                      */
/*-------------------------------------------------*/
/* ラジオボタン・チェックボックス */
ol.fmail_radio_list {
	margin: 0;
	padding: 0;
}
ol.fmail_radio_list li,ol.fmail_checkbox_list li {
	float: left;
	padding: 5px;
	list-style: none;
}


label.fmail_label {
	display: block;
	clear: both;
}


/* チェックしてる時 */
label.fmail_label_enabled {
	border: solid 1px #FFCE3C;
	background-color: #FFCE3C;
}


/* チェックしてない時 */
label.fmail_label_disabled {
	/* ラベルの枠線不要の場合は、ここをコメントアウト */
	border: dashed 1px #CCCCCC;
}
label.fmail_label_disabled:hover {
	background-color: #FFEE7C;
}

/* チェック共通 */
label.fmail_label_enabled,
label.fmail_label_disabled {
	clear: both;
	display: block;
	margin: 1px;
	padding: 5px;
	border-radius: 3px;
	
	/*radioとcheckboxが変な所で改行する時はここで調整*/
	width:auto;
	height:auto;
	
	text-indent: 5px;
}


label {
	cursor: pointer;
}




.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




/*-------------------------------------------------*/
/* マニュアルに関わる設定（本番運用では不要）      */
/*-------------------------------------------------*/
div.linkage-content h4 {
	margin: 0;
}

.manual {
	padding: 5px;
	border: 1px solid #999999;
	font-size: 14px;
}

.manual li {
	margin: 4px 0 4px 20px;
	padding-left: 5px;
}


.linkage-group li {
	display: inline-block;
	margin: 2px;
	width: 170px;
	height: 30px;
	background: #F1F1F1;
	border: 1px solid #DDDDDD;
	line-height: 30px;
	text-indent: 5px;
	font-size: 14px;
}
.linkage-group li:hover {
	background: #FFDDAA;
}
.linkage-group li a {
	display: block;
	width: 170px;
	height: 30px;
	text-decoration: none;
}