@charset "utf-8";

/* content設定 */
#content {
	width: 760px;
	margin: 0 auto;
	clear: both;
	background: #ffffff url(../kakinokizaka/img/bg_column.gif) center top repeat-y;
}

/* nav-sub設定 */
#nav-sub {
	width: 180px;
	padding: 0;
	float: right;
}
#nav-sub h4#opcl {
	margin: 20px 0 0 0;
}
#nav-sub h4#opcl2,
#nav-sub h4#opcl3,
#nav-sub h4#opcl4,
#nav-sub h4#opcl5,
#nav-sub h4#opcl6,
#nav-sub h4#opcl7 {
	margin: 10px 0 0 0;
}
#nav-sub ul.nav-list,
#nav-sub ul.nav-list2,
#nav-sub ul.nav-list3,
#nav-sub ul.nav-list4,
#nav-sub ul.nav-list5,
#nav-sub ul.nav-list6,
#nav-sub ul.nav-list7 {
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav-sub ul.nav-list li.nav a,
#nav-sub ul.nav-list2 li.nav a,
#nav-sub ul.nav-list3 li.nav a,
#nav-sub ul.nav-list4 li.nav a,
#nav-sub ul.nav-list5 li.nav a,
#nav-sub ul.nav-list6 li.nav a,
#nav-sub ul.nav-list7 li.nav a {
	width: 161px;
	text-decoration: none;
	display: block;
	padding: 5px 2px 5px 17px;
	text-indent: -15px;
	border-bottom: 1px solid #cccccc;
}
#nav-sub ul.nav-list li.nav a:hover,
#nav-sub ul.nav-list2 li.nav a:hover,
#nav-sub ul.nav-list3 li.nav a:hover,
#nav-sub ul.nav-list4 li.nav a:hover,
#nav-sub ul.nav-list5 li.nav a:hover,
#nav-sub ul.nav-list6 li.nav a:hover,
#nav-sub ul.nav-list7 li.nav a:hover {
	width: 156px;
	color: #43cc4f;
	border-left: 5px solid #43cc4f;
	background-color: #ffffff;
	border-bottom: 1px solid #43cc4f;
}
#nav-sub ul.nav-list li.nav-active a,
#nav-sub ul.nav-list2 li.nav-active a,
#nav-sub ul.nav-list3 li.nav-active a,
#nav-sub ul.nav-list4 li.nav-active a,
#nav-sub ul.nav-list5 li.nav-active a,
#nav-sub ul.nav-list6 li.nav-active a,
#nav-sub ul.nav-list7 li.nav-active a {
	width: 156px;
	text-decoration: none;
	display: block;
	padding: 5px 2px 5px 17px;
	text-indent: -15px;
	font-weight: bold;
	border-top: 3px double #33993b;
	border-left: 5px solid #33993b;
	border-bottom: 3px double #33993b;
}

/* content-index設定 */
#content-index {
	width: 540px;
	padding: 20px;
	float: left;
}
#content-index p,
#content-index p strong {
	line-height: 1.5;
}
#content-index p.txt-italic {
	font-style: italic;
	padding: 1em 2em 0 2em;
	font-weight: bold;
}
#content-index ul {
	margin: 40px auto 0 auto;
	padding: 0 40px 20px 40px;
	width: 340px;
	border-left: 3px double #a2e619;
	border-right: 3px double #a2e619;
	clear: both;
}
#content-index ul li {
	padding-top: 20px;
	list-style-type: none;
}
#content-index ul li.top {
	padding-top: 0;
}
#content-index ul li p.txt-index {
	line-height: 1.5;
	padding-left: 40px;
	color: #325d99;
}
#content-index div.box-index ul {
	margin: 40px auto 0 auto;
	padding: 20px;
	clear: both;
	width: 498px;
	border: 1px solid #33993b;
}
#content-index div.box-index ul p.txt-info {
	line-height: 1.5;
	background: #ffffff url(../remodel/img/icon_info.jpg) left no-repeat;
	padding: 0 0 0 20px;
	text-align: left;
}
#content-index div.box-index ul li {
	padding: 0;
	line-height: 1.5;
	margin-left: 20px;
	list-style-type: square;
}
#content-index div.box-index p.txt-link {
	margin-left: 20px;
}
#content-index p.txt-link {
	background: #ffffff url(../remodel/img/icon_arrow01.jpg) left no-repeat;
	margin-left: 40px;
	padding-left: 20px;
	line-height: 1.5;
}
#content-index p.txt-link a {
	line-height: 1.5;
}
#content-index div.box-index ol {
	margin: 40px 20px 0 20px;
	padding: 0;
	clear: both;
	border: none;
}
#content-index div.box-index ol li {
	padding-top: 24px;
	background: #ffffff url(../remodel/img/icon_arrow02.jpg) top no-repeat;
	line-height: 1.5;
	margin-left: 20px;
}
#content-index div.box-index ol li.top {
	padding-top: 0;
	background: none;
	line-height: 1.5;
	margin-left: 20px;
}
#content-index span.border-e55d19 {
	line-height: 1.5;
	border: 1px solid #e55d19;
}
#content-index span.border-325d99 {
	line-height: 1.5;
	border: 1px solid #325d99;
}

/* box-pagetop設定 */
#box-pagetop {
	width: 724px;
	margin: 20px auto 0 auto;
	padding: 0 18px;
	clear: both;
	background: transparent url(../img/arrow_03.gif) right bottom no-repeat;
}
#box-pagetop p.pagetop {
	text-align: right;
}

/* box-banner設定 */
#box-banner {
	width: 800px;
	margin: 20px auto 0 auto;
	clear: both;	
}
#box-banner p.banner {
	float: right;
}