@charset "utf-8";
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
Copyright (c)2008-2020 Cybozu Labs,inc. All rights reserved.
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

html, div {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family:'メイリオ',Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",Helvetica, Arial, sans-serif,;
	font-size:medium;
	color:#333333;
	background:#000000;
	line-height:1.4em;
}

a:active,
a:hover{
	color:#FF6600;
	text-decoration:underline;
}

.clear {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size:0px;
	line-height:100%;
}

.goHome{
	margin:0.5em;
	padding:0.2em 0 0.2em 23px;
	background:url(../img/btn_goHome.png) 3px center no-repeat;
	color:#FFFFFF;
}

.goHome a:link,
.goHome a:visited{
	color:#FFFFFF;
	text-decoration:none;
}
.goHome a:active,
.goHome a:hover{
	color:#FF6600;
	text-decoration:underline;
}



/*===============*/
/*     header    */
/*===============*/

#header{
	width:860px;
	margin:0.5em auto 0 auto;
	padding:0;
}

#account{
	width:600px;
	margin:0.8em 0 0 0;
	color:#FFFFFF;
	text-align:left;
	font-size:82.5%;
	float:right;
}

.btn{
	width:12.5em;
	margin:0 0 0.5em 0;
	padding:0.1em 0.5em;
	text-align:center;
	background:#F0F0F0;
	color:#003399;
	border:1px solid #6699FF;
	text-decoration:none;
}
.bigbtn{
	width:12.5em;
	margin:0 0 0.5em 0;
	padding:0.3em 1em;
	text-align:center;
	background-color:#ffe999;
	color:#003399;
	border:2px solid #f99a25;
	text-decoration:none;
	font-size:120%;
}

h1{
	width:140px;
	float:left;
	margin:0;
	padding:0;
}

#header p{
	margin:0 0 0 3.2em;
}

#header img{
	margin:5px 0 10px 10px;
	padding:0;
	border:none;
}
*:first-child+html #header img{
	margin:0.7em 0 0.5em 0;
}

#header #account p{
	text-align:center;
}

#header #account img{
	vertical-align:middle;
	margin:0 0.5em 0 0;
}

#header #account ul{
	width:402px;
	margin:0.8em 0 0.5em 35px;
	paddin:0;
	list-style:none;
	color:#FFFFFF;
	float:right;
}

#header #account li{
	float:left;
	margin:0;
	border-left:1px solid #FFFFFF;
	padding:0 0.7em;
	line-height:120%;
}


#header #account .g_navi_shelf{
	border-left:none;
}


#account li a:link,
#account li a:visited{
	color:#FFFFFF;
	text-decoration:none;
}
#account li a:active,
#account li a:hover{
	color:#FF6600;
	text-decoration:underline;
}

#account p a:link,
#account p a:visited{
	color:#003399;
	text-decoration:none;
}
#account p a:active,
#account p a:hover{
	color:#FF6600;
	text-decoration:underline;
}
#login{
	float:right;
}

#login p{
	margin:0.6em 4em 1em 0;
	text-align:left;
}

#header form{
	margin:0;
	padding:0;
}

/*================*/
/*     content    */
/*================*/
/*     #ID     */
#content{
	width:860px;
	margin:0 auto;
	font-size:90%;
	text-align:left;
}

#news, #personalData {
	border:1px solid #666666;
	background:#000000 url(../img/bg_Box_black.png) top center no-repeat;
}

#tagcloud-open {
	margin-top:0.9em;
	border:1px dashed #ddd;
	width:1em;
	text-align:center;
	text-decoration:none;
	color:#ddd;
}

#tagcloud{
	padding:0.7em 0 0.2em;
	width:97%;
	white-space:nowrap;
	overflow:hidden;
	color:#FFFFFF;
}

#tagcloud a:link,
#tagcloud a:visited {
	color:#3399FF;
	text-decoration:none;
}
#tagcloud a:hover,
#tagcloud a:active {
	color:#FF6600;
	text-decoration:none;
}

#topBox{
	margin:10px 0 15px 0;
}

#gameArea {
	margin:0 15px 0 0;
	border:1px solid #666666;
	width:420px;
	float:left;
}
#gameArea a:link, #gameArea a:visited{
	display:block;
	margin:0 0.5em;
	padding:0;
	color:#3399FF;
	text-decoration:none;
}

#gameArea a:active, #gameArea a:hover{
	color:#FF6600 !important;
	text-decoration: underline !important;
}


#gameBox{
	margin:0 0 1em 0;
	padding:0 0.3em;
	width:410px;
	float:left;
}

#topShelfArea, #ranking, #rankingWithTab, #myShelfArea {
	border:1px solid #666666;
	width:420px;
	float:left;
}

#contentBox #rankingWithTab {
	border:none;
	width:516px;
	float:left;
}

#progress {
	margin:0px 5px 0.8em 0px;
	background:#FFFFFF url(../img/bg_Box_white_tab.png) top center repeat-x;
}

#ranking img, #rankingWithTab img {
	vertical-align:middle;
	margin:0 0.5em 0 2em;
	padding:0;
}

#progress img{
	width:200px;
	height:210px;
	margin:0.5em 0 0 0;
	padding:0;
	border:0;
	float:right;
}


#progress ul{
	word-break: break-all;
	list-style:none;
	width:200px;
	float:left;
	margin:6px 0;
	padding:0;
}
*html #progress ul{
	overflow:hidden;
}
#progress ul li{
	padding: 4px;
	font-size:82.5%;
	height:25px;
	white-space: nowrap;
	overflow:hidden;
}
#progress ul li a:link, #progress ul li a:visited{
	width:160px;
	margin:0;
	text-decoration: none;
	overflow:hidden;
}

#progress ul li img{
	margin:0 0.3em 0 0;
	width:25px;
	height:25px;
	float:none;
	vertical-align:middle;
}


.shelfTab{
	float:right;
	width:300px;
	margin:5px 0 0 0;
	padding:0;
}

.shelfBookList{
	margin:0;
	padding:0 0 0.5em 0;
	background:#dfdcdc;
}

.create_new_book{
	margin:0;
	padding:0 10px 0.5em 35px;
	background:#dfdcdc;
	text-align:right;
}
.create_new_book a{
	background:#dfdcdc url(../img/icon_create_book.png) no-repeat;
	padding:0 0 0 33px;
}

.create_new_book a:link,
.create_new_book a:visited {
	color:#333333;
	text-decoration:none;
}
.create_new_book a:hover,
.create_new_book a:active {
	color:#0066FF;
	text-decoration:underline;
}


.bgRanking{
	margin-right:2px;
	width:25px;
	height:25px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:white;
	float:left;
}

.point{
	margin:0 0 0 10px;
	padding:0;
	color:#FF6600;
}

html[xmlns*=""] body:last-child .point {
	margin:0 0 0 0 !important;
}
.rankingListEven{
	background:#FFFFCC !important;
}



/* HTML ELEMENTS */
#news ul{
	margin:-0.9em 0.5em 0.5em 0.5em;
	padding:0 1.5em;
	border:1px solid #CCCCCC;
	background:#FFFFFF;
}

#news li{
	margin:0.2em;
	padding:0;
	line-height:1.5em;
}

.shelfTab li{
	display:block;
	width:129px;
	height:25px;
	margin:0 2px 0 0;
	padding:5px 0 0 0 ;
	vertical-align:bottom;
	text-align:center;
	background:url(../img/tab_gray.png);
	list-style:none;
	float:right;
}

.rankingTab li{
	display:block;
	width:129px;
	height:25px;
	margin:2px 2px -0.2em 0;
	padding:5px 0 0 0 ;
	vertical-align:bottom;
	text-align:center;
	background:#000000 url(../img/tab_white.png) no-repeat;
	list-style:none;
	float:right;
}

.shelfTab li a:link, .myshelfTab li a:link,
.shelfTab li a:visited, .myshelfTab li a:visited {
	color:#333333;
	text-decoration:none;
}
.shelfTab li a:hover, .myshelfTab li a:hover,
.shelfTab li a:active, .myshelfTab li a:active {
	color:#FF6600;
}

.shelfBookList li{
	margin:0 10px;
	padding:0.8em 0.5em;
	line-height:120%;
	border-bottom:1px solid #666666;
	background:#FFFFFF;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	list-style:none;
	color:#FF6600;
}

.shelfBookList li a{
	padding:0 0.5em 0 0;
}

.shelfBookList li a:link,
.shelfBookList li a:visited {
	color:#333333;
	text-decoration:none;
}
.shelfBookList li a:hover,
.shelfBookList li a:active {
	color:#0066FF;
	text-decoration:underline;
}

.completedBook {
	background:#fff url(../img/star_16.gif) no-repeat 0.5em 0.7em !important;
	padding-left: 2em !important;
}



#ranking ul{
	margin:0 0 0.6em 10px;
	padding:0.2em 0 0 0;
	list-style:none;
}

#ranking li{
	margin:0 0 0 0.2em;
	padding:0.42em;
	font-size:85%;
	background:#FFFFFF;
}

#rankingWithTab ul{
	margin:0 10px 0 10px;
	padding:0.2em 0 0 0;
	list-style:none;
}


#rankingWithTab .rankingList{
	margin:0.2em 0 0 0;
	padding:0.45em 0 0 0;
}



.rankingList li{
	margin:0 0 0 0;
	padding:4px;
	font-size:85%;
	background:#FFFFFF;
	white-space: nowrap;
}

.rankingList li a{
	margin:0 5px 0 0;
	overflow:hidden;
}

.rankingList li a img{
	width:25px !important;
}


.rankingTab li a:link,
.rankingTab li a:visited{
	color:#333333;
	text-decoration:none;
}
.rankingTab li a:hover,
.rankingTabli a:active {
	color:#FF6600;
}



h2{
	margin:0.3em 0 1em 0.5em;
	padding:0;
	color:#FFFFFF;
	font-size:110%;
}




#topShelfArea h2, #rankingWithTab h2{
	margin:0.3em 0 0 0.5em;
	padding:0;
	width:100px;
	float:left;
}
#bottomBox h2{
	margin:0.3em 0 0 0.5em;
}

#topBox h2{
	margin:0.3em 0 0 0.5em;
}

#topShelfArea h3{
	margin:0;
	padding:12px 0 5px 0.5em;
	background:#dfdcdc url(../img/bg_topshelf_Box_gray.png) top center repeat-x;
	height:22px;
}

#myShelfArea ul{
	margin:0.5em 0 0 0;
	padding:10px 0 10px 0;
	background:#dfdcdc url(../img/bg_myShelfBox_gray.png) top center repeat-x;
}


/*==============*/
/*    footer    */
/*==============*/

#footer{
	width:860px;
	margin:30px auto;
	color:white;
	font-size:78%;
	text-align:center;
	position:relative;
}

#footer a:link,
#footer a:visited{
	color:#FFFFFF;
	text-decoration:none;
}
#footer a:hover,
#footer a:active {
	color:#FF6600;
}


#footer div.link {
	position:absolute;
	top: 5px;
	left: 240px;
}
#footer ul{
	margin:1px 0 0 1em;
	padding:0;
}

#footer li{
	display:block;
	float:left;
	margin:0 0.5em 0 0;
	padding:0 0.5em 0 0 ;
	border-right:1px solid #CCCCCC;
}
#footer li:last-child{
	border-right:none;
}


#footer img{
	float:left;
	margin: 1em 0 0 0;
}
#copy{
	clear:left;
}


/*===============*/
/*    Setting    */
/*===============*/


#contentBox{
	width:960px;
	margin:0 auto;
	border:1px solid #666666;
	font-size:90%;
	text-align:left;
}


#formStyle, #bookSearch, #helpArea{
	margin:-0.5em 0 0.2em 0.5em;
	padding:0.3em 1em;
	background:#EEEEEE;
	border:1px solid #999999;
}
#bookDetail{
	width:400px;
	margin:0em 0 0.2em 0.3em;
	padding:0.3em 1em;
	background:#FFFFFF;
	border:5px solid #C8C8C8;
	float:right;
}



#formStyle form{
	margin:0;
	padding:0;
}

.txtOrangeB{
	color:#FF6600;
	font-weight:bold;
}

#formStyle form label{
	display:block;
	margin:0 0 2em;
	padding:0;
	width:10em;
	float:left;
}

#formStyle form p input, #formStyle form  select, #formStyle form textarea{
	margin:0 0.5em 0 0.5em;
}
#formStyle form p{
	margin:0 0 0.5em 0.5em;
	padding:0 0 0.5em 0;
}

.formExp{
	margin:-0.5em 0 0 0;
	padding:0 0 0 0.5em;
}

.btnCenter{
	margin:2em 0 0 0;
	text-align:center;
}


.leftMargintTxt{
	margin:-1em 0 0 11em;
	padding:0 0 0 0;
}
.leftMargintArea{
	margin:0 0 1em 10em;
	padding:0 0 0.5em 0.5em;
}

.leftMargintArea dl{
	margin:0;
	padding:0;
}

.leftMargintArea dd{
	margin:0 0 0.05em 0;
	padding:0;
}

.leftMargintArea textarea{
	margin:0 !important;
	padding:0 !important;
}


h3{
	margin:-1em 0 0 0.5em;
	padding:0;
	color:#FF6600;
	font-size:110%;
}
#bookDetail dl{
	margin:0.5em 0;
	padding:0;
	font-size:90%;
	display:block;
}
#bookDetail dt{
	margin:0 0 0.5em 0;
	padding:0;
	font-weight:bold;
	display:block;
	width:50px;
	float:left;
}

#bookDetail dd{
	margin:0.2em 0 0.5em 10px;
	padding:0;
	width:300px;
	display:block;
	float:right;
	font-size:85%;
}

*html #bookDetail #tag_area, *:first-child+html #bookDetail #tag_area {
	margin:-5px 0 0 0 !important;
}

#bookDetail #tag_area dt{
	margin:7px 0 0 0;
}
#bookDetail #tag_area dd{
	margin:7px 0 0 0;
}


#bookData {
	width:425px;
	float:right;
	margin:0.5em 10px 0 0;
	background:#EEEEEE url(../img/bg_LBlue_Note.png) top right no-repeat;
}

*html #bookData {
	width:423px;
	margin:0.5em 5px 0 0;
}

#bookData h3 {
	margin:0.5em 0 0 0.5em;
}

#bookData ul {
	margin:0.5em;
	padding:0;
	list-style:none;
}

#bookData form {
	margin:0.5em 0;
	padding:0;
}
*html #bookData form{
	margin:-15px 0 !important;
}
*html #bookData dl dd form{
	margin:2px 0 !important;
	padding:0;
}

*html #bookData form, *:first-child+html #bookData form {
	margin:-15px 0 !important;
}

*html #bookData dl, *:first-child+html #bookData dl{
	margin:-5px 0.5em 0 0.5em!important;
	padding:0;
}

*html #bookData dl dd form, *:first-child+html #bookData dl dd form{
	margin:2px 0 !important;
	padding:0;
}



#bookData select{
	margin:0 0.5em;
}
#bookData input{
	margin:0 0.5em;
	padding:0.1em 0.5em;
}

#bookData dl{
	margin:0.5em;
}
*html #bookData dl{
	margin:-5px 0.5em 0 0.5em!important;
	padding:0;
}

#bookData dd{
	margin:0;
}
#bookData dd input{
	margin:0 0 0.5em 0;
	padding:0.1em 0.5em;
	width:395px;
	height:20px;
}

#bookData hr{
	margin:0 5px;
	height:1px;
	color:#CCCCCC;
}
*html #bookData hr{
	margin:-5px 5px;
}


#personalData{
	margin:0;
	padding:0.5em;
	width:842px;
	color:#FFFFFF;
}

#personalData p{
	margin:0;
	padding:0;
	width:550px;
	float:left;
}

#personalData img{
	vertical-align:middle;
	margin:0 0.5em 5em 0;
	float:left;
}
#flowrRival{
	margin:-1em 0.5em 0.5em 0.5em;
	width:170px;
	height:100px;
	float:right;
}

#myBookShelf{
	margin:0 0 2em 0;
}

.myshelfTab{
	margin:0.5em 0 0 0.5em;
	padding:0;
	width:98%;
}

#myBookshelfArea, #rivalRanking {
	margin:0 0.5em 0.9em 0.5em;
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	padding:0.5em 1em;
	background:#dfdcdc url(../img/bg_Box_gray_tab.png) top center repeat-x;
}
*:first-child+html #rivalRanking {
	padding:1.5em 1em 0em 1em;
}

#myBookshelfArea #bookDetail {
	margin:12px 8px 4px 8px;
	border:2px solid #999;
	padding:4px;
	width:785px;
	background-color:#fff;
	overflow-y:auto;
}

.myshelfTab li{
	display:block;
	margin:0 2px 0 0;
	padding:5px 0 0 0 ;
	width:129px;
	height:24px;
	float:left;
	vertical-align:bottom;
	text-align:center;
	background:url(../img/tab_white.png);
	list-style:none;
}
.myshelfTab li a:link{
	color:#333333;
}


#myBookshelfArea form{
	margin:0;
	padding:0;
}

#myBookshelfArea table{
	margin:0;
	width:910px;
	border:1px solid #666666;
	border-collapse:collapse;
}

#myBookshelfArea table tr {
	margin:0;
}
#myBookshelfArea table th, #myBookshelfArea table td{
	border-bottom:1px solid #666666;
	border-right:1px solid #666666;
	margin:0;
	padding:0.5em;
	background:#FFFFFF;
}

.bookStudySit{
	text-align:right;
}

.shelfSit{
	margin:1em 0.2em 1em 0;
	text-align:right;
}

.createNewShelf{
	margin:0;
	padding:0.2em 0 0 0;
	float:right;
	color:#FFFFFF;
}

.search1{
	margin:0.5em 0 0 0;
	padding: 0.4em 0 0.2em 35px;
	width:300px;
	float:left;
	background:url(../img/icon_search.png) no-repeat;
}

.search1 input{
	padding:0.1em 0.5em;
	width:20em;
}

.search2{
	margin:0;
	padding: 0;
	width:320px;
	float:left;
}

.search3{
	margin:1em 0 0 0;
	padding: 0;
	width:50px;
	float:left;
}

#rivalRanking ul {
	margin:0;
	padding:0.5em 0;
	list-style:none;
}

#rivalRanking li {
	margin:0.4em 0;
	border-bottom:1px solid #999999;
	padding:0;
}
*:first-child+html #rivalRanking li {
	line-height:1em;
}


#rivalRanking img{
	margin:0 0.5em 0.2em 0;
	border:none;
	float:left;
	vertical-align:middle;
}

#rivalRanking input{
	margin:0 0 0 0;
	padding:0.1em 0.5em;
	width:5em;
	float:right;
}

.rivalName{
	margin:0;
	padding:0;
	line-height:2.2em;
}
*:first-child+html .rivalName{
	line-height:2.0em;
}

.rivalName a:link{
	display:block;
	margin:0.5em 0 0 0;
	padding:0 0 0 0;
	height:32px;
	vertical-align:bottom;
}

.rivalPt{
	margin:0.4em 3em 0 0;
	padding:0 0 0.2em 0;
	float:right;
}

.rivalSit{
	display:block;
	width:10em;
	float:left;
}


.goNext{
	margin: 0.8em 1em 0 0;
	padding:0;
	text-align:right;
}
*html .goNext{
	margin: 0.5em 1em 0 0;
}
*:first-child+html .goNext{
	margin:0 1em 0 0;
}

.goNext a{
	cursor: pointer;
}
.goNext a,
.goNext a:link,
.goNext a:visited {
	color:#666666;
	text-decoration:underline;
}

.goNext a:active,
.goNext a:hover {
	color:#FF6600;
	text-decoration:none;
}


#helpArea ul{
	margin:0.5em 0.5em 0.5em 0;
	border-bottom:1px solid #999999;
	padding:0;
	list-style:none;
}

#helpArea li{
	display:block;
	margin:0.5em 0.5em 0.5em 0;
	padding:5px 0 5px 35px;
	line-height:1.5em;
	background:url(../img/icon_Q.png) center left no-repeat;
}


#helpArea li a:link,
#helpArea li a:visited{
	color:#333333;
	text-decoration:none;
}
#helpArea li a:active,
#helpArea li a:hover{
	color:#FF6600;
	text-decoration:none;
}


#helpArea h3{
	margin:2em 0 -0.5em 0;
	padding:0 0 0 35px;
	background:url(../img/icon_A.png) center left no-repeat;
}

#addMyBook{
	width:12em;
}

input{
	margin:0.2em 0.5em 0 0;
	padding:0.1em 0.5em;
}
*:first-child+html input{
	margin:0;
	paddin:0.5em 0.8em 0.2em 0.8em;
}

form{
	margin:0;
	padding:0;
}

.bookDate{
	margin:-0.3em 0 -0.2em 0.7em;
	padding:0;
	font-size:80%;
	font-weight:bold;
	color:#999999;
}

.bookComment{
	margin:0.5em 0 0 0em;
	border:1px solid #C8C8C8;
	padding:0.3em 0.5em;
	width: 378px;
	max-height: 150px;
	background:#EEEEEE;
	font-size:90%;
	overflow-y: auto;
	overflow-x: hidden;
}

#bookDetail img {
	margin:0;
	border:1px solid #C8C8C8;
	padding:3px;
	background:#FFFFFF;
	vertical-align:middle;
}

.tabActive{
	background:url(../img/tab_gray.png) !important;
}

#booklist{
	padding:0.5em 0 0 0;
}

embed{
	width:400px;
	height:400px;
	vertical-align:center;
	text-align:center;
}

table.weakwords {
  margin: 0.1em 0 0.1em 1em;
  border-collapse: collapse;
}
table.weakwords th,
table.weakwords td {
  border: 1px solid #666;
  padding: 0 0.3em;
}
table.weakwords th {
  text-align: center;
}
table.weakwords td.rank {
  text-align: right;
}