行政書士ホームぺージリリースまでの流れ（ワードプレスの設定など）

<div class="table">

<div class="tr">
<div class="td">
<label> <b>氏名</b><u class="hissu">必須</u></label>
</div>
<div class="td">
[text* your_name] 
</div>
</div>

<div class="tr">
<div class="td">
<label> <b>氏名フリガナ</b><u class="hissu">必須</u></label>
</div>
<div class="td">
[text* your_name_furigana] 
</div>
</div>

<div class="tr">
<div class="td">
<label> <b>住所</b><u class="nini">任意</u> </label>
</div>
<div class="td">郵便番号（7桁半角数字ハイフンなし）<br>[text zip]<br>住所<br>[text pref]　[text city]　[text addr]<br>[text addr2]</div></div>


<div class="tr">
<div class="td">
<label> <b>電話番号</b><u class="hissu">必須</u></label>
</div>
<div class="td">
[tel* your_denwa] 
</div>
</div>

<div class="tr">
<div class="td">
<label> <b>メールアドレス</b><u class="hissu">必須</u></label>
</div>
<div class="td">
[email* your_email] 
</div>
</div>

<div class="tr">
<div class="td">
<label> <b>お問い合わせに対する<br>ご希望の連絡方法</b><u class="hissu">必須</u></label>
</div>
<div class="td">
[radio your_renraku use_label_element default:1 "電話にて" "メールにて"]
電話にてご連絡する場合の希望時間<br>（例：いつでも、平日午前中、○日18:00以降など）
[text your_renrakujikan]
</div>
</div>

<div class="tr">
<div class="td">
<label> <b>お問い合せ内容</b><u class="hissu">必須</u></label>
</div>
<div class="td">
[textarea* your_naiyou]
</div>
</div>

</div>
<br>
[submit "送信する"]

お問い合わせがありました。
対応お願いいたします。

■氏名
[your_name]

■氏名フリガナ
[your_name_furigana]

■郵便番号
[zip]

■住所
[pref][city][addr]
[addr2]

■電話番号
[your_denwa]

■メールアドレス
[your_email]

■お問い合わせに対するご希望の連絡方法
[your_renraku]

■電話にてご連絡する場合の希望時間
（例：いつでも、平日午前中、○日18:00以降など）
[your_renrakujikan]

■お問い合せ内容
[your_naiyou]

-- 
送信元ページ：[_post_title]
送信元URL：[_post_url]
このメールは [_site_title] ([_site_url]) のお問い合わせフォームから送信されました

/************************************
** フォームとテーブルのデザイン
************************************/
form u.hissu {
	font-size:10px;
	text-decoration:none;
	display: inline-block;
	margin: 0 1em 0 1em;
	padding: .4em;
	line-height: 1;
	text-decoration: none;
	color: #fff;
	background-color: #bf0000;
	border: 1px solid #bf0000;
}
form u.nini {
	font-size:10px;
	text-decoration:none;
	display: inline-block;
	margin: 0 1em 0 1em;
	padding: .4em;
	line-height: 1;
	text-decoration: none;
	color: #fff;
	background-color: #999;
	border: 1px solid #999;
}
form u.kotei {
	font-size:10px;
	text-decoration:none;
	display: inline-block;
	margin: 0 1em 0 1em;
	padding: .4em;
	line-height: 1;
	text-decoration: none;
	color: #fff;
	background-color: #333;
	border: 1px solid #333;
}
/* チェック・ラジオを一行ごとに */
.wpcf7-form-control .wpcf7-list-item{
	display:block;
}

/* 禁止マーク */
input:disabled {
    cursor: not-allowed;
}
label.disabled {
    cursor: not-allowed;color:#999;
}
/* 郵便番号 */
input[name="your_name"]{width:30%;}
input[name="your_name_furigana"]{width:30%;}
input[name="your_denwa"]{width:40%;}
input[name="your_email"]{width:90%;}
input[name="zip"]{width:30%;}
input[name="pref"]{width:30%;}
input[name="city"]{width:30%;}
input[name="addr"]{width:30%;}
input[name="addr2"]{width:100%;}

/* フォームオブジェクト */
input[type="submit"] {
    display:block;
    background-color: #bf0000;
    color:#fff;
    font-weight:bold;
    text-align:center;
    margin: 0 auto;
    width: 80%;
	font-size:1.5em;
}
input {border: 1px solid #808080 !important;margin:4px 0;}
textarea {border: 1px solid #808080 !important;margin:2px 0;}
input:focus {background-color: #e0ffff;border: 1px solid #000 !important;}
textarea:focus {background-color: #e0ffff;border: 1px solid #000 !important;}
input:focus[type="submit"] {background-color: #0000ff;}


/************************************
** テーブルのデザイン
************************************/
.table{
	background-color: #fff;
	font-size:0.9em;
	border-collapse: collapse;
}
.table .tr{
  display: table;
  width: 100%;

  border-collapse: collapse;
  border-spacing: 0;
}
@media screen and (max-width: 767px) {
  .table .tr{
    display: block;
    width:100%;
  }
}
.table .tr .td{
  display: table-cell;
  border: 1px solid #e5e5e5;
  padding: 8px 13px;
  vertical-align:top;

  border-collapse: collapse;
  border-spacing: 0;
}
@media screen and (max-width: 767px) {
  .table .tr .td{
    display: block;
    width:100%;
  }
}
.table .label{
	background    : #fcfcfc;
	width:30%;
}
.table .input{
	width:70%;
}

.table .tr .td:nth-child(2){
width:70%;
}
@media screen and (max-width: 767px) {
  .table .tr .td:nth-child(2){
    display: block;
    width:100%;
  }
}