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

@import url("../../css/base.css");
@import url("../../css/common.css");
@import url("../../css/font.css");
@import url("../../navi/DropDownMenu.css");
@import url("../../css/contents.css");

/*IEでa以外にhoverを機能させる*/
body { behavior:url("csshover.htc"); }

/*カテゴリーで色を変える*/
.themeColor {
	color: #3399CC;
}
#contents .txtBlock h2 {
	background-image: url(../../common_img/circleArrow_text.gif);
	clear: both;
}
#contents .txtBlock h3 {
	color: #007AC2;
}

.tableType1 th {
	background-color: #E4EFFF;
	text-align: center;
}


/*教材*/


#package .txtBlock h2 {
	position: relative;
}
#package .txtBlock h2 p {
	position: absolute;
	top: -15px;
	right: 18px;
}
#package .txtBlock h2 span,
#material .txtBlock h2 span {
	font-size: 90%;
	font-weight: normal;
}

#package .storyContainer {
	padding-bottom: 0px;
	clear: both;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#package .storyContainer h3 {
	margin: 0px;
	padding: 5px;
	font-size: 95%;
	background-color: #FFFFFF;
}
#package .storyContainer h3 a {
	color: #000000;
	text-decoration: none;
	display: block;
}
#package .storyContainer h3 a:hover {
	text-decoration: underline;
}
#package .storyContainer h3.bgBlue {
	background-color: E4EFFF;
}

#package .storyContainer dl {
	margin-top: 0em;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
}
#package .storyContainer dt {
	color: #007AC2;
	padding-top: 5px;
}
#package .storyContainer dd {
	padding-top: 2px;
	padding-left: 1em;
}
#package .storyContainer table {
	width: 524px;
	margin-top: 0px;
}
#package .storyContainer table td {
	text-align: center;
	padding: 3px;
}
#package .storyContainer table td.junior,
#mainL fieldset table td.junior {
	background-color: #FFE9EC;
}
#package .storyContainer table td.general,
#mainL fieldset table td.general {
	background-color: #FFFFCC;
}
#package .storyContainer table td.material,
#mainL fieldset table td.material {
	background-color: #F0FFE6;
}
#package .storyContainer02 table td.general02 {
 background-color: #e6f8ff;
}
#package fieldset,
#mainL fieldset {
	margin-top: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#package  fieldset ul {
	margin-top: 5px;
}
#package fieldset dt,
#package fieldset dd {
	padding-top: 8px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	float: left;
	margin-top: 8px;
}
#package fieldset dt {
	width: 60px;
	clear: both;
}
#package fieldset dd {
	width: 440px;
}
#package fieldset h3 {
	font-size: 105%;
	font-weight: normal;
	color: #990000;
}
#mainL fieldset td {
	padding-top: 3px;
	font-size: 65%;
	padding-left: 5px;
	padding-bottom: 3px;
}
#mainL fieldset td.icon {
	text-align: center;
	padding-right: 0px;
	padding-left: 0px;
}
#material .storyContainer {
	padding-top: 15px;
	padding-bottom: 0px;
	clear: both;
}

#material table.chara {
	width: 525px;
	margin-top: 10px;
	font-size: 100%;
}
#material table.chara td {
	text-align: center;
	vertical-align: bottom;
}
#material table.chara td img {
	text-decoration: none;
	margin-bottom: 3px;
}



/*教材申込み*/
#contents .orderblock {
	padding-top: 20px;
}
#contents .orderblock p {
	font-size: 75%;
	margin: 0px;
}
#contents .orderblock img {
	vertical-align: middle;
	margin-right: 10px;
}

/*キャラクター*/

#chara .tableType1 th,#chara .tableType1 td {
	vertical-align: middle;
}
#chara .tableType1 table {
	width: 525px;
}

/*無料化し出し教材*/
#rental table td p {
	font-size: 80%;
	margin-top: 5em;
}


/*TOP5*/
#contents #top5 .txtBlock li {
	margin-top: 0.5em;
}


/*素材倉庫／ダウンロード*/
#contents .txtBlock div.storyContainer div.materialBox01 { margin-top: 15px; padding-bottom: 15px; border-bottom: 1px dotted #dddddd;}
#contents .txtBlock div.storyContainer div.materialBox01 p { margin: 0; padding: 0;}
#contents .txtBlock div.storyContainer div.materialBox01 div.storyContainer-imgBox { width: 110px; float: left;}
#contents .txtBlock div.storyContainer div.materialBox01 div.storyContainer-txtBox { width: 406px; float: right;}
#contents .txtBlock div.storyContainer div.materialBox01 th { padding-top: 3px; font-weight: normal;}
#contents .txtBlock div.storyContainer div.materialBox01 td { padding-top: 3px;}
#contents .txtBlock div.storyContainer div.materialBordBox01 { padding-bottom: 15px; border-bottom: 1px dotted #dddddd;}

/*基本教材090722*/
div.packageMainBox { margin-top: 20px; padding: 8px; background: #fffbf0; border: 2px solid #ff6600;}
div.packageTitBox { padding-bottom: 10px; border-bottom: 1px dotted #cccccc;}
div.packageTitBox p { padding: 3px 0 0 33px;}
#package div.packageMainBox h2 { position:relative;}
#contents div.packageMainBox h2 {
	background: url(/textbook/img/icon_new01.gif);
	background-position: 0 8px;
	background-repeat:no-repeat;
	font-size:120%;
	padding-left:33px;
	padding-top:5px;
}
#package .storyContainer02 { margin: 10px 0 10px 0; padding-bottom: 10px; border-bottom: 1px dotted #cccccc;}
#package .storyContainer02 table {
 width: 120px;
 margin: 0 15px 0 0;
 border: 1px solid #ff9933;
 float: left;
}
#package .storyContainer02 table td {
 text-align: center;
 padding: 10px;
 background: #ffffff;
}
div.packageMainBox dt { width: 18px; float: left;}
div.packageMainBox dd { width: 480px; float: left;}