﻿#main { width: 655px; }

.article_detail{width :655px;background: url('../../img/eduzine/bg/list_item_long_body.gif') repeat-y;_zoom: 1;}
.article_detail:after{content: ''; display: block; clear: both;}



.article_detail .head{background-image: url('../../img/eduzine/bg/list_item_long_head.gif');padding: 20px 20px 35px;text-indent: 0;_zoom: 1;position: relative;}
.article_detail .head:after{content: ''; display: block; clear: both;}
.article_detail .head li{margin-right: 5px;}
.article_detail .head li a{text-decoration: underline;}
.article_detail .head ul li{float: left;}
.article_detail .head .icon{float: right;margin-left: 10px;}
.article_detail .head .article{line-height: 1.25;margin: 5px 0;}
.article_detail .head .article div{margin-bottom: 5px;}
.article_detail .head .articletitle{font-size: 24px;font-weight: bold;color: #2c0f00;}
.article_detail .head .articlesubtitle{font-size: 16px;}
.article_detail .head .articledescription{font-size: 14px;color: #000e3c;}
.article_detail .head .author{margin-bottom: 5px;font-size: 14px;color: #000000;text-align: right;}
.article_detail .head .datetime{text-align: right;}
.article_detail .head .info{width: 615px;font-size: 12px;line-height: 20px;color: #838383;_zoom: 1;position: absolute;bottom: 0;}
.article_detail .head .info:after{content: ''; display: block; clear: both;}
.article_detail .head .info .genre{font-size: 10px;}
.article_detail .head .info .comment{font-size: 12px;background: none;padding: 0;}
.article_detail .head .info a{text-decoration: none;}
.article_detail .head .info .count{display: inline-block;visibility: hidden;}
.article_detail .head .info .count .number{font-size: 10px;line-height: 1.5;visibility: visible;text-indent: 0;font-family: monospace;text-align: center;display: inline-block;_zoom:1;width: 23px;height: 15px;background: url('../../img/eduzine/icon/comment_conunt_right.gif') no-repeat;}
.article_detail .head .info .social{float: right;height: 25px;margin-left: 15px;margin-right: 0;overflow: hidden;}



.article_detail .body{padding: 30px 30px 10px;}
.article_detail .maintext h1{font-size: 24px;font-weight: bold;color: #000000;margin-top: 1em;}
.article_detail .maintext h2{font-size: 20px;font-weight: bold;color: #000000;margin-top: 1em;}
.article_detail .maintext h3{font-size: 16px;font-weight: bold;color: #000000;margin-top: 1em;}
.article_detail .maintext h4{font-size: 14px;font-weight: bold;color: #000000;margin-top: 1em;}
.article_detail .maintext h5{font-size: 12px;font-weight: bold;color: #000000;margin-top: 1em;}
.article_detail .maintext h6{font-size: 9px;font-weight: bold;color: #000000;margin-top: 1em;}
.article_detail .maintext p{margin-top: 1em;}
.article_detail .maintext em{font-weight: bold;font-style: normal;}
.article_detail .maintext div.list p{margin-left: 1em !important;_zoom: 1;}
.article_detail .maintext div.list p:after{content: ''; display: block; clear: both;}
.article_detail .maintext div.list p:first-letter{display: block;float: left;margin-left: -1em !important;}
.article_detail .maintext ul.list{list-style-type: disc;margin-left: 1.5em;}
.article_detail .maintext ol.list{list-style-type: decimal;margin-left: 1.5em;}
.article_detail .maintext dl.list,
.article_detail .maintext dl.line{list-style-type: none;}
.article_detail .maintext dl.none{list-style-type: none;margin-left: 1.5em;}
.article_detail .maintext dl.none dt{margin-left: -1.5em;}
.article_detail .maintext dl.circle{list-style-type: circle;margin-left: 1.5em;}
.article_detail .maintext dl.disc{list-style-type: disc;margin-left: 1.5em;}
.article_detail .maintext dl.square{list-style-type: square;margin-left: 1.5em;}
.article_detail .maintext dl.decimal{list-style-type: decimal;margin-left: 1.5em;}
.article_detail .maintext dl.decimal,x:-moz-any-link{list-style-type: none;counter-reset: decimal;}
.article_detail .maintext dl.decimal dt,x:-moz-any-link{counter-increment: decimal;}
.article_detail .maintext dl.decimal dt:before,x:-moz-any-link{content: counter(decimal) '. ';margin-left: -1.5em;}
.article_detail .maintext dl.list dt,
.article_detail .maintext dl.line dt{display: list-item;margin-top: 1em;font-weight: bold;}
.article_detail .maintext dl.list dd:first-letter,
.article_detail .maintext dl.line dd:first-letter{padding-left: 1em;}
.article_detail .maintext dl.circle dd:first-letter,
.article_detail .maintext dl.disc dd:first-letter,
.article_detail .maintext dl.square dd:first-letter,
.article_detail .maintext dl.decimal dd:first-letter{padding-left: 0;}
.article_detail .maintext dl.list dt:first-child{margin-top: 1em;}
.article_detail .maintext dl.list dd{margin-bottom: 1em;}
.article_detail .maintext dl.line{_zoom: 1;}
.article_detail .maintext dl.line:after{content: ''; display: block; clear: both;}
.article_detail .maintext dl.line dt{float: left;clear: left;}
.article_detail .maintext dl.line dt:first-child{margin-top: 0;}
.article_detail .maintext dl.line dd{margin-top: 1em;}
.article_detail .maintext .url{font-size: 12px;}
.article_detail .maintext .question{color: #2150a5;line-height: 1.5;padding: 0.5em 0;}
.article_detail .maintext .director{font-size: 12px;text-align: right;}
.article_detail .maintext .remark{font-size: 12px;line-height: 1.5;padding: 0 0.5em;}
.article_detail .maintext .number{display: list-item;list-style-type: decimal;margin-left: 1.5em;}
.article_detail .maintext .number,x:-moz-any-link{list-style-type: none;counter-increment: number;}
.article_detail .maintext .number:before,x:-moz-any-link{content: counter(number) '. ';margin-left: -1.5em;}
.article_detail .maintext .sup {position: relative; font-size: 70%; top: -0.7em;}
.article_detail .maintext a.sup.nounderline {text-decoration: none;}

.article_detail .maintext .clear{clear: both;}

.article_detail .maintext .image{;}
.article_detail .maintext .image_left{float: left;margin-right: 15px;clear: left;}
.article_detail .maintext .image_right{float: right;margin-left: 15px;clear: right;}

.article_detail .introduction,
/*.article_detail .maintext{font-size: 16px;line-height: 2.0;text-align: justify;text-justify:inter-ideograph;overflow: hidden;_zoom: 1;}*/
.article_detail .maintext{font-size: 16px;line-height: 2.0;overflow: hidden;_zoom: 1;}
.article_detail .introduction:after,
.article_detail .maintext:after{content: ''; display: block; clear: both;}

.author_profile{border: 1px solid #d2d2d2; background-color:#f6f6f6;line-height: 1.5;padding: 15px;_zoom: 1;margin-top: 15px;clear: both;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.author_profile:after{content: ''; display: block; clear: both;}
.author_profile .authorname{font-size: 16px;font-weight: bold;}
.author_profile .authorname ruby{}
.author_profile .authorname rp,.author_profile .authorname rt{font-size: 10px;font-weight: normal;color: #838383;}
.author_profile .article_text{}
.author_profile .photo{float: right;margin-left: 15px;clear: right;}
.author_profile .article_text{font-size: 14px; margin: 0;}



.article_detail .foot{background-image: url('../../img/eduzine/bg/list_item_long_foot.gif');padding: 0 20px 20px;_padding: 5px 20px;_zoom: 1;}
.article_detail .foot:after{content: ''; display: block; clear: both;}
.article_detail .foot .footnote{font-size: 12px;line-height: 1.5;text-align: justify;text-justify:inter-ideograph;overflow: hidden;_zoom: 1;_padding-bottom: 5px;}
.article_detail .foot .footnote:after{content: ''; display: block; clear: both;}
.article_detail .foot .info{margin-top: 15px;font-size: 12px;line-height: 20px;color: #838383;}
.article_detail .foot .info:after{content: ''; display: block; clear: both;}
.article_detail .foot .info .social{float: right;margin-left: 15px;}



#main #booklist_area{margin: 20px 0;padding:0 10px;}
#main #booklist_area .title{font-weight: bold;background: url('../../img/eduzine/icon/booklist.gif') no-repeat;padding: 0 10px 5px 25px;_zoom: 1;}
#main #booklist_area .booklist_arrow{float: right;font-size: 12px;padding-left: 20px;line-height: 18px;}
#main #booklist_area .leftarrow{background: url('../../img/eduzine/icon/back.gif') no-repeat;}
#main #booklist_area .rightarrow{background: url('../../img/eduzine/icon/next.gif') no-repeat;}

#main #booklist_area{width: 655px;margin: 30px 0 0;text-align: left;}
#main #booklist_area .title:after {content: ''; display: block; clear: both;}
#main #booklist_area .title span{float: left;}
#main #booklist_area .title .lead{color:#8a8a8a;font-weight: normal;font-size: 12px;line-height: 1.5;padding-left: 20px;}
#main #booklist_area .title .indexlink{font-weight: normal;float: right;padding: 3px 0 0 10px;}

#main #booklist_area .listmode_detail .searchresult_book{text-align: left;font-size: 12px;_zoom: 1;}
#main #booklist_area .listmode_detail .searchresult_book:after {content: ''; display: block; clear: both;}

#main #booklist_area .searchresult_list{width: 655px;overflow: hidden;margin:7px auto;}

#main #booklist_area .searchresult_list .hyde{overflow: hidden;}
#main #booklist_area .searchresult_book .leftcolumn{float: left;width: 165px;}
#main #booklist_area .searchresult_bookimage{width: 162px;height: 162px;position: relative;margin: 0 auto;overflow: visible;}
#main #booklist_area .searchresult_bookimage div{width: 162px;height: auto;text-align: center;line-height: 0;}
#main #booklist_area .searchresult_bookimage img {border: 1px solid #dfdfdf;}
#main #booklist_area .searchresult_bookimage span {
	border: 1px solid #dfdfdf;
	display: inline-block;
	font-size: 12px;
	line-height: 1.25;
	text-align: left;
	background: #dfdfdf url('../../img/etc/noimage.gif') no-repeat center;
	_zoom: 1;}



.searchresult_list{width: 635px;}
.searchresult_book .leftcolumn{background-color: #ffffff;}
.searchresult_book .maincolumn{float: left;width: 460px;}




.article_comment{padding:15px 10px 0;_padding:15px 10px 0 5px;font-size: 14px;}
.article_comment li{color:#838383;font-size: 12px;}
.article_comment .number a{font-weight: bold;color: #000000;padding-right: 5px;}
.article_comment .number a:hover{text-decoration: none;}

.comment_list,
.comment_form{margin-bottom: 20px;background: url('../../img/bg/dotline.gif') repeat-x center top;padding-top: 15px;}
.comment_list .head{margin-bottom: 10px;padding-left: 0;}
.comment_list .head .title{text-indent: 0;font-weight: bold;background: url('../../img/eduzine/icon/comment_list.gif') no-repeat;padding-left: 20px;}
.comment_list .head .record_count{padding-left: 20px;margin: -2px 5px 0 0;}

.comment_item{margin: 0 20px 30px;}
.comment_item ul{_zoom: 1;}
.comment_item ul:after{content: ''; display: block; clear: both;}
.comment_item ul li{float: left; padding-right: 10px;}
.comment_item input{margin-right: 0.5em;}
.comment_item .comment{font-size: 14px;color: #2c2c2c;}
.comment_item .deleted{text-decoration: line-through;color: #999999;}
.comment .comment{padding: 0;background: none;}
.comment_form .title{text-indent: 0;font-weight: bold;background: url('../../img/eduzine/icon/comment_form.gif') no-repeat;padding-left: 25px;margin-bottom: 10px;}
.comment_form .body,.comment_form .foot{font-size: 14px;margin: 0 25px;}
.comment_form .body div{margin-bottom: 10px;}
.comment_form .body label{display: block;}
.comment_form #comment_name{width: 193px;}
.comment_form .body textarea{width: 583px;height: 7.5em;line-height:1.5;}





.sequence{padding:20px 10px 0;font-size: 14px;}
.sequence .goto .title{font-weight: bold;font-size: 14px;margin-bottom: 3px;padding-left: 20px;}
.sequence .articletitle{font-weight: normal;font-size: 14px;}
.sequence .goto .next .title{background: url('../../img/eduzine/icon/next.gif') no-repeat;}
.sequence .goto .back .title{background: url('../../img/eduzine/icon/back.gif') no-repeat;}
.sequence .goto ol{margin-left: 40px;}
.sequence .goto li{list-style-type: disc; color: #cccccc;margin-bottom: 5px;}
.sequence .goto .next{margin-bottom: 10px;}




#right .booklist .body{padding: 0 5px;}
#right .booklist li{margin: 5px auto;}
.subitembox .searchresult_book .leftcolumn{float: left;}
.subitembox .searchresult_book .leftcolumn .searchresult_bookimage{width: 122px;height: auto;}
.subitembox .searchresult_book .leftcolumn .searchresult_bookimage div{width: 122px;margin: 0 auto;}
.subitembox .searchresult_book .maincolumn{_overflow: hidden;float: left;margin-left: 3px;width: 185px;}
.subitembox .searchresult_book .maincolumn .searchresult_booktitle span{display: block;}
.subitembox .searchresult_book .maincolumn .searchresult_booktitle span span{display: inline;}
.subitembox .searchresult_book .maincolumn .searchresult_booktitle .booktitle{font-size: 12px;}
.subitembox ul .series{color: #683318;padding-bottom: 5px;text-decoration: none;}
.subitembox .searchresult_book .maincolumn .searchresult_author{text-align: right;font-size: 10px;color: #838383;border-bottom: 1px solid #cbcbcb;margin-bottom: 10px;}
.subitembox .searchresult_book .maincolumn .searchresult_booktext .catch{margin-bottom: 10px;}
.subitembox .searchresult_book .maincolumn .searchresult_booktext .text{display: none;}






ul.relate { margin: 2em 1em;line-height: 1.5;list-style-type: disc;}
.relate li { margin: 0 0 1em; font-size: 12px;}

div.strong,blockquote.strong{border: 1px solid #decaaf;}
blockquote.strong{background-color:#fffde0;color:#381a00;}
.strong { margin: 1em; padding: 0.5em 1em;}
.strong h4 { margin: 0; }
.strong p { _letter-spacing: 0; margin: 1em 0 !important;}
.strong table,
.strong ol,
.strong ul,
.strong dl,
.strong .relate { margin: 1em; }
.strong table.main_full {}
.strong table.main_full td{padding: 0 0.5em;}
.strong ol.list { margin-left: 1.5em; }
.strong ul.list { margin-left: 1em; }
.strong .strong{margin: 0 0 0.5em 0;}
blockquote.strong p + ul,
blockquote.strong p + ol,
blockquote.strong p + dl,
blockquote.strong p + .relate,
blockquote.strong div + ul,
blockquote.strong div + ol,
blockquote.strong div + dl,
blockquote.strong div + .relate { margin-top: 0; }

table{border-spacing:0;margin-bottom: 10px;}
table.center,.center table{margin-left: auto !important;margin-right: auto;}

table.bfc,
table.bf { border: 1px solid #cccccc;border-right: 0;border-bottom:0;}
table.bf th { background-color: #eeeeee; }
table.bfc tr,
table.bf tr { vertical-align: middle; }
table.bfc th,
table.bfc td,
table.bf th,
table.bf td { border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 1px 5px;}
table.center th,
table.center td { text-align: center; }
table.tdl td { text-align: left; }
table.tdr td { text-align: right; }
table.tdc td { text-align: center; }
table.tdj td { text-align: justify; }
table.thl th { text-align: left; }
table.thr th { text-align: right; }
table.thc th { text-align: center; }
table.thj th { text-align: justify; }

.relation .body {padding: 0 5px;}
.relation .body .bookdetail{margin:10px 0 20px;_zoom: 1;}
.relation .body .bookdetail:after{content: ''; display: block; clear: both;}
.relation .body .bookdetail_bookimage{float:left;width: 145px;height: 145px;text-align: center;}
.relation .body .bookdetail_bookimage img{border: 1px solid #cecece;}
.relation .body .bookdetail_bookauthor{font-size: 10px; text-align: right; color: #838383;}
.relation .body .bookdetail_text{font-size: 10px;}
.relation .body .bookdetail_price{font-size: 12px;}

.booklist_area{border: 1px solid #c7c7c7;}

.leadtext{font-size: 12px; line-height: 1.5;color: #723510;}