@charset "utf-8"

/*---------------------------------------------------
css reset */

*{
font-size:100%;
padding:0;
margin:0;
}

li{
list-style-type:none;
}

img{
border:none;
margin:0;
padding:0;
}

p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, form, table, th, td{
margin:0;
padding:0;
}

/*---------------------------------------------------
normal tag */

strong{
font-weight:bold;
color:#cc0000;
font-size:120%;
}

em{
font-weight:bold;
color:#cc0000;
font-style:normal;
}

big{
font-size:120%;
}

small{
font-size: 80%;
}


/*---------------------------------------------------
text link color */

a:link {
color:#006699;
}
a:visited {
text-decoration: underline;
color:#006699;
}
a:hover {
text-decoration: underline;
color:#6699cc;
}
a:active {
text-decoration: none;
color:#006699;
}

#Header a:hover {
text-decoration: underline;
color:#fcfcfc;
}
#Header a:active {
text-decoration: none;
color:#fcfcfc;
}


/*---------------------------------------------------
class */

.clear{ clear:both;}

.note{ 
font-size:81%;
}

a.Arrow{
background:url(../img/icon_linkarrow.gif) left center no-repeat;
padding-left:22px;
}

.Attention{
text-align:center;
padding:6px;
margin:20px 32px 0;
border:dotted 1px #ff9999;
background:#fff6f6;
}

/*---------------------------------------------------
layouts */


html {}

body{
font-family: meiryo, 'lr oSVbN', Osaka, "qMmpS Pro W6", Arial, sans-serif;
font-size:80%;
color:#333;
background:#eef7fc url(../img/body_grd.gif) repeat-x top;
margin:0 auto;
padding:0;
}
* html body{text-align:center;}


/* Header */

#Header{
margin:0 auto;
width:900px;
height:80px;
text-align:left;
position:relative;
}

#Header p{
margin:0;
padding:0;
}

.Logo{
float:left;
width:170px;
height:80px;
}
.Logo a{
display:block;
width:170px;
height:80px;
background:url(../img/logo_pint_r.gif) left top no-repeat;
}
.Logo a:hover img{
visibility:hidden;
}
* html .Logo a img{
visibility:hidden;
}
* html .Logo a{
background:url(../img/logo_pint.gif) left top no-repeat;
}
* html .Logo a:hover{
background:url(../img/logo_pint_r.gif) left top no-repeat !important;
}


.EyecatchTxt{
float:left;
background:url(../img/header_eyecatchtxt.gif) 10px center no-repeat;
display:block;
width:220px;
height:80px;
}
.EyecatchTxt span{
visibility:hidden;
font-size:60%;
}

.LinkSansara{
position:absolute;
right:4px;
bottom:8px;
text-align:right;
color:#cde0f6;
font-size:89.9%;
}

.LinkSansara dt{
margin:0 0 10px 0;
}
.LinkSansara dt a{
background:url(../img/logo_sansara_r.gif) right top no-repeat;
display:block;
}
.LinkSansara dt a:hover img{
visibility:hidden;
}
* html .LinkSansara dt a img{
visibility:hidden;
}
* html .LinkSansara dt a{
background:url(../img/logo_sansara.gif) right top no-repeat;
}
* html .LinkSansara dt a:hover{
background:url(../img/logo_sansara_r.gif) right top no-repeat;
}

.LinkSansara dd{
margin:0 2px 0 0;
}

/* Main */

#Main{
margin:0 auto;
width:900px;
text-align:left;
background:#fff url(../img/main_bg_hd.gif) center top no-repeat;
}
#InMain{
width:900px;
}

#Main #InMain p.LinkTop{
display:block;
padding:8px 0 12px 0;
margin:0;
text-align:right;
}
#Main p.LinkTop a{
padding:0 10px 0 22px;
text-align:right;
background:url(../img/icon_linkback.gif) left center no-repeat;
}

/* Footer */

#Footer{
margin:0 auto;
width:900px;
height:120px;
text-align:right;
color:#006699;
background:url(../img/footer_bg.gif) center top no-repeat;
font-size:89.9%;
}

#Footer address{
font-style:normal;
padding:20px 10px 0 0;
}

#Footer .LinkInfo{
float:left;
padding:20px 0 0 10px;
color:#99ccff;
}

#Footer .LinkPageTop{
text-align:center;
padding:10px 0 0 0;
}


/*---------------------------------------------------
Top */

h1{
display:none;
}

.Top h1{display:block;
}


#Headline{
background:url(../img/top/headline_bg.gif) center top repeat-x;
border: 5px solid #164fa1;
width: 882px;
margin: 0 0 0 4px;
}

#Headline .img01{
padding:9px 0 0 9px;
float:left;
}
#Headline .img02{
padding:9px 13px 0 0;
float:right;
}
#Headline .img03{
padding:0 13px 0 0;
float:right;
}
#Headline .img04{
padding:0 13px 0 0;
float:right;
}
#Headline .btn01{
padding:12px 0 0 96px;
float:left;
}

.Top h3{
clear:both;
padding:28px 32px 4px 32px;
}

table.OutlineTable{
margin:0 32px 0 32px;
border:solid 1px #cde0f6;
font-size:100%;
line-height:1.25em;
}

table.OutlineTable th{
width:160px;
background:#edf9ff;
padding:6px 8px;
text-align:left;
color:#164fa1;
vertical-align:top;
}

table.OutlineTable td{
padding:6px 8px;
background:#fcfcfc;
}

table.OutlineTable .Even td{
background:#f5f5f5;
}

table.OutlineTable .Even th{
background:#e4f4fb;
}

table.OutlineTable td img{
margin:4px 0;
}

table.OutlineTable ol{
text-align:left;
list-style-position:outside;
}
table.OutlineTable ol li{
list-style-type:decimal;
padding:3px 0 3px 0;
text-align:left;
margin:0 0 0 25px;
}

.StepImage{
padding:0 0 20px 32px;
}

.StepImage li{
display:inline;
}

.LinkForm{
text-align:center;
padding:4px 0;
}


/*---------------------------------------------------
Form */

.Form #InMain{
text-align:center;
}

.Form h2{
display:block;
background:url(../img/form/ttl_form_bg.gif) center bottom no-repeat;
}

.FormSheet{
padding:0 0 10px 0;
margin:0 auto;
background: url(../img/form/formsheet_bg.gif) center repeat-y;
width:672px;
text-align:left;
}

.FormSheet dt{
padding:10px 30px 0 42px;
background:url(../img/icon_under.gif) 30px 14px no-repeat;
font-weight:bold;
color:#164fa1;
}

.FormSheet dt span.Note{
font-size:74.9%;
color:#ff6633;
padding-left:6px;
font-weight:normal;
}

.FormSheet dd{
line-height:2em;
padding:0 30px 0 30px;
clear:both;
}

.FormSheet dd span{
width:420px;
text-align:right;
display:block;
}

dl input{
background:#fff;
border:solid 1px #cde0f6;
padding:2px;
line-height:1.3em;
color:#555;
width:300px;
}

dl textarea{
background:#fff;
border:solid 1px #cde0f6;
padding:2px;
font-size:100%;
line-height:1.3em;
width:600px;
color:#555;
}

dd.Right{
text-align:right;
width:450px
}

dl input.HalfSize{
width:100px;
}

.Radio input{
border:none;
background:none;
width:auto;
}

.FormAttention{
background:url(../img/form/ttl_form_bg_ft.gif) center top no-repeat;
padding:40px 20px 0 20px;
text-align:left;
width:672px;
margin:0 auto;
}

.Form ul{
display:block;
margin:0 auto;
width:670px;
text-align:left;
}
.Form ul li{
padding:6px 0 0 22px;
text-align:left;
background:url(../img/icon_linkarrow.gif) 0 80% no-repeat;
}

.SubmitBtn{
text-align:center;
padding:10px 0 20px 0;
}



.FormSheet2{
padding:0 0 10px 0;
margin:0 auto;
background: url(../img/form/formsheet_bg.gif) center repeat-y;
width:672px;
text-align:left;
}

.FormSheet2 dt{
padding:10px 30px 4px 42px;
color:#999;
background:url(../img/icon_right.gif) 30px 14px no-repeat;
}

.FormSheet2 dt.FormInfo{
padding:10px 0 10px 12px !important;
font-weight:bold;
color:#164fa1;
background:url(../img/icon_under.gif) left 14px no-repeat;
border-bottom: solid 1px #d6e5f8;
margin:0 30px 0 30px;
}

.FormSheet2 dd{
margin:0 30px 0 30px;
padding:0 0 10px 0;
border-bottom: solid 1px #d6e5f8;
}



.FormSheet3{
margin:0 auto;
background: url(../img/form/formsheet_bg.gif) center repeat-y;
width:672px;
text-align:center;
}

.FormSheet3 p{
padding:80px 10px 80px 10px;
text-align:center;
}


.FormSheet3 div{
padding:0 0 20px 0;
background:url(../img/form/ttl_form_bg_ft.gif) center 100% no-repeat;
}

.FormSheet3 p a{
padding:0 0 0 22px;
background:url(../img/icon_linkback.gif) left center no-repeat;
}





/*---------------------------------------------------
Terms, Privacy page */

.Info #Main{
background:#fff url(../img/ttls_bg.gif) center top no-repeat;
}

.Info h2{
top:47px;
left:32px;
margin:10px 0 22px 32px;
}

.TxtFirst{
margin:0 32px 0 32px;
padding:6px 8px;
background:#f2f7fe;
border:solid 1px #cde0f6;
line-height:1.3em;
}

.Info h3{
margin:2em 32px 0 32px;
border-bottom: dotted 1px #cde0f6;
padding:0 2px 3px 14px;
background:url(../img/icon_under.gif) 2px center no-repeat;
font-size:100%;
color:#164fa1;
}

.Info h4{
margin:3px 32px 0 32px;
padding:0 2px 0 2px;
font-size:100%;
}

.Info #Main p{
margin:3px 34px 0 34px;
line-height:1.2em;
}

.Info ol,
.Info ul{
margin:3px 34px 0 34px;
list-style-position:outside;
}

.Info ol li{
margin-left:30px;
list-style-type:decimal;
line-height:1.2em;
}

.Info ol li ol{
margin:4px 0 4px 0;
}
.Info ol li ol li{
list-style-type:lower-alpha;
}

.Info ol.AlphabetList li{
list-style-type:lower-alpha;
}

.Info ul li{
margin-left:30px;
list-style-type: disc;
list-style-image:url(../img/icon_right.gif);
line-height:1.2em;
}



/*---------------------------------------------------
print page style */

@media print {

body{
background:#fff !important;
}

#Header{
width:auto;
}
* html .Logo a img{
visibility:visible;
}
.EyecatchTxt{
display:none;
}
.LinkSansara{
bottom:0px;
}
* html .LinkSansara dt a img{
visibility:visible;
}
.LinkSansara dd{
display:none;
}

* html #Main{
width:auto;
}
* html #InMain{
width:auto;
}
#Main #InMain p.LinkTop{
display:none;
}

#Footer{
width:auto;
}

/* Top */
* html #Main #Headline{
width:900px;
}


}