/* body
------------------------------------------------*/

body {
	background-color: #ffc647;
	width: 960px;
}

.pin p {
	padding-top: 5px;
}

/* content
------------------------------------------------*/

#content {
	border-right: 1px solid #249524;
	width: 800px;
}

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

#header {
	background: url(title2.gif) no-repeat;
	height: 193px;
}

#header h1,
#header h3,
#header p {
	font-size: 8px;
	text-indent: -9999px;
}

/* primary
------------------------------------------------*/

#primary {
	background: url(top.gif) no-repeat;
	width: 728px;
	margin: 0px 36px;
}

#primary .wrapper {
	padding: 16px 16px 0px 16px;
}

/* section
-------------------------*/

.section em {
	color: #f87622;
}

#kokugo {
	float: left;
	width: 322px;
}
#kanji {
	float: right;
	width: 322px;
}

/* pin */

#primary .pin {
	position: relative;
	width: 322px;
}

#kokugo .pin {
	text-align: right;
}

#primary .pin p {
	position: absolute;
	top: 3px;
	text-align: left;
	width: 98px;
	padding: 0;
}
#kokugo .pin p {left:   0px;}
#kanji  .pin p {left: 224px;}

#primary .pin p a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 88px;
	background-image: url(view_nav1.gif);
	font-size: 8px;
	text-indent: -9999px;
}

#kokugo .pin a       {background-position:     0     0;}
#kanji  .pin a       {background-position:     0 -88px;}
#kokugo .pin a:hover {background-position: -98px     0;}
#kanji  .pin a:hover {background-position: -98px -88px;}

#fukaya {
	position: absolute;
	left: -45px;
	top: 112px;
}

/* h */

#primary .section h2 {
	width: 322px;
	height: 86px;
	margin-top: 12px;
	font-size: 8px;
	text-indent: -9999px;
}
#kokugo h2 {background: url(t01b.gif) no-repeat;}
#kanji  h2 {background: url(t02.gif) no-repeat;}

#primary .section h3 {
	position: absolute;
	width: 10px;
	font-size: 8px;
	text-indent: -9999px;
}

/* p */

#kokugo p {
	padding-bottom: 12px;
}

/* ul */

#primary .section ul {
	list-style-type: none;
	line-height: 1.3;
}

#primary .section li {
	padding-bottom: 8px;
}

#primary .section strong {
	color: #000;
}

/* dl */

#primary .section dl {
	font-size: 87%;
	line-height: 1.3;
	width: 322px;
}
#kanji dl {margin-top: 8px;}

#primary .section dt {
	background-color: #249524;
	color: #fff;
	margin-bottom: 4px;
	padding: 2px 0px 1px 4px;
}
#primary .section dt strong {
	color: #fff;
}

#primary dd p {
	padding: 2px 0px 0px 0px; !important;
}

/* jt-shop */

.teika {
	float: left;
	width: 200px;
}

.jt-shop {
	float: right;
	width: 106px;
}

.jt-shop a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 15px;
	background-image: url(shop_nav.gif);
	font-size: 8px;
	text-indent: -9999px;
}
.jt-shop a       {background-position:      0  0;}
.jt-shop a:hover {background-position: -106px  0;}

/* column
------------------------------------------------*/

#column {
	background: url(col_btm.gif) left bottom no-repeat;
	margin: 0px 36px;
	padding-bottom: 20px;
}

#column h2 {
	background: url(col_top.gif) no-repeat;
	width: 728px;
	height: 146px;
	font-size: 8px;
	text-indent: -9999px;
}

/* wrapper */

#column .wrapper {
	background: url(col_bg.gif) repeat-y;
}

/* section */

#column .section {
	position: relative;
	width: 688px;
}

/* h3 */

#column h3 {
	margin-bottom: 13px;
	width: 688px;
	height: 30px;
	font-size: 8px;
	text-indent: -9999px;
}
#column .m01 h3 {background: url(col_m1.gif) no-repeat;}
#column .m02 h3 {background: url(col_m2.gif) no-repeat;}

/* m01 */

#column .m01 {
	padding: 0px 20px;
}

#column .m01 .honbun {
	width: 236px;
	min-height: 163px;
}
* html #column .m01 .honbun {height: 163px;}

#column .m01 .ph {
	float: left;
	margin-right: 10px;
	width: 140px;
}

/* m02 */

#column .m02 {
	background: url(col_partition.gif) no-repeat;
	padding: 28px 20px 0px 20px;
}

#column .m02 .honbun {
	width: 250px;
	min-height: 160px;
}
* html #column .m02 .honbun {height: 160px;}

#column .m02 .honbun .cap {
	display: block;
	padding: 4px 0px 10px 0px;
}

#column .m02 .pin {
	position: absolute;
	left: 281px;
	top: 53px;
}

/* dl */

#column .section dl {
	width: 260px;
}

#column .section dt {
	font-weight: bold;
	padding: 4px 0px 0px 0px;
}

#column dd p {
	font-size: 87%;
}

#column .teika {
	width:150px;
}

/* zoom */

#column .zoom1 {
	position: absolute;
	left: 250px;
	top: 44px;
}
#column .zoom2 {
	position: absolute;
	left: 555px;
	top: 53px;
}

#column .zoom1 .cap {
	padding: 5px 0px 0px 105px;
}
#column .zoom2 .cap {
	padding: 5px 0px 0px 0px;
}

#column .m01 .nav {
	position: absolute;
	left: 336px;
	top: 232px;
	width: 102px;
}
#column .m02 .nav {
	position: absolute;
	left: 31px;
	top: -42px;
	width: 102px;
}

#column .nav a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 50px;
	background-image: url(col_zoom.gif);
	font-size: 8px;
	text-indent: -9999px;
}

#column .m01 .nav a       {background-position:      0     0;}
#column .m02 .nav a       {background-position:      0 -50px;}
#column .m01 .nav a:hover {background-position: -102px     0;}
#column .m02 .nav a:hover {background-position: -102px -50px;}

/* present
------------------------------------------------*/

#present {
	position: relative;
	width: 728px;
	margin: 0px 36px;
	padding: 0px 0px 16px 0px;
}

#present .kuwasiku {
	position: absolute;
	left: 284px;
	top: 243px;
	width: 160px;
	font-size: 8px;
}

#present .kuwasiku a {
	display: block;
	overflow: hidden;
	width: 160px;
	height: 33px;
	background-image: url(kuwasiku.gif);
	text-indent: -9999px;
}
#present .kuwasiku a       {background-position:      0 0;}
#present .kuwasiku a:hover {background-position: -160px 0;}


/* secondary
------------------------------------------------*/

#secondary {
	background: #fff url(scd_top.gif) no-repeat;
	width: 728px;
	margin: 0px 36px;
	padding-top: 100px;
}

#secondary .wrapper {
	background: url(scd_btm.gif) left bottom no-repeat;
	padding: 16px 16px 16px 16px;
}

#ruigo {
	border-bottom: 1px solid #ffc647;
	padding-bottom: 10px;
}
#kotowaza {
	padding-top: 10px;
}

/* h */

#secondary h2 {
	position: absolute;
	font-size: 8px;
	text-indent: -9999px;
	width: 10px;
}

/* pin */

#secondary .pin {
	float: left;
	width: 105px;
}

/* part */

#secondary .part {
	float: right;
	width: 580px;
}

#secondary .part h3 {
	color: #000;
	font-size: 117%;
	font-weight: bold;
}
#secondary .part h3 big {
	font-size: 130%;
}

/* jt-viewer */

#secondary p.jt-viewer {
	float: left;
	padding-top: 6px;
}

#secondary p.jt-viewer a {
	display: block;
	overflow: hidden;
	width: 110px;
	height: 23px;
	background-image: url(view_nav2.gif);
	font-size: 8px;
	text-indent: -9999px;
}

#secondary p.jt-viewer a       {background-position:      0 0;}
#secondary p.jt-viewer a:hover {background-position: -110px 0;}


/* jt-shop */

#secondary .jt-shop {
	padding-top: 10px;
}

/* footer
------------------------------------------------*/

#footer {
	border-top: 1px solid #249524;
	margin: 30px 0px 0px 36px;
	width: 728px;
}

/* jt-home */

#footer .jt-home {
	position: relative;
}

#footer .jt-home a {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(../../common/images/logo2.gif) no-repeat;
	width: 185px;
	height: 63px;
	font-size: 8px;
	text-indent: -9999px;
}

/* jt-pgtop */

#footer .jt-pgtop {
	padding: 6px 0px 42px 590px;
}

#footer .jt-pgtop a {
	display: block;
	background: url(../../common/images/pgtop.gif) no-repeat;
	width: 138px;
	height: 25px;
	font-size: 8px;
	text-indent: -9999px;
}

/* jishobanner
------------------------------------------------*/

#jishobanner {
	position: absolute;
	left: 806px;
	top: 11px;
}

#jishobanner h3 a {
	display: block;
	background: url(jishotech.gif) no-repeat;
	width: 154px;
	height: 108px;
	font-size: 8px;
	text-indent: -9999px;
}

#jishobanner p {
	background: url(jisho_btm.gif) left bottom no-repeat;
	color: #249524;
	font-weight: bold;
	line-height: 1.4;
	margin-left: 8px;
	padding: 0px 10px 16px 10px;
	width: 126px;
}

#jishobanner p a:link,
#jishobanner p a:visited,
#jishobanner p a:active {
	color: #ed2d39;
	text-decoration: underline;
}
#jishobanner p a:hover {
	color: #0060eb;
	text-decoration: underline;
}