@charset "utf-8";
/* CSS Document */


/*-----------------------------------------------
know-abc
-------------------------------------------------*/

#know-abc {
	padding-bottom:20px;	
}

#know-abc h3 {
	padding-bottom:20px;
}

#know-abc h3.know-abc {
	padding-top:10px;
}


/*   whats-zakkoku
-----------------------------------------*/
#whats-zakkoku {
	padding-bottom:20px;
}

#whats-zakkoku p {
	line-height:2;
	padding-bottom:10px;
}

/*   charm
-----------------------------------------*/

#charm {
	padding-bottom:20px;
}

#charm ul li {
/*	padding-bottom:20px;
*/}

li.face-B {
	padding-bottom:40px;
}

#charm ul li dt {
	padding-bottom:10px;
}

#charm ul li dd.face01 img {
	float:left;
	width:192px;
	padding-right:15px;
	padding-bottom:90px;
}

#charm ul li dd.face02 img {
	float:left;
	width:152px;
	padding-right:15px;
	padding-bottom:10px;
}


/*   effect
-----------------------------------------*/

#effect{
	padding-bottom:20px;
}

#effect table td {
	padding:5px;
}


/*   intro-main
-----------------------------------------*/

#intro-main {
	padding-bottom:20px;
}


#intro-main .intro-box {
	background:url(../img/know/bg-knowabc01.gif) no-repeat left top;
	width:690px;
	height:171px;
	margin-bottom:15px;
	position:relative;
}

#intro-main .intro-box img.intro-img {
	float:left;
	padding-top:25px;
	padding-left:10px;
}

#intro-main .intro-box dl {
	float:right;
	padding-right:25px;
	padding-top:20px;
	width:360px;
}

#intro-main .intro-box dl dt {
	padding-bottom:10px;
}

#intro-main .intro-box dl dd {
	font-size:14px;
}

#intro-main .intro-box p.more-read {
	position:absolute;
	right:7px;
	bottom:7px;	
}


/*   intro-sub
-----------------------------------------*/

.intro-sub {
	clear:both;
}
.intro-sub ul {
	border-bottom:1px dotted #b4b4b4;
	margin-bottom:20px;
}

.intro-sub ul li {
	float:left;
	width:330px;
}

.intro-sub ul li.intro-sub-text {
	padding-right:20px;
	padding-bottom:20px;
}

.intro-sub ul li dt {
	float:left;
	width:83px;
}

.intro-sub ul li dd {
	float:right;
	padding-left:4px;
	width:230px;
	padding-bottom:10px;
	
}
.intro-sub ul li dd img {
	padding-bottom:5px;
}

.intro-sub ul li p.more-read {
	text-align:right;
	padding-bottom:15px;
}



/*-----------------------------------------------
know-link
-------------------------------------------------*/

.know-link {
	clear:both;
/*	padding-top:15px;
	margin-top:10px;
*/	width:690px;
/*	border-top:1px dotted #b4b4b4;
*/}

.know-link p {
	float:right;
}

.know-link a {
	background:transparent url(../../common/img/icon-06.gif) no-repeat scroll left center;
	padding-left:20px;
}


/*-----------------------------------------------
Related-link
-------------------------------------------------*/

.Related-link  {
	clear:both;
	padding-top:10px;
	margin-top:10px;
	width:690px;
	border-top:1px dotted #b4b4b4;
}

.Related-link h4 {
	padding-bottom:10px;
	clear:both;
}

.Related-link ul {
	padding-bottom:20px;
}

.Related-link ul li {
}

/*.book-link*/
.Related-link ul.book-link {
}

.Related-link ul.book-link li {
	float:left;
	padding-right:20px;
	width:145px;
	text-align:center;
	line-height:1;
}

.Related-link ul li a img {
	padding-bottom:10px;
}