body
{
    background-color : #EEEEEE;
}

#all
{
    background-color : #ffffff;
}

header
{
    background-color : #333333;
    color : #ffffff;
}

section
{
    margin-bottom : 20px;
}

h2
{
    font-size : 1.1em;
    font-weight : bold;
    padding-left : 5px;
    border-left : 10px solid #BED69E;
    margin-bottom : 10px;
}

h3 {
    margin-bottom : 10px;
}

b
{
    display : block;
    margin-top : 15px;
    margin-bottom : 10px;
}

p
{
    margin-left : 10px;
    margin-right : 5px;
    line-height : 1.5em;
}

figure {
    padding-left : 10px;
}

pre
{
    margin : 10px 0px;
}

/* テーブル（枠線１）*/
table.line
{
    border-collapse : collapse;
    border : 2px ridge #333333;
    margin : 10px 0px 10px 10px;
}

table.line th
{
    border : 2px ridge #333333;
    padding : 2px 10px 2px 5px;
    background-color : #333333;
    color : #ffffff;
}

table.line td
{
    border : 2px ridge #333333;
    padding : 2px 10px 2px 5px;
}

/* フッター */
footer li
{
    display : inline;
    font-size : 1.5em;
    /* margin : 0px 5px; */
    margin : 0px 4px;
}

footer li.here
{
    background-color : #333333;
    color : #ffffff;
}

footer li a
{
    text-decoration : none;
    background-color : #A7B1BE;
    color : #ffffff;
}

/* 色 */
.warn, attention {
    color : #990000;
}
.blue   { background-color : #eeeeff; }
.red    { background-color : #ffeeee; }
.yellow { background-color : #ffffee; }
.green  { background-color : #eeffee; }

/* 太字 */
.bold {
    font-weight : bold;
}

/* 配置 */
.box-left {
    float : left;
}

.box-right {
    float : right;
}

.clear {
    clear : both;
}

.lef
{
    text-align : left;
}

.cnt
{
    text-align : center;
}

.rit
{
    text-align : right;
}

.top {
    vertical-align : top;
}

.middle {
    vertical-align : middle;
}

.bottom {
    vertical-align : bottom;
}

/* 回り込みを解除（micro clearfix）*/
.cf:before, .cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/* サイズ */
.w350 {
    width : 350px;
}

.w300 {
    width : 300px;
}

.w280 {
    width : 280px;
}

.w260 {
    width : 260px;
}

.w200 {
    width : 200px;
}

.w190 {
    width : 190px;
}

.w180 {
    width : 180px;
}

.w170 {
    width : 170px;
}

.w160 {
    width : 160px;
}

.w150 {
    width : 150px;
}

.w140 {
    width : 140px;
}

.w130 {
    width : 130px;
}

.w120 {
    width : 120px;
}

.w100 {
    width : 100px;
}

.w60 {
    width : 60px;
}

.w50 {
    width : 50px;
}

.w30 {
    width : 30px;
}