@charset "utf-8";

#ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ_____All
{
}

*
{
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

body
{
    font-family: "Lucida Grande", Meiryo, "メイリオ", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4", "IPA Pゴシック", "IPA PGothic", sans-serif;
    line-height: 1.6em;
    font-size: 16px;
    color: #444444;
    background-color: #FFFFFF;
    background-image: url(../img/background/background_top_orange.gif);
    background-repeat: repeat-x;
    background-position: 0% top;
}

#BodyDiv
{
    width: 1076px;
    margin-left: auto;
    margin-right: auto;
    border-right-width: 2px;
    border-right-style: solid;
    border-right-color: #E9E9E9;
    border-left-width: 2px;
    border-left-style: solid;
    border-left-color: #e9e9e9;
    -webkit-box-shadow: 0px 0px 2px 0px #e9e9e9;
    box-shadow: 0px 0px 2px 0px #e9e9e9;
    padding-bottom: 30px;
}

#ContentDiv
{
    width: 1016px;
    margin-left: 30px;
    margin-right: 30px;
    padding-top: 50px;
}

.All_Clear
{
    height: 0;
    font-size: 0px;
    line-height: 0px;
    clear: both;
    float: none;
}

section
{
    display: block;
    width: 1016px;
    padding-bottom: 60px;
}

.Section_End
{
    display: block;
    width: 1016px;
    padding-bottom: 1px;
    clear: both;
}
#Section_End
{
    display: block;
    width: 1016px;
    padding-bottom: 1px;
    clear: both;
    padding-top: 60px;
}

.SectionContentsDiv
{
    margin-left: 20px;
    margin-right: 20px;
    width: 976px;
}

br
{
    letter-spacing : normal;
}

/* ~~ レイアウトに使用するカラムです。~~ 

1) 余白は、block エレメントの上部または下部にのみ配置されます。これらの block 内のエレメントには、それ自体に余白があるので、ボックスモデル計算を行う必要がありません。ただし、block 自体に両側の余白やボーダーを指定した場合、その値が加算されたものが合計幅になることに注意してください。block エレメント内のエレメントの余白を削除し、さらにその block エレメント内に、全体のデザインに必要な幅や余白を指定していない 2 つ目の block エレメントを追加することもできます。

2) カラムはすべてフロートしているため、マージンは指定されていません。マージンを追加する必要がある場合は、フロート方向には指定しないでください (例えば、右フロートに設定した block の右マージン)。多くの場合、代わりに余白を使用できます。このルールに従わない場合は、block エレメントのルールに「display:inline」宣言を追加し、一部のバージョンの Internet Explorer でマージンが 2 倍になるバグを回避する必要があります。

3) クラスはドキュメント内で複数回使用できるので (またエレメントには複数のクラスを適用できます)、カラムには ID ではなくクラス名が割り当てられます。例えば、必要に応じて 2 つのサイドバー block をスタックできます。クラスを各ドキュメントで一度しか使用しないのであれば、ユーザーの好みに応じて、クラス名を ID に変更することができます。

4) ナビゲーションを右ではなく左に配置したい場合、これらのカラムを反対方向にフロートさせると (すべて右方向にする代わりに、すべて左方向に設定)、反転してレンダリングされます。HTML ソース内で block を移動する必要はありません。

*/

#ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ_____Link
{
}

a img
{
    border: none;
}

a:link
{
    color: #0059c7;
    text-decoration: underline;
}

a:visited
{
    text-decoration: underline;
}

a:hover,
a:active,
a:focus
{
    text-decoration: none;
}

#ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ_____Font
{
}

.P15
{
    font-size: 15px;
}

#ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ_____Placement
{
}
.Center
{
    text-align: center;
}

.Left
{
    float: left;
}


.Mb_10
{
    margin-bottom: 10px;
}

.Mb_20
{
    margin-bottom: 20px;
}

.Mb_24
{
    margin-bottom: 24px;
}

.Mb_30
{
    margin-bottom: 30px;
}

.Mb_40
{
    margin-bottom: 40px;
}

.Mb_60
{
    margin-bottom: 60px;
}

.Pt50
{
    padding-top: 50px;
}

#Mr10
{
    margin-right: 10px;
}

#Mr10_1
{
    margin-right: 16px;
}

#Mr10_2
{
    margin-right: 16px;
}

#Mr10_3
{
    margin-right: 16px;
}

#Mr10_4
{
    margin-right: 16px;
}

#Mr10_5
{
    margin-right: 16px;
}

#Mr10_6
{
    margin-right: 16px;
}

#Mr10_7
{
    margin-right: 16px;
}

#Mr20
{
    margin-right: 20px;
}

.Mt_15
{
    margin-top: 15px;
}

.Mt_20
{
    margin-top: 20px;
}

#ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ_____Hx_Div
{
}

.H2_Div
{
    width: 704px;
    border-width: 1px;
    border-style: solid;
    border-color: #e1dacb;
    background-color: #fff9f2;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top-left-radius: 8px 8px;
    border-top-right-radius: 8px 8px;
    border-bottom-right-radius: 8px 8px;
    border-bottom-left-radius: 8px 8px;
}

.H2_Div h2
{
    font-size: 22px;
    border-left-width: 8px;
    border-left-style: solid;
    border-left-color: #ff9000;
    padding-left: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.H3_Div
{
    width: 704px;
    border-width: 1px;
    border-style: solid;
    border-color: #e1dacb;
    background-color: #fff9f2;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top-left-radius: 8px 8px;
    border-top-right-radius: 8px 8px;
    border-bottom-right-radius: 8px 8px;
    border-bottom-left-radius: 8px 8px;
}

.H3_Div h3
{
    font-size: 22px;
    border-left-width: 8px;
    border-left-style: solid;
    border-left-color: #ff9000;
    padding-left: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.H3_Div_End
{
    width: 704px;
    border-width: 1px;
    border-style: solid;
    border-color: #e1dacb;
    background-color: #fff9f2;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top-left-radius: 8px 8px;
    border-top-right-radius: 8px 8px;
    border-bottom-right-radius: 8px 8px;
    border-bottom-left-radius: 8px 8px;
    margin-top: 50px;
}

.H3_Div_End h3
{
    font-size: 22px;
    border-left-width: 8px;
    border-left-style: solid;
    border-left-color: #ff9000;
    padding-left: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
}

#ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ_____Link
{
}

.LinkDiv_____TMP
{
    line-height: 4em;
    font-size: 18px;
    font-weight: bold;
}

#ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ_____Temp
{
}

.Link_____TMP
{
    color: #42413C;
    text-decoration: underline;
}

/* ~~ ナビゲーションリストのスタイル付け (Spry などの事前作成済みのフライアウトメニューを使用する場合は削除できます) ~~ */
ul.nav
{
    list-style: none; /* リストのマーカーを削除します。 */
    border-top: 1px solid #666; /* リンク用の上部のボーダーを作成します。他のすべてのものは LI 上で下部のボーダーを使用して配置されます。 */
    margin-bottom: 15px; /* 下のコンテンツのナビゲーション間の間隔を作成します。 */
}

ul.nav a,
ul.nav a:visited
{ /* これらのセレクターをグループ化することで、リンクのボタン表示が訪問後も確実に保持されます。 */
    display: block; /* リンクにブロックプロパティを指定し、リンクが含まれる LI 全体がリンクになるようにします。これにより、領域全体がマウスのクリックに反応するようになります。 */
    width: 160px;  /*この幅により、IE6 でボタン全体をクリックできるようになります。IE6 をサポートする必要がない場合は削除できます。適切な幅を計算するには、サイドバーコンテナの幅からそのリンクの余白を減算します。 */
    text-decoration: none;
    background-color: #C6D580;
}

ul.nav a:hover,
ul.nav a:active,
ul.nav a:focus
{
    background-color: #ADB96E;
    color: #FFF;
}