@charset "utf-8";

/* 資料室　[ dataroom.css ]
=================================
1: 共通

2: 資料室トップ　[ id="top" ]

3: 教科単元別ガイドトップ　[ id="guide-top" ]

4: 教科単元別ガイド一覧ページ　[ id="guide-lineup" ]

5: 教科単元別ガイド詳細　[ id="guide" ]

6: 教育用語集トップ　[ id="vocabulary-top" ]

7: 教育用語集詳細　[ id="vocabulary" ]

8: 評価規準分析表トップ　[ id="criterion-top" ]

9: 評価規準分析表　[ id="criterion" ]

10: 光文書院の情報誌トップ　[ id="magazine-top" ]

11: 光文書院の情報誌　[ id="magazine" ]

12: 学習経営プリント　[ id="print" ]

13: 年間指導計画例　[ id="plan" ]
	
=================================*/


/*1: 共通
=================================*/
#main-col h3 {
	margin: 20px 0 0;
	background: #e0f0b2 url(../../dataroom/img/bg_stit.gif) no-repeat 0 0;
}

#main-col h3 span {
	display: block;
	padding: 7px 10px;
	background: url(../../dataroom/img/bg_stit_bottom.gif) no-repeat 0 100%;
	font-weight: bold;
}

#main-col h4 {
	margin: 25px 0 0;
}

#main-col p.bt-ichiran {
	margin: -30px 10px 0 0;
	padding: 0;
	text-align: right;
}

#main-col div.orange-box {
	width: 510px;
	margin: 0 0 15px;
	padding: 1px 0 0;
	background: url(/idea/img/bg_orange.gif) no-repeat 0 0;
}

#main-col div.orange-box div.wrap {
	padding: 0 20px;
	background: url(/idea/img/bg_orange_bottom.gif) no-repeat 0 100%;
}

#main-col div.orange-box ul {
	padding: 8px 0;
}



/*2: 資料室トップ　[ id="top" ]
=================================*/
#top h2 {
	margin: 10px 0 0;
}

#top ul.dataroom-nav {
	margin: 0 5px;
	padding: 10px 0 20px;
}

#top ul.dataroom-nav li {
	display: inline;
	margin: 0 0 0 5px;
	padding: 0 0 0 10px;
	background: url(../../img/arrow_green_s.gif) no-repeat 0 50%;
}

#top #main-col div.titlebar {
  margin-top: 15px;
  padding: 6px 0px 6px 10px;
  font-size: 12px;
  width: 520px;
  background: -webkit-gradient(linear, left bottom, left top, from(#e0f0b2), to(#ecf6d1));
  background-color: #e0f0b2;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}




/*3: 教科単元別ガイドトップ　[ id="guide-top" ]
=================================*/
#guide-top h1#c-root {
	margin: 0;
}

#guide-top h2#c-root {
	margin: 10px 0 5px;
}

#guide-top h3#c-root {
	margin: 0;
}

#guide-top h1 {
	margin: 10px 0 5px;
}

#guide-top h2 {
	margin: 0;
}

#guide-top #main-col p {
	margin: 10px 10px 0;
}

#guide-top #main-col p#title {
	margin: 0;
}

#guide-top ul.guide-nav {
	margin: 10px 5px 0;
	padding: 0 0 15px;
}

#guide-top ul.guide-nav li {
	display: inline;
	margin: 0 0 0 5px;
	padding: 0 0 0 10px;
	background: url(../../img/arrow_green_s.gif) no-repeat 0 50%;
}



/*4: 教科単元別ガイド一覧ページ　[ id="guide-lineup" ]
=================================*/
#guide-lineup #main-col h1 {
	margin: 20px 0 0;
	background: #e0f0b2 url(../../dataroom/img/bg_stit.gif) no-repeat 0 0;
}

#guide-lineup #main-col h1 span {
	display: block;
	padding: 7px 10px;
	background: url(../../dataroom/img/bg_stit_bottom.gif) no-repeat 0 100%;
	font-weight: bold;
}

#guide-lineup #main-col ul {
	padding: 10px 10px 0;
}

#guide-lineup #main-col ul li {
	padding: 5px 0 0;
}


/*5: 教科単元別ガイド詳細　[ id="guide" ]
=================================*/
#guide #main-col h1 {
	margin: 20px 0 0;
	background: #e0f0b2 url(../../dataroom/img/bg_stit.gif) no-repeat 0 0;
}

#guide #main-col h1 span {
	display: block;
	padding: 7px 10px;
	background: url(../../dataroom/img/bg_stit_bottom.gif) no-repeat 0 100%;
	font-weight: bold;
}

#guide #main-col h2 {
	margin: 25px 0 0;
}

#guide #main-col p.explanation {
	margin: 10px 10px 0;
}

/*リンク集
---------------------------------*/
#guide #link-box dl dt {
	margin: 10px 0 0 10px;
	font-weight: bold;
}

#guide #link-box dl dt span.icon-kodomo {
	padding: 0 20px 5px 0;
	background: url(../../img/icon_kodomo.gif) no-repeat 100% 0;
	font-weight: bold;
}

#guide #link-box dl dd {
	margin: 5px 0 0 10px;
}

#guide #link-box dl dd a {
	padding: 0 0 3px 15px;
	background: url(../../dataroom/img/icon_link.gif) no-repeat 0 4px;
}

/*ダウンロード/関連商品
---------------------------------*/
#guide div.row-wrap {
	margin: 15px 0 0 10px;
}

#guide div.item-box {
	float: left;
	width: 130px;
}

#guide div.item-box p.img {
	width: 120px;
	height: 120px;
	text-align: center;
	vertical-align: middle;
}

#guide div.item-box p.img img {
	padding: 10px;
	border: 1px solid #dddddd;
}

#guide div.item-box p.txt {
	margin: 10px 8px 0 0;
}

#guide div.item-box p.jpg {
	padding: 0 0 0 18px;
	background: url(../../img/icon_jpg.gif) no-repeat 0 2px;
}

#guide div.item-box p.pdf {
	padding: 0 0 0 18px;
	background: url(../../img/icon_pdf.gif) no-repeat 0 2px;
}

#guide div.item-box p.word {
	padding: 0 0 0 18px;
	background: url(../../img/icon_word.gif) no-repeat 0 2px;
}

#guide div.item-box p.excel {
	padding: 0 0 0 18px;
	background: url(../../img/icon_excel.gif) no-repeat 0 2px;
}


/*6: 教育用語集トップ　[ id="vocabulary-top" ]
=================================*/
#vocabulary-top ul#syllabary-nav {
	margin: 15px 5px 0;
}

#vocabulary-top ul#syllabary-nav li {
	display: inline;
	margin: 0 0 0 5px;
	padding: 0 0 0 10px;
	background: url(../../img/arrow_green_s_down.gif) no-repeat 0 50%;
}

#vocabulary-top div.syllabary-box {
	margin: 20px 0 0;
}

#vocabulary-top div.syllabary-box h2 {
	padding: 0 0 5px;
}

#vocabulary-top div.syllabary-box ul {
	padding: 0 10px;
}

#vocabulary-top div.syllabary-box ul li {
	float: left;
	width: 170px;
	margin: 5px 0 0;
}

#vocabulary-top div.syllabary-box ul li a {
	display: block;
	margin-right: 10px;
}

#vocabulary-top div.syllabary-box p{
	margin: 15px 10px 0;
	text-align: right;
}


/*7: 教育用語集詳細　[ id="vocabulary" ]
=================================*/
#vocabulary h1 {
	margin: 20px 0 0;
	background: #e0f0b2 url(../../dataroom/img/bg_stit.gif) no-repeat 0 0;
}

#vocabulary h1 span {
	display: block;
	padding: 7px 10px;
	background: url(../../dataroom/img/bg_stit_bottom.gif) no-repeat 0 100%;
	font-weight: bold;
}

#vocabulary h2 {
	margin: 25px 0 0;
}

#vocabulary p.honbun {
	padding: 10px 10px 0;
}

#vocabulary ul.decimal {
	padding: 10px 10px 0;
}

#vocabulary li.decimal {
	list-style-type: decimal;
	margin: 10px 40px 0;
}


/*ダウンロード/関連商品
---------------------------------*/
#vocabulary div.row-wrap {
	margin: 15px 0 0 10px;
}

#vocabulary div.item-box {
	float: left;
	width: 130px;
}

#vocabulary div.item-box p.img {
	width: 120px;
	height: 120px;
	text-align: center;
	vertical-align: middle;
}

#vocabulary div.item-box p.img img {
	padding: 10px;
	border: 1px solid #dddddd;
}

#vocabulary div.item-box p.txt {
	margin: 10px 8px 0 0;
}

#vocabulary div.item-box p.jpg {
	padding: 0 0 0 18px;
	background: url(../../img/icon_jpg.gif) no-repeat 0 2px;
}

#vocabulary div.item-box p.pdf {
	padding: 0 0 0 18px;
	background: url(../../img/icon_pdf.gif) no-repeat 0 2px;
}

#vocabulary div.item-box p.word {
	padding: 0 0 0 18px;
	background: url(../../img/icon_word.gif) no-repeat 0 2px;
}

#vocabulary div.item-box p.excel {
	padding: 0 0 0 18px;
	background: url(../../img/icon_excel.gif) no-repeat 0 2px;
}



/*8: 評価規準分析表トップ　[ id="criterion-top" ]
=================================*/
#criterion-top h1 {
	margin: 0;
}

#criterion-top h2 {
	margin: 10px 0 0;
}

#criterion-top ul.criterion-nav2 {
	margin: 0 5px;
	padding: 10px 0 0;
}

#criterion-top ul.criterion-nav2 img.icon_new{
	padding: 0 5px 2px;
}

#criterion-top ul.criterion-nav {
	margin: 0 5px;
	padding: 10px 0 20px;
}

#criterion-top ul.criterion-nav2 li {
	display: inline;
	margin: 0 0 0 5px;
	padding: 0 0 0 15px;
	background: url(../../img/arrow_green.gif) no-repeat 0 50%;
}

#criterion-top ul.criterion-nav li {
	display: inline;
	margin: 0 0 0 5px;
	padding: 0 0 0 10px;
	background: url(../../img/arrow_green_s.gif) no-repeat 0 50%;
}

#criterion-top #main-col p.outline {
	margin: 10px 10px 0;
}



/*9: 評価規準分析表　[ id="criterion" ]
=================================*/
#criterion h1 {
	margin: 10px 0 0;
}

#criterion h2 {
	margin: 15px 0 0;
}

#criterion div.row-wrap {
	margin: 15px 0 0 10px;
}

#criterion div.item-box {
	float: left;
	width: 130px;
}

#criterion div.item-box p.img {
	width: 120px;
	height: 120px;
	text-align: center;
	vertical-align: middle;
}

#criterion div.item-box p.img img {
	padding: 10px;
	border: 1px solid #dddddd;
}

#criterion div.item-box p.txt {
	margin: 10px 8px 0 0;
}

#criterion div.item-box p.jpg {
	padding: 0 0 0 18px;
	background: url(../../img/icon_jpg.gif) no-repeat 0 2px;
}

#criterion div.item-box p.pdf {
	padding: 0 0 0 18px;
	background: url(../../img/icon_pdf.gif) no-repeat 0 2px;
}

#criterion div.item-box p.word {
	padding: 0 0 0 18px;
	background: url(../../img/icon_word.gif) no-repeat 0 2px;
}

#criterion div.item-box p.excel {
	padding: 0 0 0 18px;
	background: url(../../img/icon_excel.gif) no-repeat 0 2px;
}

#criterion div.item-box p.ichitaro {
	padding: 0 0 0 18px;
	background: url(../../img/icon_ichitaro.gif) no-repeat 0 2px;
}



/*10: 光文書院の情報誌　[ id="magazine-top" ]
=================================*/
#magazine-top h1 {
	margin: 0;
}

#magazine-top h2 {
	margin: 10px 0 0;
}

#magazine-top #main-col p {
	margin: 10px 10px 0;
}

#magazine-top ul#year-nav {
	margin: 10px 5px 0;
	padding: 0 0 15px;
}

#magazine-top ul#year-nav li {
	display: inline;
	margin: 0 0 0 5px;
	padding: 0 0 0 10px;
	background: url(../../img/arrow_green_s.gif) no-repeat 0 50%;
}



/*11: 光文書院の情報誌　[ id="magazine" ]
=================================*/
#magazine h1 {
	margin: 10px 0 0;
}

#magazine h2 {
	margin: 20px 0 0;
	padding: 0 10px 5px;
	background: url(../../dataroom/magazine/img/sstit_bg.gif) no-repeat 0 100%;
	color: #555555;
	font-weight: bold; 
}

#magazine #main-col p.catch {
	margin: 10px 10px 0;
}

#magazine ul#year-nav {
	margin: 10px 5px 0;
}

#magazine ul#year-nav li {
	display: inline;
	margin: 0 0 0 5px;
	padding: 0 0 0 10px;
	background: url(../../img/arrow_green_s.gif) no-repeat 0 50%;
}

#magazine div.multicol {
	margin: 15px 10px 0;
}

#magazine div.multicol div.leftcol {
	width: 170px;
}

#magazine div.multicol div.leftcol p.img img {
	padding: 10px;
	border: 1px solid #dddddd;
}

#magazine div.multicol div.leftcol p.txt {
	width: 160px;
	margin: 10px 0 0;
}

#magazine div.multicol div.rightcol {
	width: 330px;
}

#magazine div.multicol div.rightcol p {
	margin: 0 0 10px;
}

#magazine div.multicol div.rightcol ul {
	margin: 0 0 10px;
}

#magazine div.multicol div.rightcol ul li {
	margin: 0;
	padding: 3px 0 2px 20px;
	background: url(../../dataroom/img/icon_disc.gif) no-repeat 0 5px;
}

#magazine div.multicol div.rightcol ol {
	margin: 5px 0 10px 25px;
}

#magazine div.multicol div.rightcol ol li {
	list-style: outside decimal;
	background: none;
	margin: 0;
	padding: 0;
}



/*12: 学習経営プリント　[ id="print" ]
=================================*/
#print h1 {
	margin: 0;
}

#print h2 {
	margin: 15px 0 0;
}

#print div.row-wrap {
	margin: 15px 0 0 10px;
}

#print div.item-box {
	float: left;
	width: 130px;
}

#print div.item-box p.img {
	width: 120px;
	height: 120px;
	text-align: center;
	vertical-align: middle;
}

#print div.item-box p.img img {
	padding: 10px;
	border: 1px solid #dddddd;
}

#print div.item-box p.txt {
	margin: 10px 8px 0 0;
}

#print div.item-box p.jpg {
	padding: 0 0 0 18px;
	background: url(../../img/icon_jpg.gif) no-repeat 0 2px;
}

#print div.item-box p.pdf {
	padding: 0 0 0 18px;
	background: url(../../img/icon_pdf.gif) no-repeat 0 2px;
}

#print div.item-box p.word {
	padding: 0 0 0 18px;
	background: url(../../img/icon_word.gif) no-repeat 0 2px;
}

#print div.item-box p.excel {
	padding: 0 0 0 18px;
	background: url(../../img/icon_excel.gif) no-repeat 0 2px;
}

#print div.item-box p.ichitaro {
	padding: 0 0 0 18px;
	background: url(../../img/icon_ichitaro.gif) no-repeat 0 2px;
}


/*13: 年間指導計画例　[ id="plan" ]
=================================*/
#plan h1 {
	margin: 0 0 -10px;
}

#plan h2 {
	margin: 20px 0 0;
}

#plan h3 {
	margin: 10px 0 0;
}

#plan div.row-wrap {
	margin: 15px 0 0 10px;
}

#plan div.item-box {
	float: left;
	width: 130px;
}

#plan div.item-box p.img {
	width: 120px;
	height: 120px;
	text-align: center;
	vertical-align: middle;
}

#plan div.item-box p.img img {
	padding: 10px;
	border: 1px solid #dddddd;
}

#plan div.item-box p.txt {
	margin: 10px 8px 0 0;
}

#plan div.item-box p.jpg {
	padding: 0 0 0 18px;
	background: url(../../img/icon_jpg.gif) no-repeat 0 2px;
}

#plan div.item-box p.pdf {
	padding: 0 0 0 18px;
	background: url(../../img/icon_pdf.gif) no-repeat 0 2px;
}

#plan div.item-box p.word {
	padding: 0 0 0 18px;
	background: url(../../img/icon_word.gif) no-repeat 0 2px;
}

#plan div.item-box p.excel {
	padding: 0 0 0 18px;
	background: url(../../img/icon_excel.gif) no-repeat 0 2px;
}

#plan div.item-box p.ichitaro {
	padding: 0 0 0 18px;
	background: url(../../img/icon_ichitaro.gif) no-repeat 0 2px;
}


#plan div#main-col ul.pagenavi {
	margin: 20px 0 0;
}

#plan div#main-col ul.pagenavi li.block{
	display: block;
	float: left;
	width: 235px;
	padding: 0 0 0 30px;
	background:url("../../img/arrow_green.gif") no-repeat scroll 13px 2px;
}

#plan div#main-col ul.pagenavi li.block ul li{
	padding: 0 0 0 20px;
	background:url("../../img/arrow_green_s.gif") no-repeat scroll 8px center;
}

#plan .icon-link-blank { background: url(../../kyokasho_hukudokuhon/img/icon_link.gif) no-repeat 4px 5px; padding: 5px 0 2px 20px;}
#plan .icon-kome { background: url(../../kyokasho_hukudokuhon/img/icon_kome.gif) no-repeat 0 5px; padding: 5px 0 2px 20px;}




