@charset "UTF-8";

/*--------// O ^ - ^ O //--
------------------------

index

------------------------
--------------------------*/

/*----// PICK UP //----*/
#index #pickupArea {
	padding-bottom:1px;
	border-bottom:1px solid #D6D6D6;
	margin-bottom:20px;
}

#index #pickupArea h2 {
	height:30px;
	border-bottom:1px solid #EAEAEA;
	padding-bottom:1px;
}
#index #pickupArea .areaInner {
	padding:15px 0;
	border-bottom:1px solid #EAEAEA;
	overflow:hidden;
	zoom:1;
}

#index #pickupArea .areaInner .bookInfo {
	width:480px;
	float:left;
	padding-right:10px;
	border-right:1px solid #EAEAEA;
}
#index #pickupArea .areaInner .bookInfo figure {
	width:180px;
	text-align:center;
	float:left;
}
#index #pickupArea .areaInner .bookInfo .box {
	width:290px;
	height:185px;
	padding:5px 0 30px;
	text-align:left;
	position:relative;
	float:right;
}
#index #pickupArea .areaInner .bookInfo .box h4 {
	font-size:20px;
	line-height:30px;
	color:#000;
}
#index #pickupArea .areaInner .bookInfo .box b {
	font-size:14px;
	line-height:18px;
	color:#444444;
	display:block;
}
#index #pickupArea .areaInner .bookInfo .box .textBox {
	font-size:12px;
	line-height:16px;
	padding:15px 0;
}
#index #pickupArea .areaInner .bookInfo .box .btn {
	width:290px;
	height:24px;
	background:url(/common/images/index/moreBtn-on.png) no-repeat;
	position:absolute;
	bottom:0px;
}
#index #pickupArea .areaInner .bookInfo .box .btn a {
	width:290px;
	height:24px;
	text-indent:-10000px;
	overflow:hidden;
	background:url(/common/images/index/moreBtn.png) no-repeat;
	display:block;
}
#index #pickupArea .areaInner .bookInfo .box .btn a:hover {
	background:url(/common/images/index/moreBtn-on.png) no-repeat;
}

#index #pickupArea .areaInner ul {
	width:489px;
	float:right;
	position:absolute !important;
}
#index #pickupArea .areaInner ul li {
	width:163px;
	height:200px;
	float:left;
	text-align:center;
	padding:10px 0;
}
#index #pickupArea #pickupHead {
	width:491px;
	height:220px;
	float:left;
}
#index #pickupArea #pickupLists {
	width:489px;
	height:220px;
	float:left;
	overflow:hidden;
}


/*----// #contents > H3 //----*/
#index #contents section h3 {
	height:26px;
	position:relative;
}
#index #contents section h3 a {
	width:62px;
	height:16px;
	text-align:right;
	line-height:16px;
	right:0;
	top:5px;
	position:absolute;
}
#index #contents section h3 a.headlineImage {
	width: 335px;
	height: 26px;
	left: 0;
	top: 0;
}


/*----// WHAT'S NEW //----*/
#index #newBlock {
	border-bottom:1px solid #D6D6D6;
	margin-bottom:20px;
	overflow:hidden;
	zoom:1;
}

#index #newBlock .blockInner {
	padding:10px 15px;
}
#index #newBlock .blockInner dl {
	font-size:12px;
	line-height:20px;
	text-align:left;
	clear:both;
	padding:5px 0;
}
#index #newBlock .blockInner dl dt {
	width:65px;
	font-weight:bold;
	color:#547CAB;
	float:left;
	background:url(/common/images/common/icon01.png) no-repeat 100% 50%;
	padding-right:10px;
}
#index #newBlock .blockInner dl dd {
	width:575px;
	float:right;
}


/*----// LIST AREA //----*/
#index section .bookInner {
	padding:10px 0px;
}
#index section .bookInner ul {
	width:330px;
	margin:0 auto;
}
#index section .bookInner ul li {
	width:100px;
	font-size:11px;
	line-height:14px;
	color:#444444;
	font-weight:bold;
	text-align:center;
	float:left;
	padding:0 5px;
}
#index section .bookInner ul li a {
	display:block;
}
#index section .bookInner ul li img {
	margin-bottom:3px;
}


/*----// BOOKS/CD //----*/
#index #magazineBlock ,
#index #cdBlock {
	width:335px;
	float:left;
	margin-bottom:30px;
	overflow:hidden;
	zoom:1;
	clear:both;
}


/*----// MAGAZINE/DATA BOOK //----*/
#index #booksBlock ,
#index #dbBlock {
	width:335px;
	float:right;
	margin-bottom:30px;
	overflow:hidden;
	zoom:1;
}


/*----// TRAND LIBRARY //----*/
#index #trendBox {
	border:1px solid #D6D6D6;
	background:url(/common/images/common/dotBg.png) #D6D6D6;
	margin-bottom:10px;
	position:relative;
	clear:both;
}
#index #trendBox h5 {
	width:680px;
	height:13px;
	text-align:center;
	position:absolute;
	top:-7px;
	left:0px;
}
#index #trendBox ul {
	width:450px;
	background:#fff;
	padding:25px 15px 20px;
	margin:0 auto;
}
#index #trendBox ul li {
	font-size:12px;
	line-height:16px;
	text-align:left;
	padding:5px;
}
#index #trendBox ul li a {
	background:url(/common/images/common/icon04.png) no-repeat 0% 50%;
	display:block;
	padding-left:16px;
}


/*----// MAINCONTENTS > BANNER AREA //----*/
#index #mainContents .bannerArea,
#index #mainContents .bannerAreaAd,
#index #mainContents .bannerAreaAdAsk {
	clear:both;
}
#index #mainContents .bannerArea ul li,
#index #mainContents .bannerAreaAd ul li,
#index #mainContents .bannerAreaAdAsk ul li {
	float:left;
}
#index #mainContents .bannerArea ul,
#index #mainContents .bannerAreaAd ul,
#index #mainContents .bannerAreaAdAsk ul {
	height:70px;
	padding-bottom:10px;
}
#index #mainContents .bannerArea ul li {
	width:220px;
	height:70px;
	padding-left:10px;
}
#index #mainContents .bannerArea ul li:first-child {
	padding-left:0px;
}

#index #mainContents .bannerAreaAd ul,
#index #mainContents .bannerAreaAdAsk ul{
	width:620px;
	height:60px;
	margin:0 auto;
}
#index #mainContents .bannerAreaAd li,
#index #mainContents .bannerAreaAdAsk li {
	width:300px;
	padding:0 5px;
}
#index #mainContents .bannerAreaAd img:hover,
#index #mainContents .bannerAreaAdAsk img:hover {
	filter:alpha(opacity=80);
	opacity:0.8;
	position:relative;
	top:1px;
	left:1px;
}
/*--------// O ^ - ^ O //--
------------------------

side

------------------------
--------------------------*/

/*----// SIDECONTENTS > RANKING //----*/
#sideContents #rankingBlock {
	padding-bottom:10px;
	overflow:hidden;
	zoom:1;
}
#sideContents #rankingBlock h4 {
	width:74px;
	height:16px;
	text-align:left;
	padding:5px 0 4px 0;
	float:left;
	border-bottom:1px solid #D0CDCD;
}
#sideContents .ui-tabs {
	position:relative;
	zoom:1;
}
#sideContents .ui-tabs .ui-tabs-nav {
	width:225px;
	height:22px;
	border-right:1px solid #D0CDCD;
	float:right;
	margin:4px 0 0px 0;
	padding:0px;
}
#sideContents .ui-tabs .ui-tabs-nav li {
	width:75px;
	height:22px;
	float:left;
	margin:0px;
	padding:0px;
	position:relative;
	white-space:nowrap;
}
#sideContents .ui-tabs .ui-tabs-nav li a {
	width:74px;
	height:14px;
	text-align:center;
	padding:2px 0 4px;
	margin:0px;
	border-top:1px solid #D0CDCD;
	border-left:1px solid #D0CDCD;
	border-bottom:1px solid #D0CDCD;
}
#sideContents .ui-tabs .ui-tabs-nav li a img {
	opacity:0.5;
	filter:alpha(opacity=50);
}
#sideContents .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	margin:0px;
}
#sideContents .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
#sideContents .ui-tabs .ui-tabs-nav li.ui-state-disabled a,
#sideContents .ui-tabs .ui-tabs-nav li.ui-state-processing a {
	cursor:pointer;
	border-bottom:1px solid #fff;
	top:0;
}
#sideContents .ui-tabs .ui-tabs-nav li.ui-tabs-selected a img,
#sideContents .ui-tabs .ui-tabs-nav li.ui-state-disabled a img,
#sideContents .ui-tabs .ui-tabs-nav li.ui-state-processing a img {
	opacity:1.0;
	filter:alpha(opacity=100);
}
#sideContents .ui-tabs .ui-tabs-nav li a,
#sideContents .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
	cursor:pointer;
}
#sideContents .ui-tabs .ui-tabs-panel {
	display:block;
	border-top:none;
}
#sideContents .ui-tabs .ui-tabs-hide {
	display:none !important;
}
#sideContents #rankingBlock .blockInner {
	clear:both;
	padding:0 4px;
	border-left:1px solid #D0CDCD;
	border-bottom:1px solid #D0CDCD;
	border-right:1px solid #D0CDCD;
}
#sideContents #rankingBlock .blockInner p {
	font-size:12px;
	line-height:16px;
	font-weight:bold;
	text-align:left;
	border-bottom:1px solid #E7E6E6;
	padding:6px 6px 6px 52px;
}
#sideContents #rankingBlock .blockInner p a {
	text-decoration:none;
}
#sideContents #rankingBlock .blockInner p a:hover {
	text-decoration:underline;
}
#sideContents #rankingBlock .blockInner p span {
	font-size:10px;
	line-height:14px;
	color:#666;
	font-weight:normal;
	display:block;
}
#sideContents #rankingBlock .blockInner p:first-child span {
	color:#B48B00;
}
#sideContents #rankingBlock .blockInner > p:first-child {
	background:url(/common/images/side/rank1.png) no-repeat 6px 6px;
	padding:10px 6px 10px 52px;
}
#sideContents #rankingBlock .blockInner > p:nth-child(2) {
	background:url(/common/images/side/rank2.png) no-repeat 11px 6px;
}
#sideContents #rankingBlock .blockInner > p:nth-child(3) {
	background:url(/common/images/side/rank3.png) no-repeat 11px 6px;
}
#sideContents #rankingBlock .blockInner > p:nth-child(4) {
	background:url(/common/images/side/rank4.png) no-repeat 11px 6px;
}
#sideContents #rankingBlock .blockInner > p:nth-child(5) {
	background:url(/common/images/side/rank5.png) no-repeat 11px 6px;
}
#sideContents #rankingBlock .blockInner > p:nth-child(6) {
	background:url(/common/images/side/rank6.png) no-repeat 11px 6px;
}
#sideContents #rankingBlock .blockInner > p:nth-child(7) {
	background:url(/common/images/side/rank7.png) no-repeat 11px 6px;
}
#sideContents #rankingBlock .blockInner > p:nth-child(8) {
	background:url(/common/images/side/rank8.png) no-repeat 11px 6px;
}
#sideContents #rankingBlock .blockInner > p:nth-child(9) {
	background:url(/common/images/side/rank9.png) no-repeat 11px 6px;
}
#sideContents #rankingBlock .blockInner > p:nth-child(10) {
	background:url(/common/images/side/rank10.png) no-repeat 11px 6px;
	border:none;
}

/*----// SIDECONTENTS > RANKING ver.2 //----*/
#sideContents #rankingBlock #contentsVer {
	clear:both;
	padding:0 4px;
	border:1px solid #D0CDCD;
}
#sideContents #rankingBlock #contentsVer article {
	font-size:10px;
	line-height:12px;
	text-align:left;
	border-bottom:1px solid #E7E6E6;
	padding:6px 6px 6px 52px;
	overflow:hidden;
	zoom:1;
	clear:both;
}
#sideContents #rankingBlock #contentsVer article p {
	border:none;
	padding:0px 0 5px;
}
#sideContents #rankingBlock #contentsVer article i {
	font-style:normal;
	color:#666;
	display:block;
}
#sideContents #rankingBlock #contentsVer article figure {
	float:left;
	margin-right:10px;
}

#sideContents #rankingBlock #contentsVer p span {
	font-size:10px;
	line-height:14px;
	color:#666;
	font-weight:normal;
	display:block;
}
#sideContents #rankingBlock  #contentsVer article:first-child span {
	color:#B48B00;
}
#sideContents #rankingBlock  #contentsVer > :first-child {
	background:url(/common/images/side/rank1.png) no-repeat 6px 6px;
}
#sideContents #rankingBlock  #contentsVer > :nth-child(2) {
	background:url(/common/images/side/rank2.png) no-repeat 11px 6px;
}
#sideContents #rankingBlock  #contentsVer > :nth-child(3) {
	background:url(/common/images/side/rank3.png) no-repeat 11px 6px;
}
#sideContents #rankingBlock  #contentsVer > :nth-child(4) {
	background:url(/common/images/side/rank4.png) no-repeat 11px 6px;
	padding:6px 6px 6px 52px;
	min-height: 30px;
}
#sideContents #rankingBlock  #contentsVer > :nth-child(5) {
	background:url(/common/images/side/rank5.png) no-repeat 11px 6px;
	padding:6px 6px 6px 52px;
	min-height: 30px;
}
#sideContents #rankingBlock  #contentsVer > :nth-child(6) {
	background:url(/common/images/side/rank6.png) no-repeat 11px 6px;
	padding:6px 6px 6px 52px;
	min-height: 30px;
}
#sideContents #rankingBlock  #contentsVer > :nth-child(7) {
	background:url(/common/images/side/rank7.png) no-repeat 11px 6px;
	padding:6px 6px 6px 52px;
	min-height: 30px;
}
#sideContents #rankingBlock  #contentsVer > :nth-child(8) {
	background:url(/common/images/side/rank8.png) no-repeat 11px 6px;
	padding:6px 6px 6px 52px;
	min-height: 30px;
}
#sideContents #rankingBlock  #contentsVer > :nth-child(9) {
	background:url(/common/images/side/rank9.png) no-repeat 11px 6px;
	padding:6px 6px 6px 52px;
	min-height: 30px;
}
#sideContents #rankingBlock  #contentsVer > :nth-child(10) {
	background:url(/common/images/side/rank10.png) no-repeat 11px 6px;
	border:none;
	min-height: 30px;
}

.detail #sideContents #rankingBlock h4 ,
.magazine #sideContents #rankingBlock h4 ,
.books #sideContents #rankingBlock h4 {
	border:none;
}


/*----// SIDECONTENTS > BANNER AREA //----*/
#sideContents .bannerArea {
	clear:both;
	padding-bottom: 10px;
}
#sideContents .bannerArea ul li {
	padding:0 0 10px;
}


/*----// SIDECONTENTS > INFORMATION //----*/
#sideContents #informationBlock {
	padding-bottom:10px;
	overflow:hidden;
	zoom:1;
}
#sideContents #informationBlock h4 {
	height:16px;
	line-height:16px;
	text-align:left;
	padding:5px 0 4px 0;
}
#sideContents #informationBlock h4 a {
	float:right;
}
#sideContents #informationBlock .blockInner {
	clear:both;
	padding:0 0 5px;
	border:1px solid #D0CDCD;
}
#sideContents #informationBlock .blockInner dl {
	font-size:12px;
	line-height:16px;
	text-align:left;
	padding:5px 8px;
	border-bottom:1px dotted #DFDFDF;
}
#sideContents #informationBlock .blockInner dl dt {
	font-size:10px;
	color:#547CAB;
	font-weight:bold;
}

/*----// SIDECONTENTS > WHAT'S NEW //----*/
#sideContents #newBlock {
	padding-bottom:10px;
	overflow:hidden;
	zoom:1;
}
#sideContents #newBlock h4 {
	height:16px;
	line-height:16px;
	text-align:left;
	padding:5px 0 4px 0;
}
#sideContents #newBlock h4 a {
	float:right;
	margin-left:3px;
}
#sideContents #newBlock .blockInner {
	clear:both;
	padding:0 0 5px;
	border:1px solid #D0CDCD;
}
#sideContents #newBlock .blockInner dl {
	font-size:12px;
	line-height:16px;
	text-align:left;
	padding:5px 8px;
	border-bottom:1px dotted #DFDFDF;
}
#sideContents #newBlock .blockInner dl dt {
	font-size:10px;
	color:#547CAB;
	font-weight:bold;
}

/*----// SIDECONTENTS > GUIDE //----*/
#sideContents #guideBlock,
#sideContents #guideBlockSub {
	padding-bottom:10px;
	overflow:hidden;
	zoom:1;
}
#sideContents #guideBlock h4,
#sideContents #guideBlockSub h4 {
	height:16px;
	line-height:16px;
	text-align:left;
	padding:5px 0 4px 0;
}
#sideContents #guideBlock ul,
#sideContents #guideBlockSub ul {
	clear:both;
	padding:10px 14px;
	border:1px solid #D0CDCD;
}
#sideContents #guideBlock ul li,
#sideContents #guideBlockSub ul li {
	font-size:12px;
	line-height:16px;
	text-align:left;
	border-bottom:1px solid #F1F0F0;
}
#sideContents #guideBlock ul li a,
#sideContents #guideBlockSub ul li a {
	text-decoration:none;
	display:block;
	padding:7px 8px 7px 24px;
	background:url(/common/images/common/icon03.png) no-repeat 5px 8px;
}
#sideContents #guideBlock ul li a:hover,
#sideContents #guideBlockSub ul li a:hover {
	background:url(/common/images/common/icon03.png) no-repeat 7px 8px;
}
#sideContents #guideBlock ul li:last-child,
#sideContents #guideBlockSub ul li:last-child {
	border:none;
}
#sideContents #guideBlock ul li dl dd,
#sideContents #guideBlockSub ul li dl dd {
	font-size:12px;
	line-height:14px;
	text-align:left;
	padding:0 0 0 36px;
	
}

/*----// SIDECONTENTS > SAERCH //----*/
#sideContents #searchBlock {
	padding-bottom:10px;
	overflow:hidden;
	zoom:1;
}
#sideContents #searchBlock h4 {
	height:16px;
	line-height:16px;
	text-align:left;
	padding:5px 0 4px 0;
}
#sideContents #searchBlock .blockInner {
	clear:both;
	padding:10px 14px;
	border:1px solid #D0CDCD;
}

#sideContents #searchBlock .blockInner form {
	padding:20px 0 30px;
}
#sideContents #searchBlock .blockInner form input.txt {
	width:270px;
	height:22px;
	font-size:12px;
	line-height:18px;
	padding:1px;
	border:1px solid #D6D6D6;
	margin:0 auto 10px auto;
}
#sideContents #searchBlock .blockInner form input[type="submit"] {
	width:120px;
	font-size:12px;
	line-height:24px;
	color:#fff;
	text-align:center;
	background:#00255B;
	margin:0 auto;
	border:none;
}

#sideContents #searchBlock dl dt {
	height:12px;
	line-height:12px;
	text-align:left;
	padding:5px 0;
	border-bottom:1px dotted #D6D6D6;
}
#sideContents #searchBlock dl dd {
	padding:10px 0 5px 0;
}
#sideContents #searchBlock ul li {
	width:135px;
	font-size:11px;
	line-height:13px;
	text-align:left;
	float:left;
}
#sideContents #searchBlock ul li a {
	text-decoration:none;
	display:block;
	padding:4px 0px 4px 20px;
	background:url(/common/images/common/icon03.png) no-repeat 5px 3px;
}
#sideContents #searchBlock ul li a:hover {
	background:url(/common/images/common/icon03.png) no-repeat 7px 3px;
}


/*----// TRAND LIBRARY //----*/
#sideContents #trendBox {
	border:1px solid #D6D6D6;
	background:url(/common/images/common/dotBg.png) #D6D6D6;
	margin-bottom:10px;
	position:relative;
	clear:both;
}
#sideContents #trendBox h5 {
	width:300px;
	height:13px;
	text-align:center;
	position:absolute;
	top:-7px;
	left:0px;
}
#sideContents #trendBox ul {
	width:240px;
	background:#fff;
	padding:25px 10px 20px;
	margin:0 auto;
}
#sideContents #trendBox ul li {
	font-size:12px;
	line-height:16px;
	text-align:left;
	padding:5px;
}
#sideContents #trendBox ul li a {
	background:url(/common/images/common/icon04.png) no-repeat 0% 3px;
	display:block;
	padding-left:16px;
}



/*--------// O ^ - ^ O //--
------------------------

contents

------------------------
--------------------------*/

/*----// CONTENTS > TITLEBLOCK //----*/
#content #titleBlock {
	width:990px;
	padding:20px 5px 30px 5px;
	margin:0 auto;
	clear:both;
}
#content #titleBlock h2 {
	height:38px;
	padding-bottom:20px;
}
#content #titleBlock #pankuzu {
	font-size:12px;
	line-height:20px;
	text-align:left;
	font-weight:bold;
}
#content #titleBlock #pankuzu ul li {
	display:inline;
	color:#00255A;
	margin:0 5px 0 0 ;
}
#content #titleBlock #pankuzu ul li a {
	font-size:10px;
	color:#7F93AD;
	font-weight:normal;
	padding-right:20px;
	background:url(/common/images/common/pankuzuIcon.png) no-repeat 100% 50%;
}

/*----// CONTENTS > PAGENAVI //----*/
#content #contents #mainContents .pageNav {
	font-size:12px;
	line-height:22px;
	text-align:center;
	clear:both;
	padding:10px 0;
}
#content #contents #mainContents .pageNav ul li {
	display:inline;
	margin:0 2px;
	vertical-align:middle;
}
#content #contents #mainContents .pageNav ul li span {
	font-weight:bold;
	border:1px solid #D6D6D6;
	background:#D6D6D6;
	padding:0 5px;
}
#content #contents #mainContents .pageNav ul li a {
	color:#666666;
	text-decoration:none;
	border:1px solid #D6D6D6;
	padding:0 5px;
}
#content #contents #mainContents .pageNav ul li:first-child a ,
#content #contents #mainContents .pageNav ul li:last-child a {
	border:none;
}
#content #contents #mainContents #resultList .pageNav {
	border-bottom:1px solid #EAEAEA;
}
/*----// CONTENTS > SUSPENSIONBLOCK //----*/
#content #contents #mainContents #suspensionBlock {
	clear:both;
	margin-bottom:20px;
	overflow:hidden;
	zoom:1;
}
#content #contents #mainContents #suspensionBlock h3 {
	height:26px;
}
#content #contents #mainContents #suspensionBlock ul {
	padding:10px 0px;
}
#content #contents #mainContents #suspensionBlock ul li {
	border-bottom:1px dotted #D6D6D6;
}
#content #contents #mainContents #suspensionBlock ul li a {
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	text-align:left;
	text-decoration:none;
	display:block;
	background:url(/common/images/common/icon05.png) no-repeat 5px 50%;
	padding:9px 8px 8px 25px;
}
#content #contents #mainContents #suspensionBlock ul li a span {
	font-size:10px;
	color:#00347F;
	font-weight:normal;
	margin-left:5px;
}
#content #contents #mainContents #suspensionBlock ul li a i {
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	margin-left:5px;
}
#content #contents #mainContents #suspensionBlock ul li a:hover {
	background:url(/common/images/common/icon05.png) no-repeat 7px 50%;
}


/*--------// O ^ - ^ O //--
------------------------

magazine

------------------------
--------------------------*/

/*----// MAGAZINE > PICKUPBLOCK //----*/
#content .magazine #mainContents #pickupBlock {
	padding-bottom:1px;
	border-bottom:1px solid #D6D6D6;
	margin-bottom:20px;
}
#content .magazine #mainContents #pickupBlock h3 {
	height:30px;
	border-bottom:1px solid #EAEAEA;
	padding-bottom:1px;
}
#content .magazine #mainContents #pickupBlock ul {
	padding:15px 0;
	border-bottom:1px solid #EAEAEA;
	overflow:hidden;
	zoom:1;
}
#content .magazine #mainContents #pickupBlock ul li {
	width:160px;
	font-size:12px;
	line-height:14px;
	text-align:center;
	float:left;
	padding:0 5px;
}
#content .magazine #mainContents #pickupBlock ul li a {
	text-decoration:none;
}
#content .magazine #mainContents #pickupBlock ul li img {
	margin-bottom:5px;
}
#content .magazine #mainContents #pickupBlock ul li a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
}


/*----// MAGAZINE > LISTBLOCK //----*/
#content .magazine #mainContents #listBlock {
	clear:both;
	margin-bottom:20px;
	overflow:hidden;
	zoom:1;
}

#content .magazine #mainContents #listBlock h3 {
	height:26px;
}
#content .magazine #mainContents #listBlock .blockInner {
	padding:10px 0px;
}
#content .magazine #mainContents #listBlock .blockInner article {
	width:210px;
	height:210px;
	font-size:11px;
	line-height:15px;
	text-align:left;
	float:left;
	margin:10px 2px;
	padding:0;
	border:1px solid #EAEAEA;
}
#content .magazine #mainContents #listBlock .blockInner article:nth-child(3n+2) {
	margin:10px 15px;
}

#content .magazine #mainContents #listBlock .blockInner article .img {
	height:80px;
	padding-bottom:1px;
	border-bottom:3px solid #01275A;
	margin-bottom:5px;
}
#content .magazine #mainContents #listBlock .blockInner article a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
}
#content .magazine #mainContents #listBlock .blockInner article .boxInner {
	margin-right: 3px;
}
#content .magazine #mainContents #listBlock .blockInner article .boxInner figure {
	width:80px;
	text-align:center;
	float:left;
	margin-right:3px;
}
#content .magazine #mainContents #listBlock .blockInner article .boxInner h4 {
	font-size:13px;
	line-height:17px;
	color:#222;
	text-align:left;
}
#content .magazine #mainContents #listBlock .blockInner article .boxInner span {
	font-size:10px;
	line-height:12px;
	display:block;
	color:#00337F;
}
#content .magazine #mainContents #listBlock .blockInner article .boxInner p {
	padding-top:5px;
}


/*--------// O ^ - ^ O //--
------------------------

books

------------------------
--------------------------*/


/*----// BOOKS > SAERCH //----*/
#content #topcolumn > #searchBlock {
	padding-bottom:10px;
}
#content #topcolumn > #searchBlock .blockInner {
	clear:both;
}

#content #topcolumn > #searchBlock .blockInner form {
	width:680px;
	text-align:left;
	border:1px solid #D6D6D6;
	float:left;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	margin:20px 0 40px;
}
#content #topcolumn > #searchBlock .blockInner form .selectArea {
	width:185px;
	float:left;
}
#content #topcolumn > #searchBlock .blockInner form .inputArea {
	width:495px;
	height:38px;
	float:right;
	overflow:hidden;
	zoom:1;
}
#content #topcolumn > #searchBlock .blockInner form input.txt {
	width:360px;
	height:14px;
	font-size:12px;
	line-height:14px;
	border:none;
	float:left;
	padding:12px 7px;
	margin:0 auto 10px auto;
}
#content #topcolumn > #searchBlock .blockInner form input[type="submit"] {
	width:120px;
	height:38px;
	font-size:12px;
	line-height:14px;
	color:#fff;
	float:right;
	text-align:center;
	background:#00255B;
	padding:12px 7px;
	margin:0;
	border:none;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
#content #topcolumn > #searchBlock dl {
	width:280px;
	padding:5px 9px;
	float:right;
	border:1px solid #D0CDCD;
	margin-bottom:20px;
}
#content #topcolumn > #searchBlock dl dt {
	width:50px;
	font-size:11px;
	line-height:20px;
	color:#00235C;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
	float:left;
	padding:5px 0;
}
#content #topcolumn > #searchBlock dl dd {
	width:225px;
	float:right;
	padding:5px 0 0px 0;
}
#content #topcolumn > #searchBlock dl dd ul li {
	width:130px;
	font-size:11px;
	line-height:13px;
	text-align:left;
	float:left;
}
#content #topcolumn > #searchBlock dl dd ul li:nth-child(2n+1) {
	width:95px;
}
#content #topcolumn > #searchBlock dl dd ul li a {
	text-decoration:none;
	display:block;
	padding:2px 0px 2px 20px;
	background:url(/common/images/common/icon03.png) no-repeat 5px 1px;
}
#content #topcolumn > #searchBlock dl dd ul li a:hover {
	background:url(/common/images/common/icon03.png) no-repeat 7px 1px;
}

/*----// BOOKS > PICKUPBLOCK //----*/
#content .books #mainContents #pickupBlock {
	padding-bottom:1px;
	border-bottom:1px solid #D6D6D6;
	margin-bottom:20px;
}
#content .books #mainContents #pickupBlock h3 {
	height:30px;
	border-bottom:1px solid #EAEAEA;
	padding-bottom:1px;
}
#content .books #mainContents #pickupBlock ul {
	padding:15px 0;
	border-bottom:1px solid #EAEAEA;
	overflow:hidden;
	zoom:1;
}
#content .books #mainContents #pickupBlock ul li {
	width:160px;
	font-size:12px;
	line-height:14px;
	text-align:center;
	float:left;
	padding:0 5px;
}
#content .books #mainContents #pickupBlock ul li a {
	text-decoration:none;
}
#content .books #mainContents #pickupBlock ul li img {
	margin-bottom:5px;
}
#content .books #mainContents #pickupBlock ul li a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
}


/*----// BOOKS > LISTBLOCK //----*/
#content .books #mainContents #listBlock {
	clear:both;
	margin-bottom:20px;
	overflow:hidden;
	zoom:1;
	position: relative;
}

#content .books #mainContents #listBlock h3 {
	height:26px;
}
#content .books #mainContents #listBlock h3 a {
    position: absolute;
    top: 12px;
    left: 666px;
}
#content .books #mainContents #listBlock .blockInner {
	padding:10px 0px;
}
#content .books #mainContents #listBlock .blockInner article {
	width:310px;
	font-size:11px;
	line-height:15px;
	text-align:left;
	float:left;
	padding:20px 15px;
	border-bottom:1px solid #EAEAEA;
}
#content .books #mainContents #listBlock .blockInner article:nth-child(2n) {
	padding:20px 15px 20px 14px;
	border-left:1px solid #EAEAEA;
}
#content .books #mainContents #listBlock .blockInner article:nth-child(7) ,
#content .books #mainContents #listBlock .blockInner article:nth-child(8) {
	border-bottom:none;
	margin-bottom:20px;
}

#content .books #mainContents #listBlock .blockInner article a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
}
#content .books #mainContents #listBlock .blockInner article figure {
	width:100px;
	text-align:center;
	float:left;
}
#content .books #mainContents #listBlock .blockInner article .boxInner {
	width:200px;
	text-align:left;
	padding:5px 0;
	float:right;
}
#content .books #mainContents #listBlock .blockInner article .boxInner h4 {
	font-size:12px;
	line-height:16px;
	color:#333;
}
#content .books #mainContents #listBlock .blockInner article .boxInner span {
	font-size:10px;
	line-height:12px;
	display:block;
	color:#00337F;
}
#content .books #mainContents #listBlock .blockInner article .boxInner p {
	padding-top:5px;
}

#content .books #mainContents #listBlock .blockInner ul {
	clear:both;
	border-top:1px solid #EAEAEA;
	padding-top:20px;
}
#content .books #mainContents #listBlock .blockInner ul li {
	text-align:left;
	border-bottom:1px dotted #D6D6D6;
	padding:9px 8px 8px;
}
#content .books #mainContents #listBlock .blockInner ul li a {
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	background:url(/common/images/common/icon05.png) no-repeat 5px 3px;
	padding:0px 0px 0px 25px;
}
#content .books #mainContents #listBlock .blockInner ul li span {
	font-size:10px;
	line-height:14px;
	display:block;
	color:#00347F;
	font-weight:normal;
	padding:0px 0px 0px 25px;
}
#content .books #mainContents #listBlock .blockInner ul li p {
	font-size:12px;
	line-height:16px;
	padding:5px 0px 0px 25px;
}
#content .books #mainContents #listBlock .blockInner ul li a:hover {
	background:url(/common/images/common/icon05.png) no-repeat 7px 3px;
}


/*----// BOOKS > COMINGBLOCK //----*/
#content .books #mainContents #comingBlock {
	clear:both;
	margin-bottom:20px;
	overflow:hidden;
	zoom:1;
}
#content .books #mainContents #comingBlock h3 {
	height:26px;
}
#content .books #mainContents #comingBlock ul {
	padding:10px 0px;
}
#content .books #mainContents #comingBlock ul li {
	border-bottom:1px dotted #D6D6D6;
}
#content .books #mainContents #comingBlock ul li a {
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	text-align:left;
	text-decoration:none;
	display:block;
	background:url(/common/images/common/icon05.png) no-repeat 5px 12px;
	padding:9px 8px 8px 25px;
}
#content .books #mainContents #comingBlock ul li a span {
	font-size:10px;
	line-height:14px;
	display:block;
	color:#00347F;
	font-weight:normal;
	margin-left:5px;
}
#content .books #mainContents #comingBlock ul li a:hover {
	background:url(/common/images/common/icon05.png) no-repeat 7px 12px;
}


/*--------// O ^ - ^ O //--
------------------------

databook

------------------------
--------------------------*/

/*----// DB > PICKUPBLOCK //----*/
#content .databook #mainContents #pickupBlock {
	padding-bottom:1px;
	border-bottom:1px solid #D6D6D6;
	margin-bottom:20px;
}
#content .databook #mainContents #pickupBlock h3 {
	height:30px;
	border-bottom:1px solid #EAEAEA;
	padding-bottom:1px;
}
#content .databook #mainContents #pickupBlock ul {
	padding:15px 0;
	border-bottom:1px solid #EAEAEA;
	overflow:hidden;
	zoom:1;
}
#content .databook #mainContents #pickupBlock ul li {
	width:160px;
	font-size:12px;
	line-height:14px;
	text-align:center;
	float:left;
	padding:0 5px;
}
#content .databook #mainContents #pickupBlock ul li a {
	text-decoration:none;
}
#content .databook #mainContents #pickupBlock ul li img {
	margin-bottom:5px;
}
#content .databook #mainContents #pickupBlock ul li a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
}


/*----// DB > LISTBLOCK //----*/
#content .databook #mainContents #listBlock {
	clear:both;
	margin-bottom:20px;
	overflow:hidden;
	zoom:1;
}

#content .databook #mainContents #listBlock h3 {
	height:26px;
}
#content .databook #mainContents #listBlock .blockInner {
	padding:10px 0px;
}
#content .databook #mainContents #listBlock .blockInner article {
	width:210px;
	font-size:12px;
	line-height:16px;
	text-align:left;
	float:left;
	padding:10px 5px 20px;
}
#content .databook #mainContents #listBlock .blockInner article:nth-child(3n+2) {
	padding:10px 15px 20px;
}

#content .databook #mainContents #listBlock .blockInner article figure {
	margin-bottom:5px;
}
#content .databook #mainContents #listBlock .blockInner article figure a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
}
#content .databook #mainContents #listBlock .blockInner article h4 {
	font-size:14px;
	line-height:17px;
	color:#222;
	text-align:left;
}
#content .databook #mainContents #listBlock .blockInner article p {
	padding-top:5px;
}


/*--------// O ^ - ^ O //--
------------------------

cddvd

------------------------
--------------------------*/

/*----// CD/DVD > PICKUPBLOCK //----*/
#content .cddvd #mainContents #pickupBlock {
	padding-bottom:1px;
	border-bottom:1px solid #D6D6D6;
	margin-bottom:20px;
}
#content .cddvd #mainContents #pickupBlock h3 {
	height:30px;
	border-bottom:1px solid #EAEAEA;
	padding-bottom:1px;
}
#content .cddvd #mainContents #pickupBlock ul {
	padding:15px 0;
	border-bottom:1px solid #EAEAEA;
	overflow:hidden;
	zoom:1;
}
#content .cddvd #mainContents #pickupBlock ul li {
	width:160px;
	font-size:12px;
	line-height:14px;
	text-align:center;
	float:left;
	padding:0 5px;
}
#content .cddvd #mainContents #pickupBlock ul li a {
	text-decoration:none;
}
#content .cddvd #mainContents #pickupBlock ul li img {
	margin-bottom:5px;
}
#content .cddvd #mainContents #pickupBlock ul li a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
}


/*----// CD/DVD > LISTBLOCK //----*/
#content .cddvd #mainContents #listBlock {
	clear:both;
	margin-bottom:20px;
	overflow:hidden;
	zoom:1;
}

#content .cddvd #mainContents #listBlock h3 {
	height:26px;
}
#content .cddvd #mainContents #listBlock ul {
	padding:10px 0px;
}
#content .cddvd #mainContents #listBlock .blockInner article {
	width:210px;
	font-size:12px;
	line-height:16px;
	text-align:left;
	float:left;
	padding:10px 5px 20px;
}
#content .cddvd #mainContents #listBlock .blockInner article:nth-child(3n+2) {
	padding:10px 15px 20px;
}

#content .cddvd #mainContents #listBlock .blockInner article figure {
	margin-bottom:5px;
}
#content .cddvd #mainContents #listBlock .blockInner article figure a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
}
#content .cddvd #mainContents #listBlock .blockInner article h4 {
	font-size:14px;
	line-height:17px;
	color:#222;
	text-align:left;
}
#content .cddvd #mainContents #listBlock .blockInner article p {
	padding-top:5px;
}


/*--------// O ^ - ^ O //--
------------------------

app

------------------------
--------------------------*/

/*----// APP > LISTBLOCK //----*/
#content .app #mainContents #listBlock {
	clear:both;
	margin-bottom:20px;
	overflow:hidden;
	zoom:1;
}

#content .app #mainContents #listBlock h3 {
	height:26px;
}
#content .app #mainContents #listBlock .blockInner {
	padding:10px 0px;
}
#content .app #mainContents #listBlock .blockInner article {
	width:325px;
	float:left;
	padding:4px;
	border:1px solid #EBEBEB;
	margin-bottom:10px;
}
#content .app #mainContents #listBlock .blockInner article:nth-child(2n+1) {
	display:inline;
	margin-right:10px;
}
#content .app #mainContents #listBlock .blockInner article figure {
	width:120px;
	text-align:center;
	float:left;
	padding:10px;
}
#content .app #mainContents #listBlock .blockInner article .boxInner {
	width:185px;
	font-size:12px;
	line-height:18px;
	text-align:left;
	float:right;
	padding:20px 0 10px 0;
}
#content .app #mainContents #listBlock .blockInner article .boxInner h4 {
	font-size:14px;
	line-height:16px;
	color:#333;
	padding-bottom:5px;
}
#content .app #mainContents #listBlock .blockInner article .boxInner span {
	font-size:10px;
	line-height:14px;
	color:#00337F;
	display:block;
	padding-bottom:5px;
}
#content .app #mainContents #listBlock .blockInner article .boxInner p {
}
#content .app #mainContents #listBlock .blockInner article ul {
	height:28px;
	clear:both;
	border-top:1px dotted #EBEBEB;
	padding:5px 2px 0 3px;
}
#content .app #mainContents #listBlock .blockInner article ul li {
	width:154px;
	height:28px;
	float:left;
	padding:0 3px;
}
#content .app #mainContents #listBlock .blockInner article ul li a {
	width:154px;
	height:28px;
	display:block;
	text-indent:-10000px;
	overflow:hidden;
}
#content .app #mainContents #listBlock .blockInner article ul li.appleStore a:hover ,
#content .app #mainContents #listBlock .blockInner article ul li.appleStore {
	background:url(/common/images/app/appBtn-on.png) no-repeat 50% 50%;
}
#content .app #mainContents #listBlock .blockInner article ul li.appleStore a {
	background:url(/common/images/app/appBtn.png) no-repeat;
}

#content .app #mainContents #listBlock .blockInner article ul li.googlePlay a:hover ,
#content .app #mainContents #listBlock .blockInner article ul li.googlePlay {
	background:url(/common/images/app/googleplayBtn-on.png) no-repeat 50% 50%;
}
#content .app #mainContents #listBlock .blockInner article ul li.googlePlay a {
	background:url(/common/images/app/googleplayBtn.png) no-repeat;
}

/*--------// O ^ - ^ O //--
------------------------

webservice

------------------------
--------------------------*/

/*----// WEBSERVICE > LISTBLOCK //----*/
#content .webservice #mainContents #listBlock {
	clear:both;
	margin-bottom:20px;
	overflow:hidden;
	zoom:1;
}

#content .webservice #mainContents #listBlock h3 {
	height:26px;
}
#content .webservice #mainContents #listBlock .blockInner {
	padding:10px 0px;
}
#content .webservice #mainContents #listBlock .blockInner article {
	padding:15px 5px;
	border-bottom:1px dotted #EBEBEB;
	overflow:hidden;
	zoom:1;
}
#content .webservice #mainContents #listBlock .blockInner article figure {
	width:150px;
	float:left;
}
#content .webservice #mainContents #listBlock .blockInner article .boxInner {
	width:500px;
	font-size:12px;
	line-height:18px;
	text-align:left;
	float:right;
	padding:10px 0 10px 0;
}
#content .webservice #mainContents #listBlock .blockInner article .boxInner h4 {
	font-size:14px;
	line-height:16px;
	color:#333;
	padding-bottom:5px;
}
#content .webservice #mainContents #listBlock .blockInner article .boxInner span {
	font-size:10px;
	line-height:14px;
	color:#00337F;
	display:block;
	padding-bottom:5px;
}
#content .webservice #mainContents #listBlock .blockInner article .boxInner p {
}
#content .webservice #mainContents #listBlock .blockInner article ul {
	height:24px;
	clear:both;
	padding-top:15px;
}
#content .webservice #mainContents #listBlock .blockInner article ul {
	float:right;
}
#content .webservice #mainContents #listBlock .blockInner article ul li {
	width:150px;
	height:24px;
	float:left;
}
#content .webservice #mainContents #listBlock .blockInner article ul li a {
	width:150px;
	height:24px;
	display:block;
    overflow: hidden;
}
#content .webservice #mainContents #listBlock .blockInner article ul li a img{
	text-indent:0 !important;
}

#content .webservice #mainContents #listBlock .blockInner article ul li:not(:first-child) {
	margin-left: 5px;
}

/*--------// O ^ - ^ O //--
------------------------

detail

------------------------
--------------------------*/

/*----// .DETAIL > MAINBLOCK //----*/
#content .detail #mainContents #mainBlock {
	margin-bottom:20px;
}
#content .detail #mainContents #mainBlock #leftBox {
	width:200px;
	float:left;
	padding-bottom:40px;
}
#content .detail #mainContents #mainBlock #leftBox figure {
	text-align:center;
	line-height:0px;
	margin-bottom:5px;
}
#content .detail #mainContents #mainBlock #leftBox figure img {
	line-height:0px;
}
#content .detail #mainContents #mainBlock #leftBox .viewBtn {
	height:30px;
	background:url(/common/images/detail/veiwerBtn-on.png) no-repeat;
	margin-bottom:10px;
}
#content .detail #mainContents #mainBlock #leftBox .viewBtn a {
	height:30px;
	display:block;
	background:url(/common/images/detail/veiwerBtn.png) no-repeat;
	text-indent:-10000px;
	overflow:hidden;
}
#content .detail #mainContents #mainBlock #leftBox .viewBtn a:hover {
	background:url(/common/images/detail/veiwerBtn-on.png) no-repeat;
}
#content .detail #mainContents #mainBlock #rightBox .storeList,
#content .detail #mainContents #mainBlock #rightBox .storeListS {
	margin:0 0 5px;
	position:relative;
	border:1px solid #D6D6D6;
}
#content .detail #mainContents #mainBlock #rightBox .storeList h4,
#content .detail #mainContents #mainBlock #rightBox .storeListS h4 {
	top: 2px;
	font-size: 14px;
	height: 20px;
	text-align: left;
	color: #002559;
}

#content .detail #mainContents #mainBlock #rightBox .storeList ul,
#content .detail #mainContents #mainBlock #rightBox .storeListS ul {
	background:#fff;
	padding: 0 1px 4px 2px;
}
#content .detail #mainContents #mainBlock #rightBox .storeList ul li {
	width:151px;
	height:31px;
	margin:2px;
	float: left;
}
#content .detail #mainContents #mainBlock #rightBox .storeListS ul li {
	width:89px;
	height:47px;
	margin:2px;
	float: left;
}

#content .detail #mainContents #mainBlock #rightBox ul li a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
	position: relative;
	top: 1px;
	left: 1px;
}
#content .detail #mainContents #mainBlock #rightBox {
	width:470px;
	float:right;
	padding-bottom:40px;
	overflow:hidden;
	zoom:1;
}
#content .detail #mainContents #mainBlock #rightBox h3 {
	font-size:18px;
	line-height:26px;
	text-align:left;
	color:#002559;
	padding-bottom:10px;
	background:url(/common/images/common/doubleLine.png) repeat-x bottom;
	margin-bottom:15px;
}
#content .detail #mainContents #mainBlock #rightBox h3 span {
	border-left:4px solid #042959;
	padding-left:10px;
}

#content .detail #mainContents #mainBlock #rightBox h5 {
	font-size:14px;
	position:relative;
	text-align:left;
	line-height:20px;
	margin-bottom:15px;
	padding-bottom:10px;
	border-bottom:1px solid #D6D6D6;
	clear:both;
}
#content .detail #mainContents #mainBlock #rightBox .meta {
	width:250px;
	font-size:12px;
	line-height:16px;
	text-align:left;
	float:left;
	padding-bottom:15px;
}
#content .detail #mainContents #mainBlock #rightBox .meta .outOfStock{
	color: #F30000;
	display: block;
}
#content .detail #mainContents #mainBlock #rightBox .price {
	width:198px;
	border:1px solid #D6D6D6;
	float:right;
	margin-bottom:15px;
}
#content .detail #mainContents #mainBlock #rightBox .price dl {
	border:2px solid #EAEAEA;
	padding:10px;
}
#content .detail #mainContents #mainBlock #rightBox .price dl dt {
	width:30px;
	line-height:16px;
	padding:2px 0;
	text-align:left;
	float:left;
}
#content .detail #mainContents #mainBlock #rightBox .price dl dd {
	width:144px;
	font-size:16px;
	line-height:20px;
	font-weight:bold;
	text-align:right;
	float:right;
}
#content .detail #mainContents #mainBlock #rightBox .price dl dd span {
	font-size:12px;
	font-weight:normal;
}
#content .detail #mainContents #mainBlock #rightBox .textBox {
	clear:both;
	font-size:14px;
	line-height:22px;
	text-align:left;
	padding:15px 0;
	border-top:1px dotted #D6D6D6;
}
#content .detail #mainContents #mainBlock #rightBox .textBox p {
	padding-bottom:18px;
}
#content .detail #mainContents #mainBlock #rightBox .mainCommentAppend {
	height: 22px;
	padding-top:10px;
	clear:both;
}
#content .detail #mainContents #mainBlock #rightBox .mainCommentAppend div {
	text-align: center;
	font-size: 84%;
	font-weight: bold;
	background-color: #99ff99;
	float: left;
	width: 230px;
	height: 100%;
}
#content .detail #mainContents #mainBlock #rightBox .mainCommentAppend div:first-child {
	margin-right: 10px;
}
#content .detail #mainContents #mainBlock #rightBox .mainCommentAppend .clickable:hover{
	cursor: pointer;
	opacity:0.8;
	filter:alpha(opacity=80);
	position:relative;
	top:1px;
	left:1px;
}

#content .detail #mainContents #mainBlock #leftBox #btnBlock {
	width:200px;
	margin:0 auto;
}
#content .detail #mainContents #mainBlock #leftBox #btnBlock > ul li {
	width:200px;
	height:31px;
	float:left;
	padding-top:2px;
}

#content .detail #mainContents #mainBlock #leftBox #btnBlock .buyBtnBox ul li {
	width:200px;
	height:31px;
	padding:0 0 5px;
}
#content .detail #mainContents #mainBlock #leftBox #btnBlock .buyBtnBox ul li a {
	width:200px;
	height:31px;
	display:block;
	text-indent:-10000px;
	overflow:hidden;
}
#content .detail #mainContents #mainBlock #leftBox #btnBlock ul li a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
}

#content .detail #mainContents #mainBlock #leftBox #btnBlock .buyBtnBox ul li.buyTeiki a {
	background:url(/common/images/detail/entryBtn.png) no-repeat top;
}
#content .detail #mainContents #mainBlock #leftBox #btnBlock .buyBtnBox ul li.buyTanpin a {
	background:url(/common/images/detail/singleBtn.png) no-repeat top;
}
#content .detail #mainContents #mainBlock #leftBox #btnBlock .buyBtnBox ul li.buyBookService a {
	background:url(/common/images/detail/bookserviceBtn.png) no-repeat top;
}
#content .detail #mainContents #mainBlock #leftBox #btnBlock .buyBtnBox ul li.buyOndemand a {
	background:url(/common/images/detail/singleBtn.png) no-repeat top;
}

/*----// .DETAIL > H4 //----*/
#content .detail #mainContents section h4 {
	height:26px;
	position:relative;
	clear:both;
}
#content .detail #mainContents section h4 a {
	width:62px;
	height:16px;
	text-align:right;
	line-height:16px;
	right:0;
	top:5px;
	position:absolute;
}

/*----// .DETAIL > MORILINK //----*/
#content .detail #mainContents #moriLink {
	text-align: center;
	font-size: 84%;
	font-weight: bold;
	padding: 8px 0;
	margin: 5px 0;
	background-color: #99ff99;
	clear:both;
}
#content .detail #mainContents #moriLink span:hover{
	cursor: pointer;
}
/*----// DETAIL > WHAT'S NEW //----*/
#content .detail #mainContents #newBlock {
	margin-bottom:20px;
	overflow:hidden;
	zoom:1;
	clear:both;
}

#content .detail #mainContents #newBlock .blockInner {
	padding:10px 14px;
	border-bottom:1px solid #D6D6D6;
	border-left:1px solid #D6D6D6;
	border-right:1px solid #D6D6D6;
}
#content .detail #mainContents #newBlock .blockInner dl {
	font-size:12px;
	line-height:20px;
	text-align:left;
	clear:both;
	padding:5px 0;
}
#content .detail #mainContents #newBlock .blockInner dl dt {
	width:65px;
	font-weight:bold;
	color:#547CAB;
	float:left;
	background:url(/common/images/common/icon01.png) no-repeat 100% 50%;
	padding-right:10px;
}
#content .detail #mainContents #newBlock .blockInner dl dd {
	width:575px;
	float:right;
}

/*----// DETAIL > LISTBLOCK //----*/
#content .detail #mainContents #listBlock {
	margin-bottom:20px;
	overflow:hidden;
	zoom:1;
	clear:both;
}
#content .detail #mainContents #listBlock ul {
	padding:15px 14px;
	border-bottom:1px solid #D6D6D6;
	border-left:1px solid #D6D6D6;
	border-right:1px solid #D6D6D6;
	overflow:hidden;
	zoom:1;
}
#content .detail #mainContents #listBlock ul li {
	width:100px;
	font-size:10px;
	line-height:12px;
	color:#666666;
	text-align:center;
	float:left;
	padding:0 15px;
}
#content .detail #mainContents #listBlock ul li img {
	margin-bottom:5px;
}
#content .detail #mainContents #listBlock ul li a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
}


/*----// DETAIL > RELATEDBLOCK //----*/
#content .detail #mainContents #relatedBlock {
	clear:both;
	margin-bottom:20px;
	overflow:hidden;
	border-bottom:1px solid #D6D6D6;
	border-left:1px solid #D6D6D6;
	border-right:1px solid #D6D6D6;
	zoom:1;
}

#content .detail #mainContents #relatedBlock h3 {
	height:26px;
}
#content .detail #mainContents #relatedBlock div.relatedProducts {
	width: 100%;
	margin:15px 14px 5px 14px;
	overflow:hidden;
	zoom:1;
}
#content .detail #mainContents #relatedBlock div.relatedProductsNext {
	float:right;
}
#content .detail #mainContents #relatedBlock div.relatedProductsPrev {
	float:left;
}
#content .detail #mainContents #relatedBlock ul li {
	width:120px;
	font-size:10px;
	line-height:12px;
	color:#666;
	text-align:center;
	float:left;
	padding:0 5px;
}
#content .detail #mainContents #relatedBlock ul li p {
	height: 75px;
}

#content .detail #mainContents #relatedBlock ul li figure {
	height: 140px;
	margin-bottom:5px;
}
#content .detail #mainContents #relatedBlock ul li figure a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
}
#content .detail #mainContents #relatedBlock ul li a {
	font-size:12px;
	line-height:14px;
	color:#222;
	margin-bottom:5px;
}

/*----// DETAIL > MOREBLOCK //----*/
#content .detail #mainContents #moreBlock {
	border:1px solid #D6D6D6;
}
#content .detail #mainContents #moreBlock h4 {
	text-align:left;
	background:#F6F6F6;
	padding:10px;
	border-bottom:1px solid #D6D6D6;
}
#content .detail #mainContents #moreBlock > ul {
	border-bottom:1px dotted #EAEAEA;
	padding:6px 2px;
}
#content .detail #mainContents #moreBlock > ul li {
	width:166px;
	float:left;
	padding:1px;
	margin:0px;
}
#content .detail #mainContents #moreBlock ul li a {
	font-size:12px;
	line-height:23px;
	color:#06336B;
	display:block;
	border:1px solid #DFE4EB;
	margin:0px;
}
#content .detail #mainContents #moreBlock ul li.ui-tabs-selected a {
	top:0px !important;
	margin:0px !important;
	padding:0px !important;
	line-height:23px !important;
	color:#fff;
	background:url(/common/images/detail/downIcon.png) no-repeat 10px 50% #08336B;
}
#content .detail #mainContents #moreBlock .blockInner {
	padding:15px 10px;
	overflow:hidden;
	zoom:1;
}
#content .detail #mainContents #moreBlock h5 {
	height:20px;
	line-height:10px;
	text-align:left;
	color:#7E92AD;
	border-bottom:2px solid #BFC9D6;
	margin-bottom:30px;
}
#content .detail #mainContents #moreBlock h5 span {
	font-size:16px;
	line-height:22px;
	vertical-align:bottom;
	display:block;
	padding-top:10px;
}
#content .detail #mainContents #moreBlock h5 span i {
	font-style:normal;
	background:#fff;
	padding-right:5px;
}
#content .detail #mainContents #moreBlock .blockInner .textBox {
	font-size:14px;
	line-height:20px;
	text-align:left;
	padding:0 5px;
}
#content .detail #mainContents #moreBlock .blockInner .textBox p {
	padding-bottom:20px;
}


/*----// DETAIL > MODAL //----*/
#content div#modal {
	display: none;
	position:absolute;
	width: 100%;
	height: 100%;
	top:0px;
	left:0px;
	z-index:10000;
	clear:both;
}
#content div#modal div.background {
	position:fixed;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
	z-index:10000;
	top:0px;
	left:0px;
}
#content div#modal div.container {
	position:fixed;
	width:700px;
	height:524px;
	z-index:20000;
}

#content #pop {
	width:700px;
	height:524px;
}
#content #pop .closeBtn {
	height:24px;
	text-align:right;
}
#content #pop .popBox {
	background:#fff;
	padding:30px;
}
#content #pop .popBox h5 {
	height:20px;
	font-size:16px;
	line-height:20px;
	color:#002559;
	text-align:center;
	padding-bottom:10px;
	background:url(/common/images/common/doubleLine.png) repeat-x bottom;
	margin-bottom:15px;
}
#content #pop .popBox .textBox {
	font-size:14px;
	line-height:22px;
	text-align:left;
	padding:0 10px;
}
#content #pop .popBox .textBox p {
	padding-bottom:20px;
}
#content #pop .popBox .textBox .pdfBtn {
	width:220px;
	font-size:14px;
	line-height:24px;
	border:1px solid #D6D6D6;
	background:#EDEDED;
	padding:0 10px;
	margin:0 auto 30px auto;
}
#content #pop .popBox .textBox .pdfBtn a {
	background:url(/common/images/common/pdfIcon.png) no-repeat 0% 50%;
	display:block;
	padding-left:26px;
	text-decoration:none;
}


/*--------// O ^ - ^ O //--
------------------------

information

------------------------
--------------------------*/

#content .information #mainContents article {
	padding:20px 0;
	clear:both;
	overflow:hidden;
	zoom:1;
}
#content .information #mainContents article h3 {
	font-size:16px;
	line-height:20px;
	text-align:left;
	color:#002559;
	padding:15px 0;
	margin-bottom:10px;
	background:url(/common/images/common/doubleLine.png) repeat-x bottom;
}
#content .information #mainContents article h3 time {
	width:100px;
	font-size:12px;
	line-height:20px;
	text-align:center;
	color:#fff;
	background:#00235A;
	float:left;
	margin-right:5px;
}
#content .information #mainContents article .boxInner {
	font-size:14px;
	line-height:20px;
	text-align:left;
}
#content .information #mainContents article .boxInner p {
	padding-bottom:15px;
}



/*--------// O ^ - ^ O //--
------------------------

news

------------------------
--------------------------*/

#content .news #mainContents div dl {
	padding:0 0 10px 0;
	border-bottom:1px dotted #EAEAEA;
	margin-bottom:10px;
	clear:both;
	overflow:hidden;
	zoom:1;
}
#content .news #mainContents div dl:last-child {
	border-bottom:none !important;
}
#content .news #mainContents div dl dt {
	width:170px;
	float:left;
}
#content .news #mainContents div dl dt time {
	width:80px;
	font-size:14px;
	line-height:16px;
	color:#2C5D92;
	text-align:left;
	display:block;
	float:left;
	background:url(/common/images/common/icon06.png) no-repeat 70px 4px;
}
#content .news #mainContents div dl dt span {
	width:84px;
	float:right;
}
#content .news #mainContents div dl dd {
	width:500px;
	font-size:14px;
	line-height:20px;
	text-align:left;
	float:right;
}
#content .news #mainContents div dl dd a {
	display:block;
	text-decoration:none;
}
#content .news #mainContents div dl dd a:hover {
	color:#2C5D92;
}

#content .news #mainContents .pageNav:first-child {
	border-top:none !important;
	border-bottom:1px solid #EAEAEA;
	margin-bottom:15px;
}
#content .news #mainContents .pageNav:last-child {
	border-top:1px solid #EAEAEA;
}

/*--------// O ^ - ^ O //--
------------------------

for convert

------------------------
--------------------------*/
#moreBlock div.textBox div.convert ul.list6 {
	margin:0px;
	background:#fff;
	text-align:left;
	padding:0 0px 10px 0px;
	clear:both;
	overflow:hidden;
	zoom:1;
}
#moreBlock div.textBox div.convert ul.list6 {
	padding:0px;
	background:none;
}
#moreBlock div.textBox div.convert ul.list6 li{
	width: 100%;
	color:#666;
	padding:6px 5px;
}

#moreBlock div.textBox div.convert ul.list6 li a {
	text-decoration:none;
	font-weight:normal;
	color:#333;
}
#moreBlock div.textBox div.convert ul.list6 li a:hover {
	background:#FC0;
}
#moreBlock article#detail_comment1 div.textBox div.convert pre {
	font-size:14px !important;
	line-height:20px !important;
	font-family: 'メイリオ','ＭＳ Ｐゴシック', Meiryo , sans-serif ,'Osaka','ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro !important;
}

#content .detail #mainContents section h4.cont {
	height:auto;
}

/*--------// O ^ - ^ O //--
------------------------

ERROR

------------------------
--------------------------*/

#content .error #mainContents .notfound {
	font-size: 14px;
	line-height:20px;
	text-align: center;
	padding: 150px 0;
}