@charset "Shift_JIS";

*{
	margin:0px;
	padding:0px;
}
body{
	text-align:center;
	padding:0px;
	margin:0px;
}
div#wrapper{
	margin:30px auto;
	text-align:center;
	border:none;
	padding-top:10px;
	padding-bottom: 10px;
}

a{color:#006898;text-decoration:none;}
a:hover{color:#2cafe3;}
a:active, a:focus {outline: 0;}
a:hover img {-moz-opacity:0.8;opacity:0.8;filter:alpha(opacity=80); border:none;}
a.noblink:hover img {-moz-opacity:1.00;opacity:1.00;filter:alpha(opacity=100);}
img{border:0;}
.clear{clear:both;}


/* wrap
----------------------------------------------------------------------------- */
div#body{
	border:none;
	text-align:left;
	margin-left: auto;
	margin-right: auto;
	line-height:1.5em;
	word-break:normal;
	word-wrap: break-word;
}
div#footer{
	font-size:10px;
	color:#888;
	text-align:center;
	margin:10px 10px 0px 10px;
	padding:10px;
	border-top:1px solid #ddd;
}
div#footer a{
	color:#888;
}
div#toolbar {
	padding-top:5px;
	font-size:10px;
}
div.jumpmenu{
	display:none;
}

/* ■■ design ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/* Summary
----------------------------------------------------------------------------- */
#summary{
	margin:45px 0px 0px 0px;
	clear:both;
}
#note{
}

/* Header
----------------------------------------------------------------------------- */
#header{
	font-family:Arial,"Sans Serif","generic font family";
}
#header a{
	text-decoration:none;
}
#logo a{
	text-decoration:none;
}

/* Footer
----------------------------------------------------------------------------- */
div#footer a{
	text-decoration:none;
}



/* --- フォームエリア --- */
form.contact {
width: 700px; /* フォームエリアの幅 */
font-size: 80%;
}

/* --- フォームエリア内の段落 --- */
form.contact p {
line-height: 130%;
}

/* --- 段落内の「必須」画像 --- */
form.contact p.attention img {
vertical-align: middle;
}

/* --- 部品グループ --- */
form.contact div.fields {
margin-bottom: 20px; /* 部品グループの下マージン */
padding: 2px; /* 部品グループのパディング */
background-color: #f9f9f9; /* 部品グループの背景色 */
border: 1px #c0c0c0 solid; /* 部品グループの境界線 */
}

/* --- テーブル --- */
form.contact table {
width: 100%; /* テーブルの幅 */
border: 1px solid; /* テーブルの境界線 */
border-color: #c0c0c0 #999999 #999999 #c0c0c0; /* テーブルの境界線色（上右下左） */
}

/* --- キャプション --- */
form.contact caption {
margin-bottom: 2px; /* キャプションの下マージン */
padding: 10px 8px; /* キャプションのパディング（上下、左右） */
background: #f9f9f9 url(../../../images/caption_back1.gif) repeat-x; /* キャプションの背景 */
border: 1px solid; /* キャプションの境界線 */
border-color: #c0c0c0 #999999 #999999 #c0c0c0; /* キャプションの境界線色（上右下左） */
text-align: left;
color: #808080; /* キャプションの文字色 */
font-weight: bold;
}

/* --- 見出しセル（th） --- */
form.contact th {
width: 140px; /* 見出しセルの幅 */
padding: 10px 8px; /* 見出しセルのパディング（上下、左右） */
background-color: #f5f5f5; /* 見出しセルの背景色 */
border-bottom: 1px #c0c0c0 dotted; /* 見出しセルの下境界線 */
text-align: left;
line-height: 130%;
white-space:nowrap;
}

/* --- 見出しセル内の補足テキスト --- */
form.contact th span.supplement {
font-weight: normal;
}

/* --- データセル（td） --- */
form.contact td {
padding: 10px 5px 7px; /* データセルのパディング（上、左右、下） */
background-color: #ffffff; /* データセルの背景色 */
border-bottom: 1px #c0c0c0 dotted;  /*データセルの下境界線 */
}

/* --- データセル内の補足テキスト --- */
form.contact td span.supplement {
color: #808080;
}

/* --- 必須項目セル --- */
form.contact td.required {
width: 26px; /* 必須項目セルの幅 */
padding: 10px 3px; /* 必須項目セルのパディング（上下、左右） */
background-color: #c4e6fa; /* 必須項目セルの背景色 */
text-align: center;
}

/* --- 任意項目セル --- */
form.contact td.arbitrary {
background-color: #e0f1fc; /* 任意項目セルの背景色 */
}

/* --- フォーム部品 --- */
form.contact input,
form.contact select,
form.contact textarea {
margin-bottom: 2px; /* フォーム部品の下マージン */
}

/* --- フォーム部品のサイズ --- */
/* --- （長めのテキスト入力欄） --- */
#company, #section, #name, #name2,
#email, #address {
width: 350px; /* フォーム部品の幅 */
}

/* --- （短めのテキスト入力欄） --- */
#tel1, #tel2, #tel3,
#fax1, #fax2, #fax3 {
width: 310px; /* フォーム部品の幅 */
}

#zip1, #zip2 {
width: 240px; /* フォーム部品の幅 */
}

/* --- （複数行のテキスト入力欄） --- */
#message {
width: 400px; /* フォーム部品の幅 */
height: 30em; /* フォーム部品の高さ */
}

#remark {
width: 300px; /* フォーム部品の幅 */
height: 30em; /* フォーム部品の高さ */
}

/* --- ボタン --- */
form.contact p.button {
margin: 0;
text-align: center;
}