/* override base.css */

div.clear{clear:both;}

#main div.bookindex {
    width: 627px;
    padding: 10px 0 0;
	background:url(/material/img/kyokasyo/syogaku/shakai/main_bg_110.gif) no-repeat left top;
}
#main div.bookindex_footer {
    width: 627px;
    height: 11px;
	background:url(/material/img/kyokasyo/syogaku/shakai/main_bg_110_footer.gif) no-repeat left top;
}
#main div.bookindex_inner {
    width: 600px;
    margin: 0 auto;
	background:url(/material/img/kyokasyo/syogaku/shakai/main_bg_100.gif) no-repeat left top;
}
#main div.bookindex_inner_footer {
    height: 11px;
    width: 600px;
    margin: 0 auto;
	background:url(/material/img/kyokasyo/syogaku/shakai/main_bg_100_footer.gif) no-repeat left top;
}
#main div.bookindex pre {
    padding:30px 50px 20px 20px;
    line-height: 1.8;
}

#side .block01b {
	background:url(/material/img/kyokasyo/syogaku/shakai/side_bg_010.gif) no-repeat left top;
	height:276px;
	width:228px;
}
#side .block01b .ttl01 {
	color:#000000;
	font-weight:bold;
	padding:18px 0 15px 20px;
}
#side .block01b .ttl02 {
	background:url(/material/img/common/side_bg_040.gif) no-repeat left 2px;
	color:#000000;
	font-weight:bold;
	margin:0 0 0 10px;
	padding:0 0 5px 15px;
}
#side .block01b ul {
	margin:0 0 0 15px;
}
#side .block01b ul li {
	background:url(/material/img/common/side_bg_030.gif) no-repeat left 6px;
	padding:0 8px 2px 8px;
}

#side .block01c {
	background:url(/material/img/kyokasyo/syogaku/shakai/side_bg_060.gif) no-repeat left top;
	height:69px;
	width:228px;
}
#side .block01c .ttl01 {
	color:#000000;
	font-weight:bold;
	padding:18px 0 5px 20px;
}
#side .block01c ul {
	margin:0 0 0 15px;
}
#side .block01c ul li {
	background:url(/material/img/common/side_bg_030.gif) no-repeat left 6px;
	padding:0 8px 2px 8px;
}
div.backto p {
    margin: 0;
	width:910px;
}
div.backto p a {
    display: block;
	background:url(/material/img/kyokasyo/syogaku/shakai/btn_backto.gif) no-repeat left top;
    width: 196px;
    height: 21px;
    text-decoration: none;
    float:right;

}
div.backto p a:hover {
	background:url(/material/img/kyokasyo/syogaku/shakai/btn_backto.gif) no-repeat left -21px;
}

div#side div.nav ul li a.no-img,
div#side div.nav ul li a.no-img:hover {
	background-image: none;
}

div.pagetop {
    margin: 30px 0;
}
div.pagetop p {
    margin: 0;
}
div.pagetop p a {
    display: block;
	background:url(/material/img/kyokasyo/syogaku/shakai/btn_pagetop.gif) no-repeat left top;
    width: 146px;
    height: 21px;
    text-decoration: none;
}
div.pagetop p a:hover {
	background:url(/material/img/kyokasyo/syogaku/shakai/btn_pagetop.gif) no-repeat left -21px;
}

/*
table {
    width: 600px;
    margin: 10px 30px;
    padding: 20px 10px 10px;
    border-collapse: collapse;
    background: #FFF;
}
table thead {
    background: #FFF0A9;
}
table tr th,
table tr td {
    border: solid 1px #000;
}
table tr th {
    padding: 10px;
    width: 120px;
    background: #FFF7D4;
    font-weight: normal;
}
table tr td {
    padding: 10px;
    text-align: center;
}
*/

table.henshuin {
    background: none;
}
table.henshuin tr td {
    text-align: left;
    border: none;
}


div.firstdownload {
    height: 93px;
    margin: 10px 0 10px 20px;
    padding: 10px 0 0;
	background:url(/material/img/kyokasyo/syogaku/shakai/bg_download.gif) no-repeat left top;
}
div.firstdownload  p.firstdownload_link {
    margin: 15px 0  0 40px;
    font-weight: bold;
}

div.title_index {
    margin: 20px 0 20px 30px;
    overflow: hidden;
}
div.title_index ul {
    float: left;
    width: 200px;
}
div.title_index ul li {
    margin: 0 0 10px;
}

div.link_list {
    margin: 0 0 0 0px;
    width: 630px;
}
div.link_list p {
    margin: 0 0 10px;
	font-weight:bold;
}
div.link_list dl {
    margin: 0 10px 0 30px;
}
div.link_list dl dd {
    margin: 0 0 20px;
}

div.tanoshimou img,
div.tanoshina img {
    margin: 10px 0 10px 30px;
}
div.tanoshimou p,
div.tanoshina p {
    line-height: 1.6;
	margin: 10px 0;
}
div.tanoshimou ul,
div.tanoshina ul {
    margin: 20px 0 0 30px;
}
div.tanoshimou ul li,
div.tanoshina ul li {
    margin: 10px 0;
}

div.bookindex_inner p{
    width: auto;
    margin-left: 0;
    margin-right: 0;
}
div.bookindex_inner div.bookindex_box{
    padding: 20px 20px 0px 20px;
    overflow: hidden;
}
div.bookindex_inner div.bookindex_box1{
    overflow: hidden;
    margin: 20px 0 40px 0;
}
div.bookindex_inner div.bookindex_box1 p{
    padding: 0 0 0 280px;
    margin: 0 0 10px 0;
}
/* 2011.03.15 Delete
div.bookindex_inner div.bookindex_box1 img#main_image{
    display: block;
    float: left;
}
div.bookindex_inner div.bookindex_box1 ul#introduction{
    width: 268px;
    float: left;
}
div.bookindex_inner div.bookindex_box1 ul#introduction li{
    background: url(/material/img/kyokasyo/syogaku/shakai/tanoshimou/img_13.gif) no-repeat;
    width: 238px;
    height: 44px;
    padding: 15px 15px 15px 32px;
    position: relative;
    overflow: hidden;
    text-indent: -1.5em;
}
div.bookindex_inner div.bookindex_box1 ul#introduction li a{
    color: #00F;
}
div.bookindex_inner div.bookindex_box1 ul#introduction li#intro1{
    top: 10px;
}
div.bookindex_inner div.bookindex_box1 ul#introduction li#intro2{
    top: 40px;
}
div.bookindex_inner div.bookindex_box1 ul#introduction li#intro3{
    top: 100px;
}
div.bookindex_inner div.bookindex_box1 ul#introduction li#intro4{
    top: 170px;
}
div.bookindex_inner div.bookindex_box1 ul#introduction li#intro5{
    top: 335px;
}
*/
div.bookindex_inner div.bookindex_box2{
    float: none;
    clear: left;
    background: url(/material/img/kyokasyo/syogaku/shakai/tanoshimou/img_14.gif) no-repeat;
    height: 90px;
    padding: 10px 0 0 0;
    text-align: center;
}

#main p.textarea {
	margin:0 0 20px 20px;
}
span.syakailnk a{
   color:#00F;
	}
span.syakailnk a:hover{
   color:#0CC;
	}
div.imgbox{
	padding:10px 0;
	}
div.imgbox img{
float:left;
margin:0 20px 15px 0px;
	}	
div.imgbox p{
padding:100px 0 0 0;
}	
/*前へ・次へボタン*/
.btn-nextback{
	width:570px;
	margin:25px 0 10px 50px;
	clear: both;
	overflow:hidden;zoom:1;
}
.btn-nextback .back{
	float:left;
	width:97px;
	overflow:hidden;
}
.btn-nextback .back a{
	display:block;
	width:97px;
	height:21px;
	text-indent: -9999px;
}
.btn-nextback .back a:link,.btn-nextback .back a:visited{
	background-image: url(/material/img/kyokasyo/syogaku/shakai/btn_back.gif) !important;
	background-repeat: no-repeat;
	background-position: left top;
}
.btn-nextback .back a:hover,.btn-nextback .back a:active{
	background-image: url(/material/img/kyokasyo/syogaku/shakai/btn_back.gif) !important;
	background-repeat: no-repeat;
	background-position: left bottom;
}
.btn-nextback .next{
	float:right;
	width:97px;
	overflow:hidden;
}
.btn-nextback .next a{
	display:block;
	width:97px;
	height:21px;
	text-indent: -9999px;
}
.btn-nextback .next a:link,.btn-nextback .next a:visited{
	background-image: url(/material/img/kyokasyo/syogaku/shakai/btn_next.gif) !important;
	background-repeat: no-repeat;
	background-position: left top;
}
.btn-nextback .next a:hover,.btn-nextback .next a:active{
	background-image: url(/material/img/kyokasyo/syogaku/shakai/btn_next.gif) !important;
	background-repeat: no-repeat;
	background-position: left bottom;
}


a.returnShakai {
	background:url(/material/img/kyokasyo/syogaku/shakai/btn_top.gif) no-repeat left top;
	display:block;
	float:right;
	font-size:1px;
	height:21px;
	line-height:1px;
	text-indent:-9999px;
	width:280px;
}
a.returnShakai:hover {
	background:url(/material/img/kyokasyo/syogaku/shakai/btn_top.gif) no-repeat left 100%;
}


a.returnShakai2 {
	background:url(/material/img/kyokasyo/syogaku/shakai/btn_backto_tanoshimou.gif) no-repeat left top;
	display:block;
	float:right;
	font-size:1px;
	height:21px;
	line-height:1px;
	text-indent:-9999px;
	width:300px;
}
a.returnShakai2:hover {
	background:url(/material/img/kyokasyo/syogaku/shakai/btn_backto_tanoshimou.gif) no-repeat left -21px;
}

a.returnShakai3 {
	background:url(/material/img/kyokasyo/syogaku/shakai/btn_backto_inverview.gif) no-repeat left top;
	display:block;
	float:right;
	font-size:1px;
	height:21px;
	line-height:1px;
	text-indent:-9999px;
	width:237px;
}
a.returnShakai3:hover {
	background:url(/material/img/kyokasyo/syogaku/shakai/btn_backto_inverview.gif) no-repeat left -21px;
}

#main .title04 {
	background:url(/material/img/common/side_bg_100.gif) no-repeat left 2px;
	color:#000000;
	font-size:120%;
	font-weight:bold;
	margin:0 0 10px 5px;
	padding:0 0 0 15px;
}

#main .title05 {
	background:none;
	color:#000000;
	font-size:100%;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0 0 0 15px;
}

#main .title05-2 {
	background-color:#e0efff;
	color:#000000;
	font-size:100%;
	font-weight:bold;
	margin:0px 0px 10px 10px;
	padding:3px 0px 3px 10px;
}

#main .title05-2-2 {
	color:#000000;
	font-size:100%;
	font-weight:bold;
	margin:20px 0px 10px -5px;
	padding:0px 0px 0px 0px;
}

#main .textbook02{
    width:95px;
    margin:0 0 10px 10px;
   float:left;
   text-align:center;
}
#main .textbook02 p{
    font-weight:bold;
    margin:5px 0;
}

#main .title08 {
	color:#000000;
	font-size:120%;
	font-weight:bold;
	margin:0 0 10px 10px;
	padding:0;
}
#main .title10 {
	background:url(/material/img/common/title_040.gif) no-repeat left 2px;
	color:#000000;
	font-size:120%;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0 0 0 25px;

}
#main .title10 a {
	color:#000000;
}


#main .title11{
	background:url(/material/img/common/side_bg_100.gif) no-repeat 3px 2px;
	color:#000000;
	font-size:120%;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0 0 0 23px;
}

#main .title12{
	background:url(/material/img/common/side_nav_050.gif) no-repeat 10px center;
	color:#000000;
	font-size:100%;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0 0 0 18px;
    line-height:normal;
}
#main .title13 {
	color:#000000;
	font-size:100%;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0 0 0 15px;
}



/* 3/18 教科書・副読本トップへ戻るボタン*/

#fnavi{
	overflow:hidden !important;
	zoom:1 !important;
	width:910px !important;
	height:51px;
}

#fnavi div.return{
	float:right;
	width:197px;
	overflow:hidden;
}

#fnavi div.return a{
	display:block;
	width:197px;
	height:21px;
	text-indent: -9999px;
}



#fnavi div.return a:link,#fnavi div.return a:visited{
	background-image: url(/material/img/kyokasyo/common/fnavi_btn_010.gif) !important;
	background-repeat: no-repeat;
	background-position: left top;
}

#fnavi div.return a:hover,#fnavi div.return a:active{
	background-image: url(/material/img/kyokasyo/common/fnavi_btn_010.gif) !important;
	background-repeat: no-repeat;
	background-position: left bottom;
}


#side .no_btn01 a {
	background:url(/material/img/common/side_btn_040_none.gif) no-repeat left top;
	color:#000000;
	display:block;
	font-weight:bold;
	height:66px;
	padding:18px 3px 0 25px;
	text-decoration:none;
	width:194px;
}
#side .no_btn01 a:hover {
	background:url(/material/img/common/side_btn_040_none.gif) no-repeat left -84px;
}

table.list-index {
    background: none;
}
table.list-index tr td {
	border:none;
	text-align:left;
	padding:5px;
	width:200px;
}



/*2011.03.11 追加分*/

/* index.html */
.bookBox {
	margin:12px auto 20px auto;
	padding:4px;
	background:url(/material/img/kyokasyo/syogaku/bg_menuBox.gif);
	width:651px;
}
.bookBox .insideBox {
	margin:0;
	padding:15px;
	background-color:#ffffff;
}
.bookBox .insideBox .bg-green {
	padding:7px 0;
	background-color:#ecf7ed;
	text-align:center;
	width:140px;
}

#main .sContentBox {
	margin-top:12px;
	margin-bottom:20px;
	padding:10px 13px;
	width:631px;
	border:#c5c5c5 1px solid;
	background-color:#ffffff;
}
#main .sBox-type01 {
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;
	background-color:#ffe5e9;
}
#main .sBox-type02 {
	margin-top:10px;
	padding:15px;
	border:#97de94 1px solid;
	background-color:#e7fce6;
}


.blueFont {
	color:#069dde;
	font-weight:bold;
}


#main .bgWhiteBox {
	margin:0;
	padding:20px;
	background-color:#ffffff;
}

ul.index-menu li.sideL {
	float:left;
	clear:both;
	width:295px;
}
ul.index-menu li.sideR {
	margin-left:295px;
}



/*2011.03.15 追加分*/

div.blue-contents-box {
   background:#ffffff url(/material/img/kyokasyo/syogaku/bg_contents_box.gif) top repeat-x;
   border: 1px solid #c5c5c5;
   padding:35px 15px;
}

.tit-box {
	margin-bottom:25px;
	text-align:center;
}

div.blue-contents-box div.tanoshinaBox {
}
div.blue-contents-box div.tanoshinaBox img.main_image{
    display: block;
    float: left;
}
div.blue-contents-box div.tanoshinaBox ul.intro {
	margin-left:295px;
	width: 270px;
	position:relative;
}
div.blue-contents-box div.tanoshinaBox ul.intro li {
	padding:10px 8px 10px 8px;
	display:block;
	position:relative;
	background:url(/material/img/kyokasyo/syogaku/shakai/tanoshimou/img_13.gif) left top no-repeat;
	width:280px;
	height:55px;
}
div.blue-contents-box div.tanoshinaBox ul.intro li#intro01 {
    margin-top: 30px;
}
div.blue-contents-box div.tanoshinaBox ul.intro li#intro02 {
	margin-top:112px;
}
div.blue-contents-box div.tanoshinaBox ul.intro li#intro03 {
	top:229px;
}
div.blue-contents-box div.tanoshinaBox ul.intro li#intro04 {
	top:340px;
}
div.blue-contents-box div.tanoshinaBox ul.intro li#intro05 {
	top:573px;
}
div.blue-contents-box div.tanoshinaBox ul.intro li#intro06 {
	top:770px;
}

div.blue-contents-box .subt-style {
	margin-bottom:15px;
	padding:2px 0 4px 17px;
	background:url(/material/img/kyokasyo/syogaku/shakai/interview/bg_subt-style.gif) left bottom no-repeat;
}

div.blue-contents-box .tanoshiText {
	background:url(/material/img/kyokasyo/syogaku/shakai/tanoshimou/bg_tanoshi01.gif) top center no-repeat;
}