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

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

/*** body要素 *******************************************************/
body {
	font-family:"Century Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    background-color : #ffffff;
    font-size        : 1em;
}
/********************************************************************/

/*** ページ構成要素 *************************************************/
div#wrapper {}

div#header {
    margin-bottom : 10px;
    padding       : 10px 0px 0px 0px;
}

div#header .headContents {
    width      : 1000px;
    margin     : 0px auto;
}

.headContents #headLogo {
    width : 300px;
}

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

.headContents #headNavi {
    float:right;
    font-size : 0.75em;
    color     : #778899;
}

.headContents  #headNavi a {
    margin : 3px;
}

div#header #headLine {
	height:25px;
	margin: 5px 0 15px 0;
	padding: 10px 0;
	background-color : #EEEEEE;
}

div#header #headLine .headLineContents {
    width      : 1000px;
    margin     : 0px auto;
}

div#header #headLine .headLineContents #search{
    width      : 1000px;
}

div#contents {
    width      : 1000px;
    margin     : 0px auto;
    line-height : 1.7;
}

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

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

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

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-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           : 60px;
    background-color : #EEEEEE;
}

div#footer .footContents {
	padding    :10px;
    text-align : right;
    color      : navy;
    font-size  : 0.8em;
}

.footContents p {
	margin-top : 5px;
}

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

div#remarks img {
    border : none;
}

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

p.top {
    margin-top  : 15px;
    width       : 100%;
    text-align  : right;
    font-size   : 0.8em;
}
/********************************************************************/

/*** 見出し要素 *****************************************************/
h1 {
    margin           : 0px 0px 5px 0px;
    padding          : 3px 0 3px 5px;
    border           : 1px solid #cccccc;
    background-color : #2E5A7F;
    font-size        : 1em;
    color            : #ffffff;
	font-weight      : normal;
}

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

h3 {
    margin           : 10px 0px 10px 0px;
    padding          : 3px 0 3px 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;
}

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-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;
}
/********************************************************************/

/*** ▲トップへボタン ***********************************************/
#topButton {
	/* ▽表示位置を画面の右下に固定 */
	position: fixed;
	bottom: 80px;
	right: 30px;
	/* ▽最初は非表示にしておく */
	display: none;
}

#topButton a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 7px;
	background: #39c5ff;
	border-radius: 60px;
	width: 60px;
	height: 60px;
	font-size: 1.8em;
	text-align: center;
	opacity: 0.5;
}

#topButton a:hover {
	/* ▽マウスが載ったときの装飾 */
	opacity: 1;
	background: #39c5ff;
}
/********************************************************************/