/* 880*Square ver.5 - CSS Settings                  */
/* Article-width = 460px(+padding:10px) =440px      */


* {
    margin: 0px;
    padding: 0px;
}


body {
    background-color: #eeeeee;
    background-image: url(images/bg.gif);
    background-repeat:repeat-x;
    font-family:'Arial, Osaka, ＭＳ Ｐゴシック';
    font-size: 13px;
    font-weight: normal;
    color: #333333;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
    text-align:center;
    line-height:160%;
}

ul {
    margin: 15px 5px 15px 15px;
}

li {
    list-style-type: square;
    margin: 7px 0px 7px 0px;
}
/* 新着アイテムなどに */
li.New {
    background-image: url(images/ic25h_new.gif);
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 30px;
}

Strong, b {
    color: #8e3e2e;
    font-weight: bold;
}

A {
    COLOR: #3355aa;
    TEXT-DECORATION: underline;

}

A:hover {
    COLOR: dodgerblue;
    TEXT-DECORATION: underline;

}
hr {
    border-style: dashed;
    border-color: #666666;
    height: 1px;
    border-width: 1px 0px 0px 0px;
    margin: 10px 0px 10px 0px;
    clear: both;
}


p {
    margin-bottom: 12px;
}

h1 {
    font-size: medium;
    letter-spacing:0.5em;
    margin: 20px 5px 7px 5px;
    padding: 33px 0px 3px 16px;
    text-align: left;
    vertical-align: bottom;
    border-left: 6px solid #005189;
    line-height: 20px;
    color: black;
    clear: both;
    background-image: url(images/bgh1.gif);
    background-position: top right;
    background-repeat: no-repeat;
}

h2{
    font-size: small;
    letter-spacing: 0.2em;
    padding-left: 10px;
    padding-bottom: 4px;
    padding-top: 6px;
    margin: 20px 0px 15px 0px;
    border-left: 8px #56a2d4 solid;
    color: #333333;
    clear: both;
    text-align: left;
    line-height: normal;
}

Div, td {
    line-height:180%;
    font-size: x-small;
}

Div#Container {
    width: 500px;
    text-align: left;
    margin: 0px auto;

}

Div#Header {
    height: 18px;
    background-image: url(images/com_tabbg.gif);
    text-align:right;
    padding: 0px 5px 0px 5px;
    clear: both;
    fontfont-size: 10px;
}

Div#Header a {
    font-weight: bold;
    font-size: 10px;
    border: solid #cccccc;
    border-width: 1px 1px 0px 1px ;
    text-decoration: none;
    width: 60px;
    padding: 1px 1px 0px 1px;
    margin: 1px 5px 0px 0px;
    text-align: center;
    line-height: 15px;
    height: 17px;
}

Div#Header a:hover {
    border: solid #002266;
    border-width: 1px 1px 0px 1px ;
    background-color: #dde5ee;
    text-decoration: none;
    font-weight: bold;
    color: #333333;
}

/* アイコン表示設定 */
Div#Header a.ic_A {            /* about */
    background-image: url(images/ic12_info.gif);
    background-repeat: no-repeat;
    background-position: 5px;
    padding-left: 20px;
}
Div#Header a.ic_M {            /* mail */
    background-image: url(images/ic12_mail.gif);
    background-repeat: no-repeat;
    background-position: 5px;
    padding-left: 20px;
}
Div#Header a.ic_H {            /* Home */
    background-image: url(images/ic12_home.gif);
    background-repeat: no-repeat;
    background-position: 5px;
    padding-left: 20px;
}
Div#Header a.ic_B {            /* blog */
    background-image: url(images/ic12_blog.gif);
    background-repeat: no-repeat;
    background-position: 5px;
    padding-left: 20px;
}
Div#Header a.ic_L {            /* link */
    background-image: url(images/ic12_link.gif);
    background-repeat: no-repeat;
    background-position: 5px;
    padding-left: 20px;
}
Div#Header a.ic_T {            /* trip */
    background-image: url(images/ic12_trip.gif);
    background-repeat: no-repeat;
    background-position: 5px;
    padding-left: 20px;
}
Div#Header a.ic_P {            /* photo */
    background-image: url(images/ic12_photo.gif);
    background-repeat: no-repeat;
    background-position: 5px;
    padding-left: 20px;
}



Div#Top {
    height: 124px;
    background-image: url(images/com_top.jpg);
    margin: 0px;
    text-align:right;
    padding: 0px 2px 0px 2px;
    background-repeat:no-repeat;
    clear: both;
}

.hdn {
    position: absolute;
    left: -9999px;
}

.mini {
    font-size: 10px;
}

.left {
    float: left;
    clear: both;
}

.right {
    float: right;
    clear: both;
}

/* Navigation menu css =START= */

Div#topNavi {
    text-align:left;
    float: none;
    margin-bottom: 20px;
    width: 400px;
    padding: 10px 5px 5px 20px;
}

Div#topNavi dt {
    font-size: small;
    font-weight: bold;
}
Div#topNavi dd {
    margin-left: 80px;
    margin-top: -1.5em;
}

/* グラス風横並び4列メニュー
Div#topNavi {
    text-align:left;
    float: none;
    margin-bottom: 20px;
}

#topNavi ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#topNavi ul li {
    width: 117px;
    height: 62px;
    float: left;
    margin: 1px;
    padding: 0px;
    background-image: url(images/top_btnr.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    list-style-type: none;
}

#topNavi ul li a {
    display: block;
    height: 62px;
    width: 117px;
    background-image: url(images/top_btnr.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    color: 666666;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}

#topNavi ul li a:hover {
    background-image: url(images/top_btov.jpg);
    font-weight: bold;
    text-decoration: none;
}

#topNavi ul li span {
    position: relative;
    top: 18px;
}*/


/*
Div#topNavi a {
    background-image: url(images/top_btnr.jpg);
    margin: 4px;
    padding: 21px 2px 2px;
    height: 62px;
    width: 117px;
    color: 666666;
    font-weight: bold;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    
}
Div#topNavi a:hover {
    background-image: url(images/top_btov.jpg);
    font-weight: bold;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
}*/
/* Navigation menu css =END= */

Div#Body {
    background-image: url(images/com_tabbg.gif);
    margin: 0px;
    text-align:center;
    padding: 10px;
    background-repeat:repeat-y;
}

/* Div.Article に納めるコンテンツの幅は440px以内に納める */
Div.Article {
    width: 460px;
    text-align: left;
    padding: 10px;
    clear: both;
}

Div.Article2 {
    text-align: left;
    margin: 10px 10px 25px 15px;
    clear: both;
}

Div.Article2 img {
    border: 1px #cccccc solid;
    clear: both;
    padding: 3px;
    background-color: white;
    margin: 5px;
}

Div.Article2 Div {
    text-align: left;
}

Div.Scrl120 {
    width: 460px;
    text-align: left;
    height: 120px;
    overflow: auto;
    background-color: #eeeeee;
    margin: 10px 5px 10px 5px;
    border: 1px Solid #999999;
    padding: 5px;
    clear: both;
}

Div#Footer {
    width: 500px;
    height:8px;
    background-image: url(images/com_footer.gif);
    margin:0px 0px 15px 0px;
    background-repeat:no-repeat;
    padding: 0px;
    clear: both;
}

Div#cr {
    height:12px;
    font-size:9px;
    font-family:Tahoma;
    padding: 0px;
    margin: 15px 0px 10px 0px;
    text-align: center;
}

/* 2-column settings (for Photo pages) =START= */
Div.PhotoTbl {
    width: 440px;
    clear: both;
    border-top: 1px dotted #666666;
    padding: 10px 0px 0px 0px;
    margin: 5px auto 0px auto;
    min-height: 120px;
}

Div.ptLeft {
    width: 120px;
    float: right;
    padding: 10px 0px 10px 0px;
}

Div.ptRight {
    width: 320px;
    float: right;
    text-align: left;
    margin-bottom: 15px;
}

Div.ptRight h2 {
    margin: 2px;
    margin-bottom: 5px;
    line-height: 160%;
    border-width: 0px 0px 1px 0px;
    border-color: darkred;
    border-style: solid;
    text-align: left;
    color: #333333;
}

Div.ptRight p {
    margin: 7px 0px 5px 10px;
    line-height: 160%;
}

/* Table-like define lists  =START= */
dl.tbl {
    margin: 10px 0px 25px 20px;
    clear: both;
}

/* ↓ dtとddの対応は1：多でもOKだが、IEでは何故か1行目に数pxインデントがかかる */
/* dl.tbl dt {
    float: left;
    clear: both;
    font-weight: bold;
    color: darkred;
    width: 5.2pc;
}
dl.tbl dd {
    margin-left: 5.2pc;
    border-left: 1px #aaaaaa solid;
    padding-left: 4px;
    text-indent: 0px;
} */

/* ↓ dtとddは 1：1で対応させて使用する（さもないと文字がかぶる） */
dl.tbl dt {
    clear: both;
    font-weight: bold;
    color: darkred;
    width: 5.2pc;
}
dl.tbl dd {
    margin-top: -1.8em;
    margin-left: 5.2pc;
/*    border-left: 1px #aaaaaa solid; */
    padding-left: 4px;
    text-indent: 0px;
}

dl.tbl ul {
    margin: 0px 0px 0px 15px;
    padding: 0px;
}
dl.tbl li {
    margin: 0px;
    padding: 0px;
    list-style-type: circle;
}



/* For material page =START= */
Div#Top_Material {
    height: 124px;
    background-image: url(images/com_top_m.jpg);
    margin: 0px;
    text-align:right;
    padding: 0px 2px 0px 2px;
    background-repeat:no-repeat;
    clear: both;
}

a.block {
    width: 250px;
    height: 30px;
    border: 1px #666666 solid;
    background-color: mistyrose;
    color: #333333;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    margin-bottom: 30px;
}

a:hover.block {
    text-decoration: none;
    color: black;
    background-color: lightpink;
    font-weight: bold;
}

ul.2col {
    margin: 15px 5px 15px 15px;
    list-style-type: none;
}

ul.2col li {
    list-style-type: none;
    margin: 2px;
    width: 200px;
    text-align: center;
    display: inline;
}
ul.2col li a {
    width: 200px;
    border: 1px #666666 solid;
    background-color: whitesmoke;
    display: block;
    color: gray;
    text-decoration: none;
}
ul.2col li a.new {
    width: 200px;
    border: 1px #666666 solid;
    background-color: whitesmoke;
    background-image: url(images/ic25h_new.gif);
    background-repeat: no-repeat;
    background-position: 5px;
    display: block;
    color: gray;
    text-decoration: none;
}
ul.2col li a:hover {
    background-color: lightsteelblue;
    color: black;
    text-decoration: none;
    font-weight: bold;
}


/* For material page =END= */