@charset "EUC-JP";

/* -----------------------------
文溪堂ウェブサイト
学校用教材
豆知識（コラム）スタイルcss（column.css）
----------------------------- */


/* 豆知識
----------------------------- */

#Contents h3 {
	margin-top: 20px;
	margin-bottom: 0;
	padding-bottom: 0.5em;
	background: #fff url(../../common_img/dotline.gif) repeat-x left bottom;
	color: #1f1f1f;
	font-weight: bold;
	font-family: 'BIZ UDPGothic', sans-serif;
}
#Contents h4 {
	margin-top: 2em;
	margin-bottom: 1em;
	padding-left: 0.5em;
	border-left: 4px solid #ff536d;
	line-height: 1.3;
}
#Contents h4:first-child { margin-top: 1em;}

#Contents h5 { margin-top: 0.93em; margin-bottom: 0em;}


/* 教具の豆知識 */
#Contents .indent { margin-left: 1em; text-indent: -1em;}

#Contents .wrapper { clear: both;}
#Contents .wrapper p { margin-right: 0; padding-right: 0;}
#Contents .wrapper .col1,
#Contents .wrapper .col2,
#Contents .wrapper .col3 { width: 170px; padding: 10px 10px 0 10px;}
#Contents .wrapper .col1 { float: left; margin-right: 4px;}
#Contents .wrapper .col2 { float: left;}
#Contents .wrapper .col3 { float: right;}

/* 豆知識　写真が大きいもの */
#Contents .wrapper .pic1,
#Contents .wrapper .pic2 { width: 260px; padding: 10px 10px 0 10px;}
#Contents .wrapper .pic1 { float: left; margin-right: 4px;}
#Contents .wrapper .pic2 { float: right;}


#Contents .table {
	margin-top: 0.5em; margin-bottom: 0.8em;
	border-collapse: collapse;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
}
#Contents .table th,
#Contents .table td {
	margin: 0;
	padding: 3px 8px;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}
#Contents .table thead th { background-color: #e0e0e0;}
#Contents .table tbody th { background-color: #f2f2f2; font-weight: normal;}


#Contents p{ padding-left: 0;}

.booktitle {	color: #0D7102;
	font-weight: bold;
	font-size: large;
}
.title {	font-size: 120%;
	border-bottom: 2px #aebdd6 solid;
	padding-bottom: 5px;
	padding-left: 9px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left:10px;
	color: #333322;
	padding-top: 5px;
	font-weight: bold;
}
#box_1 {	width:200px;
	height:auto;
	float:left;
	margin: 10px 0px 10px 10px;
	padding: 5px 0px 0px 0px;
	position: relative;
	top: 80px;
	left: 0px;
}
#box_2 {	width:220px;
	height:auto;
	float:left;
	margin: 0px 10px 10px 0px;
	padding: 0px 0px 10px 0px;
}

.syoei {	float: right;
}

.column_box { border: 1px #CCC solid; padding: 10px;}

/*テーブルの仕様*/
#table_design{
	border: 1px solid #ccc;
	border-collapse: separate;
	border-spacing: 1px;
	margin: 20px 0px 20px 15px;
}
#table_design th {
	padding: 3px;
	border-right: 1px solid #8FD500;
	border-bottom: 1px solid #8FD500;
	background-color: #DCFF93;
}
#table_design td {
	padding: 3px;
	border-right: 1px solid #C5E412;
	border-bottom: 1px solid #C5E412;
	background-color: #EDFFC8;
}

/*テーブルの仕様２*/
#table_design_2{
	border: 1px solid #ccc;
	border-collapse: separate;
	border-spacing: 1px;
	margin: 10px 5px 20px 5px;
}
#table_design_2 th {
	padding: 5px;
	border-right: 1px solid #ffcc33;
	border-bottom: 1px solid #ffcc33;
	background-color: #FFFFCC;
	font-size: 80%;
}
#table_design_2 td {
	padding: 5px;
	border-right: 1px solid #ffcc33;
	border-bottom: 1px solid #ffcc33;
	background-color: #FFFFFF;
	font-size: 100%;
}


/* コラムリード文 */
#box_3 {
	width:220px;
	height:auto;
	float:left;
	margin: 10px 0px 10px 10px;
	padding: 5px 0px 0px 0px;
	position: relative;
	top: 80px;
	left: 0px;
} 


#box_1_r {
	width:220px;
	height:auto;
	float:right;
	margin: 10px 0px 10px 10px;
	padding: 5px 0px 0px 0px;
	position: relative;
	top: 80px;
	left: 0px;
} 

.red{color:#FF0000;}
.bold{font-weight:bold;}
.green_back {
	color:#ffffff
	background:#336600;}
.yellow_back 
{ background-color:#FFCC99;}

.lead
{ border:1px solid #d2aefe;
padding: 5px 5px 5px 15px;
margin:0px 5px 5px 5px;
font-size:100%;}

.sakuin
{
border:1px solid #776f4c;
padding: 5px 5px 5px 5px;
margin:0px 5px 5px 5px;
font-size:100%;
width:63%;
float:right;
}

.photo_caption
{
padding: 0px 5px 5px 5px;
margin:0px 5px 5px 10px;
font-size:100%;
width:250px;
color:#1f4e95;
float:right;
}
.chui
{ border:1px #a4a4a4 solid; padding:3px; margin:20px 0px 10px 10px; width:95%;}


#Contents .bookset { cler: left; float: left; width: 250px; margin: 0px 15px 0px 0px; padding: 0; text-align: center;}
#Contents .text { margin: 0; padding: 15px 0 0 180px;}

/* 対談の場合１人目 */
dl.speaker01 { margin-top: 6px; padding: 0;}
dl.speaker01 dt {
	clear: left;
	float: left;
	width: 40px;
	padding: 2px 0 0 10px;
	color: #f68307;
	font-weight: bold;
}
dl.speaker01 dd {
	padding-top: 2px;
	padding-left: 55px;
	padding-bottom: 2px;
}

/* 対談の場合２人目 */

dl.speaker02 { margin-top: 6px; padding: 0;}
dl.speaker02 dt {
	clear: left;
	float: left;
	width: 40px;
	padding: 2px 0 0 10px;
	color: #1e86bc;
	font-weight: bold;
}
dl.speaker02 dd {
	padding-top: 2px;
	padding-left: 55px;
	padding-bottom: 2px;
}

/* 対談の場合３人目 */

dl.speaker03 { margin-top: 6px; padding: 0;}
dl.speaker03 dt {
	clear: left;
	float: left;
	width: 40px;
	padding: 2px 0 0 10px;
	color: #5d7a43;
	font-weight: bold;
}
dl.speaker03 dd {
	padding-top: 2px;
	padding-left: 55px;
	padding-bottom: 2px;
}

/* 対談の場合４人目 文字小 */

dl.speaker04 { margin-top: 6px; padding: 0;}
dl.speaker04 dt {
	clear: left;
	float: left;
	width: 40px;
	padding: 2px 0 0 10px;
	color: #777777;
	font-weight: bold;
	font-size:100%;
}
dl.speaker04 dd {
	padding-top: 2px;
	padding-left: 55px;
	padding-bottom: 2px;
}

#waku
{ border:1px solid #0070b7;
padding: 5px 5px 5px 20px;
margin:0px 5px 5px 15px;
width:50%;
float:left;}

#waku ul li { list-style-type:disc !important; float:none; }

/* １４０６,１１理科のコラム */

#rika_qes
{ width:560px;
  height:130px;
  margin:10px 0px 10px 0px;
  background-image:url(../images/column_img/1406_qes.jpg);}

#rika_qes2
{ width:560px;
  height:163px;
  margin:10px 0px 10px 0px;
  background-image:url(../images/column_img/1406_qes2.jpg);}
  
#rika_qes3
{ width:560px;
  height:121px;
  margin:10px 0px 10px 0px;
  background-image:url(../images/column_img/1411_qes3.jpg);}
  
#rika_qes .question {
padding:30px 0px 5px 180px;
width:360px;
color:#003300;
font-size:100%;
font-weight:bold;}

#rika_qes2 .question2 {
padding:30px 0px 5px 150px;
width:380px;
color:#003300;
font-size:100%;
font-weight:bold;}

#rika_qes .hint {
padding:0px 0px 5px 190px;
width:350px;
color:#333333;
font-size:100%;
border-bottom-style: 1px dashed #000000;}

#rika_qes3 .question {
padding:30px 0px 5px 150px;
width:360px;
color:#003300;
font-size:100%;
font-weight:bold;}

.ques_photo {margin: 5px 10px 5px 0px; 
float: left;
}
.answer {margin: 10px 10px 5px 0px;
font-weight:bold;
font-size:110%;
color:#003300;}


/* １４１０社会のコラム */
#shakai_hakase {
	width:500px;
	background-image:url(../images/column_img/column_201410_01.gif);
	background-position:100% 100%;
	background-repeat:no-repeat;
	height:78px;
	margin:10px 10px 10px 25px;
	}
.shakai_hakase_p {padding: 20px 80px 0px 0px;}