@charset "utf-8";

/*----------------------------------------------------	
	Navi
----------------------------------------------------*/

#know-back {
	margin-bottom: 20px;
	border-top: #b3b3b3 1px solid;
	background: url(../img/know/common/navi_back.gif) repeat-y;
}

* html #know-back {
	border-top: none;
}

#know-navi {
	font-size: 95%;
	padding: 10px 10px 15px 22px;
}

* html #know-navi {
	padding: 10px 10px 0 22px;
}

*:first-child + html #know-navi {
	padding: 10px 10px 0 17px;
}

#know-navi ul li {
	padding-left: 18px;
	background: url(../img/know/common/navi_icon.gif) no-repeat left 4px;
}

.navi-space {
	padding-bottom: 5px;
}

#know-navi a {
	color: #323232;
}

#know-navi a:hover {
	color: #934301;
}

#know-navi a.navi-on {
	color: #934301;
}

#know-navi a.navi-on:hover {
	color: #c67736;
}

/*----------------------------------------------------	
	Content
----------------------------------------------------*/

#know-content {
	float: left;
	width: 738px;
	padding: 110px 22px 10px 22px;
	background: url(../img/know/common/content_back.jpg) no-repeat left top;
}

#know-content-bottom {
	float: left;
	width: 738px;
	height: 10px;
	background: url(../img/common/content_bottom.jpg) no-repeat left top;
}

.know-content-main {
	float: left;
	width: 692px;
	padding: 25px 20px 0 20px;
	background: url(../img/know/common/content_main_back.gif) no-repeat left top;
}

.know-content-main-bottom {
	float: left;
	width: 692px;
	height: 10px;
	margin-bottom: 20px;
	background: url(../img/common/content_main_bottom.gif) no-repeat left top;
}

* html .know-content-main-bottom {
	margin-bottom: 15px;
}

*:first-child + html .know-content-main-bottom {
	margin-bottom: 25px;
}

.know-next a {
	color: #934301;
	padding-left: 22px; 
	background: url(../img/know/common/next_icon.gif) no-repeat left center;
}

.know-next a:hover {
	color: #c67736;
	padding-left: 22px; 
	background: url(../img/know/common/next_icon_on.gif) no-repeat left center;
}

.know-next-on {
	display: inline-block;
	color: #323232;
	padding-left: 22px; 
	background: url(../img/know/common/next_icon.gif) no-repeat left center;
}

.know-link-border {
	margin-bottom: 10px;
	border-bottom: #cfa487 1px solid;
}

.know-main-title {
	clear: both;
	padding: 3px 0 7px 15px;
	margin-bottom: 20px;
	font-weight: 700;
	background: url(../img/know/common/title_back.gif) no-repeat left top;
}

.know-main-title-b {
	font-size: 120%;
}

.know-main-title-s {
	font-size: 80%;
	font-weight: 400;
	padding-left: 5px;
}

.know-main-title-sb {
	font-weight: 400;
	padding-left: 5px;
}

.know-main-title-red {
	color: #cc3300;
}

.know-main {
	width: 650px;
	padding: 0 5px 0 5px;
}

.know-space01 {
	padding-bottom: 30px;
}

.know-space02 {
	padding-bottom: 10px;
}

.know-space03 {
	padding-bottom: 5px;
}

.know-list {
	width: 616px;
	padding: 8px 15px 8px 15px;
	margin-bottom: 20px;
	line-height: 1.8;
	border: #cccccc 2px solid;
}

.know-list ul li {
	display: inline;
}

.know-list a {
	color: #323232;
	padding: 0 10px 0 18px;
	background: url(../img/know/common/link_icon_off.gif) no-repeat left center;
}

.know-list a:hover {
	color: #999999;
	padding: 0 10px 0 18px;
	background: url(../img/know/common/link_icon_on.gif) no-repeat left center;
}

.know-title {
	padding-bottom: 20px;
}

.know-sub-title {
	padding-bottom: 7px;
	margin-bottom: 20px;
	background: url(../img/common/line_dotted01.gif) no-repeat left bottom;
}

#know-content p {
	width: 650px;
	padding-bottom: 10px;
}

/*----------------------------------------------------	
	Top
----------------------------------------------------*/

.know-back01 {
	background: url(../img/know/common/back01.jpg) no-repeat right;
}

.know-back02 {
	background: url(../img/know/common/back02.jpg) no-repeat right;
}

.know-back03 {
	background: url(../img/know/common/back03.jpg) no-repeat right;
}

.know-back04 {
	background: url(../img/know/common/back04.jpg) no-repeat right;
}

.know-back05 {
	background: url(../img/know/common/back05.jpg) no-repeat right;
}

.know-back06 {
	background: url(../img/know/common/back06.jpg) no-repeat right;
}

.know-top-space {
	margin-bottom: 5px;
}

/*----------------------------------------------------	
	History
----------------------------------------------------*/

#history-content-main {
	float: left;
	width: 692px;
	line-height: 1.7;
	padding: 60px 20px 10px 20px;
	background: url(../img/know/history/titlemain.gif) no-repeat left top;
}

.know-box01 {
	clear: both;
	float: left;
	width: 640px;
	padding-bottom: 20px;
}

.know-box01-l {
	float: left;
	width: 455px;
}

.know-box01-r {
	float: right;
	width: 166px;
}

.know-box02 {
	clear: both;
	float: left;
	width: 640px;
}

.know-box02-l {
	float: left;
	width: 136px;
}

.know-box02-r {
	float: right;
	width: 485px;
}

.know-box03 {
	clear: both;
	float: left;
	width: 640px;
	padding-bottom: 20px;
}

.know-box03-l {
	float: left;
	width: 470px;
}

.know-box03-r {
	float: right;
	width: 151px;
}

.know-box04 {
	clear: both;
	float: left;
	width: 640px;
	padding-bottom: 20px;
}

.know-box04-l {
	float: left;
	width: 151px;
}

.know-box04-r {
	float: right;
	width: 470px;
}

.know-box05 {
	clear: both;
	float: left;
	width: 640px;
	padding-bottom: 20px;
}

.know-box05-l {
	float: left;
	width: 396px;
}

.know-box05-r {
	float: right;
	width: 225px;
}

.know-main .link-window {
	display: inline;
	padding: 0 20px 0 0;
	background: url(../img/common/link_window_off.gif) no-repeat right 1px;
}

* html .know-main .link-window {
	background: url(../img/common/link_window_off.gif) no-repeat right 3px;
}

*:first-child + html .know-main .link-window {
	background: url(../img/common/link_window_off.gif) no-repeat right 3px;
}

/*----------------------------------------------------	
	Kurobe
----------------------------------------------------*/

#kurobe-content-main {
	float: left;
	width: 692px;
	line-height: 1.7;
	padding: 60px 20px 10px 20px;
	background: url(../img/know/kurobe/titlemain.gif) no-repeat left top;
}

.know-box06 {
	clear: both;
	float: left;
	width: 640px;
	padding-bottom: 20px;
}

.know-box06-l {
	float: left;
	width: 185px;
}

.know-box06-r {
	float: right;
	width: 436px;
}

.know-box07 {
	clear: both;
	float: left;
	width: 640px;
	padding-bottom: 20px;
}

.know-box07-l {
	float: left;
	width: 433px;
}

.know-box07-r {
	float: right;
	width: 188px;
}

.know-box08 {
	clear: both;
	float: left;
	width: 640px;
	padding-bottom: 20px;
}

.know-box08-l {
	float: left;
	width: 226px;
}

.know-box08-r {
	float: right;
	width: 395px;
}

/*----------------------------------------------------	
	Story
----------------------------------------------------*/

#story-content-main {
	float: left;
	width: 692px;
	line-height: 1.7;
	padding: 60px 20px 10px 20px;
	background: url(../img/know/story/titlemain.gif) no-repeat left top;
}

.know-box09 {
	clear: both;
	float: left;
	width: 640px;
	padding-bottom: 20px;
}

.know-box09-l {
	float: left;
	width: 485px;
}

.know-box09-r {
	float: right;
	width: 136px;
}

.know-box10 {
	clear: both;
	float: left;
	width: 640px;
	padding-bottom: 20px;
}

.know-box10-l {
	float: left;
	width: 166px;
}

.know-box10-r {
	float: right;
	width: 455px;
}

.know-box11 {
	clear: both;
	float: left;
	width: 640px;
	padding-bottom: 20px;
}

.know-box11-l {
	float: left;
	width: 355px;
}

.know-box11-r {
	float: right;
	width: 266px;
}

/*----------------------------------------------------	
	Report
----------------------------------------------------*/

#report-content-main {
	float: left;
	width: 692px;
	line-height: 1.7;
	padding: 60px 20px 10px 20px;
	background: url(../img/know/report/titlemain.gif) no-repeat left top;
}

.report-main {
	width: 650px;
	padding: 20px 0 20px 0;
}

* html .report-main {
	padding: 20px 0 0 0;
}

*:first-child + html .report-main {
	padding: 20px 0 0 0;
}

.report-main-title {
	clear: both;
	padding: 3px 0 7px 15px;
	margin-bottom: 20px;
	font-size: 110%;
	font-weight: 700;
	background: url(../img/know/report/title_back.gif) no-repeat left top;
}

.report-text {
	width: 640px;
	padding-bottom: 20px;
}

.report-table {
	clear: both;
	width: 640px;
	line-height: 1.3;
	margin-bottom: 25px;
}

.report-table .bdr {
	border-right: #ffffff 2px solid;
}

.report-table .bdb {
	border-bottom: #ffffff 2px solid;
}

.report-table .title {
	padding: 5px;
	background: #f2c87f;
	vertical-align: top;
	text-align: center;
}

.report-table .item {
	padding: 5px;
	background: #f4eeda;
	text-align: center;
}

.report-table a {
	color: #934301;
}

.report-table a:hover {
	color: #c67736;
}

.report-title {
	clear: both;
	width: 640px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	font-weight: 700;
	background: url(../img/common/line_dotted01.gif) repeat-x left bottom;
}

.report-title-text {
	padding-left: 18px;
	background: url(../img/know/report/icon.gif) no-repeat left center;
}

.know-box12 {
	clear: both;
	float: left;
	width: 640px;
	padding-bottom: 20px;
}

.know-box12-l {
	float: left;
	width: 136px;
	padding-right: 15px;
}

.know-box12-m {
	float: left;
	width: 136px;
}

.know-box12-r {
	float: right;
	width: 333px;
}

.know-box13 {
	clear: both;
	float: left;
	width: 640px;
}

.know-box13-l {
	float: left;
	width: 439px;
}

.know-box13-r {
	float: right;
	width: 182px;
}

.report-charter {
	width: 620px;
	padding: 9px;
	border: #e7a635 1px solid;
	background-color: #f4eeda;
}

/*----------------------------------------------------	
	Study
----------------------------------------------------*/

#study-content-main {
	float: left;
	width: 692px;
	line-height: 1.7;
	padding: 60px 20px 10px 20px;
	background: url(../img/know/study/titlemain.gif) no-repeat left top;
}

.study-text-s {
	font-size: 85%;
}

.study-box01 {
	float: left;
	width: 640px;
	margin-bottom: 20px;
}

.study-box01-l {
	float: left;
	width: 145px;
}

.study-box01-l img {
	width: 145px;
	padding: 8px;
	margin-bottom: 20px;
	background: #dfdfdf;
	border: #b46d32 1px solid;
}

.study-box01-r {
	float: right;
	width: 452px;
}

.study-box01-title {
	width: 452px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	font-weight: 700;
	background: url(../img/common/line_dotted01.gif) repeat-x left bottom;
}

.study-box01-title-text {
	padding-left: 18px;
	background: url(../img/know/report/icon.gif) no-repeat left center;
}

.study-box01-text {
	padding-bottom: 15px;
}

.study-table {
	clear: both;
	width: 640px;
	line-height: 1.5;
	margin-bottom: 25px;
}

.study-table .bdr {
	border-right: #ffffff 2px solid;
}

.study-table .bdb {
	border-bottom: #ffffff 2px solid;
}

.study-table .title {
	width: 18%;
	padding: 5px 5px 5px 10px;
	background: #f2c87f;
	vertical-align: middle;
}

.study-table .item {
	padding: 5px 5px 5px 10px;
	background: #f4eeda;
}

.study-table .text-b01 {
	font-weight: 700;
	color: #a24b03;
}

.study-table .text-b02 {
	font-weight: 700;
}

/*----------------------------------------------------	
	Compare
----------------------------------------------------*/

#compare-content-main {
	float: left;
	width: 692px;
	line-height: 1.7;
	padding: 60px 20px 10px 20px;
	background: url(../img/know/compare/titlemain.gif) no-repeat left top;
}