@charset "Shift_JIS";

#con  {
background-color:#ffffff;
}

/* リード文
---------------------------------------------------- */
#lead  { 
width:90%;
margin-left:25px;
padding-top:15px;
}

h1  {
margin-bottom:8px;
font-size:130%;
color:#0099ff;
}

#lead p  {
margin-top:0px;
}

/* 注意
---------------------------------------------------- */
.notice  {
position:relative;
margin-left:25px;
width:90%;
border:dashed 1px #ff0000;
margin-top:40px;
}

#noticetitle  {
width:127px;
position:relative;
left:-1px;
top:-18px;
}

.notice div  {
margin:-11px 8px 8px 8px;
font-size:90%;
line-height:150%;
color:#333333;
}

/* ステップ内注意----------*/
.notices  {
width:95%;
border:dashed 1px #ff0000;
margin-top:30px;
margin-bottom:10px;
}

.notices div  {
margin:-11px 8px 8px 8px;
font-size:85%;
line-height:150%;
color:#333333;
}

/* ヒント
---------------------------------------------------- */
.hint  {
position:relative;
margin-left:25px;
width:90%;
border:dashed 1px #ffcc00;
margin-top:40px;
}

#hint  {
width:127px;
position:relative;
left:-1px;
top:-18px;
}

.hint div  {
margin:-11px 8px 8px 8px;
font-size:90%;
line-height:150%;
color:#333333;
}

/* ステップ内ヒント----------*/
.hints  {
width:95%;
border:dashed 1px #ffcc00;
margin-top:30px;
margin-bottom:10px;
}

.hints div  {
margin:-11px 8px 8px 8px;
font-size:85%;
line-height:150%;
color:#333333;
}

/* 注意とヒント内　リストスタイル----------*/
.notice p{
margin:0px 0px 5px 0px;
padding-left:10px;
background:url(../images/listmark.gif) no-repeat;
font-size:100%;
line-height:150%;
color:#333333;
}

.hint p{
margin:0px 0px 5px 0px;
padding-left:10px;
background:url(../images/listmark.gif) no-repeat;
font-size:100%;
line-height:150%;
color:#333333;
}

.notices p{
margin:0px 0px 5px 0px;
padding-left:10px;
background:url(../images/listmark.gif) no-repeat;
font-size:100%;
line-height:150%;
color:#333333;
}

.hints p{
margin:0px 0px 5px 0px;
padding-left:10px;
background:url(../images/listmark.gif) no-repeat;
font-size:100%;
line-height:150%;
color:#333333;
}

/* メニュー
---------------------------------------------------- */
.menu  {
position:relative;
margin-left:45px;
margin-top:20px;
width:470px;
	}

.menu ul { 
margin:0px; 
padding:0px; 
list-style-type:none; 
}
.menu li { 
margin:0px;
padding:0px; 
}

.menu a {
display:block;
background-image:url(../images/arrow_off.gif); 
background-repeat:no-repeat;
padding-left:18px; 
text-decoration:none;
color:#333333;
height:22px;
}

.menu a:hover {
background-image:url(../images/arrow_on.gif);
background-repeat:no-repeat; 
padding-left:18px;
text-decoration:underline;
color:#0066ff;
padding-left:18px;
height:22px;
}

.menu ul.list_s{
margin-left:18px;
}


/* HTML表組共通設定 枠線の設定
---------------------------------------------------- */
td.tabletop {
border:solid 1px #333333;
background-color:#666666;
font-weight: bold;
color:#ffffff;
text-align:center;
padding: 2px;
}

td.tableside {
border:solid 1px #333333;
background-color:#eaf0ff;
vertical-align:top;
font-weight: bold;
padding: 2px;
}

td.tableinside {
border:solid 1px #333333;
padding: 3px;
}

/* 本文
---------------------------------------------------- */
#maintext  {
width:90%;
margin-left:25px;
margin-top:20px;
}

h2 {
margin-bottom:3px;
}

#maintext p  {
margin-top:0px;
margin-left:15px;
}

/* 本文内の表組 margin-top:0px;　に修正 -----------------------------*/
table.tableinmain {
border:solid 1px #666666;
border-collapse:collapse;
margin-top:0px;
margin-bottom:15px;
line-height:150%;
font-size:100%;
color:#333333;
}

/* 本文内の表組 罫線なしパターン -----------------------------*/
table.tableinmainnoline {
margin-top:0px;
margin-bottom:15px;
line-height:150%;
font-size:100%;
color:#333333;
}

/* ステップ
---------------------------------------------------- */
.step {
width:96%;
margin-left:25px;
padding-top:10px;
}

.stepoutline {
background-image:url(../images/step_bg.gif);
background-repeat:repeat-y;
width:96%;
border-top:dashed 1px #cccccc;
border-right:dashed 1px #cccccc;
border-bottom:dashed 1px #cccccc;
margin-top:20px;
}

.stepnum {
float:left;
}

.stepcon{
font-size:110%;
line-height:150%;
color:#333333;
padding-left:65px;
padding-right:8px;
padding-top:8px;
padding-bottom:8px;
}

.grpharea
{
margin-top:15px;
margin-bottom:15px;
}

#grph
{
border:solid 1px #0099ff;
}


/* ステップ内の表組　IE用のみ　margin-top:0px;　に修正 -----------------------------*/
table.tablestep {
border:solid 1px #666666;
border-collapse:collapse;
margin-top:15px;
margin-bottom:15px;
line-height:150%;
font-size:85%;
color:#333333;
}

/* ステップ内の表組　罫線なしパターン -----------------------------*/
table.tablestepnoline {
margin-top:15px;
margin-bottom:15px;
line-height:150%;
font-size:85%;
color:#333333;
}

/* FAQ
---------------------------------------------------- */
#faqitem {
margin-top:20px;
margin-left:25px;
width:88%;
border:solid 1px #66cc00;
padding:3px;
font-size:110%;
font-weight:bold;
color:#66cc00;
}

/* FAQリード文------------------ */
h3{
font-size:110%;
color:#66cc00;
}

/* FAQメニュー------------------ */
#faqmenu  {
position:relative;
margin:10px 80px 22px 40px;
padding:0px 0px 2px 0px;
}

#faqmenu div	{
margin-bottom:5px;
text-indent:-26px;
padding-left:26px;
}

#list	{
vertical-align:middle;
margin-right:12px;
}

#faqmenu a	{
color:#333333;
text-decoration:none;
}

#faqmenu a:hover {
color:#66cc00;
text-decoration:underline;
}

#faqmenu a:visited {
color:#006633;
}

/* QA------------------ */
.qa {
margin-left:25px;
width:88%;
border-top:dashed 1px #cccccc;
}

.qa div
{
width:100%;
border-bottom:dashed 1px #cccccc;
padding:15px 3px 3px 3px;
}

.qa h4{
margin:0px;
padding:3px 0px 5px 20px;
background:url(../images/faq_q.gif) no-repeat;
font-size:100%;
color:#333333;
}

.qa p{
margin:10px 0px 5px 20px;
padding:1px 0px 5px 20px;
background:url(../images/faq_a.gif) no-repeat;
font-size:100%;
color:#333333;
}

.qa img{
position:relative;
left:97%;
}