@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
	font-family: 'ＭＳ Ｐゴシック','Hiragino Kaku Gothic Pro', Osaka;
}

body {
	background : #ffffff ;
	}

#indexbox {
	width : 320px ;
	padding : 5px ;
	text-align : left ;
	vertical-align : top ;
	font-size : 0.9em ;
	}


#beginhead {
	margin : 20px 0px 10px 0px ;
	}


#beginbody {
	border-top : solid 1px #666 ;
	border-bottom : solid 1px #666 ;
	width : 580px ;
	text-align : left ;
	}

#leftbox {
	width : 400px ;
	padding : 5px ;
	text-align : left ;
	vertical-align : top ;
	font-size : 0.9em ;
	}

#leftbox	p {
	margin : 1em 0.5em 1em 0.5em ;
	font-size : 0.9em ;
	}

#leftbox .nextpage {
	margin : 1em 0.5em 1em 0.5em ;
	padding : 5px ;
	text-decoration : underline ;
	text-align : right ;
	vertical-align : top ;
	text-decoration : none
	}


#leftbox .nextpage  a{
	background : url(pbeginiximage/goiconnext01.gif) no-repeat ;
	padding : 5px 2px 5px 24px ;
	margin : 15px 15px ; 
	text-decoration : none; 
	}


#leftbox .nextpage  a:hover{
	background : url(pbeginiximage/goiconnext02.gif) no-repeat ;
	padding : 5px 2px 5px 24px ;
	margin : 15px ;
	text-decoration : underline ;
	}


#leftbox .toppage {
	padding : 5px ;
	text-decoration : underline ;
	text-align : right ;
	vertical-align : top ;
	text-decoration : none
	}


#leftbox .toppage  a{
	background : url(pbeginiximage/goicontop01.gif) no-repeat ;
	padding : 5px 2px 5px 24px ;
	margin : 15px 15px ; 
	text-decoration : none; 
	}


#leftbox .toppage  a:hover{
	background : url(pbeginiximage/goicontop02.gif) no-repeat ;
	padding : 5px 2px 5px 24px ;
	margin : 15px ;
	text-decoration : underline ;
	}



#leftbox .caption {
	font-size :  x-small ;
	color : #600 ;
	}


#rightbox {
	width : 170px ;
	padding : 5px ;
	text-align : left ;
	vertical-align : top ;
	border-left : dotted 2px #666 ;
	font-size : 0.8em ;
	}


#rightbox a {
	display : block ;
	margin-bottom : 10px ;
	border-left : solid 5px #666 ;
	padding-left : 5px ;
	}

#rightbox a {
	display : block ;
	margin-bottom : 10px ;
	border-left : solid 5px #666 ;
	padding : 1px 5px 1px 5px ;
	margin-left : 5px ;
	}


#rightbox .associates {
	display : block ;
	margin : 0px ;
	padding : 0px ;
	border : solid 0px #666 ;
	}

#rightbox .associates  a {
	background : url(pbeginiximage/amazongoicon01.gif) no-repeat ;
	padding : 1px 1px 5px 30px ;
	font-size : small ;
	}


#rightbox .associates  a:hover {
	background : url(pbeginiximage/amazongoicon02.gif) no-repeat ;
	text-decoration : underline ;
	padding : 1px 1px 5px 30px ;
	}



#rightbox .current {
	background : #e6d3a9 url('./pbeginiximage/ixpapertexture02.gif') ;
	color : #fff ;
	margin-bottom : 10px ;
	border-left : solid 5px #000 ;
	padding : 2px 5px ;
	text-shadow : #000 0px 2px 2px ;
	}

.subtitle {
	background : #e6d3a9 url('./pbeginiximage/ixpapertexture01.gif') ;
	color : #000 ;
	margin-bottom : 10px ;
	border-top : solid 1px #999 ;
	padding : 2px 5px ;
	margin-left : 0px ;
	font-weight : bolder ;
	}


#subtitle a {
	display : block ;
	margin-bottom : 10px ;
	border-top : solid 1px #999 ;
	padding : 2px 5px ;
	margin-left : 0px ;
	font-weight : bolder ;
	}

.subtitle a:hover {
	background : #e6d3a9 url('./pbeginiximage/ixpapertexture02.gif') ;
	}



.headline {
	font-size : 1.2em ;
	color : #000 ;
	font-weight : bolder ;
	background : #e6d3a9 url('./pbeginiximage/ixpapertexture01.gif') ;
	padding : 2px 5px ;
	text-shadow : #333 3px 3px 2px ;
	}

#faqbox {
	padding : 60px 5px 5px 5px ;
	border : dotted 3px #e0cda3 ;
	background : url('./pbeginiximage/ixfaqhead.gif')  no-repeat ;
	text-align : left ;
	}

#faqbox .copyright {
	text-align : right ;
	font-size : x-small ;
	}


.faq_q {
	color :  #006 ;
	background : url('./pbeginiximage/faq_q.gif')  no-repeat ;
	padding : 2px 2px 0px 35px ;
	height : 4em ;
	overflow : visible ;
	margin : 50px 0px 0px 0px ;
	border-top : dotted 3px #e0cda3 ;
	}




.faq_a {
	color :  #600 ;
	background : url('./pbeginiximage/faq_a.gif')  no-repeat ;
	padding : 2px 2px 35px 35px ;
	margin : 0px 0px 10px 0px ;
	}

.associates {
	padding : 2px 2px 35px 35px ;
	font-size : small ;
	}

.associates  a{
	background : url(pbeginiximage/amazongoicon01.gif) no-repeat ;
	padding : 5px 2px 5px 24px ;
	margin : 15px 15px ;
	}


.associates  a:hover{
	background : url(pbeginiximage/amazongoicon02.gif) no-repeat ;
	padding : 5px 2px 5px 24px ;
	margin : 15px ;
	text-decoration : underline ;
	}


.newfeature {
	list-style-type : disc ;
	color :  #006 ;
	}

.newfeature li {
	font-size : 12px ;
	line-height : 1.5em ;
	}

.powerup {
	list-style-type : circle ;
	color :  #060 ;
	}

.powerup li {
	font-size : 12px ;
	line-height : 1.5em ;
	}

.notice {
	color : #900 ;
	border : dotted 2px #900 ;
	padding : 5px ;
	font-size : small ;
	}

.course {
	color : #333 ;
	vertical-align : top ;
	padding : 5px ;
	margin-bottom : 10px ;
	font-size : small ;
	border : dotted 0px #ccc ;
	}

.memo {
	color : #333 ;
	vertical-align : top ;
	padding : 5px 5px 5px 40px ;
	font-size : small ;
	margin-left : 0px ;
	}

#subwindow {
	width : 640px ;
	}

#subwindow .copyright{
	font-size : x-small ;
	text-align : right ;
	}