@charset "utf-8";

/* ************↓このコメント間のCSSはCGIが書換えます。追加・変更は行わないで下さい↓************ */
/*Temp_StyleSheetIN*/
body,tr,td,th{ font-size:14px; }
big { font-size:16px; }
small { font-size:13px;}
.header{ padding:0;height:60px;background-image:url(../cgiimg/1661485570.png);background-repeat:repeat; }
.form_td1{background-color:#e6f0e3;color:#333333;} 
.a2{background-color:#c6d7f7;color:#000000;}
.b2{background-color:#ffeeee;color:#333333;}
.b22{background-color:#f0ffff;color:#333333;}
.main_width{width:650px;}
@media screen and (max-width:650px){ 
.main_width{width:95%;}  
.thumicon{width:80px;height:auto;}
}

/*Temp_StyleSheetOUT*/
/* ************↑このコメント間のCSSはCGIが書換えます。追加・変更は行わないで下さい↑************ */




.a1, .b1{width:100%; }
body{margin:0;line-height:125%; color: #333333; background-color:#ffffff;   -webkit-text-size-adjust: 100%;}
body,td,th,input,textarea {font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
select,input,textarea{ 
	font-size:13px;color:#333333; border:1px solid #6e6e6e; padding:2px;
	border-radius:4px;  box-shadow: 1px 1px 2px 1px rgba(200,200,200,0.1);   /* 角丸 ぼかし*/   /* 角丸 ぼかし*/
}

table{border-spacing:0;padding:0;border:0;}
tr,td,th { line-height:125%; }

.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.b{font-weight:bold;}
.nobr{ white-space:nowrap; }

/* フォームサイズ */
.form1{width:150px;}
.form2{width:200px;}
.form3{max-width:280px;width:98%;}
.form4{width:400px;height:200px;line-height:130%;}
.form5{width:400px;}

a{text-decoration:none;}
a:link{ color: #0000ff; }
a:visited{ color: #0000ff; }
a:active{ color: #f7657b; }
a:hover { color: #f7657b;text-decoration: underline;  }

/* コンテンツ中央寄せ */
.content{ margin:0 auto 0;}
/* 上部タイトル部 */
.header_table{width:100%;margin:0 0 5px;}
.header{ 
	padding:0;text-align:center;vertical-align:middle;font-size:130%;  position: relative;
	border-radius:0 0 4px 4px; box-shadow: 1px 0px 3px 1px rgba(180,180,180,0.1);    /* 角丸 ぼかし*/
}
.header_image{width:100%; height:auto;}
.header_title{position:absolute;top:35%; width:100%;}


/* 下部タイトル */
.lowertitle{text-align:center;}
/* 操作説明 */
.op_list{margin:0 0 0 14px;padding:0;}
.op_list li {padding:0;margin:2px 1px 2px;text-align:left;}

/* ページタイトル */
.ptitle{ font-size:18px;text-align:center;padding:15px 0 20px;}
/* いらっしゃいませ **様 */
.welcom{text-align:left;font-weight:bold;color:#fd1082;float:left;margin:5px 0 10px;} 
/* 住宅施工状況・お問い合わせ投稿＆履歴 リンク*/
.topmenu{
	background-color:#ffffff; 
	border:1px solid #0000ff;
	text-align:center;font-size:110%;padding:0;
	font-weight:bold;
	float:right;
}
.topmenu a{ display: block;padding:5px 15px 5px; }

/* 会員パス入力の目アイコン*/
#iicon{vertical-align:middle;width:auto;height:17px;margin:0 5px 0 1px; } 

/* 入力フォーム */
.formtable{clear:both;border-spacing:3px;}
/* 入力フォーム 項目 */
.form_td1{
	display:table-cell; 
	box-sizing:border-box;width:130px;  margin:0;
	text-align:center;font-weight:bold; padding:2px; 
	vertical-align:middle;word-break: break-all;
	border:1px solid #9ba299; border-radius:4px; box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1);  /* 角丸 ぼかし*/
} 

/* 入力フォーム 入力 */
.form_td2{
	display:table-cell; 
	box-sizing:border-box;width:410px;text-align:left;
	background-color:#ffffff;padding:2px 0 0 2px;
	word-break: break-all;
} 
/* 「お問い合わせ投稿フォーム」リンク */
#OpenForm{ margin:0 auto 10px;font-weight:bold;font-size:110%;color: #0000ff;}
#OpenForm:hover {cursor: pointer;color: #f7657b;text-decoration: underline;}

/* 確認 ログイン 送信 ボタン*/
.submit1{width:120px;}
/* 戻る ボタン */
.submit2{width:80px;}
/* お問い合わせ投稿 ボタン */
.submit3{
	background-color:#ffffff; 
	border:1px solid #0000ff;
	text-align:center;font-size:110%;
	padding:3px 10px 3px; 
	font-weight:bold;
	width:200px;
	float:right;
}
/* リセット ボタン */
.reset1{width:80px;}
/* エラーメッセージ */
.errormsg{
 border:1px solid #ff0000;width:100%;
 padding:7px; margin:0 0 10px; box-sizing:border-box;
 text-align:left;font-weight:bold;
}
/* 送信完了後メッセージ */
.endmsg{ 
 border:1px solid #0000ff; width:100%;
 padding:7px; margin:0 0 10px; box-sizing:border-box;
 text-align:center;
}

/* 角丸 ぼかし 4辺 */
.round, .endmsg, .errormsg, .topmenu{
	border-radius: 4px;
	box-shadow: 1px 1px 2px 1px rgba(100,100,100,0.1); 
}

/* 画像 小 */
.thumicon{
box-shadow: 2px 2px 5px 1px rgba(100,100,100,0.3);
}

/* ページ番号リンク */
.nb{font-size:14px;margin:0 0 5px}
.at{color:#ff0000;font-weight:bold;}
.blink{font-size:18px;font-weight:bold;}
.alink{font-weight:bold;}

/*施工状況記事表示*/
.a1{text-align:left;margin:0 0 15px;}
.a2{padding:4px 10px 4px;border-radius:4px;  box-shadow: 1px 1px 2px 1px rgba(100,100,100,0.1); }
.a3{padding:5px 0 0;}
.a4{padding:5px 0 0;line-height:140%;word-break: break-all;}

/*問い合わせ履歴表示*/
.b1{text-align:left;margin:0 0 20px;}
.b2, .b22{padding:4px 10px 4px;border-radius:4px;  box-shadow: 1px 1px 2px 1px rgba(100,100,100,0.1); }
.b3{padding:5px 10px 0;font-weight:bold;}
.b4{padding:5px 10px 0;line-height:140%;word-break: break-all;}

/* 色凡例 */
.basewidth{ font-size:11px;text-align:right;margin:5px 0 1px; padding-bottom:2px;} 
.basewidth span{padding:0 5px 0;margin:2px;border-radius:4px; box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1); }

/* ページトップに戻る ボタン */
#pageTop{ position:fixed;bottom:10px;right:10px; 
    opacity:0.8;

}
a#pageTop:hover img{
    cursor:pointer;
    opacity:0.6;
}

/* ページフッタ */
.footer{
padding:4px 10px 4px;
background-color:#f7f7f7; border:1px solid #ebebeb; 
border-radius:4px;  box-shadow: 1px 1px 2px 1px rgba(100,100,100,0.1);   /* 角丸 ぼかし*/
 }

/* ボタンhover 背景色変更 */
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover{background-color:#c5e1f9; }
/* iPhone特有フォームデザイン解除 */
input[type=text],input[type=tel],input[type=email],input[type=button],input[type=submit],input[type=password],input[type=reset], textarea{ -webkit-appearance: none; }
input[type=submit]{background-color:#f3f4f4;  }



/***************  レスポンシブ設定  **********************/
@media screen and (max-width:550px){ 
	.colorset2{font-size:110%;}
	/* 入力フォーム */
	.form_td1{ width:100%; display:block;text-align:left;padding:3px 0 3px 10px;}
	.form_td2{ width:100%; display:block; margin-bottom:8px;padding:4px 0 0;}
	.header{font-size:110%;}
}
@media screen and (max-width:420px){ 
	.form4, .form5{width:99%;}
	.header{font-size:100%;}
}