@charset "utf-8";
/*===========================
GOGAKU SHUNJUSHA
linguistic
=========================== */

#series-index,
#item,
#subject {
	position: relative;
	width:898px;
}

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

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

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

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

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


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


/* 2-2 subjectList */

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

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

#series-index #main .main-subbody {
	width: 174px;
	_height: 110px;
	min-height: 110px;
	padding: 17px;
	background-color: #f5f5f5;
}

#series-index #main .main-subbody_long {
	width: 174px;
	_height: 133px;
	min-height: 133px;
	padding: 17px;
	background-color: #f5f5f5;
}

#series-index #main .sub-link {
	width: 174px;
	padding: 0 13px 13px 21px;
	background: #f5f5f5 url(../img/common/icn_arrow01.gif) no-repeat 10px 2px;
	_height: 35px;
	min-height: 35px;
}


/* 2-3 subject */

#subject #main h2 {
	background: url(../img/linguistic/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 */

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

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

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

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

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

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

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

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

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

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




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

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

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

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


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

#global-navi .gnavi4 {
	background-image: url(../img/common/gnavi04on.gif);
}

#series-index #global-navi ul li.gnavi4,
#item #global-navi ul li.gnavi4,
#subject #global-navi ul li.gnavi4 {
	background-image: url(../img/common/gnavi04on.gif);
}