@charset "UTF-8";

/* ================================================================ *
	テンプレート A-5：本文を増やして縦積みに
	詳細カスタマイズ CSS
	
	この CSS を書き換えることで，テンプレートをカスタマイズ
	できます。本文記事およびコメントを参考に変更し，活用して
	ください。
 * ================================================================ */


/* 画像を回り込ませている箇所の見出しデザイン */
h2 { margin-left: 175px; }

/* parts */
.center { text-align: center; }
.right { text-align:right; }
.section { margin-bottom: 20px; }
.color-01 { color: #CC0000; }

/* =　ヘッダー用スタイル
----------------------------------------------- */
#header { position: relative; width: 960px; height: 250px; }
#container #header #egaoh { position:absolute; top: -34px; left: 20px; }
#container #header #title { position:absolute; top: 50px; left: 335px; }
#container #header #ad01 { position:absolute; top: -20px; left: 645px; }

/* =　ナビゲーション用スタイル
----------------------------------------------- */
#container #navi a { font-size: 16px; font-family:"ＭＳ ゴシック", "Osaka－等幅"; }

/* =　フォーム用スタイル
----------------------------------------------- */
div.selecter select { padding: 2px; border: 1px solid #000; }
input.itemCount { border: 1px solid #333; width:40px; }
.fromBtn { padding: 2px; border: 1px solid #000; margin: 0 5px 10px; }
#first_name, #second_name { width: 150px; background-color:#fee692; }
#mail_address { width: 280px; background-color:#fee692; }
#uploadForm { background-color:#fee692; }
#question { width: 600px; height: 200px; margin:15px 0; background-color:#fee692; }

/* =　お問い合わせ用スタイル
----------------------------------------------- */
#contact #container #main .contents .column select { width: 200px; }
#contact #container #main .contents .column .formAlert { color:#f00; text-indent:0; }
#contact #container #main .contents .column h3 { margin: 0 0 10px 0; padding: 3px 0 3px 0; text-align:center; color:#3d5a96; font-size: 117%; background-color:#ffffbf; border-top: 2px solid #fff; border-bottom: 2px solid #fff; }


#container #main .contents .section h3 { margin-bottom: 20px; color:#0080bb; }
#container #main .contents .section h4 { margin: 0 10px 5px; }
#container #main .contents .section p { margin: 0 10px 20px; }
#container #main .contents .section ul, #container #main .contents .section ol { margin: 0 10px 20px; }