@charset "utf-8";
@import url("base.css");

/* #header */
div.toplogo {
	width: 210px;
	margin-right:550px;
}
div.toplogo a {
	display:block;
	margin:5px 0px 0px 5px;
	width: 144px;
	height: 61px;
	background-image: url("../image/logo.gif");
	text-indent: -5000px;
}
div#header div.text-right {
	position:absolute;
	right:0px;
	top:0px;
	width: 550px;
	margin: 5px 0px 0px 0px;
}
div.h_menu {
	float:right;
}
div.h_menu a, div.h_menu span {
	font-size: 14px;
}
div.readtxt {
	clear: both;
	padding: 10px 0px 0px 0px;
}
div.readtxt p {
	float:left;
	width: 440px;
	height: 36px;
	background-image: url("../image/read.gif");
	text-indent: -5000px;
}
div.readtxt a {
	display:block;
	float:left;
	width: 87px;
	height: 28px;
	background-image: url("../image/upbtton.gif");
	text-indent: -5000px;
}
div.whatnew {
	clear: both;
	width:530px;
	background-color:#fec7e0;
	padding: 5px 3px 3px 6px;
}
div.whatnew img {
	float:left;
}
#scrollMsg {
	color:#414141;
	background-color:#fec7e0;
	font-size: 90%;
	height: 15px;
}
#searchbox {
	display: inline;
}
/* header end */

/* #container */
#c_menu {width: 170px;}
#c_main {width: 100%;}
#main_menu {
	margin: 0px 0px 0px 20px;
	border-top:1px dotted #333333;
	border-left:1px solid #333333;
}
#main_menu li a, #main_menu li a:visited{
	display:block;
	margin:0 ;
	border-bottom:1px dotted #333333;
	background:#ffffff;
	padding:1px 5px 0px 5px;
	height:38px;
	line-height:130%;
}
#main_menu li a:hover{
	display:block;
	height:38px;
	padding:1px 5px 0px 5px;
	border-left:5px solid #333333;
	text-decoration:none;
	background:#bbbbbb;
	color:#000000;
	line-height:130%;
}
#main_menu li span.on{
	padding: 0;
	color: #ff66cc;
	border-top: 0px;
	background:transparent;
}
.caution {
	margin: 5px 0px 0px 20px;
	background-color: #FFFFFF;
}
.caution p {
	padding: 5px;
	font-size: 80%;
	line-height: 150%;
}
#contents {
	margin: 0px 10px 0px 10px;
}
div.book-list {
	padding: 5px 10px 5px 10px;
}
div.num {
	width:auto;
	height:auto;
	color:#222222;
	margin: 0;
	padding:1px 6px;
	text-align: center;
	font-size:16px;
}
div.cover a img {
	width:100px;
	margin: 0px 10px 0px 10px;
	border:2px solid #e6e6e6;
}
div.cover1 {
	width:155px;
	margin: 0px 0px 0px 0px;
}
div.cover1 img {
	width:135px;
	margin: 0px 10px 10px 10px;
	border:2px solid #e6e6e6;
}
div.memo {
	margin:0px 5px 0px 5px;
	border: 1px ;
}
/*--menu--*/
div.memo ul{
	margin:0;
	padding:0 0 0 0;
	width:100%;
}
/*\*/
div.memo ul{width:100%;padding:0px 0px 0px 0px;}
div.memo li{
	margin: 0px 0px 5px 0px;
	line-height: 130%;
}
div.memo table p {
	margin: 3px 5px 3px 0px;
	line-height: 150%;
}
.clearboth { clear: both; }
.hyoka {
	color: #ff66cc;
	vertical-align: top;
}
.do-hyoka {
	color: #3399CC;
	vertical-align: top;
}
div.memo li.titlename {
	font-weight : bold;
}
.comment{
	margin: 5px;
	padding:5px;
	clear: both;
	width:95%;
	background:#e6e6e6;
}
.comment li{
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 3px 0px;
	line-height: 18px;
}
li.comment11 {
	font-size:11px;
	line-height: 150%;
}
p.title {
	color: #555555;
	font-size: 16px;
	font-weight : bold;
	margin: 0;
	padding: 5px 0 5px 10px;
	background-image: url("../image/bg1.jpg");
	background-repeat: repeat-x;
}
.orange-border{
	clear: both;
	border-top:1px #333333 dotted;
	width:100%;
	height:1px;
	margin:5px 0px 0px 0px;
}
.next {
	padding: 5px 10px 5px 10px;
	background-color:#bbbbbb;
}
.mail-to {
	margin: 5px 0px 5px 0px;
	padding: 5px 5px 5px 5px;
	background-color:#e6e6e6;
}
.text14 {
	font-size: 100%;
	line-height: 180%;
	margin: 0px 5px 5px 5px;
	padding: 0px 0px 0px 0px;
}
.text12 {
	font-size: 90%;
	line-height: 150%;
	margin: 5px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
}
.uline {
	color: #FF0000;
	margin: 3px 5px 3px 5px;
	padding: 0px 0px 0px 0px;
	line-height: 150%;
	text-align: left;
}
.red {
	color: #FF0000;
}
a.rulelink {
	font-size: 100%;
}
.items {
	font-weight : bold;
	font-size: 12px;
	line-height: 150%;
}
.reg ,.t-center {
	text-align: center;
}
.reg table {
	margin: 0px auto;
}
.reg table tr td p ,.reg table tr td input ,.reg table tr td textarea {
	margin: 5px 5px 5px 5px;
}
.reg table tr td p {
	line-height: 150%;
}
.reg table tr td input ,.reg table tr td textarea {
	width:200px;
	background-color:#ffcccc;
}
.reg table tr td input.checkboxstyle {
	margin: 0px;
	width:auto;
	background-color:#ffffff;
}
.reg table tr td input.button {
	width:auto;
}
.checkstyle {
	margin: 5px auto;
	line-height: 200%;
}
.text {
	margin: 10px 10px 10px 10px;
	padding: 5px 15px 5px 15px;
	background-color: #FFFFFF;
}
div.regist_edit {
	margin: 10px 10px 0px 10px;
	padding: 5px 0px 5px 15px;
}
div.regist_edit p {
	margin: 10px 0px 0px 30px;
	line-height: 150%;
}
.registsuccess {
	margin: 10px 10px 10px 10px;
	padding: 5px 25px 5px 25px;
}
#ratingString {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width:100px;
}
.hyokabutton {
	margin: 0px;padding:0px;
	font-size: 10px;
	width:auto;
}
.ratingheight {
	vertical-align: top;
	width:100px;
	height: 14px;
}
.starselect {
	top:0px; left:200px;
	position:absolute;
}
div.rule {
	margin: 0px 10px 10px 10px;
	padding: 15px 15px 15px 15px;
}
div.rule p{
	line-height: 150%;
}
div.rule p.rt{
	margin: 10px 0px 10px 0px;
	font-weight : bold;
	text-decoration:underline;
}
div.rule p.rm{
	margin: 5px 10px 5px 10px;
}
div.rule ul{
	margin: 5px 0px 5px 15px;
}
div.rule li{
	margin: 5px 5px 5px 5px;
}
div.help, div.company, div.sitemap ,div.help {
	margin: 10px 10px 10px 10px;
}
div.help dt {
	margin: 15px 0px 0px 10px;
	font-weight : bold;
}
div.help dd {
	margin: 7px 5px 5px 15px;
}
div.faq {
	margin: 0px 15px 0px 15px;
	clear: both;
}
div.faq p.qu, div.faq p.an, div.faq div.an {
	margin: 5px 0px 5px 0px;
	font-size: 100%;
	line-height: 150%;
}
div.faq .back_top {
	float:right;
	margin: 5px 0px 0px 0px;
}
div.faq .qu {
	text-decoration:underline;
}
p.faqtitle {
	margin: 5px 0px 0px 0px;
	font-size: 12px;
	line-height: 150%;
	font-weight : bold;
}
div.faq ul.faqlist li {
	margin: 5px 0px 5px 0px;
	font-size: 12px;
	line-height: 150%;
}
div.faq ul.faqlist li dl {
	margin: 0px 0px 0px 10px;
}
div.faq ul.faqlist li dd {
	margin: 0px 0px 0px 10px;
}
div.news {
	margin: 10px 10px 10px 10px;
	padding: 5px 15px 5px 15px;
}
div.news .update {
	margin: 15px 5px 5px 20px;
}
div.news div.update dl {
	margin: 10px 15px 10px 15px;
}
div.news div.update dd {
	margin: 5px 0px 5px 45px;
}
div.sitemap table {
	margin: 0px auto;
}
div.sitemap ul {
	margin: 15px 5px 15px 5px;
}
div.sitemap li {
	margin: 5px 5px 5px 15px;
	font-size: 12px;
	line-height: 150%;
}
div.sitemap p.rt{
	margin: 10px 0px 10px 0px;
	font-weight : bold;
	text-decoration:underline;
}
div.impression {
	margin: 5px 5px 5px 5px;
	padding: 5px 15px 5px 15px;
}
div.impression dl {
	margin: 10px 5px 0px 15px;
}
div.impression dt {
	font-weight : bold;
	margin: 0px;
	padding: 5px 15px 5px 15px;
}
div.impression dd {
	margin: 0px 0px 10px 0px;
	padding: 5px 15px 5px 25px;
}
div.impression input {
	width:200px;
}
div.impression input.checkboxstyle {
	margin: 0px;
	width:auto;
}
div.impression ul {
	margin: 0px 0px 25px 35px;
}
div.impression li {
	font-size: 12px;
	line-height: 150%;
	margin: 0px 0px 0px 0px;
}
div.impression table {
	margin: 0px auto;
}
div.impression table tr td p {
	margin: 5px 5px 5px 10px;
	font-size: 12px;
	line-height: 150%;
}
div.impression input.button {
	width:auto;
}
div.delete {
	margin: 10px 10px 10px 10px;
	padding: 5px 15px 5px 15px;
}
div.bookrelease {
	margin: 5px 5px 5px 5px;
	padding: 5px 15px 5px 15px;
}
div.agecheck a img {
	margin: 0px 10px 0px 10px;
}
div.errormsg {
	width:150px;
	margin: 15px auto 0px auto;
}
div.errormsg a {
	font-size: 10px;
	line-height: 150%;
}
div.sessiondescription {
	display: none;
	margin: 10px 0px 0px 0px;
	font-size: 10px;
	line-height: 150%;
}
div.usrlist {
	width:150px;
	margin: 0px auto;
}
div.usrlist a:link,div.usrlist a:visited,div.usrlist a:hover,div.usrlist a:active {
	display: block;
	font-size: 11px;
	line-height: 150%;
	background-color: #e6e6e6;
	margin: 0px 0px 5px 0px;
	padding: 2px;
}
ul.pict1 , ul.pict2 {
	font-size: 10px;
	width:48%;
	float:left;
}
.pict1 li input.jfiles ,.pict2 li input.jfiles {
	width:85%;
	font-size: 10px;
}
.voice {
	padding: 10px 10px 10px 10px;
}
div.voice span.sakujyo {
	font-size: 80%;
}
div.voice a {
	font-size: 80%;
}
.display-voice {
	background-color: #e6e6e6;
	margin: 5px 0px 5px 0px;
	padding: 5px 10px 5px 10px;
}
div.display-voice dt {
	margin: 2px 3px 2px 3px;
	font-size: 92%;
}
div.display-voice dd {
	margin: 5px 9px 5px 9px;
	font-size: 92%;
	color: #000000;
}
div.input-voice {
	margin: 5px 0px 0px 0px;
}
div.input-voice input {
	margin: 0px 0px 0px 0px;
	font-size: 92%;
	position:absolute;
	top:0px; left:100px
}
div.input-voice p {
	margin: 5px 0px 0px 0px;
}
div.input-voice p.label-title {
	position:relative;
	height: auto;
}
div.input-voice p.label-title1 {
	position:relative;
	height: 65px;
}
div.input-voice img {
	position:absolute;
	top:0px; left:250px
}
div.book-list div.back_top {
	float:right;
	margin: 5px 0px 0px 0px;
}
div.attention1 {
	margin: 25px 5px 5px 5px;
	font-size: 80%;
}
div.attention1 p {
	font-weight : bold;
}
div.attention1 ul {
	padding: 10px 0px 10px 20px;
}
div.attention1 li {
	list-style-type: disc;
	line-height: 120%;
	margin: 5px 0px 5px 20px;
}
div.updatestyle table tr td p,div.updatestyle table tr td div {
	margin: 5px 5px 5px 5px;
	line-height: 120%;
}
div.updatestyle table tr td p.updatet80 {
	margin: 5px 5px 5px 5px;
	font-size: 80%;
	line-height: 120%;
}
.updatebutton{
	margin:0px 0px 0px 3px;
	padding:1px 6px;
	color:#FFFFFF;
	background:#FF6600;
	text-align:center;
	font-size: 120%;
}
div.updatetpdf {
	margin:5px 10px 5px 25px;
	padding:0px;
}
p.updatetb {
	font-weight : bold;
}
div.side {
	background-image: url("../image/link2.gif");
	background-repeat: repeat-y;
	width: 170px;
	text-align: center;
}
a.linkbuttona {
	background-image:url("../image/link_c1.gif");
	background-repeat:no-repeat;
	background-position: center;
	width: 155px;
	height: 34px;
	display:block;
	text-indent: -5000px; 
	margin:2px 8px 0 7px;
}
a.linkbuttonb {
	background-image:url("../image/link_k1.gif");
	background-repeat:no-repeat;
	background-position: center;
	width: 155px;
	height: 34px;
	display:block;
	text-indent: -5000px; 
	margin:2px 8px 0 7px;
}
a.linkbuttonc {
	background-image:url("../image/link_b1.gif");
	background-repeat:no-repeat;
	background-position: center;
	width: 155px;
	height: 34px;
	display:block;
	text-indent: -5000px;
	margin:2px 8px 0 7px;
}
a.linkbuttona:hover {
	background-image: url("../image/link_c2.gif");
}
a.linkbuttonb:hover {
	background-image: url("../image/link_k2.gif");
}
a.linkbuttonc:hover {
	background-image: url("../image/link_b2.gif");
}
div.top_ranking a,div.top_ranking span {
	float:left;
}
a.button_new {
	display:block;
	width: 105px;
	height: 17px;
	background-image: url("../image/button_new_on.gif");
	text-indent: -5000px;
}
a.button_week {
	display:block;
	width: 105px;
	height: 17px;
	background-image: url("../image/button_week_on.gif");
	text-indent: -5000px;
}
a.button_pop {
	display:block;
	width: 105px;
	height: 17px;
	background-image: url("../image/button_pop_on.gif");
	text-indent: -5000px;
}
a.button_new:link,a.button_new:visited {
	background-image: url("../image/button_new_on.gif");
}
a.button_new:hover,a.button_new:active {
	background-image: url("../image/button_new_off.gif");
}
a.button_week:link,a.button_week:visited {
	background-image: url("../image/button_week_on.gif");
}
a.button_week:hover,a.button_week:active {
	background-image: url("../image/button_week_off.gif");
}
a.button_pop:link,a.button_pop:visited {
	background-image: url("../image/button_pop_on.gif");
}
a.button_pop:hover,a.button_pop:active {
	background-image: url("../image/button_pop_off.gif");
}
span.button_new {
	display:block;
	width: 105px;
	height: 17px;
	background-image: url("../image/button_new_act.gif");
	text-indent: -5000px;
}
span.button_week {
	display:block;
	width: 105px;
	height: 17px;
	background-image: url("../image/button_week_act.gif");
	text-indent: -5000px;
}
span.button_pop {
	display:block;
	width: 105px;
	height: 17px;
	background-image: url("../image/button_pop_act.gif");
	text-indent: -5000px;
}
.reg table tr td input.button {
	background-color:#AAAAAA;
}
.addimagetitle {
	float:left;
	width:60px;
	display:block;
}
#pageLinkTop, #pageLinkBottom {
	text-align: center;
	width:400px;
	margin: 10px 0px 0px 0px;
}
#pageLinkTop a ,#pageLinkBottom a {
	float:left;
	width:20%;
}
#pageLinkTop div ,#pageLinkBottom div {
	float:left;
	width:20%;
	text-align: center;
	overflow: hidden;
	font-size: 14px;
}
#pageLinkTop a span ,#pageLinkBottom a span {
	margin: 0px 5px 0px 5px;
	color: blue;
	font-size: 14px;
}
#imageLink {
	width:414px;
	display:block;
	clear:left;
}
#imageLink img {
	margin: 10px 0px 10px 0px;
	padding:5px;
	border:2px solid #e6e6e6;
}
.button_imgadd {
	width:80%;
	font-size: 120%;
	background-color:#eeeedd;
	color:#000000;
	margin:2px 0px;
}
.button_regedit {
	width:80%;
	text-align:left;
	padding:2px 0px 2px 20px;
	font-size: 100%;
	background-color:#AAAAAA;
	color:#000000;
}

/* BBS */
div.bbs table {
	margin: 0px 0px 0px 15px;
}
.bbs table tr td p ,.bbs table tr td input ,.bbs table tr td textarea {
	margin: 5px 5px 5px 5px;
}
.bbs table tr td p {
	line-height: 150%;
}
.bbs table tr td input ,.bbs table tr td textarea {
	width:200px;
	background-color:#ffcccc;
}
.bbs table tr td textarea {
	width:50%;
	overflow: auto;
}
.bbs table tr td input.checkboxstyle {
	margin: 0px;
	width:auto;
	background-color:#ffffff;
}
.bbs table tr td input.button {
	background-color:#AAAAAA;
	width:auto;
}
p.bbs_total_cnt {
	font-size: 120%;
	margin: 0px 0px 0px 20px;
}
div.bbs_main span,div.bbs_res span ,p.bbs_page_cnt a span ,p.bbs_page_cnt span{
	font-size: 110%;
}
div.bbs_main dl , div.bbs_res {
	width:90%;
	margin: 5px 0px 5px 20px;
	border:1px solid gray;
	padding:5px;
}
div.bbs_main dt {
	margin: 0px 0px 0px 5px;
	line-height: 150%;
}
div.bbs_main dd {
	margin: 5px 0px 0px 50px;
	line-height: 150%;
}
.bbs_div {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color :#999999;
	height: 1px;
}
p.bbs_page_cnt {
	margin: 10px 0px 5px 0px;
	text-align:center;
}
.thread_title {
	color:#ff0000;
	font-weight : bold;
}
.thread_url_char {
	padding: 5px 0px 5px 0px;
}
div.bbs_main dt a span ,div.bbs_main dd a span ,p.bbs_page_cnt a span {
	color: blue;
}
.thread_commnet,.res_commnet {
	padding: 5px 0px 5px 0px;
}
div.bbs_main span.res_commnet {
	margin: 0px 0px 0px 20px;
	display:block;
	font-size: 90%;
}
div.bbs_main span.thread_char {
	font-size: 100%;
}
div.bbs_title_list {
	width:90%;
	margin: 5px 0px 5px 20px;
	border:1px solid gray;
	padding: 5px;
	line-height: 150%;
}
#main_menu li a.bbs_menu:link, #main_menu li a.bbs_menu:visited {
	display:block;
	font-size: 12px;
	font-weight : bold;
}
#main_menu li a.bbs_menu:hover{
	display:block;
	height:38px;
	padding:1px 5px 0px 5px;
	border-left:5px solid #333333;
	text-decoration:none;
	background:#bbbbbb;
	color:#000000;
	line-height:130%;
	font-size: 12px;
	font-weight : bold;
}
#main_menu li a span.bbs_on{
	margin: 0;
	padding: 0;
	border-top: 0px;
	background:transparent;
	font-size: 12px;
	font-weight : bold;
	color: #ff66cc;
}
/* end */
button{
	margin:0 0 0 3px;
	padding:1px 3px;
	color:#000000;
	background:#c0c0c0;
	background-color:#AAAAAA;
	font-size: 90%;
}
.button {
	margin:0px 0px 0px 3px;
	padding:1px 3px;
	color:#000000;
	background:#c0c0c0;
	text-align:center;
	background-color:#AAAAAA;
	font-size: 90%;
}