@charset "utf-8";

body {color: #444444; margin: 0; padding: 0; background: url(img/back_main.gif) #f8f1c6;}
a {color: #980901;}
img {border: 0; padding: 5px;}
em {font-style: normal; font-weight: bold;}
strong {font-style: normal; font-weight: bold; color: red;}
.none {display: none;}
.align-center {text-align: center;}
.text-right {text-align: right;}
.align-right {float: right;}
.attention {color: red;}
pre {font: 90%/1.2em sens-serif; margin: 0 25px;}
hr {color: #ffffff;}
.comment-small {font-size: 80%;}

.line {text-align: center; margin: 10px 0 10px 54px;}

#base {width: 908px; margin-left: auto; margin-right: auto; background: url(img/back_right.gif) repeat-y 100%;}
#main-body {width: 854px; background: #ffffff url(img/back_left.gif) repeat-y 0;}

.iphone #base {width: 100%; margin-left: auto; margin-right: auto; background: none;}
.iphone #main-body {width: 100%; background: none;}

/* ----------------------------------------------------------------------------------------------------- */
/* ヘッダー */

#header {width: 780px; height: 100px; margin-left: 64px; margin-bottom: 10px; padding-top: 5px; padding-bottom: 17px; background: url(img/line.gif) no-repeat bottom center;}
#header #top-logo {width: 195px; float: left; margin: 5px 0;}
#header #top-contents {width: 585px; float: right; font: 90%/130% sans-serif; margin: 5px 0 0;}
#header #top-contents #top-search {text-align: right; height: 30px; background: url(img/back_topnavi.jpg) no-repeat;}
#header #top-contents #top-abs {margin: 5px 0 0; padding: 0;}
#header #top-contents #top-abs h1 {float: left; font: 100%/130% sans-serif; color: #663333; margin: 0; padding: 0;}


/* ----------------------------------------------------------------------------------------------------- */
/* ボディー */

#body {width: 780px; margin-left: 64px;}
#body #main-contents {float: right; width: 580px;}
#body #main-contents a:visited {color: #770901;}
#body #main-contents .adsense {text-align: center; margin: 30px 0;}
#body #main-contents .adsense p {margin: 3px 0; font: 90%/110% sans-serif; color: #666666;}
#body #main-contents #pankuzu {font: 80%/130% sans-serif; margin: 5px 0;}
#body #main-contents #pankuzu div {display: inline;}
#body #main-contents #bookmark ul {margin: 5px 0 20px; padding: 0;}
#body #main-contents #bookmark li {display: inline; margin: 3px 0;}
#body #main-contents .element {margin: 20px 0;}
#body #main-contents .element h2 {font: bold 110%/130% sans-serif; color: #085c14; background: url(img/back_title.jpg) repeat-x 100%; margin: 0; padding: 5px 10px;}
#body #main-contents .element #renewal {font: 90%/130% sans-serif;}
#body #main-contents .element .com {margin: 0; padding: 0;}
#body #main-contents .element .com h3 {font: bold 100%/130% sans-serif; color: #085c14; background: url(img/back_comtitle.gif) no-repeat 5px 50%; height: 35px; margin: 10px 5px 5px; padding: 10px 0 0 40px;}
#body #main-contents .element .com p {font: 90%/150% sans-serif; text-indent: .7em; margin: 10px 5px; padding: 0;}
#body #main-contents .element .com ul {margin: 5px 0; padding: 0 10px 0 25px;}
#body #main-contents .element .com li {font: 90%/130% sans-serif; margin: 5px 0; padding: 0;}
#body #main-contents .element .com dt {font: bold 100%/130% sans-serif; color: #085c14; background: url(img/back_comtitle.gif) no-repeat 5px 50%; height: 35px; margin: 10px 5px 5px; padding: 10px 0 0 40px;}
#body #main-contents .element .com dd {font: 90%/150% sans-serif; text-indent: .7em; margin: 10px 5px; padding: 0;}
#body #main-contents .element .com hr {clear: both;}
#body #main-contents .element .com iframe {margin: 5px;}
#body #main-contents .element .com a:hover[class] {cursor: help;}
#body #main-contents .element .com table {font: 90%/130% sans-serif; margin: 10px 5px; padding: 0;}
#body #main-contents .element .com table th,td {padding: 3px 5px;}
#body #main-contents .element .com .html {text-indent: 0; background: #e5ffe5; margin: 0 10px; padding: 0 10px;}
#body #main-contents .element .com .indication {text-indent: 0; background: #ffe5e5; margin: 0 10px; padding: 0 10px;}
#body #main-contents .to-top {font: 80%/130% sans-serif; text-align: right; margin: 3px 5px 5px;}
#body #main-contents #to-next-back {font: 80%/130% sans-serif; text-align: center; margin: 3px 5px 5px;}
#body #main-contents #to-next-back {font: 80%/130% sans-serif; margin: 10px 5px 5px; list-style-type: none;}
#body #main-contents #to-next-back li {padding: 5px 0;}
#body #main-contents #to-next-back #to-back {padding-left: 20px; text-align: left;}
#body #main-contents #to-next-back #to-next {padding-right: 20px; text-align: right;}


/* ナビ */

#body #left-contents {float: left; width: 200px;}
#body #left-contents #left-navi p {font: 90%/130% sans-serif; margin: 0; padding: 0;}
#body #left-contents #left-navi ul {margin: 0 0 10px; padding: 0; list-style-type: none;}
#body #left-contents #left-navi li {display: inline; font: 80%/130% sans-serif;}
#body #left-contents #left-navi li a {display: block; background: #f9e8b0 url(img/point_navi1.gif) no-repeat 2px 50%; text-decoration: none; width: 155px; margin: 3px 0; padding: 4px 4px 4px 20px; border-bottom: 2px solid #debf8a; border-right: 2px solid #debf8a;}
#body #left-contents #left-navi li a:hover {background: #fdf6cb url(img/point_navi2.gif) no-repeat 4px 50%;}
#body #left-contents #left-navi li .sub {width: 135px; margin: 3px 0 3px 20px; padding: 4px 4px 4px 20px;}
#body #left-contents #left-navi li #visit {background: #fdf6cb url(img/point_navi2.gif) no-repeat 4px 50%;}
#body #left-contents #left-navi p #visit {background: #fdf6cb;}
#body #left-contents #left-navi script {margin: 10px 0;}
#body #left-contents #left-navi .terms-navi {width: 159px; margin: 5px 0 10px; padding: 4px 10px;}
#body #left-contents #left-navi .terms-navi p {margin: 5px 0;}
#body #left-contents #left-navi .terms-navi p #visit {background: #f9e8b0;}
#body #left-contents #left-info {font: 13px/15px sans-serif; background: url(img/back_book.gif) no-repeat; width: 182px; height: 111px; margin: 10px 0; padding: 10px 0;}
#body #left-contents #left-info p {margin: 5px 0; padding: 0 10px;}
#body #left-contents #left-info ul {margin: 5px 0; padding: 0 20px; list-style-type: none;}
#body #left-contents #left-info li {margin: 5px 0; padding: 3px 5px 3px 20px;}
#body #left-contents #left-banner {padding: 5px 15px 5px 5px;}
#body #left-contents #left-banner p {font: 75%/130% sans-serif;}

/* ----------------------------------------------------------------------------------------------------- */
/* フッター */

#footer {width: 780px; clear: both; margin-left: 64px; padding-top: 17px; background: url(img/line.gif) no-repeat top center;}
#footer .site-search {margin-left: auto; margin-right: auto; margin-top: 10px;}
#footer #bottom-navi {font: 90%/130% sans-serif; text-align:center; margin: 15px 0 10px;}
#footer #bottom-navi script {margin: 0 0 10px; padding: 0;}
#footer #bottom-navi ul {margin: 10px 0 0; padding: 0;}
#footer #bottom-navi li {display: inline; border-left: 2px solid #f7d27c;}
#footer #bottom-navi li a {padding: 3px 5px; text-decoration: none;}
#footer #bottom-navi li a:hover {text-decoration: underline;}
#footer #copyright {font: 90%/130% sans-serif; text-align:center; margin: 10px 0 15px;}

/* ----------------------------------------------------------------------------------------------------- */