/* Šî–{ */

body {
	background-image: url(../img/back.jpg);
	background-repeat: repeat;
margin:0;
padding:0;
border:0;
font-size:100%;
font-family:'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro','ƒƒCƒŠƒI',Meiryo,'‚l‚r ‚oƒSƒVƒbƒN',sans-serif;
text-align:center;
}

img {
border:0 none;
display:block;
margn:0;
padding:0;
vertical-align: top;
}

#wrapper{
font-size:100%;
margin:0 auto;
width:842px;
height:100%;
	padding:0px;
	text-align:left;
}

ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

.hide{
display:none;
}

hr,span,#wrapper h1,#wrapper h3,#note_send h3{
display:none;
}


/* --------------- toppage --------------- */
.note{
	background-image: url(../../img/note_back.jpg);
	background-repeat: no-repeat;
	margin:0px;
	padding:0px;
	width:842px;
	height:779px;
}

/* ‰E•tⳕ”•Ş */

.tab ul{
left:750px;
position:relative;
top:30px;
width:75px;
list-style-type:none;
padding: 1px 0 0 0px;
margin:0px;
}

.tab ul li.rule{
background:transparent url(../../img/01rule.gif) no-repeat scroll left top;
vertical-align: top;
border:0 none;
width:73px;
height:29px;
margin-top: 12px;
}

.tab ul li.example{
background: url(../../img/02example.gif) no-repeat scroll left top;
vertical-align: top;
border:0 none;
width:75px;
height:27px;
margin-top: 19px;
}

.tab ul li.practice{
background: url(../../img/03practice.gif) no-repeat scroll left top;
vertical-align: top;
border:0 none;
width:74px;
height:28px;
margin-top:18px;
}

.tab ul li a {
display:block;
height:27px;
}

/* ‚¨“š‚Ĥ‚µ‚Ü‚·•”•Ş */

.answer_main ul, .answer_main li{
display:none;
}

.answer{
background: url(../../img/answer.gif) no-repeat scroll left top;
no-repeat scroll left top;
border:0 none;
height:87px;
left:579px;
position:relative;
top:83px;
vertical-align:top;
width:183px;
}

.answer a{
display:block;
height:87px;
}

/* €–Ú */

.contents ul{
left:405px;
top:161px;
position:relative;
width:126px;
list-style-type:none;
padding:0px;
margin:0px;
}

.contents ul li.rule{
background:transparent url(../../img/01.gif) no-repeat scroll left top;
border:0 none;
width:126px;
height:19px;
margin:0px;
padding:0px;
font-size: 0;
line-height: 0;
vertical-align: bottom; 
}

.contents ul li.example{
background:transparent url(../../img/02.gif) no-repeat scroll left top;
border:0 none;
width:126px;
height:19px;
margin:0px;
padding:0px;
font-size: 0;
line-height: 0;
vertical-align: bottom; 
margin-top: 4px;
margin-bottom: 4px;
}

.contents ul li.practice{
background:transparent url(../../img/03.gif) no-repeat scroll left top;
border:0 none;
width:126px;
height:19px;
margin:0px;
padding:0px;
font-size: 0;
line-height: 0;
vertical-align: bottom; 
}

.contents ul li a {
height:19px;
display:block;
}



img.illustrator{
padding:0;
position:relative;
top:483px;
width:113px;
height:13px;
vertical-align: bottom; 
left:624px;
}



#content .sample{
display: none;
}


/* ƒtƒbƒ^[ */
.footer{
	margin:0 auto;
	padding:0px;
	text-align:left;
	padding-left: 160px;
}


.footer img{
float:left;
border:0 none;
display:block;
margn:0;
padding:0;
vertical-align: top;

}




/* --------------- Answer/index --------------- */

#answer{
	background-color:#fefae8;
	width:100%;
	height:100%;
	text-align:left;
}

#answer_wrapper{
width:700px;
border: 10px solid #fefae8;
text-align:left;
margin:0;
height:510px;

}


.answer_title{
background-image:url(../../answer/img/answer01.gif);
	background-repeat: no-repeat;
	margin:0 auto;
	padding:0;
	border:0:
	width:710px;
	height:187px;
}

.answer_title img{
position:absolute;
	left:200px;
	vertical-align:top;
	display: inline;
}


#answer ul,#answer p,#answer li{
display:none;
}

.answer_contents{
background-image:url(../../answer/img/answer02.gif);
	background-repeat: no-repeat;
	margin:0 auto;
	padding:0;
	border:0;
	width:710px;
	height:245px;
	position:relative;
	top:0;
	left:0;
}

.answer_send{
background-image:url(../../answer/img/answer03.gif);
	background-repeat: no-repeat;
	width:710px;
	height:80px;
	
}


.question_send{
position:absolute;
left:290px;
top:470px;
}

.note_send{
position:absolute;
left:490px;
top:475px;
}




/* --------------- Note_Send/index --------------- */


#note_send{
	background-color:#fefae8;
	width:100%;
	height:100%;
	text-align:left;
}

#note_send_wrapper{
width:710px;
border: 10px solid #fefae8;
		background-color:#fefae8;
text-align:left;
margin:0;
height:620px;

}


.note_send_title{
background-image:url(../../note_send/img/send01.gif);
	background-repeat: no-repeat;
		background-color:#fefae8;
	margin:0 auto;
	padding:0;
	border:0:
	width:710px;
	height:211px;
}

.note_send_title img,
.note_send_contents img{
position:absolute;
	left:160px;
	vertical-align:top;
	display: inline;
}


#note_send ul,#note_send p,#note_send li{
display:none;
}



.note_send_contents{
background-image:url(../../note_send/img/send02.gif);
		background-color:#fefae8;
	background-repeat: no-repeat;
	margin:0 auto;
	padding:0;
	border:0:
	width:710px;
	height:368px;
}



.note_send_footer{
background-image:url(../../note_send/img/send04.gif);
		background-color:#fefae8;
	background-repeat: no-repeat;
	width:705px;
	height:20px;
	
}

.principle{
position:absolute;
	top:195px;
}

.attention{
position:absolute;
	top:230px;
}

.closing{
position:absolute;
	top:385px;
}