@charset "utf-8";
/*===========================
GOGAKU SHUNJUSHA
elementary school / junior high school
=========================== */

#elejuni,
#subject,
#subject-list,
#item {
	position: relative;
	width:898px;
}

/*===========================
h1,h2
=========================== */

#main h1 {
	background-image: url(../img/elejuni/bg_h1.gif);
}

#main h2 {
	background-image: url(../img/elejuni/icn_h2.gif);
	color:#FF9933;
}

/*===========================
button
=========================== */

#main .btn-inlink a {
	background-image: url(../img/elejuni/bg_btn.gif);
}



/*===========================
main
=========================== */

/* 2-1 elejuni */


#elejuni #main .kamoku {
 display:block;
	background-image: url(../img/elejuni/h2_kamoku.gif);
}

#elejuni #main .series {
 display:block;
	background-image: url(../img/elejuni/h2_series.gif);
}

#elejuni #main #main-left {
 float:left;
 width:320px;
	margin-right:22px;
}

#elejuni #main #main-right {
 float:left;
 width:320px;
}

#elejuni #main #subject-left,
#elejuni #main #subject-right {
 width:302px;
	padding:9px 9px 18px 9px;
	background-color: #f5f5f5;
}

/*===========================
#elejuni #main a {
	text-decoration:none;
outline-style:none;
}
=========================== */


#elejuni #main #subject-left ul,
#elejuni #main #subject-right ul {
 display:block;
 padding:0 50px 12px 0;
	float:left;
	_height:150px;
	min-height:150px;
}

#elejuni #main #subject-left ul li,
#elejuni #main #subject-right ul li {
	list-style-type: disc;
	margin:0 0 0 1.7em;
}






/* 2-2 subjectList */

#subject-list #main .main-left,
#subject-list #main .main-center {
 float:left;
 width:208px;
	margin:0 19px 20px 0;
}

#subject-list #main .main-right {
	float:left;
	width:208px;
	margin:0 0 24px 0;
}

#subject-list #main .main-subbody {
 width:174px;
	_height:160px;
	min-height:160px;
	padding:17px;
	background-color: #f5f5f5;
}

#subject-list #main .sub-link {
	width:174px;
	padding:13px 13px 13px 21px;
	background: #f5f5f5 url(../img/common/icn_arrow01.gif) no-repeat 10px 15px;
}

/* 2-3 subject */

#subject #main h2 {
	background: url(../img/elejuni/icn_h2_2.gif) no-repeat  3px 7px;
	border-top:2px solid #CCCCCC;
	border-bottom:2px solid #CCCCCC;
	padding:3px 0 3px 20px;
	width:300px;
	text-indent:0;
	height:auto;
	margin-bottom:9px;
	font-size:12px;
	font-weight:bold;
}

#subject #main .page-link {
 margin:0 0 12px 0;
}

#subject #main .main-left {
 float:left;
	width:320px;
	margin: 0 22px 26px 0;
}

#subject #main .main-right {
 float:left;
	width:320px;
	margin: 0 0 26px 0;
}

#subject #main .item-img {
float:left;
width:115px;
text-align:center;
}

.img-item {
margin:0 0 15px 0;
}

#subject #main .item-text {
float:left;
width:177px;
_height:220px;
min-height:220px;
padding:11px 11px 11px 17px;
background-color:#F5F5F5;
}

#subject #main .item-text p {
 margin-bottom:1em;
}

#subject #main .item-img p {
 margin-bottom:15px;
}

#subject #main .item-img .btn-details {
 text-align:center;
}

/* 2-4 item */

#elejuni .elejuni-img {
 float:left;
 width:200px;
}

#elejuni .elejuni-img .img-elejuni {
 text-align:center;
}

#elejuni .elejuni-img .btn-return a {
 display:block;
 text-align:center;
	margin-top:150px;
}

#elejuni .elejuni-text {
	float:left;
	width:430px;
	padding:16px;
	background-color:#f5f5f5;
}

#elejuni .elejuni-text table {
	padding: 5px;
	margin-bottom: 20px;
}

#elejuni .elejuni-text th {
	color:#999999;
	text-align:left;
	padding: 5px;
	vertical-align: top;
	width: 60px;
}

#elejuni .elejuni-text td {
	color:#000000;
	padding: 5px;
	vertical-align: top;
}

#elejuni .elejuni-text td p {
	margin: 0 0 5px 0;
}

#elejuni .elejuni-text .elejuni-info {
	margin:0 0 20px 0;
}

#elejuni .elejuni-text p img {
	margin:0 0 10px 0;
}

/* 2-3 subject */

#elejuni #main h2 {
	background: url(../img/elejuni/icn_h2_2.gif) no-repeat  3px 7px;
	border-top:2px solid #CCCCCC;
	border-bottom:2px solid #CCCCCC;
	padding:3px 0 3px 20px;
	width:300px;
	text-indent:0;
	height:auto;
	margin-bottom:9px;
	font-size:12px;
	font-weight:bold;
}

#elejuni #main .page-link {
 margin:0 0 12px 0;
}

#elejuni #main .main-left {
 float:left;
	width:320px;
	margin: 0 22px 26px 0;
}

#elejuni #main .main-right {
 float:left;
	width:320px;
	margin: 0 0 26px 0;
}

#elejuni #main .item-img {
float:left;
width:115px;
text-align:center;
}

.img-item {
margin:0 0 15px 0;
}

#elejuni #main .item-text {
float:left;
width:177px;
_height:220px;
min-height:220px;
padding:11px 11px 11px 17px;
background-color:#F5F5F5;
}

#elejuni #main .item-text p {
 margin-bottom:1em;
}

#elejuni #main .item-img p {
 margin-bottom:15px;
}

#elejuni #main .item-img .btn-details {
 text-align:center;
}


/*===========================
side-title
=========================== */

.side-title {
background-color:#FF944C;
}

#side .side-text1 {
	background: url(../img/elejuni/icn_h2_2.gif) 0px 15px no-repeat;
}

#side .side-text1 a {
	background: url(../img/elejuni/icn_h2_2.gif) 0px 15px no-repeat;
}

/*===========================
global-navi
=========================== */

#global-navi .gnavi3 a {
	background-image: url(../img/common/gnavi03on.gif);
}