@charset "UTF-8";
/* CSS Document */

#main #contents #chapter {
	text-align:left;
	position:relative;
	top: 80px;
	left: 30px;
	margin-top: -80px;
}

#main #contents #contents-mdl h1 {
	text-align: center;
	margin-bottom: 10px;
}

#main #contents #contents-mdl div.article .col1 {
	width: 690px !important;
	padding-left:30px;
}
#main #contents #contents-mdl div.article .col1.txt h1 {
	text-align: left;
	margin-bottom: 20px;
}
#main #contents #contents-mdl div.article .col1.txt {
	/* width: 305px !important; */
	/* padding-left:40px; */
}

#main #contents #contents-mdl div.article .l2Col {
	width: 326px;
}

#main #contents #contents-mdl div.article .l2Col.txt {
	width: 320px !important;
	padding-left:40px;
}

#main #contents #contents-mdl div.article .r2Col {
	width: 364px;
}
#main #contents #contents-mdl div.article .r2Col.txt {
	padding:0 30px 0 20px;
	width: 314px !important;
}

#main #contents #contents-mdl div.article.nextAnnounce .l2Col {
	width: 155px;
}
#main #contents #contents-mdl div.article.nextAnnounce .r2Col {
	margin-left: 20px;
}


/*---------------------------------------
  chapter02
---------------------------------------*/

/*-- .qa02 --*/
body#top-chap02 #main #contents #contents-mdl div.article.qa02 .l2Col {
	width: 207px;
	padding-left:40px;
}
body#top-chap02 #main #contents #contents-mdl div.article.qa02 .l2Col.txt {
}

body#top-chap02 #main #contents #contents-mdl div.article.qa02 .r2Col {
	width: 443px;
}
body#top-chap02 #main #contents #contents-mdl div.article.qa02 .r2Col.txt {
	padding:0 30px 0 20px;
	width: 393px !important;
}

/*-- .qa03 --*/
body#top-chap02 #main #contents #contents-mdl div.article.qa03 .l2Col {
	width: 403px;
	padding-left:40px;
}
body#top-chap02 #main #contents #contents-mdl div.article.qa03 .l2Col.txt {
	width: 403px !important;
}

body#top-chap02 #main #contents #contents-mdl div.article.qa03 .r2Col {
	width: 247px;
}
body#top-chap02 #main #contents #contents-mdl div.article.qa03 .r2Col.txt {
}

/*-- .qa04 --*/
body#top-chap02 #main #contents #contents-mdl div.article.qa04 .l2Col {
	width: 177px;
	padding-left:40px;
}
body#top-chap02 #main #contents #contents-mdl div.article.qa04 .l2Col.txt {
}

body#top-chap02 #main #contents #contents-mdl div.article.qa04 .r2Col {
	width: 473px;
}
body#top-chap02 #main #contents #contents-mdl div.article.qa04 .r2Col.txt {
	padding:0 30px 0 20px;
	width: 423px !important;
}

/*-- .qa05 --*/
body#top-chap02 #main #contents #contents-mdl div.article.qa05 .l2Col {
	width: 403px;
	padding-left:40px;
}
body#top-chap02 #main #contents #contents-mdl div.article.qa05 .l2Col.txt {
	width: 403px !important;
}

body#top-chap02 #main #contents #contents-mdl div.article.qa05 .r2Col {
	width: 247px;
}
body#top-chap02 #main #contents #contents-mdl div.article.qa05 .r2Col.txt {
}

/*-- .matome --*/
body#top-chap02 #main #contents #contents-mdl div.article.matome {
	background: transparent url(/kousuinavi/images/chap02_bg_glass.png) left top no-repeat;
	padding-top: 10px;
	height: 313px;
}

body#top-chap02 #main #contents #contents-mdl div.article.matome .col1 {
	padding-left:230px;
}
body#top-chap02 #main #contents #contents-mdl div.article.matome .col1 p {
	width: 476px;
}

/*-- .monitor --*/
body#top-chap02 #main #contents #contents-mdl div.article.monitor {
	background: transparent url(/kousuinavi/images/chap02_graph01.png) right 40px no-repeat;
	min-height: 852px;
}
body#top-chap02 #main #contents #contents-mdl div.article.monitor h3{
	background: transparent url(/kousuinavi/images/chap02_h3deco_03.png) left top no-repeat;
	padding: 20px 0 0 15px;
	min-height: 124px;
	margin-top: 10px;
}
body#top-chap02 #main #contents #contents-mdl div.article.monitor .disc{
	width: 260px;
}
body#top-chap02 #main #contents #contents-mdl div.article.monitor .note{
	padding-left: 370px;
	text-align:left;
}

/*-- .blogger --*/
body#top-chap02 #main #contents #contents-mdl div.article.blogger .col1 {
	height: 940px;
	position: relative;
}
body#top-chap02 #main #contents #contents-mdl div.article.blogger div.comment {
	position: absolute;
}
body#top-chap02 #main #contents #contents-mdl div.article.blogger div.comment div.detail {
	position: absolute;
}

body#top-chap02 #main #contents #contents-mdl div.article.blogger div.comment.c01 {
	top: 180px;
	left: 50px;
}
body#top-chap02 #main #contents #contents-mdl div.article.blogger div.comment.c01 div.detail {
	top: 180px;
	left: 190px;
}

body#top-chap02 #main #contents #contents-mdl div.article.blogger div.comment.c02 {
	top: 70px;
	left: 390px;
}
body#top-chap02 #main #contents #contents-mdl div.article.blogger div.comment.c02 div.detail {
	top: 180px;
	left: 190px;
}

body#top-chap02 #main #contents #contents-mdl div.article.blogger div.comment.c03 {
	top: 430px;
	left: 30px;
}
body#top-chap02 #main #contents #contents-mdl div.article.blogger div.comment.c03 div.detail {
	top: 200px;
	left: 20px;
}

body#top-chap02 #main #contents #contents-mdl div.article.blogger div.comment.c04 {
	top: 360px;
	left: 370px;
}
body#top-chap02 #main #contents #contents-mdl div.article.blogger div.comment.c04 div.detail {
	top: 200px;
	left: 170px;
}

body#top-chap02 #main #contents #contents-mdl div.article.blogger div.comment.c05 {
	top: 700px;
	left: 80px;
}
body#top-chap02 #main #contents #contents-mdl div.article.blogger div.comment.c05 div.detail {
	top: 200px;
	left: 170px;
}

body#top-chap02 #main #contents #contents-mdl div.article.blogger div.comment.c06 {
	top: 650px;
	left: 400px;
}
body#top-chap02 #main #contents #contents-mdl div.article.blogger div.comment.c06 div.detail {
	top: 210px;
	left: 170px;
}

/*---------------------------------------
  profile
---------------------------------------*/
#main #contents #contents-mdl div.profile {
	margin-top: -80px;
	margin-left:15px;
	margin-right:10px;
	float: right;
}
#main #contents #contents-mdl div.profile div.profile-top {
	background: transparent url(/kousuinavi/images/prof_bg01_top.png) left top no-repeat;
	width: 346px;
	height: 7px;
}
#main #contents #contents-mdl div.profile div.profile-mdl {
	background: transparent url(/kousuinavi/images/prof_bg01_mdl.png) left top repeat-y;
	width: 311px;
	padding: 10px 15px 10px 20px;
}
#main #contents #contents-mdl div.profile div.profile-mdl .prof-Photo {
	float: left;
	margin: 0 5px 5px 0;
}
#main #contents #contents-mdl div.profile div.profile-mdl div.ctt-dots02 {/*-- overwrite - lines--*/
	margin: 5px 0 5px 5px;
}
#main #contents #contents-mdl div.profile div.profile-mdl div.logo {
	text-align: center;
}
#main #contents #contents-mdl div.profile div.profile-mdl p {
	/* line-height: 150%; */
}

#main #contents #contents-mdl div.profile div.profile-btm {
	background: transparent url(/kousuinavi/images/prof_bg01_btm.png) left top no-repeat;
	width: 346px;
	height: 7px;
}

/*---------------------------------------
  Q&A Box
---------------------------------------*/
#main #contents #contents-mdl .qaBox {
}
#main #contents #contents-mdl .qaBox h3 {
	background: transparent url(/kousuinavi/images/icon_q01.png) left top no-repeat;
	padding: 20px 0 0 48px;
}
#main #contents #contents-mdl .qaBox p.answer {
	background: transparent url(/kousuinavi/images/icon_a01.png) left top no-repeat;
}
#main #contents #contents-mdl .qaBox p {
	padding: 0 0 0 48px;
}
#main #contents #contents-mdl .qaBox p.answer {
	background: transparent url(/kousuinavi/images/icon_a01.png) left top no-repeat;
}


/*-- .deco01 --*/
#main #contents #contents-mdl .qaBox.deco01 {
	background: transparent url(/kousuinavi/images/chap02_h3deco_01.png) left top no-repeat;
}
#main #contents #contents-mdl .qaBox.deco01 h3 {
}
#main #contents #contents-mdl .qaBox.deco01 p.answer {
	background-position: 10px 5px;
}

/*-- .deco02 --*/
#main #contents #contents-mdl .qaBox.deco02 {
	background: transparent url(/kousuinavi/images/chap02_h3deco_02.png) left top no-repeat;
}
#main #contents #contents-mdl .qaBox.deco02 h3 {
}
#main #contents #contents-mdl .qaBox.deco02 p.answer {
	background-position: 20px 5px;
}

/*-- .deco03 --*/
#main #contents #contents-mdl .qaBox.deco03 {
	background: transparent url(/kousuinavi/images/chap02_h3deco_03.png) left top no-repeat;
}
#main #contents #contents-mdl .qaBox.deco03 h3 {
	padding-top: 8px;
}
#main #contents #contents-mdl .qaBox.deco03 p.answer {
	background-position: 20px 5px;
}

/*-- .deco04 --*/
#main #contents #contents-mdl .qaBox.deco04 {
	background: transparent url(/kousuinavi/images/chap02_h3deco_01.png) left top no-repeat;
}
#main #contents #contents-mdl .qaBox.deco04 h3 {
}
#main #contents #contents-mdl .qaBox.deco04 p.answer {
	background-position: 20px 5px;
}

/*-- .deco05 --*/
#main #contents #contents-mdl .qaBox.deco05 {
	background: transparent url(/kousuinavi/images/chap02_h3deco_01.png) left top no-repeat;
}
#main #contents #contents-mdl .qaBox.deco05 h3 {
	min-height: 43px;
	padding-top: 8px;
}
#main #contents #contents-mdl .qaBox.deco05 p.answer {
	background-position: 20px 5px;
}

/*add*/

#wrapper #container #main #contents #contents-mdl .innner_contents #inner_01 .inner_left01 {
	width: 320px;
	padding-left: 35px;
	padding-top: 60px;
	float: left;
}
#top-chap02 #wrapper #container #main #contents #contents-mdl .innner_contents #inner_01 {
	overflow: hidden;
	padding-top: 5px;
}
#top-chap02 #wrapper #container #main #contents #contents-mdl .innner_contents #inner_01 .r2Col.fl-Right #catch {
	width: 305px;
	padding-right: 25px;
}
#top-chap02 #wrapper #container #main #contents #contents-mdl .innner_contents #inner_02 .inner_left02 {
	float: left;
	width: 342px;
	padding-left: 20px;
	padding-top: 25px;
}
#top-chap02 #wrapper #container #main #contents #contents-mdl .innner_contents #inner_02 .inner_left02 .right_02 {
	float: right;
	width: 320px;
}
#top-chap02 #wrapper #container #main #contents #contents-mdl .innner_contents #inner_02 {
	overflow: hidden;
	padding-right: 25px;
}
#top-chap02 #wrapper #container #main #contents #contents-mdl .innner_contents #inner_02 .right_02 {
	float: right;
	width: 320px;
	padding-top: 50px;
}
#top-chap02 #wrapper #container #main #contents #contents-mdl .innner_contents #inner_03 .inner_left03 {
	float: left;
	width: 320px;
	padding-left: 35px;
	padding-top: 15px;
}
#top-chap02 #wrapper #container #main #contents #contents-mdl .innner_contents #inner_03 {
	padding-top: 30px;
	overflow: hidden;
}
#top-chap02 #wrapper #container #main #contents #contents-mdl .innner_contents #inner_03 .right_03 {
	float: right;
	width: 334px;
	padding-right: 20px;
}
#top-chap02 #wrapper #container #main #contents #contents-mdl .innner_contents #inner_04 {
	padding-top: 20px;
	overflow: hidden;
}
#top-chap02 #wrapper #container #main #contents #contents-mdl .innner_contents .right_04 {
	float: right;
	width: 320px;
	padding-top: 35px;
	padding-right: 30px;
}
#top-chap02 #wrapper #container #main #contents #contents-mdl .innner_contents #inner_04 .inner_left04 {
	float: left;
	width: 291px;
	padding-left: 30px;
}
#top-chap02 #wrapper #container #main #contents #contents-mdl .ctt-dots {
	background-image: url(../common/images/hr_dots01.png);
}
#top-chap02 #wrapper #container #main #contents #contents-mdl .next .next_left {
	width: 115px;
	padding-left: 40px;
	float: left;
}
#top-chap02 #wrapper #container #main #contents #contents-mdl .next .next_right {
	float: left;
	width: 455px;
	padding-left: 20px;
}
#top-chap02 #wrapper #container #main #contents #contents-mdl .next {
	overflow: hidden;
}
#top-chap02 #wrapper #container #main #contents #contents-mdl .center_05 {
	padding-top: 35px;
	padding-right: 35px;
	padding-bottom: 15px;
	padding-left: 45px;
	width: 650px;
}