@charset "utf-8";

/* 書き方講座 */


/*────────────────────────────── サイドナビゲーション */
#sidenavi #sn09 {
	margin: 0 0 auto auto;
	padding-top: 15px;
	width: 199px;
	height: 330px;
	background: url(../images/sn_09.jpg) no-repeat 0 0;
}

#sidenavi #sn09 a {
	display: block;
	width: 199px;
	height: 0;
	background: url(../images/sn_09.jpg) no-repeat 0 0;
	overflow: hidden;
}

#sidenavi #sn09 a#item01 { padding-top: 46px; background-position: 0px -15px; }
#sidenavi #sn09 a#item02 { padding-top: 46px; background-position: 0px -61px; }
#sidenavi #sn09 a#item03 { padding-top: 46px; background-position: 0px -107px; }
#sidenavi #sn09 a#item04 { padding-top: 46px; background-position: 0px -153px; }
#sidenavi #sn09 a#item05 { padding-top: 46px; background-position: 0px -199px; }
#sidenavi #sn09 a#item06 { padding-top: 46px; background-position: 0px -245px; }
#sidenavi #sn09 a#item07 { padding-top: 46px; background-position: 0px -291px; }

#sidenavi #sn09 a#item01:hover { background-position: 0px -365px; }
#sidenavi #sn09 a#item02:hover { background-position: 0px -411px; }
#sidenavi #sn09 a#item03:hover { background-position: 0px -457px; }
#sidenavi #sn09 a#item04:hover { background-position: 0px -503px; }
#sidenavi #sn09 a#item05:hover { background-position: 0px -549px; }
#sidenavi #sn09 a#item06:hover { background-position: 0px -595px; }
#sidenavi #sn09 a#item07:hover { background-position: 0px -641px; }


/*────────────────────────────── 見出し要素 */
#content h1 {
	padding-top: 22px;
	width: 322px;
	height: 0;
	background: url(../images/09_h1.jpg) 0 0 no-repeat;
	overflow: hidden;
	}

#content h2 {
	padding-top: 52px;
	width: 600px;
	height: 0;
	background: url(../images/09_h2_01.jpg) 0 0 no-repeat;
	overflow: hidden;
	}

#content h3 {
	padding-top: 100px;
	width: 600px;
	height: 0;
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
	}

#para01 h3 { background-image: url(../images/09_h3_01.jpg); }
#para02 h3 { background-image: url(../images/09_h3_02.jpg); }
#para03 h3 { background-image: url(../images/09_h3_03.jpg); }
#para04 h3 { background-image: url(../images/09_h3_04.jpg); }
#para05 h3 { background-image: url(../images/09_h3_05.jpg); }
#para06 h3 { padding-top: 125px; background-image: url(../images/09_h3_06.jpg); }
#para07 h3 { padding-top: 125px; background-image: url(../images/09_h3_07.jpg); }

#content h4 {
	display: none;
	}


/*────────────────────────────── 本文スペースと挿絵 */
.item img { position: absolute;	}
#para01 img{ left: 530px; top: 75px; }
#para02 img{ left: 456px; top: 130px; }
#para03 img{ left: 420px; top: 115px; }
#para04 img{ left: 480px; top: 80px; }
#para05 img{ left: 494px; top: 80px; }
#para06 img{ left: 470px; top: 110px; }
#para07 img{ left: 495px; top: 80px; }

#para01 p { width: 530px; }
#para02 p { width: 456px; }
#para03 p { width: 420px; }
#para04 p { width: 480px; }
#para05 p { width: 494px; }
#para06 p { width: 470px; }
#para07 p { width: 495px; }

#para07 {
	padding-bottom: 4em;
	}