@charset "utf-8";


body {
	margin: 0px;
	padding: 0px;
	background:url(../images/com/com_bg.gif);
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	color: #606060;
	line-height: 18px;
}

body a{
	color: #0C5E98;
}

body a:hover{
	color: #FF5A00;
}



img { 
	border:0px;
}


.imgblock { display:block;}


.imgb { 
	margin: 0px;
	padding: 0px;
	vertical-align:bottom;
}

.imgt { 
	margin: 0px;
	padding: 0px;
	vertical-align:top;
}

.imgtag {
	vertical-align:bottom;
	border:0px;
}


.clearboth {
	clear:both;
	visibility:hidden;
	width: 0px;
	height: 0px;
	font-size:0px;
}

.clearfix:after {
	content: ".";
	display:block;
	height: 0;
	clear:both;
	visibility:hidden;
}

#outer {
	width: 926px;
	margin: 0px auto 0px auto;
	padding: 0px;
	background:url(../images/com/com_outer.gif) repeat-y;
}

.pad10 {
	padding: 10px;
}

.pad20 {
	padding: 20px;
}

.pad10gray {
	padding: 10px;
	background:#EEEEEE;
}


/*---------- フッター ----------*/

#footer {
	width: 926px;
	height: 62px;
	margin: 0px auto 0px auto;
	padding: 0px;
	background:url(../images/com/com_footer.gif) no-repeat;
}

#footer #foottxt {
	padding: 17px 10px 0px 15px;
	color: #C4C4C4;
	float: right;
}

#footer a{
	color: #FFCC00;
	text-decoration:none;
}

#footer a:hover{
	text-decoration:underline;
}

#footer #footleft {
	padding: 17px 0px 0px 15px;
	color: #C4C4C4;
	float:left;
}

#footer #footleft a{
	color:#FFFFFF;
}

/*---------- ヘッダー ----------*/

#header {
	position:relative;
	width: 920px;
	height: 80px;
	margin: 0px auto 0px auto;
	background:url(../images/com/com_header.gif) no-repeat;
}

#headpos1 {
	position:absolute;
	top: 5px;
	left: 13px;
	margin: 0px;
	padding: 0px;
}

#headpos2 {
	position:absolute;
	top: 8px;
	left: 778px;
	margin: 0px;
	padding: 0px;
}

#headpos3 {
	position:absolute;
	width: 320px;
	height: 28px;
	top: 34px;
	left: 590px;
	margin: 0px;
	padding: 0px;
	background:url(../images/com/com_search.gif) no-repeat;
}

#searchpad {
	width: 255px;
	padding: 3px 0px 0px 3px;
	float: left;
}

#searchbut {
	padding: 3px 3px 0px 0px;
	float: right;
}

/*---------- コンテンツ ----------*/

#contents {
	width: 883px;
	margin: 2px 0px 0px 20px;
	padding: 0px;
}

#part1 {
	width: 156px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#part2 {
	width: 530px;
	margin: 3px 0px 0px 7px;
	padding: 0px;
	float: left;
}

#part3 {
	width: 180px;
	margin: 3px 0px 0px 0px;
	padding: 0px;
	float: right;
}

#part4 {
	width: 720px;
	margin: 3px 0px 0px 0px;
	padding: 0px;
	float:right;
}

#partfull {
	width: 870px;
	margin: 3px 0px 0px 0px;
	padding: 0px;
}

/*---------- メニュー ----------*/

#menu {
	width: 156px;
	height: 137px;
	margin: 0px;
	padding: 0px;
	background:url(../images/com/menu_bg.gif) no-repeat;
	list-style: none;
}

.menupos {
	padding: 3px 0px 0px 20px;
	color:#FFFFFF;
}

.menuposa {
	padding: 8px 0px 0px 20px;
	color:#FFFFFF;
}

.menupos a{
	color: #FFFFFF;
	text-decoration:none;
}

.menupos a:hover{
	color: #FFFF66;
	text-decoration:underline;
}

.menuposa a{
	color: #FFFFFF;
	text-decoration:none;
}

.menuposa a:hover{
	color: #FFFF66;
	text-decoration:underline;
}

/*---------- メニュー(絵本/プロジェクトX) ----------*/

#newcont {
	width: 156px;
	margin: 3px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}

.newcontli {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

/*---------- レベルチェック ----------*/

#levelcheck {
	width: 156px;
	height: 96px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	background:url(../images/com/lv_bg.gif) no-repeat;	
}

.levcheckposa {
	padding: 38px 0px 0px 56px;
	color:#FFFFFF;
}

.levcheckposa a{
	color: #FFFFFF;
	text-decoration:none;
}

.levcheckposa a:hover{
	color: #FFFF66;
	text-decoration:underline;
}

.levcheckposb {
	padding: 4px 0px 0px 56px;
	color:#FFFFFF;
}

.levcheckposb a{
	color: #FFFFFF;
	text-decoration:none;
}

.levcheckposb a:hover{
	color: #FFFF66;
	text-decoration:underline;
}

/*---------- 合計書籍数 ----------*/
#totalbook {
	width: 149px;
	height: 40px;
	margin: 0px auto 6px auto;
	padding: 0px;
	background: url(../images/com/totalbook2.gif) no-repeat;
}

#totalbooktex {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:18px;
	color: #FF8400;
	padding: 11px 0px 0px 90px;
}

/*---------- バナー ----------*/

#ban1 {
	width: 149px;
	margin: 6px auto 0px auto;
	padding: 0px;
}

.ban1er {
	width: 149px;
	height: 40px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}

#ban2 {
	width: 150px;
	margin: 10px auto 0px auto;
	padding: 0px;
}

.ban2er {
	width: 150px;
	height: 37px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

/*---------- パンくず ----------*/

#breadcrumb {
	width: 720px;
	background: #C5CFD5;
	font-size:10px;
	margin: 0px 0px 5px 0px;
}

#breadpad {
	padding: 4px 0px 0px 10px;
}

#breadcrumbarea {
	width: 880px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

#breadcrumback {
	width: 45px;
	height: 23px;
	background:url(../images/com/backbg.gif);
	float: left;
}

#breadmodoru {
	font-size:12px;
	padding: 3px 0px 0px 14px;
}

#breadmodoru a{
	color:#FFFFFF;
}

#breadmodoru a:hover{
	color: #003366;
}

#breadcrumb2 {
	width: 830px;
	background: #C5CFD5;
	font-size:10px;
	float: right;
}

/*---------- フォント ----------*/

.font12orange {
	font-size: 12px;
	color: #FF6500;
}

.font14orange {
	font-size: 14px;
	color: #FF6500;
}

.font18orange {
	font-size: 18px;
	color: #FF6500;
}

.font14green {
	font-size: 14px;
	color: #7A9700;
}

.font14black {
	font-size: 14px;
	color: #606060;
}

.font14blue {
	font-size: 14px;
	color: #4075C3;
}

.lh12 {
	line-height: 12px;
}

/*---------- テキスト背景 ----------*/
.orangeback {
	width: 620px;
	background: #FF6633;
	padding: 5px;
	color: #FFFFFF;
	font-size:14px;
}