/*** 全体要素 *******************************************************/
* {
    margin    : 0px;
    padding   : 0px;
}
/********************************************************************/

/*** 汎用要素 *******************************************************/
.center {
    text-align : center;
}
/********************************************************************/

/*** body要素 *******************************************************/
body {
    padding          : 0px 10px 0px 10px;
    font-family      : 'ＭＳ ゴシック', monospace;
    background-color : #ffffff;
    font-size        : 1em;
}
/********************************************************************/

/*** ページ構成要素 *************************************************/
div#wrapper {
    position   : relative;
    width      : 990px;
    margin     : 0px auto;
    text-align : left;
}

div#header {
    margin-bottom : 10px;
    padding       : 10px 0px 5px 0px;
    border-bottom : 2px solid navy;
}

div#headLogo {
    width : 300px;
}

div#headLogoFont {
    margin-top : 2px;
    font-size : 0.8em;
    color     : #778899;
}

div#headNavi {
    position  : absolute;
    right     : 0;
    top       : 55px;
    font-size : 0.75em;
    color     : #778899;
}

div#headNavi a {
    margin : 3px;
}

div#contents {
    line-height : 1.4;
}

p#contentsNavi {
    margin    : 0;
    font-size : 0.9em;
}

p#contentsNavi a {
    margin : 0 10px;
}

div#main {
    float : left;
    width : 728px;
}

div#search {
    padding: 0 0 0 5px;
    margin-bottom    : 10px;
    width            : 725px;
    height           : 32px;
    border           : solid 1px #cccccc;
    background-color : #F5F5F5;
    font-size        : 0.75em;
    color            : navy;
}

div#search img {
    float  : left;
    margin : 0 5px 0 5px;
    border : none;
}

div#search input {
    margin-top:3px;
}

div#sub {
    float : right;
}

div.block {
    margin-bottom    : 10px;
    width            : 250px;
    border           : 1px solid #cccccc;
    background-color : #ffffff;
}

div.block h2 {
    margin           : 0 0 0 0;
    border-top       : none;
    border-right     : none;
    border-bottom    : 1px solid #cccccc;
    border-left      : none;
    background-color : #f5f5f5;
    font-size        : 0.9em;
    font-weight      : normal;
    color            : #696969;
}

div.block ul {
    font-family : sans-serif;
    font-size   : 0.9em;
    margin      : 5px 0 10px 0;
}

div.block ul ul {
    margin : 0;
}

div.block li {
    margin : 0 0 5px 20px;
}

div#bottom {
    clear         : both;
    text-align    : right;
    margin-bottom : 5px;
    padding:20px 0 5px 0;
    color         : #778899;
    font-size     : 0.75em;
}

div#bottom a {
    margin : 3px;
}

div#footer {
    clear            : both;
    width            : 100%;
    height           : 20px;
    border-top       : 1px solid navy;
    border-bottom    : 2px solid navy;
    background-color : #F5F5F5;
    text-align       : right;
    vertical-align   : middle;
    color            : navy;
}

div#footer p {
    line-height : 20px;
    font-family : sans-serif;
    font-size   : 0.8em;
}

div#remarks {
    margin : 5px 0px 0px 0px;
}

div#remarks img {
    border : none;
}

div#remarks p {
    text-align : right;
}

/********************************************************************/

/*** 見出し要素 *****************************************************/
h1 {
    margin           : 10px 0px 5px 0px;
    padding          : 2px 0 2px 5px;
    border           : 1px solid #cccccc;
    background-color : #99ccff;
    font-size        : 1em;
    font-weight      : bold;
    color            : #696969;
}

h2 {
    margin           : 10px 0px 10px 0px;
    padding          : 2px 0 2px 5px;
    border           : solid 1px #cccccc;
    background-color : #E6E6FA;
    font-size        : 1em;
    font-weight      : normal;
}

h3 {
    margin           : 10px 0px 10px 0px;
    padding          : 2px 0 2px 5px;
    border-top       : 0 solid #000099;
    border-right     : 0 solid #000099;
    border-bottom    : 1px solid #cccccc;
    border-left      : 4px solid #99ccff;
    background-color : #ffffff;
    text-align       : left;
    font-size        : 1em;
    font-weight      : normal;
}

h1.title {
    clear            : both;
    height           : 20px;
    border-top       : 0 solid #000099;
    border-right     : 0 solid #000099;
    border-left      : 4px solid #0000cd;
      background-color : #ffffff;
    font-size        : 1em;
    font-weight      : normal;
    color            : #000099;
    background-image : url(../images/common/home-title.gif);
}

p.title {
    clear            : both;
    margin           : 10px 0px 5px 0px;
    padding          : 2px 0 2px 5px;
    border           : 1px solid #cccccc;
    height           : 20px;
    border-top       : 0 solid #000099;
    border-right     : 0 solid #000099;
    border-bottom    : 1px solid #cccccc;
    border-left      : 4px solid #0000cd;
    font-size        : 1em;
    color            : #000099;
    background-image : url(../images/common/home-title.gif);
}

h2#label01 {
    clear            : both;
    margin           : 0 0 0 0;
    border           : 1px solid #cccccc;
    background-color : #E6E6FA;
    line-height      : 1.2em;
    font-size        : 1em;
    font-weight      : bold;
    color            : #696969;
}

h2#label02 {
    clear            : both;
    margin           : 0 0 0 0;
    border           : 1px solid #cccccc;
    background-color : #FFE4E1;
    line-height      : 1.2em;
    font-size        : 1em;
    font-weight      : bold;
    color            : #696969;
}

h2#label03 {
    clear            : both;
    margin           : 0 0 0 0;
    border           : 1px solid #cccccc;
    background-color : #FFFACD;
    line-height      : 1.2em;
    font-size        : 1em;
    font-weight      : bold;
    color            : #696969;
}

h2#label04 {
    clear            : both;
    margin           : 0 0 0 0;
    border           : 1px solid #cccccc;
    background-color : #CCFFCC;
    line-height      : 1.2em;
    font-size        : 1em;
    font-weight      : bold;
    color            : #696969;
}

h2#label05 {
    clear            : both;
    margin           : 0 0 0 0;
    border           : 1px solid #cccccc;
    background-color : #CCFFFF;
    line-height      : 1.2em;
    font-size        : 1em;
    font-weight      : bold;
    color            : #696969;
}

h2#label06 {
    clear            : both;
    margin           : 0 0 0 0;
    border           : 1px solid #cccccc;
    background-color : #FFDAB9;
    line-height      : 1.2em;
    font-size        : 1em;
    font-weight      : bold;
    color            : #696969;
}
/********************************************************************/

/*** リンク要素 *****************************************************/
a:link {
    color:#0000CD;
}

a:visited {
    color:#0000CD;
}

a:hover {
    color : red;
}

a:active {
    color : red;
}
/********************************************************************/

/*** リスト要素 *****************************************************/
ul.contentsList {
    float           : left;
    margin          : 5px 0 5px 0;
    list-style-type : none;
    font-size       : 0.9em;
}

ul.contentsList li {
    margin : 5px 11px 5px 10px;
    color  : navy;
}

ul.contentsList ul {
    margin          : 5px 0 0 10px;
    list-style-type : square;
    color           : gray;
}

ul.contentsList ul li {
    margin : 0 0 5px 15px;
}

ul.contentsList li p {
    margin-top       : 15px;
    padding          : 2px 5px;
    background-color : #E6E6FA;
}
/********************************************************************/

/*** 文書要素 *******************************************************/
span.red {
    color : red;
}
/********************************************************************/

/*** 画像要素 *******************************************************/
img {
    border : none;
}

img.nobaseline {
    vertical-align : bottom;
}
/********************************************************************/

/*** アドセンス要素 *************************************************/
div#ads_top {
}

div#ads_middle {
    margin-top : 10px;
}

div#ads_bottom {
    clear      : both;
    margin-top : 20px;
}
/********************************************************************/

/*** ブックマーク要素 ***********************************************/
p.bookmark {
    margin    : 5px 0 5px 5px;
    font-size : 0.9em;
}

p.bookmark img {
    margin-right   : 4px;
    vertical-align : middle;
}
/********************************************************************/

/*** アマゾン *******************************************************/
div.amazon {
    height:200px;
    font-family : sans-serif;
    font-size : 0.9em;
}

div.amazonLeft {
    float:left;
}

div.amazonRight {
    float:right;
}

div.amazonContents {
    padding          : 10px 10px 5px 10px;
    width            : 335px;
    border           : 1px solid #cccccc;
    background-color : #ffffff;
}

div.amazonContentsLeft {
    float        : left;
    margin-right : 15px
}

div.amazon p.author {
    margin:10px 0 15px 0;
}

div.amazonBlock {
    padding : 10px 60px;
}

p.amazonBlockTitle {
    padding   : 5px;
    font-size : 0.8em;
}

p.books {
    margin:10px 15px 0 0;
    text-align:right;
    font-size:0.9em;
}

p.books img {
	margin:0;
    vertical-align: -10px;
}
/********************************************************************/