@charset "Shift_JIS";

/* --- 

   モジュール

   ----- */

.clear { clear: both;}  
.clear hr { display: none;}
a.uline { text-decoration: underline;}
a.bld { font-weight: bold;}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow:hidden;
  font-size:0.1em;
  line-height:0;
}
.clearfix { 
	display: inline-table;
	min-height: 1px;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* --- 

   メイン設定

   ----- */

h3 { text-indent: -9999px; float: left;}

div#main-image {
	width: 730px;
	height: 295px;
	background: url(../images/main_image.jpg) 0 0 no-repeat;
	position:relative;
}

div#main-image div#nav-block { width: 229px; position: absolute; top: 100px; right: 70px;}

div#main-image p.nav-point,
div#main-image p.nav-dl { background-color: #fff;}

div#main-image p.nav-point a,
div#main-image p.nav-dl a { width: 229px; height: 57px; text-indent: -9999px; display: block; overflow: hidden;}

div#main-image p.nav-point a { background: url(../images/main_btn01.jpg) 0 0 no-repeat;}
div#main-image p.nav-dl a { background: url(../images/main_btn02.jpg) 0 0 no-repeat;}

div#main-image p.nav-point a:hover,
div#main-image p.nav-dl a:hover { filter: alpha(opacity=90); opacity:0.90;}


  /* 日付 */
#day-block p { 
	margin: 12px 0 0;
	width: 30px;
	position: absolute;
	right: 10px;
	font-size: 18px;
	font-family: "メイリオ", Meiryo, Osaka,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #fff;
}
#day-block p span { display: block; text-align:center; line-height: 26px; color: #fff;}
#day-block p span.month,
#day-block p span.day { font-size: 24px; font-family: Comic Sans MS, "メイリオ", Arial, Gadget, sans-serif; color: #fff;}


  /* リード文 */
p.lead { margin: 10px 0 20px; font-size: 103%;}




/* --------------------- 

　　紙面づくりコンテンツ 

　　--------------------- */


   /* コンテンツヘッド */
div#contents_shimen_head h4 { 
	width: 250px;
	height: 73px;
	background: url(../images/contents01_midashi01.gif) 0 0 no-repeat;
	text-indent: -9999px;
	float: left;
	display: block;
}

div#contents_shimen_head { height: 73px;}

ul#tabnav,
ul#tabnav {
	width: 465px;
	margin: 37px 0 0;
	float: right;
	display: block;
}

ul#tabnav li { float: left;}

ul#tabnav li a {
	width: 153px;
	height: 36px;
	margin-right: 3px;
	float: left;
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0 -72px;
}

ul#tabnav li a.layout { background-image: url(../images/contents01_tabnav01.gif);}
ul#tabnav li a.contents { background-image: url(../images/contents01_tabnav02.gif);}
ul#tabnav li a.topic { background-image: url(../images/contents01_tabnav03.gif); margin-right: 0;}

ul#tabnav li a {}
ul#tabnav li a:hover { background-position: 0 -36px;}

ul#tabnav li.on a.layout,
ul#tabnav li.on a.contents,
ul#tabnav li.on a.topic { background-position: 0 0;}



/* -- レイアウト編 -- */

div#contents-shimen-layout {
	width: 730px;
	height: 575px;
	background: #f3e0c2 url(../images/contents01.gif) 0 0 no-repeat;
	position: relative;
	clear:both;
	border-top: 2px solid #b93c3d;
}


  /* キャラクタ1 */
div#contents-shimen-layout div.chara01 {
	margin: 25px 15px 0 0;
	width: 185px;
	height: 122px;
	background: url(../images/chara01b.gif) 0 0 no-repeat;
	text-indent: -9999px;
	float: right;
}


  /* コツ設定 共通 */
div#contents-shimen-layout p.point-head {
	margin: 0;
	padding: 4px 0 2px;
	text-align: center;
	font-size: 110%;
	font-weight: bold;
	color: #fff;
}

div#contents-shimen-layout p.point-txt { padding: 8px 6px 8px 8px;}


  /* コツ設定01 */
div#contents-shimen-layout div.point01-block {
	width: 170px;
	background: url(../images/point01_body.gif) 0 0 repeat-y;
	position: absolute;
}

div#contents-shimen-layout div.point01-block p.point-head { width: 170px; background: url(../images/point01_head.gif) 0 0 no-repeat #bc5353;}
div#contents-shimen-layout div.point01-block p.point-txt { margin: 0; background: url(../images/point01_bottom.gif) 0 bottom no-repeat;}

div#contents-shimen-layout div.point01-block.k01 { top: 128px; left: 20px;}
div#contents-shimen-layout div.point01-block.k02 { top: 277px; left: 20px;}
div#contents-shimen-layout div.point01-block.k03 { top: 411px; left: 20px;}
div#contents-shimen-layout div.point01-block.k04 { top: 171px; right: 20px;}
div#contents-shimen-layout div.point01-block.k05 { top: 334px; right: 20px;}
div#contents-shimen-layout div.point01-block.k06 { top: 460px; right: 20px;}

div#contents-shimen-layout p.bottomTxt  { position: absolute; bottom: 7px; left: 0px;}


  /* コツ設定02 */
div#contents-shimen-layout div.point02-block {
	width: 207px;
	background: url(../images/point02_body.gif) 0 0 repeat-y;
	position: absolute;
	top: 33px; left: 217px;
}

div#contents-shimen-layout div.point02-block p.point-head { width: 207px; background: url(../images/point02_head.gif) 0 0 no-repeat #bc5353;}
div#contents-shimen-layout div.point02-block p.point-txt { margin: 0; background: url(../images/point02_bottom.gif) 0 bottom no-repeat;}


/* -- コンテンツ編（進行中）-- */

div#contents-contents {
	width: 730px;
	background: #f3e0c2;
	clear:both;
	border-top: 2px solid #b93c3d;
}

div#contents-contents p.lead {
	height: 40px;
	background: url(../images/contents_topic_lead.gif) 10px 0 no-repeat;
	text-indent: -9999px;
}


div#contents-contents div.topic-block:after { content:''; display: block; clear: both;}

div#contents-contents div.left-block { width: 440px; float: left;}
div#contents-contents div.left-block400 { width: 420px; float: left;}

div#contents-contents div.topic-block ul.detail { 
	margin: 5px 10px 10px 50px;
	padding: 0;
	font-size: 105%;
	line-height: 150%;
}

div#contents-contents div.topic-block ul.detail li { 
	background: url(../images/contents_topic_point.gif) 0 0 no-repeat;
	margin-bottom: 4px;
	padding-left: 20px;
}

div#contents-contents div.topic-block ul.detail li span { font-weight: bold; color: #000;}

div#contents-contents div.ill01 { margin: 15px 25px 0 0; float: right;}
div#contents-contents div.ill02 { margin: 5px 25px 0 0; float: right;}
div#contents-contents div.ill03 { margin-right: 25px; float: right;}

  /* 2カラム */
div.topic-block .detail-block { display: block; clear: both;}
div.topic-block .detail-block ul.detail.left { float: left; display: block; display: inline-block;}
div.topic-block .detail-block ul.detail.right { float: left; display: block; display: inline-block; margin-left: 10px !important;}



/* -- 話題づくり編 -- */

div#contents-shimen-topic {
	width: 730px;
	background: #f4e1c3;
	position: relative;
	clear:both;
	border-top: 2px solid #b93c3d;
}

div#contents-shimen-topic p.lead {
	background: url(../images/shimen_topic_lead.gif) 10px 0 no-repeat;
	text-indent: -9999px;
}

div#contents-shimen-topic div.topic-block:after { content:''; display: block; clear: both;}

div#contents-shimen-topic div.left-block { width: 480px; float: left;}

div#contents-shimen-topic div.topic-block ul.detail { 
	margin: 5px 10px 10px 50px;
	padding: 0;
	font-size: 105%;
	line-height: 150%;
}

div#contents-shimen-topic div.topic-block ul.detail li { 
	background: url(../images/shimen_topic_point.gif) 0 0 no-repeat;
	margin-bottom: 4px;
	padding-left: 20px;
}

div#contents-shimen-topic div.topic-block ul.detail li span { font-weight: bold; color: #000;}

div#contents-shimen-topic div.topic-block  div.ill01 { margin: 10px 25px 0 0; float: right;}
div#contents-shimen-topic div.topic-block  div.ill02 { margin: 30px 25px 0 0; float: right;}
div#contents-shimen-topic div.topic-block  div.ill03 { margin-right: 25px; float: right;}


/* 共通 */
div.topic-block {
	margin-bottom: 15px;
	background: #f4e1c3 url(../images/shimen_topic_midashi_bg.gif) 0 0 no-repeat;
	clear: both;

}
p.midashi01 { margin: 0 0 0 20px;}

p.bottomTxt { margin-left: 15px; padding: 0 0 10px; display: block; clear: both;}

.contents-bottomTxt-bg { 
	height: 80px;
	text-align: center; 
	background: #f4e1c3;
	z-index: 10;
}
p.contents-bottomTxt{
	width: 300px;
	height: 92px;
	margin: -70px auto -5px;
	text-indent: -9999px;
	background: url(../images/topic_bottom_txt.png) center 0 no-repeat;
}
p.contents-bottomTxt a { width: 300px; height: 92px; display: block;}
p.contents-bottomTxt:hover { filter: alpha(opacity=85); opacity:0.85;}

/* ----------------------------- 

　　無料ダウンロードコンテンツ 

　----------------------------- */


   /* コンテンツヘッド */
   
div#contents_dl_head h4 { 
	width: 257px;
	height: 73px;
	background: url(../images/contents01_midashi02.gif) 0 0 no-repeat;
	text-indent: -9999px;
	float: left;
	display: block;
}
div#contents_dl_head { height: 67px; clear: both;}

ul#dlnav { margin: 0; height: 38px; width: 344px; float: right;}
ul#dlnav li a { 
	margin: 24px 0 0 10px;
	padding: 0;
	width: 162px; 
	height: 38px;
	overflow: hidden;
	float: left;
	text-indent: -9999px;
}

ul#dlnav li { float: left;}

ul#dlnav li.sozai-btn a { background: url(../images/dl_nav01.gif) 0 0 no-repeat;}
ul#dlnav li.teaching-btn a { background: url(../images/dl_nav02.gif) 0 0 no-repeat;}
ul#dlnav li a:hover { background-position: 0 -38px;}


  /* 見出しエリア */

div.midashi-block { width: 730px; clear: both;}
div.midashi-block:after { content:''; display: block; clear: both;}
div.midashi-left { width: 480px; margin: 0; padding: 0; float: left;}
div.dl-right { width: 240px; float: right;}

div.dl-right p.userpolicy { 
	margin: 0 10px 0 0;
	padding-left: 10px;
	line-height: 140%;
	background: url(../images/arrow_userpo.gif) 0 4px no-repeat;
	float: right;
}


 /* 一括ダウンロードボタン */
p.dl-sozai-btn,
p.dl-teach-btn { width: 240px; padding: 10px 0 10px; background: #e0d1b5; display: block;}

p.dl-sozai-btn a,
p.dl-teach-btn a {
	width: 170px;
	height: 30px;
	margin-left: 10px;
	padding: 35px 0 0 50px;
	color: #fff;
	display: block;
}

p.dl-sozai-btn a { background: url(../images/dl_sozai_btn.gif) 0 0 no-repeat;}
p.dl-teach-btn a { background: url(../images/dl_teach_btn.gif) 0 0 no-repeat;}

p.dl-sozai-btn a:hover,
p.dl-teach-btn a:hover { background-position: 0 -65px; text-decoration: none;}



  /* サンプルエリア見出し */
h5.sozai-midashi,
h5.teach-midashi {
	margin: 5px 0 0 15px; 
	padding: 37px 0 0;
	width: 455px; 
	height: 28px;
	font-size: 110%;
	font-weight: bold;
	text-indent: 85px;
}

h5.sozai-midashi { background: url(../images/sample_kei_midashi.gif) 0 10px no-repeat;}
h5.teach-midashi { background: url(../images/sample_teach_midashi.gif) 0 10px no-repeat;}

/* 小見出し */
.smds {
	width: 635px;
	margin: 5px 0 0;
	padding: 0 0 0 15px;
	border-left: 2px solid #3970a6;
	clear: both;
	display: inline-block;
}
.smds:after { content:''; display: block; clear: both;}
.smds.sozai { margin: 15px 0 0 38px;}

h6 { width: 400px; margin: 0; font-weight: bold; fontsize: 110%; display: block; float: left;}
p.icon-block { margin: 0; display: inline-block; float: right;}
p.icon-block span.icon-color,
p.icon-block span.icon-1c,
p.icon-block span.icon-2c { width: 50px; height: 17px; margin-left: 5px; display: block; text-indent: -9999px; float: left;}

p.icon-block span.icon-color { background: url(../images/icon_color.gif) 0 0 no-repeat;}
p.icon-block span.icon-1c { background: url(../images/icon_1c.gif) 0 0 no-repeat;}
p.icon-block span.icon-2c { background: url(../images/icon_2c.gif) 0 0 no-repeat;}

/* 小見出し short */
.smds-short {
	width: 413px;
	margin: 40px 0 0 38px;
	padding: 0 0 0 15px;
	border-left: 2px solid #3970a6;
	clear: both;
	display: inline-block;
}
.smds-short h6 { width: 250px;}


/* 小見出し new */
.smds-new {
	width: 652px;
	margin: 10px 0 0 38px;
	padding: 0;
	clear: both;
	display: inline-block;
	position: relative;
}
.smds-new p.new { position: absolute; top: -10px; left: 0; width: 39px; height: 39px; background: url(../images/icon_new.gif) 0 0 no-repeat; text-indent: -9999px;}

/* 小見出し none */
.smds-none {
	width: 652px;
	margin: 20px 0 0 38px;
	padding: 0;
	clear: both;
	display: inline-block;
}
.smds-new p.new { position: absolute; top: -10px; left: 0; width: 39px; height: 39px; background: url(../images/icon_new.gif) 0 0 no-repeat; text-indent: -9999px;}


hr.dotline { width: 650px; margin: 4px auto 15px; border: 0; background: url(../images/dot.gif) 0 bottom repeat-x; height: 1px;}
hr.dotline-s { margin: 4px 0 15px 38px; border: 0; background: url(../images/dot.gif) 0 bottom repeat-x; height: 1px;}

  /* コンテンツ設定 */
div.contents02 { 
	width: 730px; 
	margin: 0 0 10px;
	background-color: #f4e1c3;
	clear: both;
	position: relative;
}
div.contents02:after { content:''; display: block; clear: both;}

div#contents02-nav {
	background: url(../images/contents02_nav.gif) 0 0 no-repeat;
	width: 730px;
	height: 75px;
}

div#contents02-nav ul { margin: 0 0 0 300px; font-size: 110%; font-weight: bold; clear:both;}
div#contents02-nav ul li { background: url(../images/arrow_dlm.gif) 0 0 no-repeat; margin-bottom: 5px; padding-left: 15px;}




/* ページトップ 上書き */
.pagetop.contents-bottom { padding: 5px 0 10px;}


  /* キャラクタ：学級通信づくりが簡単に */
/*div.contents02 div.chara03 {
	position: absolute;
	bottom: 20px;
	right: 40px;
	width: 115px;
	height: 153px;
	background: url(../images/chara03b.gif) 0 0 no-repeat;
	text-indent: -9999px;
}*/

  /* キャラクタ：プリントして活用しよう */
div.contents02 div.chara02 {
	position: absolute;
	top: 150px;
	right: 55px;
	width: 108px;
	height: 152px;
	background: url(../images/chara02b.gif) 0 0 no-repeat;
	text-indent: -9999px;
}

  /* 楽しい紙面を作ろう */
div.inShingakki .sg_sample-block div.chara04 {
	position: absolute;
	top: 20px;
	right: 10px;
	width: 258px;
	height: 181px;
	background: url(../images/chara04b.gif) 0 0 no-repeat;
	text-indent: -9999px;
}
div.inShingakki .sg_sample-block.chara04set { position: relative;}


/* 新学期素材 */
div.shingakkiBlock { width: 690px; margin: 0 auto 30px; background: #ffebeb; padding: 0; clear: both;}
div.inShingakki { width: 654px; margin: 0 auto; padding: 5px 0;} 
div.shingakkiBlock p.shingakki-head { height: 48px; background: url(../images/shingakki_head.gif) 0 0 no-repeat; text-indent: -9999px;}

/* 新学期素材内 見出し */
/*div.inShingakki h6 { margin: 10px 0 0 0;} *//* 上書き */


/* 新学期素材 サンプルイメージ */
div.inShingakki .sg_sample-block { margin: 0 0 40px;}

div.inShingakki p.sg_sample-templete,
div.inShingakki p.sg_sample-nptitle,
div.inShingakki p.sg_sample-contents1,
div.inShingakki p.sg_sample-contents2,
div.inShingakki p.sg_sample-illust1,
div.inShingakki p.sg_sample-illust2,
div.inShingakki p.sg_sample-kei1,
div.inShingakki p.sg_sample-kei2,
div.inShingakki p.sg_sample-kei2-short { margin: 0 0 20px; text-indent: -9999px;}


div.inShingakki p.sg_sample-templete { height: 211px; width: 320px; background: url(../images/shingakki_sample_template.gif) 0 0 no-repeat;}
div.inShingakki p.sg_sample-nptitle { height: 63px; background: url(../images/shingakki_sample_nptitle.gif) 0 0 no-repeat;}

div.inShingakki p.sg_sample-contents1 { height: 114px; background: url(../images/shingakki_sample_oshirase.gif) 0 0 no-repeat;}
div.inShingakki p.sg_sample-contents2 { height: 127px; background: url(../images/shingakki_sample_contents.gif) 0 0 no-repeat}

div.inShingakki p.sg_sample-illust1 { height: 122px; background: url(../images/shingakki_sample_ill01_06.gif) 0 0 no-repeat;}
div.inShingakki p.sg_sample-illust2 { height: 122px; background: url(../images/shingakki_sample_ill07_11.gif) 0 0 no-repeat;}

div.inShingakki p.sg_sample-kei1 { height: 65px; background: url(../images/shingakki_sample_kei_sa.gif) 0 0 no-repeat;}
div.inShingakki p.sg_sample-kei2 { height: 65px; background: url(../images/shingakki_sample_kei_gs.gif) 0 0 no-repeat;}
div.inShingakki p.sg_sample-kei2-short { height: 62px; background: url(../images/shingakki_sample_kei_gs_short.gif) 0 0 no-repeat;}

/* サンプル見出し下コピー */
div.contents02 p.exp1 { margin: 10px 0 10px 22px;}
div.contents02 p.exp1 span.credit { font-size: 0.9em; margin-top: 5px; display: inline-block;}
div.contents02 p.exp2 { margin: 10px 0 30px 40px;}

/* サンプルイメージ */
/*div.sample-kei01,
div.sample-kei02 { clear: both;}
  
div.sample-kei01 li,
div.sample-kei02 li { float: left; text-indent: -9999px;}

div.sample-kei01 ul,
div.sample-kei02 ul { margin: 0 0 0 38px; padding: 0 0 20px; clear: both; display: block;}
div.contents02 ul:after { content:''; display: block; clear: both;}

div.sample-kei01 li.kei01a { width: 186px; height: 184px; margin: 0 18px 0 0; background: url(../images/sample_kei01a.gif) 0 0 no-repeat;}
div.sample-kei01 li.kei01b { width: 184px; height: 184px; margin: 0 18px 0 0; background: url(../images/sample_kei01b.gif) 0 0 no-repeat;}
div.sample-kei01 li.kei01c { width: 244px; height: 184px; margin: 0; background: url(../images/sample_kei01c.gif) 0 bottom no-repeat;}

div.sample-kei02 li.kei02a { width: 245px; height: 142px; margin: 0 18px 0 0; background: url(../images/sample_kei02a.gif) 0 0 no-repeat;}
div.sample-kei02 li.kei02b { width: 245px; height: 142px; margin: 0; background: url(../images/sample_kei02b.gif) 0 0 no-repeat;}
*/
div.sample-teach01,
div.sample-teach02 { clear: both;}

div.sample-teach01 li,
div.sample-teach02 li { float: left; text-indent: -9999px;}

div.sample-teach01 ul,
div.sample-teach02 ul { margin: 0 0 0 38px; clear: both; display: block; position:relative;}
div.contents02 ul:after { content:''; display: block; clear: both;}

div.sample-teach01 ul { padding: 0 0 30px;}

div.sample-teach01 li.teach01a { width: 141px; height: 299px; margin: 0 41px 0 0; background: url(../images/sample_teach01a.gif) 0 0 no-repeat;}
div.sample-teach01 li.teach01b { width: 192px; height: 256px; margin: 0 41px 0 0; background: url(../images/sample_teach01b.gif) 0 0 no-repeat;}
div.sample-teach01 li.teach01c { width: 241px; height: 291px; margin: 0; background: url(../images/sample_teach01c.gif) 0 0 no-repeat;}

div.sample-teach02 li.teach02a { width: 124px; height: 253px; margin: 0 23px 0 0; background: url(../images/sample_teach02a.gif) 0 0 no-repeat;}
div.sample-teach02 li.teach02b { width: 124px; height: 253px; margin: 0 23px 0 0; background: url(../images/sample_teach02b.gif) 0 0 no-repeat;}
div.sample-teach02 li.teach02c { width: 124px; height: 253px; margin: 0 23px 0 0; background: url(../images/sample_teach02c.gif) 0 0 no-repeat;}
div.sample-teach02 li.teach02d { width: 218px; height: 253px; margin: 0; background: url(../images/sample_teach02d.gif) 0 0 no-repeat;}
div.sample-teach02 li.teach02cTxt { position:absolute; top:240px; left:205px; width:300px; text-indent:0; text-align:center; font-size:10px;}
div.sample-teach02 p.teach02cTxt { padding: 10px 0 25px; text-indent:60px; text-align:center; font-size:10px;}
div.sample-teach02 p.teach02cTxt:after  { content:''; display: block; clear: both;}

/*
div.sample-flame03 { clear: both;}
div.sample-flame03 li { width: 149px; height: 199px; float: left; text-indent: -9999px;}
div.sample-flame03 ul { margin: 0 0 0 38px; padding: 0 0 20px; clear: both; display: block;}

div.sample-flame03 li.flame01a { margin: 0 18px 0 0; background: url(../images/sample_flame03a.gif) 0 0 no-repeat;}
div.sample-flame03 li.flame01b { margin: 0 18px 0 0; background: url(../images/sample_flame03b.gif) 0 0 no-repeat;}
div.sample-flame03 li.flame01c { margin: 0 18px 0 0; background: url(../images/sample_flame03c.gif) 0 0 no-repeat;}
div.sample-flame03 li.flame01d { margin: 0; background: url(../images/sample_flame03d.gif) 0 0 no-repeat;}
*/

     /* 罫素材 */
/*div.sample-kline01 { clear: both;}
div.sample-kline01 li { width: 211px; height: 66px; float: left; text-indent: -9999px;}
div.sample-kline01 ul { margin: 0 0 0 38px; padding: 0 0 20px; clear: both; display: block;}

div.sample-kline01 li.kline01a { margin: 0 9px 0 0; background: url(../images/sample_kline01a.gif) 0 0 no-repeat;}
div.sample-kline01 li.kline01b { margin: 0 9px 0 0; background: url(../images/sample_kline01b.gif) 0 0 no-repeat;}
div.sample-kline01 li.kline01c { margin: 0; background: url(../images/sample_kline01c.gif) 0 0 no-repeat;}
*/

     /* 見出し素材 */
/*div.sample-midashi01 { clear: both;}
div.sample-midashi01 li { width: 316px; height: 100px; float: left; text-indent: -9999px;}
div.sample-midashi01 ul { margin: 0 0 0 38px; padding: 0 0 20px; clear: both; display: block;}

div.sample-midashi01 li.midashi01a { margin: 0 18px 0 0; background: url(../images/sample_midashi01a.gif) 0 0 no-repeat;}
div.sample-midashi01 li.midashi01b { margin: 0 18px 0 0; background: url(../images/sample_midashi01b.gif) 0 0 no-repeat;}
div.sample-midashi01 li.midashi01c { margin: 18px 18px 0 0; background: url(../images/sample_midashi01c.gif) 0 0 no-repeat;}
div.sample-midashi01 li.midashi01d { margin: 18px 18px 0 0; background: url(../images/sample_midashi01d.gif) 0 0 no-repeat;}
div.sample-midashi01 li.midashi01e { margin: 18px 18px 0 0; background: url(../images/sample_midashi01e.gif) 0 0 no-repeat;}
div.sample-midashi01 li.midashi01f { margin: 18px 18px 0 0; background: url(../images/sample_midashi01f.gif) 0 0 no-repeat;}
*/

     /* 顔アイコン素材 */
div.sample-icon01 { clear: both;}
div.sample-icon01 li { width: 450px; height: 104px; float: left; text-indent: -9999px;}
div.sample-icon01 ul { margin: 0 0 0 38px; padding: 0 0 20px; clear: both; display: block;}

div.sample-icon01 li.icon01a { margin: 0 18px 0 0; background: url(../images/sample_icon.gif) 0 0 no-repeat;}


     /* 素材フレーム（直置き） */
div.sample-flame { margin: 0 0 0 38px; clear: both;}
div.sample-flame img { margin-bottom: 25px;}

/* ダウンロード エリア */
/*div.dl-area { 
	padding: 20px 0 15px;
	background-color: #e2d0b4;
	text-indext: -9999px; 
	clear: both;
}
div.dl-area:after { content:''; display: block; clear: both;}

p.btn-dl-kei a,
p.btn-dl-teach a {
	margin: 0 0 0 30px;
	width: 560px; 
	height: 64px;
	display: block;
	text-indent: -9999px;
	float: left;
}

p.btn-dl-kei a { background: url(../images/btn_dl_kei.gif);}
p.btn-dl-teach a { background: url(../images/btn_dl_teach.gif);}

p.btn-dl-kei a:hover,
p.btn-dl-teach a:hover { filter: alpha(opacity=80); opacity:0.80;}*/


/* --- 

   2017-10-17

   ----- */

.list-parallel {
width: 100%;
box-sizing: border-box;
padding: 0 20px;
}

.list-parallel > li{
display: inline-block;
margin: 0 20px 30px;
vertical-align: top;
}

/* --- 

   利用規約

   ----- */

body#userpolicy {
	margin: 0;
	padding: 0;
	background-color: #fff;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
}

  /* リスト設定 */
body#userpolicy ul li { list-style: disc outside; margin-bottom: 5px;}


div#userpolicy-wrapper {
	text-align: left;
	width: 600px;
	margin: 40px auto 0;
}

body#userpolicy div#lead {
	font-weight: bold;
	margin-bottom: 1em;
}

  /* 見出し設定 */
body#userpolicy h2 { margin: 20px 0 10px; font-weight: bold; font-size: 120%; text-align: center;}


/* --- comingsoon バナー --- */
p.bnr-nextplan {
	width: 730px;
	height: 93px;
	margin: 10px 0 0;
	background: url(../images/bnr_comingsoon.gif) 0 0 no-repeat;
	text-indent: -9999px;
	display:block;
}


/* --- 下バナー --- */
div.bnr-area { width: 730px; margin: 30px 0 10px;}
div.bnr-area:after { content:''; display: block; clear: both;}

div.bnr-l { width: 354px; float: left;}
div.bnr-r { width: 354px; float: right;}

p.bnr-tit { padding-left: 10px; font-weight: bold; border-left: 3px solid #000;}

p.bnr-schoolsolution a,
p.bnr-freetrial a {
	width: 354px;
	height: 84px;
	text-indent: -9999px;
	display: block;
}

p.bnr-schoolsolution a { background: url(../images/banner_school_354.gif) 0 0 no-repeat;}
p.bnr-freetrial a { background: url(../images/banner_md_354.gif) 0 0 no-repeat;}

div.bnr-area a:hover { filter: alpha(opacity=85); opacity:0.85;}

.dateTxt{ text-align:right; padding-right:10px;}