/*--------------------------------------------------*/
/*  全ての要素を一旦リセット（これって必要なのかな？）  */
/*--------------------------------------------------*/
*   {
    margin: 0;
    padding: 0;
}


/*--------*/
/*  body  */
/*--------*/
body {
    /*margin: 4px 4px 4px 4px;*/
    margin-top: 8px;
    margin-right: 8px;
    margin-bottom: 0px;
    margin-left: 8px;
    
    background:black;
    /*overflow: auto;*/
    
    /* curved border radius */
    border: 3px solid white;
    border-radius: 5px;
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;    
}

#body-area   {
    background: white;
    
    /* curved border radius for FireFox */
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    
    /* curved border radius for Safari */
    -webkit-border-top-left-radius: 5px;  
    -webkit-border-top-right-radius: 5px;  
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}


/*--------*/
/* header */
/*--------*/
#header-area {
    height: 60px;
    color: white;
    /*background: #666666;*/
    background:midnightblue;
    /*overflow: hidden;*/    
    
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    
    /* curved border radius for FireFox */
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;    
    
    /* curved border radius for Safari */
    -webkit-border-top-left-radius: 3px;  
    -webkit-border-top-right-radius: 3px;  
}

header h1 {
    font-family: 'Times New Roman', serif;
    float: left;
    margin: 10px 0px 0px 10px; /* 上　右　下　左　の順で指定 */
}

header h4 {
    font-family: 'Times New Roman', serif;
    float: right;
    margin: 35px 5px 0px 0px; /* 上　右　下　左　の順で指定 */
}

header a    {
    color: white;
    text-decoration: none;
}

header a:link   {
    color: white;
    text-decoration: none;
}

header a:visited   {
    color: white;
    text-decoration: none;
}

header a:hover   {
    color: white;
    text-decoration: none;
}

header a:active   {
    color: white;
    text-decoration: none;
}


/*----------*/
/* top navi */
/*----------*/
/*
nav {
    height: 21px;
    margin: 0 auto;
    background: white;
    border-bottom: 1px solid whitesmoke; 
    overflow: hidden;
}

nav .menu {
    font-family: 'Times New Roman', serif;
    font-size: 16px;
    font-weight: bold;
}

nav .menu ul {
    padding: 1px 0px 0px 0px;
    list-style : none;
    line-height: normal;
    
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
}

nav .menu ul li {
}

nav .menu a {
    color: darkblue;
    float: left;
    margin-right: 0px;
    padding: 0px 20px 0px 20px;
    text-decoration: none;
    
    border-right: 1px solid whitesmoke; 
    
    display: block;
}

nav a:link   {
    color: darkblue;
    font-weight: bold;
    text-decoration: none;
}

nav a:visited   {
    color: darkblue;
    font-weight: bold;
    text-decoration: none;
}

nav a:hover   {
    color: darkblue;
    font-weight: bold;
    text-decoration: none;
}

nav a:active   {
    color: darkblue;
    font-weight: bold;
    text-decoration: none;
}
*/


/*---------------*/
/* side bar navi */
/*---------------*/
#navi-sub-area   {
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    /*font-family: 'Times New Roman', 'ゴシック', serif;*/
    font-size: small;
    /*padding-top: 5px;*/
    overflow: hidden;    
    background: white;
    float: left;
    line-height: 1em; 
    display: block;
    margin: 30px 0px 30px 0px;
    border-right: 1px solid #bbd;
    /*overflow: hidden;*/
}

#navi-sub-area ul  {
    margin: 5px 0px 0px 0px;
    padding: 0px 5px 0px 5px;
    list-style-type: none;   /* リストの接頭修飾は、何も表示しない */
}

#navi-sub-area ul li {
    margin: 5px 0px 0px 0px;
    padding: 0px 5px 0px 5px;
    /*border-bottom: 1px solid whitesmoke;*/
}

#navi-sub-area ul li:last-child {
    /*border-bottom: 1px solid whitesmoke;*/
}

#navi-sub-area ul li:hover {
    color: red;
    text-decoration: none;
}

#navi-sub-area ul li:visited {
    color: red;
    text-decoration: none;
}

#navi-sub-area a    {
    color: darkblue;
    text-decoration: none;
}

#navi-sub-area a:link   {
    color: darkblue;
    text-decoration: none;
}

#navi-sub-area a:visited   {
    color: darkblue;
    text-decoration: none;
}

#navi-sub-area a:hover   {
    color: red;
    font-weight: bold;
    text-decoration: none;
}

#navi-sub-area a:active   {
    color: red;
    font-weight: bold;
    text-decoration: none;
}



/*---------------*/
/* main contents */
/*---------------*/
#content-area  {
    color: darkblue;
    background:white;
   /*font-size: small;*/
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 40px; /* margin-leftが、なぜかmargin-rightにまで適用されてしまうので、これで対応 */
    padding-right: 20px; /* padding-rightが、なぜかmargin-rightにまで適用されてしまうので、これで対応 */
    line-height: 1.75em;
    /* height: 700px; */
    overflow: auto;
}

#content-area a:link   {
    color: blue;
    text-decoration: none;
}

#content-area a:visited   {
    color: blue;
    text-decoration: none;
}

#content-area a:hover   {
    color: blue;
    text-decoration: none;
}

#content-area a:active   {
    color: blue;
    text-decoration: none;
}


/*-----------------------------*/
/*  Contentの、次頁や前頁に使用 */
/*-----------------------------*/
#ContentNavigation {
    font-size: small;
    margin: 0 auto; 
    text-align: center;
}

#ContentNavigation a:link   {
    color: darkblue;
    text-decoration: none;
}

#ContentNavigation a:visited   {
    color: darkblue;
    text-decoration: none;
}

#ContentNavigation a:hover   {
    color: darkblue;
    text-decoration: none;
}

#ContentNavigation a:active   {
    color: darkblue;
    text-decoration: none;
}


/*--------------------*/
/*  top pageのみに使用 */
/*--------------------*/
#index-page-content-area  {
    font-family: 'Times New Roman', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    position:absolute; 
    bottom:70px; 
    right:16px;
}

#index-page-content-area p {
    float: right; 
}

/*--------*/
/* footer */
/*--------*/
footer  {
    font-family: 'Times New Roman', serif;
    /*font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
    font-size: small;
}

footer a    {
    color: white;
    text-decoration: none;
}

footer a:link   {
    color: white;
    text-decoration: none;
}

footer a:visited   {
    color: white;
    text-decoration: none;
}

footer a:hover   {
    color: white;
    text-decoration: none;
}

footer a:active   {
    color: white;
    text-decoration: none;
}

#footer-area {
    height: 30px;
    /*background: #666666;*/
    background:midnightblue;
    overflow: hidden;    
    
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    
    /* curved border radius for FireFox */
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;    
    
    /* curved border radius for Safari */
    -webkit-border-bottom-left-radius: 3px;  
    -webkit-border-bottom-right-radius: 3px;  
}

#footer-area p  {
    color: white;
    float: right;
    margin: 10px 5px 0px 0px;
    /* 画面幅を狭めて表示する時には表示しない。でも表示されちゃう。まぁ、いいか。 */
    overflow: hidden;
    text-overflow: clip;
}

.photo  a:hover {
    width: 600px;
    height: 1000px
}