/* common */
@import url("../../css/basic.css");
@import url("../../css/gnavi.css");
@import url("../../css/o-level2.css");


/* 出版情報 */
div.booksinfo{
	border-bottom:1px solid #c5c5c5;
	margin:10px 0;
	padding:10px 0;
	vertical-align:top;
}
div.booksinfo p.bookimg{
	float:left;
	width:90px;
}
div.booksinfo dl{
	float:left;
	width:400px;
	margin:0px !important;
}
div.booksinfo dl dt{
	padding-left:18px;
	font-weight:bold;
	background:url(../../service/img/bluepoint.gif) no-repeat 0 2px;
}
div.booksinfo dl dd{
	padding-left:0px !important;
}
div.booksinfo dl dd p.fs10{
	font-size:10px !important;
}

ul.booknavi{
	font-size: 10px !important;
	list-style-type: square;
}

/* ■■■サイド部ナビゲーション■■■ */
#sidenavi ul{
	width:185px;
	list-style:none;
}

#sidenavi li{
	height:24px;
}
#sidenavi li#sn01{
	height:35px;
}

#sidenavi li a{
display:block;
overflow:hidden;
width:100%;
height:0 !important;
height /**/:24px;
padding-top:24px;
background-image:url(../img/sidemenu.gif);
}

/* オフマウス時 */
#sidenavi li#sn01 a {
background-position:0px 0px;
height /**/:35px;
padding-top:35px;
}
#sidenavi li#sn02 a {
background-position:0px -35px;
}
#sidenavi li#sn03 a {
background-position:0px -59px;
}

/* オンマウス時 */
#sidenavi li#sn01 a:hover, #sidenavi li#sn01 a.bton {
background-position:-185px 0px;
height /**/:35px;
padding-top:35px;
}
#sidenavi li#sn02 a:hover, #sidenavi li#sn02 a.bton {
background-position:-185px -35px;
}
#sidenavi li#sn03 a:hover, #sidenavi li#sn03 a.bton {
background-position:-185px -59px;
}

/* ここより下は独自CSS。書籍紹介のページに適用される。 */

.title_text {
  font-size: 14px;
  font-weight: bold;
}
.normal_text { font-size: 12px ; line-height: 130%;}
.item_text { font-size: 12px;}
.diagram_title_text { font-size: 18px ;}
.diagram_text { font-size: 14px ;}
.message_text {font-size: 11px;
}

.message_title  {
  font-size: 14px;
  font-weight: bolder;
  text-align: center;
  height: 25px;

}

/* Java障害対策と問題解決コラム用CSS */

.article_title{
	font-size: 24px;
	font-weight: bold;
}

.article_subtitle{
	font-size: 18px;
	font-weight: bold;
}

.writer_name{
	text-align: right;
	font-size: 10px;
}

.title_level1{
	color:#FFFFFF;
	font-size: 18px;
	font-weight: bold;
	border: outset 4px;
	border-color: #0000FF;
	background: #0066FF;
	padding: 4px;
}

.title_level2{
	font-size: 14px;
	font-weight: bold;
	border-bottom: solid 2px;
	border-bottom-color: #0000FF;
}

.title_level3{
	border-left: solid 1em;
	border-left-color: #0000FF;
	padding-left: 0.5em;
	font-size: 12px;
}

.article_sentence{
	font-size: 20px;
}

ol.list{
	font-size:12px;
}

.move_page{
	font-size: 12px;
	border-top: solid 1px;
	border-top-color: #0000FF;
	border-bottom: solid 1px;
	border-bottom-color: #0000FF;
	padding: 4px;

}

.back_page{
	text-align:left;
	font-size: 12px;
}

.next_page{
	text-align:right;
	font-size: 12px;
}

/* Javaセミナーテキスト用CSS */

#main #contents .recommend{
	font-weight: bold;
	color: #FF0000;
	margin: 5px;
	padding: 0px;
}

#main #contents .wrap .text_info .col_left {
	float: left;
	width: 260px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
	height: 290px;
}
#main #contents .wrap .text_info .col_left .text_title {
	font-size: 18px;
	font-weight: bold;
	color: #0000FF;
}
#main #contents .wrap .text_info .col_left .index {
	font-size: 10px;
}


#main #contents .wrap .text_info .col_right {
	float: left;
	width: 220px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	height: 200px;
}

#main #contents .wrap .review_title {
	font-size: 14px;
	font-weight: bold;
	background-color: #FFCC33;
	padding: 5px;
}
#main #contents .wrap .review_main {
	background-color: #FFFFCC;
	padding: 5px;
	margin-bottom: 20px;
}
#main #contents .wrap .from_lecture {
	background-color: #FFF4DD;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#main #contents .wrap .text_info .index {
	padding-left: 20px;
}
#main #contents .wrap .text_info .col_left .sell {
	font-size: 20px;
	font-weight: bold;
	color: #FF3300;
	text-decoration: underline;
}
#main #contents .wrap .from_lecture .tutor_name {
	font-size: 10px;
}
#main #contents .wrap .notation {
	font-size: 10px;
	color: #333333;
}