/* link */
A:link { 
	color: #006600;
	text-decoration: none;
}

A:visited {
	color: #006600;
	text-decoration: none;
}

A:hover {
	color: #0066FF;
	text-decoration: underline;
}

A:active {
	color: #0066FF;
	text-decoration: underline;
}

/* header */
.head {
	margin-bottom: 0;
	width: 100%;
}

/* body */
body {
	margin: 0;
	overflow: auto;
	padding: 0;
	font-family: Arial,sans-serif;
	color: #000000;
}

.content{
	width: 100%;
}

/* obi */
.obi {
	background-color: #034199;
}

/* page-title */
h1 {
	margin: 0px 17px 20px 15px;
	font-size: 17pt;
	font-weight: bold;
	color: #000000;
	border-bottom: 3px solid #0F218B;
	padding: 5px 5px 0px 0px;
}

/* navi */
span.navi {
	padding: 0 20px 0 5px;
	font-size: 9pt;
	border-bottom: 1px solid #000000;
}

p.navi {
	margin-top: 5px;
}

/* lead */
p.lead {
	margin: 7px 10px 0 0;
	font-size: 10pt;
}

/* step */
.step {
	margin: 10px 20px 50px 15px;
}

p.step1_title {
	font-size: 11pt;
	margin: 15px 0 0 17px;
	text-indent: -16px;
}

.step1_para {
	color: #000000;
	font-size: 9pt;
	margin: 3px 0 3px 16px;
}
.step_num {
	font-size: 15pt;
	color: #0D8D03;
	font-weight: bold;
}

p.body_para {
	font-size: 9pt;
	margin: 7px 0 5px 0px;
}

/* 1 area-title */
p.bold1 {
	margin: 10px 10px 5px 0;
	font-weight: bold;
	font-size: 10pt;
}

p.body1 {
	margin: 3px 10px 5px 17px;
	font-size: 10pt;
}

/* 2 ui-title body*/
p.bold2 {
	margin: 10px 10px 0px 17px;
	font-weight: bold;
	font-size: 10pt;
}

.body2 {
	margin: 3px 10px 5px 27px;
	font-size: 10pt;
}

/* 3 ui-title body*/
p.bold3 {
	margin: 10px 10px 0px 34px;
	font-weight: bold;
	font-size: 10pt;
}

.body3 {
	margin: 3px 10px 5px 44px;
	font-size: 10pt;
}

/* image */
.fig {
	margin: 15px 0 15px 0;
}

.fig1 {
	margin: 5px 0 5px 16px;
}

.fig2 {
	margin: 5px 0 0 36px;
}

.fig3 {
	margin: 5px 0 0 44px;
}
/* introduction */
h2 {
	margin: 20px 0 10px 0;
	font-size: 11pt;
}

.intro {
	width: 500px;
	text-align: center;
}

/* border */
div.border{
	margin: 20px 0 0 0;
	border-top: 1pt dotted #0F218B;
}

/* note SET*/
.step1_note {
	margin: 10px 5px 5px 0;
	font-size: 10pt;
	font-weight: bold;
}

.step2_note {
	margin: 5px 5px 5px 16px;
	font-size: 10pt;
	font-weight: bold;
}

.bold1_note {
	margin: 5px 5px 5px 17px;
	font-size: 10pt;
	font-weight: bold;
}

.bold2_note {
	margin: 5px 5px 5px 27px;
	font-size: 10pt;
	font-weight: bold;
}

.bold3_note {
	margin: 5px 5px 5px 37px;
	font-size: 10pt;
	font-weight: bold;
}

.note{
	padding: 5px 0 0 5px;
	margin: 0;
	border-top: 2px dotted #F99135;
	border-bottom: 2px dotted #F99135;
	background-color: #FEFFD8;
	font-size: 9pt;
	font-weight: normal;
	width: 100%;
}

p.note_body{
	text-indent: -11px;
	margin: 3px 10px 5px 17px;
	font-size: 9pt;
}

.note_icon {
	margin-bottom: -4px;
}

/* table */
.booklet {
	width: 250px;
	text-align: center;
}

/* FAQ */
p.faq_body {
	text-indent: -11px;
	margin: 8pt 10pt 0pt 8pt;
	font-size: 10pt;
}

p.faq_body_2 {
	margin: 3pt 10pt 3pt 8pt;
	font-size: 10pt;
}

p.faq_body_3 {
	margin: 5pt 10pt 0pt 8pt;
	font-size: 10pt;
	padding-left: 7px;
	text-indent: -7px;
}

p.faq_body_4 {
	margin: 2pt 10pt 0pt 14pt;
	font-size: 10pt;
	padding-left: 35px;
	text-indent: -35px;
}

p.faq_body_5 {
	margin: 1pt 10pt 0pt 20pt;
	font-size: 10pt;
}

p.faq_body_6 {
	margin: -10px 0 -20px 0;
	font-size: 10pt;
	font-weight: bold;
}

.faq_body_note {
	margin: 0 10pt 0pt 8pt;
	font-size: 10pt;
	padding-left: 35px;
	text-indent: -35px;
}

/* EN */
.ui{
	font-weight: bold;
}

/* goto TOP */
.page_top {
	text-align: right;
	font-size: 9pt;
	color: #009900;
	margin: 30px 5px 0  0; 
}

/* footer */
.foot {
	border-bottom: 1px solid #003399;
	margin: 30px 0 0 0;
}