@charset "utf-8";
/*===== CONTENTS =====

	Title:study.css
	Outline:学習コンテンツページ用

====================*/


/* ------------------------------------------------------------
 　共通
------------------------------------------------------------ */
/*　共通　*/
#study .section {
	margin: 0;
	padding: 0;
	}

#study ol li,
#study ul li {
	list-style-type: none;
	}

#study #mainArea {
	position: relative;
	}

#study .ls {
	letter-spacing: -0.1em;
	}


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

/*　#detail　*/
#study #detail {
	position: relative;
	width: 920px;
	height: 400px;
	background: url(../img/study/detail_bg.jpg) right 16px no-repeat;
	}

#study #detail .btn01 {
	position: absolute;
	top: 16px;
	left: 233px;
	}

#study #detail .btn01 a {
	display: block;
	width: 470px;
	height: 109px;
	}

#study #detail .btn01 a:hover {
	background-color: transparent;
	}

#study #detail .btn a:hover img {
	visibility: hidden;
	}

#study #detail h3 {
	position: absolute;
	bottom: 0;
	left: 235px;
	}


/*　#karuta */
#study #karuta_shokuiku,
#study #karuta2_shokuiku,
#study #karuta,
#study #karuta2 {
	padding: 60px 0 0 20px;
	width: 900px;
	_width: 920px;
	height: 552px;
	_height: 612px;
	}

#study #karuta_shokuiku {
	background: url(../img/study/karuta_bg_2.jpg) no-repeat;
	}
#study #karuta2_shokuiku {
	background: url(../img/study/karuta2_bg_2.jpg) no-repeat;
	}
#study #karuta {
	background: url(../img/study/karuta_bg.jpg) no-repeat;
	}
#study #karuta2 {
	background: url(../img/study/karuta2_bg.jpg) no-repeat;
	}


#study #karuta_shokuiku li,
#study #karuta2_shokuiku li,
#study #karuta li,
#study #karuta2 li {
	float: left;
	margin:0 10px 39px 0;
	_margin:0 10px 35px 0;
	display: block;
	width: 100px;
	height: 141px;
	}

#study #karuta_shokuiku a,
#study #karuta2_shokuiku a,
#study #karuta a,
#study #karuta2 a {
	display: block;
	width: 100px;
	height: 141px;
	}

#study #karuta_shokuiku dl,
#study #karuta2_shokuiku dl,
#study #karuta dl,
#study #karuta2 dl,
#study #karuta_shokuiku li:hover img,
#study #karuta2_shokuiku li:hover img,
#study #karuta li:hover img,
#study #karuta2 li:hover img {
	visibility: hidden;
	}

#study #karuta_shokuiku a:hover img,
#study #karuta2_shokuiku a:hover img,
#study #karuta a:hover img,
#study #karuta2 a:hover img {
	visibility: hidden;
	}

#study #karuta_shokuiku a:hover,
#study #karuta2_shokuiku a:hover,
#study #karuta a:hover,
#study #karuta2 a:hover {
	background-color: transparent;
	}

#study #karuta_shokuiku li:hover dl,
#study #karuta2_shokuiku li:hover dl,
#study #karuta li:hover dl,
#study #karuta2 li:hover dl {
	visibility: visible;
	}

#study #karuta_shokuiku dt,
#study #karuta2_shokuiku dt,
#study #karuta dt,
#study #karuta2 dt {
	position: absolute;
	top: 286px;
	left: 256px;
	width: 50px;
	height: 50px;
	line-height: 140%;
	text-align: center;
	font-size: 240%;
	}
*:first-child+html #study #karuta dt,
*:first-child+html #study #karuta2 dt {
	top: 287px;
	}

#study #karuta_shokuiku dd,
#study #karuta2_shokuiku dd,
#study #karuta dd,
#study #karuta2 dd {
	position: absolute;
	top: 303px;
	left: 320px;
	width: 600px;
	}

/*　#karuta_shokuiku　*/
#study #karuta_shokuiku,
#study #karuta2_shokuiku {
	padding: 60px 0 0 20px;
	width: 900px;
	_width: 920px;
	height: 552px;
	_height: 612px;
	}

#study #karuta_shokuiku {
	background: url(../img/study/karuta_bg_2.jpg) no-repeat;
	}

#study #karuta2_shokuiku {
	background: url(../img/study/karuta2_bg_2.jpg) no-repeat;
	}


#study #karuta_shokuiku li,
#study #karuta2_shokuiku li {
	float: left;
	margin:0 10px 39px 0;
	_margin:0 10px 35px 0;
	display: block;
	width: 100px;
	height: 141px;
	}

#study #karuta_shokuiku a,
#study #karuta2_shokuiku a {
	display: block;
	width: 100px;
	height: 141px;
	}

#study #karuta_shokuiku dl,
#study #karuta2_shokuiku dl,
#study #karuta_shokuiku li:hover img,
#study #karuta2_shokuiku li:hover img {
	visibility: hidden;
	}

#study #karuta_shokuiku a:hover img,
#study #karuta2_shokuiku a:hover img {
	visibility: hidden;
	}

#study #karuta_shokuiku a:hover,
#study #karuta2_shokuiku a:hover {
	background-color: transparent;
	}

#study #karuta_shokuiku li:hover dl,
#study #karuta2_shokuiku li:hover dl {
	visibility: visible;
	}

#study #karuta_shokuiku dt,
#study #karuta2_shokuiku dt {
	position: absolute;
	top: 286px;
	left: 256px;
	width: 50px;
	height: 50px;
	line-height: 140%;
	text-align: center;
	font-size: 240%;
	}
*:first-child+html #study #karuta_shokuiku dt,
*:first-child+html #study #karuta2_shokuiku dt {
	top: 287px;
	}

#study #karuta_shokuiku dd,
#study #karuta2_shokuiku dd {
	position: absolute;
	top: 303px;
	left: 320px;
	width: 600px;
	}



/* ------------------------------------------------------------
 　sub
------------------------------------------------------------ */

/*　#sub_detail　*/
#study #sub_detail {
	position: relative;
	margin-bottom: 40px;
	width: 920px;
	background: url(../img/study/sub_detail_bg.jpg) right top no-repeat;
	}

#study #sub_detail .btn01 {
	position: absolute;
	top: 3px;
	left: 78px;
	}

#study #sub_detail .btn01 a {
	display: block;
	width: 470px;
	height: 109px;
	}

#study #sub_detail .btn01 a:hover {
	background-color: transparent;
	}


#study #sub_detail .btn01 a:hover img {
	visibility: hidden;
	}


#study #sub_detail .img {
	position: absolute;
	top: 158px;
	left: 33px;
	}

#study #sub_detail .img .yomi {
	margin-top: 43px;
	}


#study #sub_detail .txt {
	padding: 221px 0 0 230px;
	}

#study #sub_detail .txt .yomi {
	float: none;
	margin: 0 0 80px 200px;
	line-height: 1.4em;
	}

#study #sub_detail .txt .ttl {
	float: none;
	margin: 0 0 15px 120px;
	font-size: 140%;
	}

#study #sub_detail .txt dd {
	padding: 0 15px 30px 15px;
	width: 660px;
	_width: 690px;
	background: url(../img/study/txt_bg.gif) center bottom no-repeat;
	line-height: 1.6em;
	}

/*　#sub_detail_shokuiku　*/
#study #sub_detail_shokuiku {
	position: relative;
	margin-bottom: 40px;
	width: 920px;
	background: url(../img/study/sub_detail_bg_2.jpg) right top no-repeat;
	}

#study #sub_detail_shokuiku .btn01 {
	position: absolute;
	top: 3px;
	left: 78px;
	}

#study #sub_detail_shokuiku .btn01 a {
	display: block;
	width: 470px;
	height: 109px;
	}

#study #sub_detail_shokuiku .btn01 a:hover {
	background-color: transparent;
	}


#study #sub_detail_shokuiku .btn01 a:hover img {
	visibility: hidden;
	}


#study #sub_detail_shokuiku .img {
	position: absolute;
	top: 158px;
	left: 33px;
	}

#study #sub_detail_shokuiku .img .yomi {
	margin-top: 43px;
	}


#study #sub_detail_shokuiku .txt {
	padding: 221px 0 0 230px;
	}

#study #sub_detail_shokuiku .txt .yomi {
	float: none;
	margin: 0 0 80px 200px;
	line-height: 1.4em;
	}

#study #sub_detail_shokuiku .txt .ttl {
	float: none;
	margin: 0 0 15px 120px;
	font-size: 140%;
	}

#study #sub_detail_shokuiku .txt dd {
	padding: 0 15px 30px 15px;
	width: 660px;
	_width: 690px;
	background: url(../img/study/txt_bg.gif) center bottom no-repeat;
	line-height: 1.6em;
	}

/*　#sec_photo、#sec_map　*/
#study #sec_photo li.left {
	float: left;
	margin-bottom: 20px;
	}

#study #sec_photo li.right {
	float: right;
	margin-bottom: 20px;
	}

#study #sec_map h3 {
	text-align: center;
	}



#study #mainArea { width: 100%; }