@charset "Shift_JIS";
/*----------------------------------------

	- cmn
	- top
	- page01
	- page02
	- page03
	- page04

-----------------------------------------*/

/*----------------------------------------
	cmn
-----------------------------------------*/

.cmn #kanpan_main {
	width: 536px;
	margin-top: 41px;
}

.cmn #title {
	padding-bottom: 8px;
}

.cmn #nav {
	padding: 4px 0;
	border-top: solid 1px #6ec9dd;
	border-bottom: solid 1px #6ec9dd;
}

.cmn #nav ul {
	width: 536px;
}

.cmn #nav ul.top {
	width: 524px;
	padding-left: 12px;
	background: url(../7questions/img/cmn_main_nav_line_top.gif) no-repeat left center;
}

.cmn #nav li {
	float: left;
	padding: 2px 22px 2px 0;
	background: url(../7questions/img/cmn_main_nav_line.gif) no-repeat right center;
	font-weight: bold;
	line-height: 1.2em;
	color: #999999;
}

.cmn #nav li a {
	padding-bottom: 1px;
}

/*----------------------------------------
	top
-----------------------------------------*/

#top #kanpan_main {
	width: 536px;
	margin-top: 49px;
}

/*----------------------------------------
	top - title
-----------------------------------------*/

#top #title {
	padding-bottom: 11px;
	text-align: center;
}

/*----------------------------------------
	top - box01
-----------------------------------------*/

#top #box01 {
	position: relative;
	width: 536px;
	background: #ffeef3 url(../kanpan_lecture/img/index_menu_bg.gif) no-repeat left bottom;
}

#top #box01 h2 {
	position: absolute;
	z-index: 80;
	top: 10px;
	left: 30px;
}

#top #box01 p.text {
	position: absolute;
	z-index: 80;
	top: 0;
	right: 37px;
	width: 253px;
}

/* sub */
#top #box01 #sub {
	position: relative;
	width: 536px;
	background: url(../kanpan_lecture/img/index_01_bg.gif) no-repeat left top;
}

#top #box01 #sub em {
	color: #f25488;
	font-weight: bold;
}

#top #box01 #sub p.pic {
	float: right;
	width: 251px;
	padding: 131px 0 28px 0;
}

#top #box01 #sub p {
	float: left;
	width: 244px;
	padding: 160px 0 0 30px;
}

/* menu */
#top #box01 #menu {
	position: relative;
	width: 536px;
	height: 214px;
}

#top #box01 #menu ul {
	width: 360px;
	margin-left: 30px;
	padding-top: 20px;
}

#top #box01 #menu li {
	float: left;
	width: 177px;
	padding-bottom: 5px;
}

/*----------------------------------------
	top - box02
-----------------------------------------*/

#top #box02 {
	padding-top: 8px;
}

/*----------------------------------------
	page01
-----------------------------------------*/

#page01 #content {
	width: 536px;
	padding-bottom: 67px;
	border-top: solid 14px #ffffff;
	background: #ffeef3 url(../kanpan_lecture/img/01_bg_btm.gif) no-repeat left bottom;
}

/*----------------------------------------
	page01 - main
-----------------------------------------*/

#page01 #main {
	width: 536px;
	padding-bottom: 10px;
	background: url(../kanpan_lecture/img/01_bg_top.gif) no-repeat left top;
	text-align: center;
}

#page01 #main p.sub {
	margin-left: 40px;
	text-align: left;
}

#page01 #main h1 {
	padding: 19px 0 8px 0;
}

/*----------------------------------------
	page01 - type
-----------------------------------------*/

#page01 .type {
	position: relative;
	width: 496px;
	margin: 16px 0 0 20px;
	padding-bottom: 40px;
}

#page01 .type h2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 496px;
	height: 30px;
}

#page01 .type h2 img {
	display: block;
	position: absolute;
	top: -8px;
	left: 20px;
}

#page01 .type p {
	padding: 30px 30px 0 200px;
}

#page01 .type dl {
	padding: 10px 0 0 200px;
	font-size: 0;
	line-height: 0;
}

#page01 .type dt {
	float: left;
	width: 152px;
}

#page01 .type dd {
	float: left;
}

/* type01 */
#page01 #type01 {
	padding-bottom: 4px;
	background: url(../kanpan_lecture/img/01_type01_bg_btm.gif) no-repeat left bottom;
}

#page01 #type01 h2 {
	background: url(../kanpan_lecture/img/01_type01_bg_top.gif) no-repeat left top;
}

#page01 #type01 p.chara {
	position: relative;
	height: 67px;
	padding: 0;
}

#page01 #type01 p.chara img {
	position: relative;
	z-index: 50;
	margin-top: -26px;
	padding-left: 295px;
}

/* type02 */
#page01 #type02 {
	background: url(../kanpan_lecture/img/01_type02_bg_btm.gif) no-repeat left bottom;
}

#page01 #type02 h2 {
	background: url(../kanpan_lecture/img/01_type02_bg_top.gif) no-repeat left top;
}

/* type03 */
#page01 #type03 {
	background: url(../kanpan_lecture/img/01_type03_bg_btm.gif) no-repeat left bottom;
}

#page01 #type03 h2 {
	background: url(../kanpan_lecture/img/01_type03_bg_top.gif) no-repeat left top;
}

/* type04 */
#page01 #type04 {
	padding-bottom: 4px;
	background: url(../kanpan_lecture/img/01_type04_bg_btm.gif) no-repeat left bottom;
}

#page01 #type04 h2 {
	background: url(../kanpan_lecture/img/01_type04_bg_top.gif) no-repeat left top;
}

#page01 #type04 dl {
	padding: 10px 0 0 222px;
}

#page01 #type04 dt {
	float: none;
	width: auto;
	padding-bottom: 10px;
}

#page01 #type04 dd {
	float: none;
}

#page01 #type04 p.chara {
	position: relative;
	height: 36px;
	padding: 0;
}

#page01 #type04 p.chara img {
	position: relative;
	z-index: 50;
	margin-top: -180px;
	padding-left: 31px;
}

/*----------------------------------------
	page01 - box01
-----------------------------------------*/

#page01 #box01 {
	width: 464px;
	margin-left: 36px;
	padding-top: 23px;
}

#page01 #box01 h3 {
	padding: 23px 0 9px 0;
}

#page01 #box01 .sub {
	width: 436px;
	margin-left: 28px;
	padding-top: 20px;
}

#page01 #box01 .sub p {
	width: 408px;
	text-align: center;
}

#page01 #box01 .sub li {
	float: left;
	width: 195px;
	padding:0 10px 0 4px;
}

#page01 #box01 .sub li img {
	margin: 0 0 6px -4px;
}

/*----------------------------------------
	page01 - box02
-----------------------------------------*/

#page01 #box02 {
	position: relative;
	width: 464px;
	margin: 14px 0 0 36px;
	background: #ffffff url(../kanpan_lecture/img/01_02_bg_top.gif) no-repeat left top;
}

#page01 #box02 h2 {
	position: absolute;
	top: 23px;
	left: 25px;
}

#page01 #box02 h3 {
	margin-bottom: -8px;
	padding: 24px 30px 0 114px;
}

#page01 #box02 p {
	padding: 16px 30px 0 114px;
}

/*----------------------------------------
	page02
-----------------------------------------*/

#page02 #content {
	position: relative;
	width: 536px;
	height: 1228px;
	background: url(../kanpan_lecture/img/02_bg.gif) no-repeat 0 25px;
}

/*----------------------------------------
	page02 - main
-----------------------------------------*/

#page02 #main {
	width: 536px;
	padding-top: 14px;
	text-align: center;
}

#page02 #main p.sub {
	margin-left: 40px;
	text-align: left;
}

#page02 #main h1 {
	padding: 12px 0 9px 0;
}

/*----------------------------------------
	page02 - pattern
-----------------------------------------*/

/* pattern01 */
#page02 #pattern01 h2 {
	position: absolute;
	top: 190px;
	left: 49px;
}

#page02 #pattern01 p {
	position: absolute;
	top: 276px;
	left: 61px;
}

#page02 #pattern01 p.chara {
	position: absolute;
	top: 175px;
	left: 265px;
}

/* pattern02 */
#page02 #pattern02 h2 {
	position: absolute;
	top: 430px;
	left: 231px;
}

#page02 #pattern02 p {
	position: absolute;
	top: 516px;
	left: 233px;
}

#page02 #pattern02 p.chara {
	position: absolute;
	top: 339px;
	left: 336px;
}

/* pattern03 */
#page02 #pattern03 h2 {
	position: absolute;
	top: 669px;
	left: 82px;
}

#page02 #pattern03 p {
	position: absolute;
	top: 755px;
	left: 60px;
}

#page02 #pattern03 p.chara {
	position: absolute;
	top: 746px;
	left: 232px;
}

/* pattern04 */
#page02 #pattern04 h2 {
	position: absolute;
	top: 917px;
	left: 205px;
}

#page02 #pattern04 p {
	position: absolute;
	top: 1002px;
	left: 241px;
}

#page02 #pattern04 p.chara {
	position: absolute;
	top: 991px;
	left: 43px;
}

/*----------------------------------------
	page03
-----------------------------------------*/

#page03 #content {
	width: 536px;
	padding-top: 14px;
}

/*----------------------------------------
	page03 - main
-----------------------------------------*/

#page03 #main {
	width: 536px;
	background: #ffeef3 url(../kanpan_lecture/img/01_bg_top.gif) no-repeat left top;
	text-align: center;
}

#page03 #main p.sub {
	margin-left: 40px;
	text-align: left;
}

#page03 #main h1 {
	padding: 20px 0 22px 0;
}

/*----------------------------------------
	page03 - box
-----------------------------------------*/

#page03 .box {
	width: 536px;
	padding-bottom: 36px;
	color: #ffffff;
}

#page03 .box h2 {
	margin-left: 36px;
	padding: 23px 0 9px 0;
}

#page03 .box p {
	margin: 0 36px;
}

#page03 .box p.pic {
	margin: 0 0 0 36px;
}

#page03 .box .sub {
	position: relative;
	width: 464px;
	margin-left: 36px;
	padding-bottom: 22px;
	color: #666666;
}

#page03 #content .box .sub h2 {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 464px;
	height: 29px;
	margin: 0;
	padding: 0;
}

#page03 .box .sub h2 img {
	margin: 23px 0 0 25px;
}

#page03 .box .sub h3 {
	position: relative;
	z-index: 50;
	margin-bottom: -8px;
	padding: 24px 30px 0 114px;
}

#page03 .box .sub p {
	margin: 0;
	padding: 16px 30px 0 114px;
}

/* box01 */
#page03 #box01 {
	background-color: #a97780;
}

#page03 #box01 h2 {
	padding-top: 16px;
}

#page03 #box01 p.pic {
	padding-bottom: 14px;
}

#page03 #box01 .sub {
	background: #ffffff url(../kanpan_lecture/img/03_01_bg_btm.gif) no-repeat left bottom;
}

#page03 #box01 .sub h2 {
	background: url(../kanpan_lecture/img/03_01_bg_top.gif) no-repeat left top;
}

/* box02 */
#page03 #box02 {
	padding-top: 2px;
	background: #fd9aba url(../kanpan_lecture/img/03_02_bg.gif) no-repeat left bottom;
}

#page03 #box02 p.pic {
	padding-bottom: 8px;
}

#page03 #box02 .sub {
	background: #ffffff url(../kanpan_lecture/img/03_02_bg_btm.gif) no-repeat left bottom;
}

#page03 #box02 .sub h2 {
	background: url(../kanpan_lecture/img/03_02_bg_top.gif) no-repeat left top;
}

/*----------------------------------------
	page04
-----------------------------------------*/

#page04 #content {
	width: 536px;
	padding-bottom: 36px;
	border-top: solid 14px #ffffff;
	background: #ffeef3 url(../kanpan_lecture/img/01_bg_btm.gif) no-repeat left bottom;
}

/*----------------------------------------
	page04 - main
-----------------------------------------*/

#page04 #main {
	width: 536px;
	padding-bottom: 4px;
	background: url(../kanpan_lecture/img/01_bg_top.gif) no-repeat left top;
	text-align: center;
}

#page04 #main p.sub {
	margin-left: 40px;
	text-align: left;
}

#page04 #main h1 {
	padding-top: 12px;
}

/*----------------------------------------
	page04 - box01
-----------------------------------------*/

#page04 #box01 {
	width: 500px;
	margin-left: 36px;
	padding-bottom: 20px;
}

#page04 #box01 h2 {
	padding: 23px 0 9px 0;
}

#page04 #box01 em {
	font-weight: bold;
	color: #f25488;
}

#page04 #box01 .text {
	float: left;
	width: 264px;
}

#page04 #box01 .pic {
	float: left;
	width: 208px;
	padding-top: 34px;
	text-align: right;
}

/*----------------------------------------
	page04 - box02
-----------------------------------------*/

#page04 #box02 {
	position: relative;
	width: 464px;
	margin-left: 36px;
	padding-bottom: 30px;
	background: #ffffff url(../kanpan_lecture/img/04_bg_btm.gif) no-repeat left bottom;
}

#page04 #box02 h2 {
	position: absolute;
	z-index: 10;
	width: 464px;
	height: 29px;
	background: url(../kanpan_lecture/img/04_bg_top.gif) no-repeat left top;
}

#page04 #box02 h2 img {
	margin: 23px 0 0 25px;
}

#page04 #box02 h3 {
	padding: 41px 0 23px 109px;
}

#page04 #box02 h3 img {
	position: relative;
	z-index: 50;
}

#page04 #box02 p {
	text-align: center;
}

/*----------------------------------------
	page04 - box03
-----------------------------------------*/

#page04 #box03 {
	position: relative;
	width: 464px;
	margin: 10px 0 0 36px;
	padding-bottom: 25px;
	background: #ffffff url(../kanpan_lecture/img/04_bg_btm.gif) no-repeat left bottom;
}

#page04 #box03 h2 {
	position: absolute;
	z-index: 10;
	width: 464px;
	height: 29px;
	background: url(../kanpan_lecture/img/04_bg_top.gif) no-repeat left top;
}

#page04 #box03 h2 img {
	margin: 23px 0 0 25px;
}

#page04 #box03 h3 {
	padding: 41px 0 12px 109px;
}

#page04 #box03 h3 img {
	position: relative;
	z-index: 50;
}

#page04 #box03 dl {
	margin: 0 28px;
}

#page04 #box03 dt {
	padding: 12px 0 1px 0;
	font-weight: bold;
}