@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      study.css
 Style Info:     知る
----------------------------------------------------------- */

/*----------------------------------------------------
	フォントclass
----------------------------------------------------*/

h3{
/*	border:#999999 solid 1px;
	border-top:#999999 solid 5px;
	background-color:#FFFFFF;
	padding:10px;*/
	margin:0px 0px 10px;
	font-size:120%;
}

h4{
	border-bottom:#999999 dashed 1px;
	border-left:#999999 solid 5px;
	padding:3px 3px 3px 5px;
	font-size:110%;
	margin:0px auto 5px;
}

.yougo h4{
	border-bottom:#999999 dashed 1px;
	background-image:url(../images/study/words/yougo.gif);
	background-repeat:no-repeat;
	border-left:none;
	padding:5px 3px 10px 35px;
	font-size:110%;
	margin:0px auto 5px;
}

/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.img_3{
	margin:3px 0px 3px;
	vertical-align:bottom;
}

.img_10{
	margin:10px 0px 10px;
	vertical-align:bottom;
}


/*----------------------------------------------------
	body (default設定を上書き)
----------------------------------------------------*/

body{
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
}



/*----------------------------------------------------
	#header
----------------------------------------------------*/

#header {
	width:780px;
	margin:0px auto;
}


#header h1 {
	margin:0px 0px 0px;
	padding:0px;
	float: left;
}

/*----------------------------------------------------
	#container
----------------------------------------------------*/

#container {
	background-color:#FFFFFF;
	width: 780px;
	padding:0px 0px 10px;
	margin:0px auto;

}

#site_container {
	background-color:#FFFFFF;
	width: 780px;
	padding:0px 0px 10px;
	margin:0px auto;
	text-align:left;

}

#site_container h3{
	border:#999999 solid 1px;
	border-top:#999999 solid 5px;
	background-color:#FFFFFF;
	padding:10px;
	margin:5px 0px 10px;
	font-size:120%;
	text-align:left;

}

/*----------------------------------------------------
	#contents
----------------------------------------------------*/

#contents {
	width: 760px;
	padding: 10px 10px 10px;
	margin:0px;
	text-align:left;
	background-color:#EAF6FF;
}

.box_250{
	width:250px;
	margin:0px 10px 0px 0px;
	background-image:url(../images/study/bg_study.gif);
	background-repeat:repeat-y;
	float:left;
}

.box_250 ul{
	margin							:	3px 5px 0px;
	padding							:	0px 5px 0px;
	list-style					:	none;
}

.box_250 li {
	margin							:	0px;
	padding				:6px 0px 5px 25px;		/* マークとTXTの間隔 */
	background-image:url(../images/study/arrow.gif);
	background-repeat		:	no-repeat;
	background-position	:0px 6px;	/* 横・縦の順 */
	list-style					:	none;

}

.box_250R{
	width:250px;
	float:left;

}

.box_250R2{
	width:250px;
	background-image:url(../images/study/bg_study.gif);
	background-repeat:repeat-y;
}


.box_250R ul{
	margin							:	3px 5px 0px;
	padding							:	0px 5px 0px;
	list-style					:	none;
}

.box_250R li {
	margin							:	0px;
	padding				:6px 0px 5px 25px;		/* マークとTXTの間隔 */
	background-image:url(../images/study/arrow.gif);
	background-repeat		:	no-repeat;
	background-position	:0px 6px;	/* 横・縦の順 */
	list-style					:	none;

}

.list{
	margin: 3px 10px 10px;
}

.list ul{
	margin							:	3px 5px 0px;
	padding							:	0px 5px 0px;
	list-style					:	none;
}

.list li {
	margin							:	0px;
	padding				:6px 0px 5px 25px;		/* マークとTXTの間隔 */
	background-image:url(../images/study/arrow.gif);
	background-repeat		:	no-repeat;
	background-position	:0px 6px;	/* 横・縦の順 */
	list-style					:	none;

}

.subnavi{
	margin:5px auto 10px;
	padding:5px 5px 5px;
	border:dashed 1px #CCCCCC;
	background-color:#FDFCE8;
}

.subnavi img{
	margin: 0px 5px 0px 0px;
}


table.ta-study {
	width:		748px;
	margin							:	5px auto 10px;
	border-collapse			:	collapse;
	border							:	1px solid #CCCCCC;
}

table.ta-study tr {
	padding							:	10px 0px;
	background-color		:	#fafbf2;
	border							:	1px solid #CCCCCC;
	text-align:left;
}

table.ta-study td {
	padding							:	5px 0px;
	background-color		:	#FFFFFF;
	border							:	1px solid #CCCCCC;
}

table.ta-study th {
	padding							:	5px 5px;
	border							:	1px solid #CCCCCC;
	background-color:#FFFFCC;
}

.ta-study ul{
	margin:0px 0px 0px 0px;
	padding:0px;
	clear:both;
	
	}

.ta-study li{
	float:left;
	display:block;
	width:210px;
	margin							:	0px 10px 0px 5px;
	padding				:6px 0px 5px 12px;	
	background-image:url(../images/study/arrow2.gif);
	background-repeat		:	no-repeat;
	background-position	:0px 11px;	
	list-style					:	none;

}

/*
.ta-study li{
	float:left;
	width:235px;
	margin							:	0px 0px 5px 0px;
	padding				:6px 0px 5px 0px;	
	list-style					:	none;

}


.ta-study img {
 margin: 10px 5px 0px 8px;
}

*/


/*----------------------------------------------------
	#main
----------------------------------------------------*/

#main {
	width								:	750px;
	padding:5px 5px 5px;
	background-color:#FFFFFF;
}



/*----------------------------------------------------
	#main-apple
----------------------------------------------------*/

#main-apple {
	width								:	750px;
	padding:5px 5px 5px;
	background-color:#FFFFFF;
}

#main-apple td {
	padding							:	5px 5px 5px;
	background-color		:	#FFFFFF;
}


#main-apple h3{
	/*border:#999999 solid 1px;
	border-top:#999999 solid 5px;
	background-color:#FFFFFF;
	padding:10px;*/
	margin:0px 0px 0px;
	font-size:120%;
}

#main-apple h4{
	border-bottom:solid 5px #ffab57;
	border-left:none;
	padding:3px 0px 3px ;
	margin:0px auto 5px;
}

#main-apple h5{
	border-bottom:solid 1px #ffab57;
	border-left:none;
	padding:3px 0px 3px;
	margin:0px auto 5px;
}

.list2{
	margin: 5px 10px 5px;
	border:dashed 1px #ffab57;
}

.list2 ul{
	margin							:	3px 5px 0px;
	padding							:	0px 5px 0px;
	list-style					:	none;
}

.list2 li {
	margin							:	0px;
	padding				:6px 0px 5px 18px;		/* マークとTXTの間隔 */
	background-image:url(../images/study/apple/list.gif);
	background-repeat		:	no-repeat;
	background-position	:0px 8px;	/* 横・縦の順 */
	list-style					:	none;

}




/*----------------------------------------------------
	#sub
----------------------------------------------------*/

#sub {
	width:240px;
	margin:0px 10px 0px 0px;
	float:left;
}

#sub_menu {
	width:220px;
	margin:0px 10px 0px 0px;
	float:left;
}

#sub_menu ul{
	margin							:	0px 0px 10px;
	padding							:	0px 10px 0px;
	list-style					:	none;
	background-color:#FFFFFF;
	width:200px;
	font-size:90%;
}

#sub_menu li {
	margin							:	0px;
	padding				:7px 0px 7px 25px;		/* マークとTXTの間隔 */
	background-image:url(../images/study/arrow.gif);
	background-repeat		:	no-repeat;
	background-position	:0px 6px;	/* 横・縦の順 */
	list-style					:	none;
	border-bottom:dashed 1px #CCCCCC;

}

#sub h4 {
	margin							:	3px 25px 0px;
	padding				:3px 0px 3px 0px;
	border:none;
	border-bottom:#CCCCCC dashed 1px;

}

/*----------------------------------------------------
	#footer
----------------------------------------------------*/
#footer {
	width:100%;
	text-align:center;
	margin:0px auto;
	padding:10px 0px 10px 0px;
	color:#000000;
}

.footertext{
	font-size:85%;
}



/*----------------------------------------------------
	table
----------------------------------------------------*/
/*-- .history-table --*/
.history-table{

	border-collapse			:	collapse;
	border							:	1px solid #CCCCCC;
	margin:5px 0px 5px;

	
}

.history-table td{
	/*background:#FFFFFF;*/
	border:1px solid #CCCCCC;
	line-height:1.4em;
	padding:3px 5px 3px;
	vertical-align:top;
}

/*.history-table td{
	background:#FFFFE1; 

}*/

.backcolor_yellow{
background-color:#FDFCE8;
}

.backcolor_blue{
background-color:#F5F5F5;
}

/* .history-table td.v-middle,
.history-table th.v-middle{
	vertical-align:middle;
} */
.history-table th{
	background:#efebde;
	border:1px solid #CCCCCC;
	line-height:1.4em;
	padding:3px 10px 3px 5px;
	vertical-align:top;
	text-align:center;
}