body {
    position           : relative;
    color               : #000;
    font-style          : normal;
    font-size           : 14px;
    line-height         : 16px;
    font-family         : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", helvetica, arial, clean, sans-serif;
    *font-size:small;
    *font:x-small;

    margin                : 0;
    background            : url("../images/bg-main00.png");
    background-repeat     : repeat;
    background-attachment : fixed;

    scrollbar-face-color       : #fee;
    scrollbar-track-color      : #fff9f9;
    scrollbar-arrow-color      : #f99;
    scrollbar-highlight-color  : #fff;
    scrollbar-shadow-color     : #f99;
    scrollbar-3dlight-color    : #fcc;
    scrollbar-darkshadow-color : #fcc;
}

/* div#wrapper { */
div.wrapper {
    position           : relative;
    width              : 680px;
    /*margin             : 0 auto;   センタリング */
    margin             : 0 0 0 50px;
}

div.inner {
    display            : block;
    margin             : 6px auto;
    text-align         : center;
}

img.title {
    display            : block;
    margin             : 20px auto;
    text-align         : center;
}
div.sample {
    width               : 500px;
    border-color        : #fcc;
    border-style        : dashed;
    border-width        : 3px;
    margin              : 0px 32px 0px 32px;
    padding             : 8px 8px 8px 8px;
}
img.sample {
    float: left;
    width: 48px;
    margin: 0 10px 0 20px;
}

div.disp {
    position           : relative;
    background-color   : #fdd;
    padding            : 16px;
    /* 丸角(CSS3/FireFox/Web-Kit/IE) */
    border-radius         : 32px 0px 32px 0px / 32px 0px 32px 0px;
    -moz-border-radius    : 32px 0px 32px 0px / 32px 0px 32px 0px;
    -webkit-border-radius : 32px 0px 32px 0px / 32px 0px 32px 0px;
    behavior:url(../css/PIE.htc);
    
}
h1 {
    font-weight         : normal;
    font-style          : normal;
    margin              : 0;
    font-size           : 14px;
    line-height         : 16px;
}
h2 {
    background-color    : #fff;

    border-color        : #f66;
    border-style        : solid;
    border-width        : 0px 0px 0px 5px;
    margin              : 0px 16px 0px 0px;
    padding             : 10px 0px 6px 8px;
	
    font-weight         : normal;
    font-style          : normal;
    font-size           : 14px;
    line-height         : 16px;
}
h3 {
    background-color    : #fff;

    border-color        : #f66;
    border-style        : solid;
    border-width        : 0px 0px 1px 6px;
    margin              : 0px 16px 0px 0px;
    padding             : 8px 0px 6px 8px;

    font-weight         : normal;
    font-style          : normal;
    font-size           : 12px;
    line-height         : 14px;
}

p {
    margin: 12px;
}
/* 記事の枠（ヘッダー） */
div.article_in_header {
    color               : #000;
    background-color    : #f6f6f6;
    border-color        : #ccc;

    border-style        : solid;
    border-width        : 1px 1px 0px 1px;
    margin              : 6px 6px 0px 6px;
    padding             : 8px 8px 6px 8px;

    /* グラデ(CSS3/FireFox/Web-Kit/IE) */
    background       : -moz-linear-gradient(top, #fff, #ddd);
    background       : -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
    -pie-background  : linear-gradient(top, #fff, #ddd);
    /* 丸角(CSS3/FireFox/Web-Kit/IE) */
    border-radius         : 8px 8px 0px 0px / 8px 8px 0px 0px;
    -moz-border-radius    : 8px 8px 0px 0px / 8px 8px 0px 0px;
    -webkit-border-radius : 8px 8px 0px 0px / 8px 8px 0px 0px;
    behavior:url(../css/PIE.htc);
}
/* 記事の枠（本文、フッター） */
div.article_in_body {
    color               : #000;
    background-color    : #fff0f0;
    border-color        : #ccc;

    border-style        : solid;
    border-width        : 0px 1px 1px 1px;
    margin              : 0px 6px 16px 6px;
    padding             : 16px;

    /* 丸角(CSS3/FireFox/Web-Kit/IE) */
    border-radius         : 0px 0px 8px 8px / 0px 0px 8px 8px;
    -moz-border-radius    : 0px 0px 8px 8px / 0px 0px 8px 8px;
    -webkit-border-radius : 0px 0px 8px 8px / 0px 0px 8px 8px;
    behavior:url(../css/PIE.htc);
}


/*
 * テーブル
 */
table.item {
    background-color    : #fff0f0;
    border-spacing      : 2px;
    border-collapse     : separate;
    width               : 600px;
    font-style          : normal;
    font-size           : 14px;
    line-height         : 16px;
}
table.item th {
    background-color    : #fcc;
    font-weight         : bold;
    text-align          : center;
    padding             : 8px 0 6px;
}
table.item td {
    vertical-align      : top;
    background-color    : #fff;
    text-align          : left;
}

/*
 * リンクのレイアウト
 */
a.nav-link {
	display             : inline-block;
	width               : 90px;
	height              : 20px;
	padding             : 0px 0px 6px 6px;
}

/*
 * しきり画像のレイアウト（使用したら）
 */
img.separator {
	display             : block;
	margin              : 24px auto;
}
