@charset "UTF-8";

/* RIGHT-COLUMN
***************************************************************************************************************/
#right-column{
	width : 320px;
	-moz-box-sizing : border-box;
	-webkit-box-sizing : border-box;
	box-sizing : border-box;
	float : left;
//	background : #f7f7f7;
	padding-top : 10px;
	position : relative;
	z-index : 1;
	margin-top: 2px;
	margin-left: 12px;
//	-moz-box-shadow: 5px 0 5px #ddd;
//	-webkit-box-shadow: 5px 0 5px #ddd;
//	box-shadow: 5px 0 5px #ddd;
}

#right-column aside{
	position : relative;
}

//#right-column > div, #right-column > section, #right-column > aside{
//	margin-bottom : 20px;
//}

#right-column > div{
	margin-bottom : 20px;
	border : 1px solid #ccc;
}

h2.book{
	background : url("http://www.jlogos.com/images/common/book.png") no-repeat left center;
	padding-left : 20px;
	margin-left : 19px;
}

h2.apli{
	background : url("http://www.jlogos.com/images/common/apli.png") no-repeat left center;
	padding-left : 10px;
	margin-left : 19px;
}

h2.update{
	background : url("http://www.jlogos.com/images/common/update.png") no-repeat left center;
	padding-left : 20px;
	margin-left : 19px;
}

.right-column-pad{
	padding-left : 15px;
	padding-right : 18px;
}
.right-column-pad2{
	padding-left : 0px;
	padding-right : 18px;
}

h1.right-column-pad{
	font-size : 13px;
}

h2.right-column-pad{
	font-size : 13px;
}

section.right-column-pad{
	padding-top : 12px;
	padding-bottom : 10px;
	margin : 0 2px;
	border-bottom : 1px solid #e4e4e4;
	position : relative;
}

section.right-column-pad:last-child{
	border-bottom : 0;
}

#right-column .topic-header{
	text-align : center;
	font-weight : bold;
	padding : 8px;
	line-height : 1;
	letter-spacing : 0.1em;
	border-top : 0;
	border-bottom : 1px solid #ccc;
	color : #515151;
	background : #eeeeee;
	background: -moz-linear-gradient(top, #b7b7b7 0%, #feffff 3%, #dededf 6%, #eaeaea 41%, #fbfbfb 95%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7b7b7), color-stop(3%,#feffff), color-stop(6%,#dededf), color-stop(41%,#eaeaea), color-stop(95%,#fbfbfb), color-stop(100%,#eaeaea));
	-moz-box-shadow : none;
	-webkit-box-shadow : none;
	box-shadow : none;
}

/* 関連書籍
********************************/
.bookbox img{
	float : left;
	border : 1px solid #ccc;
	margin-top : 12px;
}

.bookbox-list{
	width : 194px;
	float : right;
}

.bookbox-list h1{
	margin-bottom : 4px;
	line-height : 1.6;
}

.bookbox-list ul li{
	font-size : 11px;
	line-height : 1.5;
}

.bookbox-list p{
	font-size : 9px;
	margin-top : 4px;
}

.aplibox img{
	-webkit-border-radius : 14px;
	-moz-border-radius : 14px;
	-ms-border-radius : 14px;
	-o-border-radius : 14px;
	border-radius : 14px;
	margin : 0 15px 15px 10px;
}

.aplibox .bookbox-list{
	width : 184px;
}

.aplibox > p{
	padding : 5px;
	margin-top : 10px;
	font-size : 11px;
}

.aplibox .store{
	-webkit-border-radius : 0;
	-moz-border-radius : 0;
	-ms-border-radius : 0;
	-o-border-radius : 0;
	border-radius : 0;
	margin : 10px 0px 0px 5px;
	max-width : 80px;
	margin-top : -50px;
}

/* 更新履歴
*****************************************/
.updatebox{
	width : 100%;
	-moz-box-sizing : border-box;
	-webkit-box-sizing : border-box;
	box-sizing : border-box;
}

.updatebox img{
	position : absolute;
}

.updatebox-inner{
	width : 162px;
	float : right;
	font-size : 11px;
	line-height : 1.45;
}

.updatetime{
	text-align : right;
	font-size : 10px;
	letter-spacing : 0!important;
}

.updatebox-inner p{
	letter-spacing : -0.1em;
}

#right-column aside h1{
	background:url("http://www.jlogos.com/images/common/amazon.png") no-repeat left center;
	padding-left: 50px;
	font-size:13px;
	font-family: 'Open Sans', 'モリサワ新ゴR', 'Droid Sans', HiraKakuProN-W3, 'Hiragino Kaku Gothic Pro', meiryo, 'IPAexGothic', 'MS PGothic', 'ＭＳ Ｐゴシック', IPAPGothic,'IPA P ゴシック', sans-serif;
	margin-top : 42px;
	margin-bottom : 20px;
}
/* コメント
*************************************************:*/
.comment{
	padding : 10px 10px;
	margin-bottom : 12px;
	min-height : 30px;
	position : relative;
	z-index : 2;
}

.relevant-sites .comment{
	padding-bottom : 3px;
}

#center-column .comment{
	background : #f5f5f5;
}

#right-column .comment{
	background : #fff;
}

.hukidashi{
	position : absolute;
	bottom : -8px;
	left : 40px;
	font-size : 10px;
	line-height : 1;
}

#center-column .hukidashi{
	color : #f5f5f5;
}

#right-column .hukidashi{
	color : #fff;
}

.comment p{
	color : #333;
	line-height : 1.5;
}

.comment img{
	float : left;
	margin-top : 2px;
	margin-right : 6px;
	margin-bottom : 4px;
}

.relevant-sites .comment img{
	margin-top : 0;
	margin-bottom : 0;
}

.relevant-sites .comment p{
	line-height : 1.6;
	display : inline;
	font-size : 11px;
}
/* なるほどボタン
************************/
.naruhodo{
	float : left;
	margin-top : -6px;
	margin-left : 10px;
}

.naruhodo img{
	cursor : pointer;
	float : left;
	vertical-align : top;
}

.naruhodo-box{
	height : 21px;
	float : left;
	-moz-box-sizing : border-box;
	-webkit-box-sizing : border-box;
	box-sizing : border-box;
	padding : 2px 6px;
	text-align : center;
	
	line-height : 17px;
	font-size : 10px;
	border : 1px solid #ccc;
	margin-left : 5px;
	-webkit-border-radius : 2px;
	-moz-border-radius : 2px;
	border-radius : 2px;
	position : relative;
}
.naruhodo-box::before, .naruhodo-box::after{
	content : "";
	width : 0;
	height : 0;
	border : solid transparent;
	position : absolute;
	top : 50%;
}

.naruhodo-box::before{
	border-right-color : #ccc;
	border-width : 5px;
	left : -10px;
	margin-top : -5px;
}

.naruhodo-box::after{
	border-right-color : #fff;
	border-width : 4px;
	left : -8px;
	margin-top : -4px;
}

#breadcrumb {
	height: 40px;
	background: url("http://www.jlogos.com/omnia/images4/base.png");
}
#breadcrumb li {
	float: left;
	height: 40px;
	color: #fff;
}
#breadcrumb1 {
	background: url("http://www.jlogos.com/omnia/images4/book.png") no-repeat;
}
#breadcrumb2 {
	background: url("http://www.jlogos.com/omnia/images4/folder.png") no-repeat;
}
#breadcrumb3 {
	background: url("http://www.jlogos.com/omnia/images4/folder.png") no-repeat;
}
#breadcrumb4 {
	background: url("http://www.jlogos.com/images3/midashi.png") no-repeat left center;
}
#breadcrumb table {
	height: 40px;
	margin-left: 65px;
}
.hkpn-w6 {
	font-family: "HiraKakuProN-W6", "Hiragino Kaku Gothic Pro W6";
}

#header-top span{
	width: 150px;
	height: 38px;
	float: left;
	margin-right: 10px;
}

#koyomi a{
	text-decoration: underline;color: #696969;
}

/* ひとこと
************************/
#slide_01{
	z-index: 100;
	position: absolute;
	left: -420px;
	width: 454px;
	height: 134px;
}
#outside{
	width: 454px;
	height: 134px;
	background:url('https://www.jlogos.com/images/hitokoto.jpg');
}
#inside{
	width: 408px;
	height: 117px;
	float: left;
	color: #000;
	text-align: center;
	padding: 10px 5px 5px 5px;
}
#inside textarea{
	border: 0px solid #000;
	background-color: #dcdcdc;
}
#inSpan1{
	font-weight: bold;
	font-size: 0.9em;
	margin-left: -33px;
}
#inTxt{
	width: 408px;
}
#inSpan2{
	font-size: 0.8em;
	margin-left: -35px;
}
#inBtn{
	height: 20px;
	width: 50px;
	float: right;
	font-weight: bold;

	padding: 2px 0px 0px 0px;
	background: #dcdcdc;
	color: #000;
	text-align: center;
	display: block;
	text-decoration: none;
}