@charset "utf-8";
/* CSS Document */

/*
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■ブラウザのリセット[08/10/13]：
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
*/

body {
    margin:0;
    padding:0;
}
h1,h2,h3,h4,h5,h6,pre,address,em,strong,th,ins {
    font-size:100%;
    &nbsp;&nbsp;&nbsp;&nbsp;font-style:normal;
}
h1,h2,h3,h4,h5,h6,pre,address,ul,ol,li,dl,dt,dd,form,legend,p {
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border:0;
    /* 自分のアイデア */
    line-height:100%;
}
th {
    text-align:left;
}
input,select,textarea {
    vertical-align:middle;
}
img {
    border:0;
    vertical-align:middle;
}
ins, a {
    text-decoration:none;
}
ul {
    list-style:none;
}
br {
    letter-spacing: 0;
}


/*
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■基本要素とクラスの設定：
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
*/

body
{
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
background-color:#666;


/* ページいちばん下のマージンはbodyに設定しないと(containerに指定しても)IE6,7では効かない */
margin-bottom:8px;
/*
background-image:url(/img/bg_stone_2_150_150.gif);
background-repeat:repeat;
*/

/*
#647788
#8f9dab
#9eaab6
#d7dce1
#576675
*/
}

/* これを書かないと、IE6で、画像の下に余白ができる */

img
{
vertical-align:bottom;
}

/*
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■全体を包むラッパー：
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
*/

#all_wrapper
{
width:560px;
height:auto;
overflow:auto;

border:solid 1px #000; 

background-color:#fff;

margin-top:8px;
margin-left:auto;
margin-bottom:8px;
margin-right:auto;
padding-bottom:4px;

}

/*
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■タイトル：
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
*/

#info_title
{
width:552px;
height:auto;

background-color:#fff;

margin-top:3px;
margin-left:auto;
margin-right:auto;

}


/*
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■お知らせボックス：
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
*/


#notice_frame
{
width:552px;
height:auto;

background-color:#fff;

border:solid 1px #666; 

margin-top:4px;
margin-left:auto;
margin-right:auto;

}

#notice_box
{
width:480px;
height:auto;

background-color:#fff;

margin-top:4px;
margin-left:auto;
margin-right:auto;

font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
font-size:14px;
line-height:140%;

}

/*
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■クローズボックス：
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
*/

#close_button_frame
{
width:552px;
height:28px;

background-color:#FFF;

border:solid 1px #666; 

margin-top:4px;
margin-left:auto;
margin-right:auto;
}

#close_button
{
width:140px;
height:auto;

background-color:#fff;

margin-top:8px;
margin-left:auto;
margin-right:auto;

font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
font-size:14px;
}




