@charset "UTF-8";

*{ font-family: 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', HiraKakuPro-W3, Osaka, verdana, arial, sans-serif; }
form { margin: 0px auto; line-height: 1.4; border-color: gray; }
table { border-collapse: collapse; margin : auto auto; empty-cells: show; font-size:small; }
img { border: none; }
iframe { border-color: silver; }
a { color: #333333; text-decoration: none; }
a:link { color: #333333; text-decoration: none; }
a:visited { color: #333333; text-decoration: none; }
a:hover { color: #9f0402; text-decoration: underline; }
.jumptotop { text-align: right; font-size: 12px; margin: 1em auto; color: silver; }

body { margin: 0px auto; padding: 0px; text-align: center; color: #292727; font-size: 16px; font-style: normal; background-color: black; }

.container { width: 700px; text-align: center; margin: 0px auto; padding: 0px; background-color: #607d8c; }

h1 { text-align: left; text-decoration: none; font-weight: normal; color: #494949; font-size: 12px; margin: 0px; padding: 2px; }
h1 a { color: silver; }
h1 a:active { color: silver; }
h1 a:link { color: silver; text-decoration: none; }
h1 a:visited { color: silver; text-decoration: none; }
h1 a:hover { color: silver; text-decoration: none; }

.main1 { background-image: url('images/bg-1.jpg'); background-position: center top; background-repeat: no-repeat; width: 700px; height: 520px; margin: 0; padding: 0; }
.main2 { background-image: url('images/bg-2.jpg'); background-position: center top; background-repeat: no-repeat; width: 700px; height: 520px; margin: 0; padding: 0; }
.main3 { background-image: url('images/bg-3.jpg'); background-position: center top; background-repeat: no-repeat; width: 700px; height: 520px; margin: 0; padding: 0; }

.container .rap { margin: 0; padding: 125px 0px 0px 0px; height: 395px; text-align: center; }

.left { float: right; width: 208px; margin: 0; padding: 0; text-align: left;  display: inline; }

.left .navi { margin: 35px 10px 15px; 10px; padding: 0; list-style-type: none !important; }
.left .navi li { margin: 12px 0; padding: 0; list-style: none !important; height: 22px; background-position: left top; background-repeat: no-repeat; }
.left .navi a { text-decoration: none; display: block; height: 22px; }
.left .navi span { display: block; z-index: 2; height: 22px;  text-indent: -100em; overflow: hidden; }
.left .navi .l1 { background-image: url('images/left-top.gif');}
.left .navi .l2 { background-image: url('images/left-intro.gif');}
.left .navi .l3 { background-image: url('images/left-sample.gif');}
.left .navi .l4 { background-image: url('images/left-profile.gif');}
.left .navi .l5 { background-image: url('images/left-buythisnow.gif');}
.left .navi .l6 { background-image: url('images/left-fromauthor.gif');}

.left .badge { text-align: left; margin: 0 10px; padding:0; }

.left .link { margin:0; padding: 0; list-style: none; }
.left .link li { margin:0; padding: 0; list-style: none; }

.right { float: right; width: 488px; margin: 0; padding: 0; text-align: left; }

.right a { color: #003355; }
.right a:active { color: #003355; }
.right a:link { color: #003355; text-decoration: none; }
.right a:visited { color: #003355; text-decoration: none; }
.right a:hover { color: #663366; text-decoration: underline; }
.right p { margin: 1em; }
.right .update { text-align: right; }
.right .graylist { list-style-type: square; }

.right .mbox1 { margin: 275px auto auto auto; width: 425px; background-position: left top; background-repeat: no-repeat;  background-image: url('images/right-wbox1.gif'); height: 81px; padding: 10px; }
.right .mbox1 .rap2 { margin: 0em auto; height: 80px; width: 425px; overflow: scroll; overflow-y: scroll; overflow-x: hidden; font-size: 12px; line-height: 1.4; border: none; }
.right .mbox2 { margin: 15px auto auto auto; width: 423px; background-position: left top; background-repeat: no-repeat; background-image: url('images/right-wbox2.gif'); height: 340px; padding: 10px; }
.right .mbox2 .rap2 { margin: 0em auto; height: 340px; width: 433px; overflow: scroll; overflow-y: scroll; overflow-x: hidden; font-size: 12px; line-height: 1.4; border: none; }
.right .mbox3 { margin: 15px auto auto auto; width: 423px; background-position: left top; background-repeat: no-repeat; background-image: url('images/right-wbox3.gif'); height: 340px; padding: 10px; }
.right .mbox3 .rap2 { margin: 0em auto; height: 340px; width: 433px; overflow: scroll; overflow-y: scroll; overflow-x: hidden; font-size: 12px; line-height: 1.4; border: none; }

.right h2 { color: #CC3300; font-size: 16px; margin: .5em auto; }
.right h3 { color: #CC9900; font-size: 15px; margin: .5em auto;  }
.right h4 { color: #99CC00; font-size: 13px; margin: .5em auto;  }
.right strong { color: #178231; }
.right .mbox3 .rap2 h2 { color: white; text-align: center; }
.right .mbox3 .rap2 pre { color: white; text-align: center; }

.right .shoplist { padding: 0; text-align: center; margin: .5em auto; font-weight: normal; font-size: 10px; list-style: none; }
.right .shoplist li { display: inline; list-style: none; }
.right .shoplist li img { vertical-align: middle; border: none; margin: 2px; }

.right .fig { margin: 2em auto; text-align: center; }
.right .signature { margin: 2em auto; text-align: right; }
.right .notice { text-align: right; font-size: 10px; color: gray; }

.right .ie6later { font-size: 12px; text-align: left; margin-left: 7em;  }
.right .tachiyomi { margin: 1em auto; text-align: center; border: none; }
.right .tachiyomi iframe { margin: auto auto; border: solid 1px silver; }
.right .tachiyomi h3 { display: none; margin: auto auto; color: red; border: none; background-image: none; }
.right .browserlink { margin: 1em auto; padding: 0; list-style-type: none; text-align: center; }
.right .browserlink li { display: inline; list-style-type: none; font-size: 10px; text-align: center; margin: 5px; }
.right .browserlink li img { vertical-align: middle; border: none; }

.right .profile { margin: 2em auto 4em auto; text-align: center; }
.right .profile img { float: left; margin: 15px 8px; }
.right .profile a { color: gray; }
.right .profile table { font-size: 12px; margin: 1em auto; color: gray; }
.right .profile table tr td { border-bottom: dotted 1px silver; padding: 4px 2px; }
.right .profile table .mylife { font-size: 10px; padding: 8px; text-align: left; }
.right .profile table .booklist { font-size: 10px; margin: 1em auto; }
.right .profile table .booklist tr { border-bottom: none; }
.right .profile table .booklist .l1 { text-align: right; }
.right .profile table .booklist .r1 { text-align: left; }
.right .profile table .booklist tr img { display: inline; border: none !important; margin: 0px !important; }
.right .signature { text-align: right; margin: 3em 1em; height: 7em; }

.right .ktd-buyitnow { margin: 1em auto; text-align: center; }
.right .ktd-buyitnow img { border: none; }

.right .linkblock { margin: 3em 2em 6em 2em; text-align: left; }
.right .linkblock dl{ margin: 1em 0 1em 0; padding-left: 50px; }
.right .linkblock dt{ margin: 1em 5px 5px 5px; font-weight: bold; font-size: 110%; }
.right .linkblock dd{ margin: 5px 10px 1em 25px; }
.right .linkblock dd img { float: right: margin: 5px; }
.right .mailform { margin: 2em 3em; }

.footer { font-size: 9px; color: silver; margin: 0px; padding: .5em; text-align: center; background-color: #607d8c; }
.footer a { color: silver; }
.footer a:active { color: silver; }
.footer a:link { color: silver; text-decoration: none; }
.footer a:visited { color: silver; text-decoration: none; }
.footer a:hover { color: silver; text-decoration: underline; }

.sitename,.mailaddress { font-size: 9px; }

.footer .shoplist { padding: 0; text-align: center; margin: .5em auto; font-weight: normal; font-size: 9px; list-style: none; }
.footer .shoplist li { display: inline; list-style: none; }
.footer .shoplist li img { vertical-align: middle; border: none; margin: 2px; }

.footer .link { font-size: 9px; text-align: center; margin: .5em auto; color: silver; }
.footer .link ul { margin: 0; padding: 0; color: silver; font-weight: normal; font-size: 9px; list-style-type: none; }
.footer .link ul li { display: inline; list-style-type: none; font-size: 9px; vertical-align: middle; color: silver; }
.footer .link ul li img { vertical-align: middle; }
.footer address { font-size: 9px; text-decoration: none; font-style: normal; color: silver; font-weight: normal; }

#forwebkit .mes { width: 370px; margin: 8px auto; text-align: center; background-color: white; padding: 1px; font-size: 11px; color: gray;  border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
#forwebkit .mes img { vertical-align: middle; margin: auto 6px; }

.gas { margin: 3px 0; padding: 6px 0 0 0 ; text-align: center; display: block; }

.fixclear { clear: both; height: 0px; padding-top: 0px; padding-bottom: 0px; margin-top:0px; margin-bottom: 0px; visibility: hidden; }

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}