@charset "Shift_JIS";

/* --- タイプ3 レイアウト --- */


/* --- 全体の背景・テキスト --- */
body {
margin: 0;
padding: 0;
background-color: #f9f9f9; /* 全体の背景色 */
color: #000000; /* 全体の文字色 */
font-size: 80%; /* 全体の文字サイズ */
}

/* --- 全体のリンクテキスト --- */
a:link { color: #0000ff; }F
a:visited { color: #000090; }
a:hover { color: #ff8000; }
a:active { color: #ff0000; }

/* --- コンテナ --- */
#container {
width: 880px; /* コンテナの幅 */
margin: 0 auto; /* センタリング */
background-color: #ffffff; /* コンテナの背景色 */
/*border-left: 1px #c0c0c0 solid;  コンテナの左境界線 */
/*border-right: 1px #c0c0c0 solid;  コンテナの右境界線 */
}

/* --- ページ --- */
#page {
width: 950px; /* ページの幅 */
margin: 0 auto; /* センタリング */
}


/* --- ▼ヘッダ内の設定開始 --- */

/* --- ヘッダ --- */
#header {
position: relative; /* 相対配置（ガイドメニューのために設定） */
width: 100%; /* IE 6のために幅の指定が必要 */
margin: 0 0 10px; /* ヘッダのマージン（上、左右、下） */
padding: 15px 0 0; /* ヘッダのパディング（上、左右、下） */
}

/* --- サイトタイトル --- */
#header h1.siteTitle,
#header p.siteTitle {
margin: 0 0 3px; /* サイトタイトルのマージン（上、左右、下） */
font-size: 200%; /* サイトタイトルの文字サイズ */
}
/* サイトタイトル内のリンク */
#header h1.siteTitle a,
#header p.siteTitle a {
text-decoration: none; /* テキストの下線（なし） */
color: #000000; /* 文字色 */
}

/* サイトタイトルの画像 */
#header h1.siteTitle img,
#header p.siteTitle img {
border: none;
}



/* --- キャッチフレーズ --- */
#header p.catch {
margin: 0 0 10px; /* キャッチフレーズのマージン（上、左右、下） */
}
#header p.catch strong {
font-weight: normal; /* 文字の太さ（ノーマル） */
}

/* --- ガイドメニュー --- */
#header ul.guide {
position: absolute; /* 絶対配置 */
top: 75px; /* 上からの距離 */
right: 10px; /* 右からの距離 */
margin: 0;
padding: 0;
list-style-type: none;
}
/* メニュー項目 */
#header ul.guide li {
display: inline;
padding: 0 4px 0 8px; /* 項目のパディング（上右下左） */
background: url(../image/menu_line.gif) no-repeat left; /* 項目の背景（区切り線） */
}
/* 最初の項目 */
#header ul.guide li.first {
background: none; /* 区切り線なし */
}

/* --- オープニングエリア（トップページ） --- */
#header div.opening {
margin-bottom: 2px; /* オープニングエリアの下マージン */
}
/* オープニングエリア内の見出し */
#header div.opening h2 {
margin: 0;
}

/* --- ヘッダメニュー --- */
#header ul.nl {
width: 946px; /* IE 6のために幅の指定が必要 */
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
background: #f9f9f9 url(../image/hor_menu3_off.gif) repeat-x top; /* ヘッダメニューの背景 */
border: #c0c0c0 solid; /* ヘッダメニューの境界線（色、スタイル） */
border-width: 2px 2px; /* ヘッダメニューの境界線の太さ（上下、左右） */
}
/* メニュー項目 */
#header ul.nl li {
width: 158px; /* 項目の幅 */
float: left;
line-height: 100%;
}
/* 最初の項目と最後の項目 */
#header ul.nl li.first,
#header ul.nl li.last {
width: 156px; /* 項目の幅（上書き） */
}
/* リンクエリア */
#header ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 10px 2px 5px; /* リンクエリアのパディング（上、左右、下） */
border-width: 1px 1px 2px; /* リンクエリアの境界線の太さ（上、左右、下） */
border-color: #ffffff #b2b2b2 #808080 #ffffff; /* リンクエリアの境界線色（上右下左） */
border-style: solid; /* リンクエリアの境界線スタイル */
text-decoration: none; /* テキストの下線（なし） */
font-weight: bold; /* 文字の太さ（太字） */
color: #666666; /* 文字色 */

}
/* 最初のリンクエリア */
#header ul.nl li.first a {
border-left: 1px #cccccc solid; /* リンクエリアの左境界線 */
}

/* 英字部分 */
#header ul.nl li a span.en {
display: block;
margin-top: 2px; /* 英字部分の上マージン */
font-size: 85%; /* 英字の文字サイズ */
font-weight: normal; /* 文字の太さ（ノーマル） */
color: #999999; /* 英字の文字色 */
}



/* ポイント時とアクティブ時の設定 */
#header ul.nl li a:hover,
#header ul.nl li.active a {
border-bottom-color: #006400; /* ポイント時（アクティブ時）の下境界線色 */
color: #006400; /* ポイント時（アクティブ時）の文字色 */
}


#header ul.nl li a:hover span.en,
#header ul.nl li.active span.en {
color: #006400; /* ポイント時（アクティブ時）の英字の文字色 */
}



/* --- 注目情報（トップページ） --- */
#header ul.spotlight {
margin: 10px 0 0; /* 注目情報のマージン（上、左右、下） */
padding: 0;
list-style-type: none;
text-align: center;
}
/* リスト項目 */
#header ul.spotlight li {
display: inline;
padding: 0 25px 0 11px; /* 項目のパディング（上右下左） */
background: url(../image/menu_triangle2.gif) no-repeat 0 0.2em; /* 項目の背景（マーカー） */
}

/* --- トピックパス（下層ページ） --- */
#header ol.topicPath {
margin: 0;
padding: 7px 2px; /* トピックパスのパディング（上下、左右） */
border-bottom: 1px #c0c0c0 solid; /* トピックパスの下境界線 */
list-style-type: none;
}
/* リスト項目 */
#header ol.topicPath li {
display: inline;
}
/* リンクエリア */
#header ol.topicPath li a {
padding-right: 12px; /* リンクエリアの右パディング */
background: url(../image/topic_path.gif) no-repeat right; /* リンクエリアの背景（区切り記号） */
}

/* --- 罫線 --- */
#header hr.none {
display: none; /* 表示形式（なし） */
}

/* --- ▲ヘッダ内の設定終了 --- */


/* --- ▼コンテンツ内の設定開始 --- */

/* --- コンテンツ（3カラム用） --- */
#content {
float: left;
width: 680px; /* コンテンツの幅 */
margin-bottom: 10px; /* コンテンツの下マージン */
}


/* --- ▼メインカラム内の設定開始 --- */

/* --- メインカラム --- */
/* --- （2カラム用） --- */
#main {
float: left;
width: 880px; /* メインカラムの幅 */
margin-bottom: 10px; /* メインカラムの下マージン */
}


/* --- ページタイトル（下層ページ） --- */
#main h1.pageTitle {
padding: 8px 10px; /* ページタイトルのパディング（上下、左右） */
background-color: #e0e0e0; /* ページタイトルの背景色 */
font-size: 160%; /* ページタイトルの文字サイズ */
}
/* --- （2カラム用） --- */
#main h1.pageTitle {
margin: 0; /* ページタイトルのマージン（上右下左） */
}


/* --- セクション（共通設定） --- */
/* --- （2カラム用） --- */
#main div.section {
margin: 0 15px 1.5em 0; /* セクションのマージン（上右下左） */
}


/* --- 標準セクション --- */
/* 見出し */
#main div.normal h2 {
margin: 0 0 0.6em; /* 見出しのマージン（上、左右、下） */
padding: 5px 8px; /* 見出しのパディング（上下、左右） */
background-color: #e0e0e0; /* 見出しの背景色 */
font-size: 130%; /* 見出しの文字サイズ */
}
/* 段落 */
#main div.normal p {
margin: 0 5px 1em; /* 段落のマージン（上、左右、下） */
line-height: 160%; /* 行の高さ */
}





/* --- ▲メインカラム内の設定終了 --- */




/* --- 罫線（3カラム用） --- */
#content hr.clear {
clear: right; /* 右フロートのクリア */
width: 100%;
margin: 0;
visibility: hidden; /* 非表示 */
}

/* --- ▲コンテンツ内の設定終了 --- */






/* --- ▼フッタ内の設定開始 --- */

/* --- フッタ --- */
#footer {
clear: left; /* 左フロートのクリア */
width: 100%;
padding: 15px 0 20px; /* フッタのパディング（上、左右、下） */
border-top: 1px #c0c0c0 solid; /* フッタの上境界線 */
}

/* --- フッタメニュー --- */
#footer ul.nl {
margin: 0 0 10px; /* フッタメニューのマージン（上、左右、下） */
padding: 0;
list-style-type: none;
text-align: center;
}
/* --- メニュー項目 --- */
#footer ul.nl li {
padding: 0 4px 0 8px; /* 項目のパディング（上右下左） */
background: url(../image/menu_line.gif) no-repeat left; /* 項目の背景（区切り線） */
display: inline;
}
/* 最初の項目 */
#footer ul.nl li.first {
background-image: none; /* 区切り線なし */
}
/* ガイドメニュー */
#footer ul.guide {
margin: 0 0 15px; /* ガイドメニューのマージン（上書き） */
}

/* --- アドレス・コピーライト --- */
#footer address {
font-style: normal;
text-align: center;
line-height: 140%; /* 行の高さ */
}

/* --- ▲フッタ内の設定終了 --- */


/* --- ▼その他の設定開始 --- */

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

/* --- ▲その他の設定終了 --- */








#srchBox
{
width:148px;
_width:146px;
margin-bottom:10px;
background-color:#FFFFFF;
border-style:solid;
border-width:1px;
border-color:#EEEEEE;
color:#000000;
text-align:center;
}
#srchBox *
{
margin:0;
padding:0;
font-size:13px;
*font-size:small;
*font:x-small;
}
#srchBox a img
{
border:none;
}
#srchBox #srch
{
padding:6px;
}
#srchBox #srchInput
{
width:98%;
_width:130px;
}
#srchBox #srchBtn
{
width:115px;
}
*html #srchBox #srchBtn
{
padding-top:2px;
}
*:first-child+html #srchBox #srchBtn
{
padding-top:2px;
}
#srchBox ul
{
margin-top:6px;
margin-bottom:6px;
text-align:left;
}
#srchBox li
{
list-style-type:none;
display:block;
}
#srchBox li input
{
zoom:1;
margin-right:2px;
_margin:-4px 0 -4px -4px;
vertical-align:middle;
border:0;
}
*:+html #srchBox li input
{
margin:-4px 0 -4px -4px;
}
#srchBox #srchLogo
{
margin:6px 6px 6px 0;
text-align:center;
}
#srchBox #srchLogo a
{
color:#666666;
text-decoration:none;
font-size:85%;
}
#srchBox #srchLogo a:hover
{
text-decoration:underline;
}







/* --- －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ --- */






/* --- フォームエリア --- */
div.contact {
width: 870px; /* フォームエリアの幅 */
font-size: 110%;
}
/* --- フォームエリア内の段落 --- */
    div.contact p {
        line-height: 130%;
    }
/* --- 段落内の「必須」画像 --- */
        div.contact p.attention img {
            vertical-align: middle;
        }

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

/* --- テーブル --- */
    div.contact table {
        width: 100%; /* テーブルの幅 */
        border: 1px solid; /* テーブルの境界線 */
        border-color: #c0c0c0 #999999 #999999 #c0c0c0; /* テーブルの境界線色（上右下左） */
    }
/* --- キャプション --- */
    div.contact caption {
        margin-bottom: 2px; /* キャプションの下マージン */
        padding: 10px 8px; /* キャプションのパディング（上下、左右） */
        background: #f9f9f9 url(caption_back1.gif) repeat-x; /* キャプションの背景 */
        border: 1px solid; /* キャプションの境界線 */
        border-color: #c0c0c0 #999999 #999999 #c0c0c0; /* キャプションの境界線色（上右下左） */
        text-align: left;
        color: #808080; /* キャプションの文字色 */
        font-weight: bold;
    }
/* --- 見出しセル（th） --- */
    div.contact th {
        width: 170px; /* 見出しセルの幅 */
        padding: 10px 8px; /* 見出しセルのパディング（上下、左右） */
        background-color: #f5f5f5; /* 見出しセルの背景色 */
        border-bottom: 1px #c0c0c0 dotted; /* 見出しセルの下境界線 */
        text-align: left;
        line-height: 130%;
    }
/* --- 見出しセル内の補足テキスト --- */
        div.contact th span.supplement {
            font-weight: normal;
        }
/* --- データセル（td） --- */
    div.contact td {
        padding: 10px 5px 7px; /* データセルのパディング（上、左右、下） */
        background-color: #ffffff; /* データセルの背景色 */
        border-bottom: 1px #c0c0c0 dotted; /* データセルの下境界線 */
    }
/* --- データセル内の補足テキスト --- */
        div.contact td span.supplement {
            color: #808080;
        }
/* --- 必須項目セル --- */
        div.contact td.required {
            width: 26px; /* 必須項目セルの幅 */
            padding: 10px 3px; /* 必須項目セルのパディング（上下、左右） */
            background-color: #c4e6fa; /* 必須項目セルの背景色 */
            text-align: center;
        }
/* --- 任意項目セル --- */
        div.contact td.arbitrary {
            background-color: #e0f1fc; /* 任意項目セルの背景色 */
        }

/* --- フォーム部品 --- */
    div.contact input,
    div.contact select,
    div.contact textarea {
        margin-bottom: 2px; /* フォーム部品の下マージン */
    }
/* --- フォーム部品のサイズ --- */
/* --- （長めのテキスト入力欄） --- */
#company, #section, #name, #name2,
#email, #address {
width: 350px; /* フォーム部品の幅 */
}
/* --- （短めのテキスト入力欄） --- */
#tel1, #tel2, #tel3,
#fax1, #fax2, #fax3 {
width: 350px; /* フォーム部品の幅 */
}
#zip1, #zip2 {
width: 70px; /* フォーム部品の幅 */
}
/* --- （複数行のテキスト入力欄） --- */
#message {
width: 420px; /* フォーム部品の幅 */
height: 10em; /* フォーム部品の高さ */
}
#remark {
width: 420px; /* フォーム部品の幅 */
height: 6em; /* フォーム部品の高さ */
}

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