/********************************************

 COMMON STYLES

********************************************/

/*///////////////////////////////////////////
 HTML styles
///////////////////////////////////////////*/

body{
background:url(../images/common/bg.jpg) repeat-x;
color:#000;
text-align:center;
margin:0;
padding:0;
font-family:Verdana, Arial, sans-serif;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:x-small;
voice-family:"\"}\"";
voice-family:inherit;
font-size:small;
}

*{
line-height:100%;
margin:0;
padding:0;
}

a{
color:#000;
text-decoration:underline;
}
a:link,
a:visited,
a:active{
color:#000;
text-decoration:underline;
}
a:hover{
color:#555;
text-decoration:none;
}

img{
border:0;
}

ul{
list-style-type:none;
}


/*///////////////////////////////////////////
 Common styles
///////////////////////////////////////////*/

#wrap{
background:url(../images/common/bgWrap.jpg) no-repeat;
display:block;
margin:0 auto;
padding:0 20px 0;
width:940px;
}

#container{
display:block;
margin:0;
padding:0;
text-align:left;
width:940px;
}

#head,
#gNavi,
#main,
#body,
#lNavi,
#mainContents,
#foot{
display:block;
float:left;
clear:both;
margin:0 0 15px;
width:940px;
}
#lNavi{
clear:none;
width:215px;
}
#mainContents{
clear:none;
width:725px;
}

a.openWin{
background:url(../images/common/icon_window.gif) no-repeat right 50%;
padding-right:15px;
}
a.openPdf{
background:url(../images/common/icon_pdf.gif) no-repeat right 50%;
padding-right:15px;
}

a.arw{
background:url(../images/common/icon_arrow.gif) no-repeat 0 50%;
margin:0 0 5px;
padding-left:15px;
}


/* Head styles
///////////////////////////////////////////*/

#head{
margin:0;
padding:5px;
padding-bottom:0;
width:930px;
}

#head h1,
#head h1 a,
.headNaviArea{
display:block;
float:left;
}

#head h1,
#head h1 a{
background:url(../images/common/logo.jpg) no-repeat bottom left;
color:#555;
height:75px;
font-size:x-small;
font-weight:normal;
text-decoration:none;
width:320px;
}

.popup #head h1,
.popup #head h1 a{
background:none;
height:46px;
width:122px;
}

.headNaviArea{
margin-top:30px;
width:610px;
}

.headNaviArea dl.member,
.headNaviArea p.application{
display:block;
float:left;
}
.headNaviArea dl.member{
background:url(../images/common/memberArea_bg.jpg) no-repeat right top;
margin-right:10px;
width:400px;
}
.headNaviArea dl.member dt,
.headNaviArea dl.member dd{
display:block;
float:left;
}
.headNaviArea dl.member dd{
background:url(../images/common/icon_arrow.gif) no-repeat 0 50%;
margin:8px 5px;
padding-left:12px;
}


/* gNavi styles
///////////////////////////////////////////*/

#gNavi ul{
display:block;
clear:both;
}
#gNavi li{
display:block;
float:left;
}


/* Main styles
///////////////////////////////////////////*/

#main{
margin:0 0 5px;
}
#main img{
margin:0 0 5px;
}

ul.breadcrumbs{
font-size:x-small;
list-style-type:none;
text-align:right;
}
.breadcrumbs li{
display:inline;
}
.breadcrumbs li.current{
font-weight:bold;
}


/* Body styles
///////////////////////////////////////////*/

#body{
margin:0;
}


/* lNavi styles
------------------------------*/
#lNavi h3{
margin:0 0 10px;
}
#lNavi p,
#lNavi ul{
margin:0 0 20px;
}
#lNavi ul,
#lNavi ul li,
#lNavi ul.bnrArea,
#lNavi ul.bnrArea li{
display:block;
}
#lNavi ul{
padding-left:5px;
}
#lNavi li{
background:url(../images/common/icon_arrow.gif) no-repeat 0 50%;
margin:0 0 5px;
padding-left:15px;
}
#lNavi ul.bnrArea{
margin:0 0 20px;
padding:0;
width:200px;
}
#lNavi ul.bnrArea li{
background:none;
margin:0 0 10px;
padding-left:0;
}


/* mainContents styles
------------------------------*/
.campaignBnrArea,
.mainBnrArea{
display:block;
float:left;
clear:both;
margin:0 0 5px;
width:725px;
}
.campaignBnrArea li{
display:block;
float:left;
margin:0 0 10px;
}
.campaignBnrArea li.small{
width:362px;
}
.mainBnrArea li{
display:block;
float:left;
margin:0 0 10px;
width:362px;
}
.campaignBnrArea li.right,
.mainBnrArea li.right{
text-align:right;
}

#mainContents h3,
#mainContents h4{
margin:0 0 15px;
}
#mainContents h5,
#mainContents h6{
margin:0 0 10px;
}
#mainContents h6{
font-size:small;
}
#mainContents .contWrap h4{
font-size:medium;
font-weight:bold;
}
#mainContents .contWrap h5{
font-size:small;
font-weight:bold;
}
#mainContents .contWrap{
display:block;
clear:both;
margin:0 0 15px;
padding:0 10px;
width:705px;
}
#mainContents .contWrap .hr{
background:url(../images/common/bg_hr.gif) repeat-x;
height:20px;
}
#mainContents .contWrap .hr hr{
display:none;
}
#mainContents .contWrap p{
line-height:150%;
margin:0 0 15px;
}
#mainContents .contWrap p.proviso{
font-size:x-small;
margin:0 0 10px;
}
#mainContents .contWrap p.btnArea{
text-align:center;
}
#mainContents .contWrap span.cap{
color:#F00;
font-size:xx-small;
vertical-align:top;
}
#mainContents .contWrap span.mgn1em{
margin-left:1em;
}
#mainContents .contWrap span.mgn2em{
margin-left:2em;
}
#mainContents .contWrap span.mgn3em{
margin-left:3em;
}
#mainContents .contWrap img.pic{
border:1px solid #EEE;
padding:19px;
}

#mainContents .contWrap ul,
#mainContents .contWrap ol{
margin-left:2em;
}
#mainContents .contWrap ul{
list-style-type:disc;
}
#mainContents .contWrap ul li,
#mainContents .contWrap ol li{
margin-bottom:10px;
}

#mainContents .contWrap dl.news{
display:block;
clear:both;
margin:0 0 10px;
width:705px;
}
#mainContents .contWrap dl.news dt,
#mainContents .contWrap dl.news dd{
display:block;
float:left;
margin-right:10px;
line-height: 150% !important;
}
#mainContents .contWrap dl.news dd img{
vertical-align:middle;
}

#mainContents .contWrap ul.merit{
list-style-type:none;
margin:0 0 15px;
width:705px;
}
#mainContents .contWrap ul.merit li{
display:block;
margin:0 0 5px;
}

#mainContents .contWrap ul.navi{
list-style-type:none;
margin:0 0 15px;
width:705px;
}
#mainContents .contWrap ul.navi li{
display:inline;
}
#mainContents .contWrap ul.navi img{
margin:0 0 10px;
}

#mainContents .contWrap table.ver01,
#mainContents .contWrap table.ver02,
#mainContents .contWrap table.ver03{
background:#FFF;
border:0;
margin:0 0 15px;
width:100%;
}
#mainContents .contWrap table.ver01 th,
#mainContents .contWrap table.ver02 th,
#mainContents .contWrap table.ver03 th,
#mainContents .contWrap table.ver01 td,
#mainContents .contWrap table.ver02 td,
#mainContents .contWrap table.ver03 td{
font-weight:normal;
padding:8px;
vertical-align:middle;
}
#mainContents .contWrap table.ver01 th,
#mainContents .contWrap table.ver02 th,
#mainContents .contWrap table.ver03 th{
background:#EEE;
font-size:small;
line-height:150%;
text-align:center;
white-space:nowrap;
width:5%;
}
#mainContents .contWrap table.ver01 td,
#mainContents .contWrap table.ver02 td,
#mainContents .contWrap table.ver03 td{
background:#F9F9F9;
}
#mainContents .contWrap table.ver01 td.label{
background:#F0F0F0;
width:30%;
}
#mainContents .contWrap table.ver01 td img,
#mainContents .contWrap table.ver02 td img{
margin-top:5px;
}
#mainContents .contWrap table.ver01 td ul,
#mainContents .contWrap table.ver02 td ol,
#mainContents .contWrap table.ver02 td dl{
line-height:150%;
margin:5px 3em;
}

#mainContents .contWrap table.ver02 th{
text-align:left;
width:30%;
}

#mainContents .contWrap table.ver03 th{
text-align:left;
width:auto;
}
#mainContents .contWrap table.ver03 td.label{
background:#F0F0F0;
width:25%;
}

#mainContents .contWrap .geotrust{
clear:both;
margin:0;
width:705px;
}
#mainContents .contWrap .geotrust img,
#mainContents .contWrap .geotrust p{
display:block;
float:left;
vertical-align:middle;
}
#mainContents .contWrap .geotrust img{
padding-right:10px;
}
#mainContents .contWrap .geotrust p{
line-height:150%;
font-size:x-small;
margin:0;
width:580px;
}

/***  add by KT  ***/
#mainContents .contWrap table.specs{
border:1px #DFDFDF solid;
margin:0 0 3px;
width:100%;
border-collapse:collapse;
}
#mainContents .contWrap table.specs th,
#mainContents .contWrap table.specs td{
font-weight:normal;
font-size:small;
line-height:150%;
text-align:left;
vertical-align:middle;
white-space:nowrap;
padding:3px 8px;
}
#mainContents .contWrap table.specs th{
background:#EEEEEE;
width:30%;
}
#mainContents .contWrap table.specs td{
background:#F5F5F5;
border:1px #DFDFDF solid;
}

#mainContents .contWrap table.remarks{
margin:8px 0 0 0;
width:100%;
border-collapse: collapse;
}
#mainContents .contWrap table.remarks th,
#mainContents .contWrap table.remarks td{
font-weight:normal;
font-size:x-small;
line-height:150%;
text-align:left;
vertical-align:top;
white-space:normal;
padding:2px;
}

#mainContents .contWrap table.company{
border:1px #DFDFDF solid;
margin:0 0 3px;
width:100%;
border-collapse:collapse;
}
#mainContents .contWrap table.company th,
#mainContents .contWrap table.company td{
font-weight:normal;
font-size:small;
line-height:150%;
text-align:left;
vertical-align:middle;
white-space:nowrap;
padding:10px 8px;
background:#F5F5F5;
border:1px #DFDFDF solid;
}
#mainContents .contWrap table.company th{
background:#EEEEEE;
text-align:center;
width:8em;
}
#mainContents .contWrap table.company td{
text-align:left;
}

/***  add end ***/


/* Foot styles
///////////////////////////////////////////*/

#foot{
font-size:x-small;
width:940px;
}

p.pagetop{
font-size:x-small;
margin:0 0 10px;
text-align:right;
}
.pagetop a{
background:url(../images/common/icon_arrow_pagetop.gif) no-repeat right 50%;
padding-right:12px;
}

.footArea{
background:url(../images/common/bgFoot.gif) no-repeat;
height:10px;
padding:15px 10px;
width:920px;
}

.copyright{
float:right;
}

#foot ul.footNavi{
display:block;
float:left;
clear:both;
}
#foot ul.footNavi li,
#foot ul.footNavi li.noborder{
background:url(../images/common/border.gif) no-repeat 0 50%;
display:block;
float:left;
margin-left:10px;
padding-left:10px;
}
#foot ul.footNavi li.noborder{
background:none;
padding-left:0;
}


/*///////////////////////////////////////////
 Index styles
///////////////////////////////////////////*/

#index #main{
background:url(../images/index/main.jpg) no-repeat;
margin:0 0 15px;
height:250px;
}
#index #main h2,
#index #main h3{
position:relative;
float:left;
}
#index #main h2{
left:15px;
top:90px;
}
#index #main h3{
left:150px;
top:110px;
}


/*///////////////////////////////////////////
 Introduction styles
///////////////////////////////////////////*/



/*///////////////////////////////////////////
 Inquiry styles
///////////////////////////////////////////*/

#inquiry{
background:none;
color:#000;
}
#inquiry #wrap{
background:none;
padding:0;
width:580px;
}
#inquiry #container{
width:580px;
}
#inquiry #head,
#inquiry #body,
#inquiry #foot{
margin:0 0 15px;
padding:0 10px;
width:570px;
}

#inquiry #head{
border-bottom:10px solid #06C;
padding:20px 5px 0;
}

#inquiry #head .btnWindowClose{
float:right;
}

#inquiry #body{
padding:0;
width:580px;
}
#inquiry #body h2{
margin:0 0 15px;
}

#inquiry #body .contWrap{
padding:0 10px 15px;
width:560px;
}
#inquiry #body .contWrap h3{
font-size:medium;
line-height:150%;
margin:0 0 10px;
}
#inquiry #body .contWrap p{
line-height:150%;
margin:0 0 10px;
}
#inquiry #body .contWrap .proviso{
margin:0 0 5px;
font-size:x-small;
}
#inquiry #body .contWrap span.cap{
color:#F00;
}
#inquiry #body .contWrap input,
#inquiry #body .contWrap select{
margin-right:5px;
}
#inquiry #body .contWrap input.br,
#inquiry #body .contWrap select.br{
margin-bottom:5px;
}
#inquiry #body .contWrap label{
margin-right:20px;
}

#inquiry #body .contWrap table.ver01{
background:#FFF;
border:0;
margin:0 0 15px;
width:100%;
}
#inquiry #body .contWrap table.ver01 caption{
font-size:small;
margin:0 0 5px;
text-align:left;
}
#inquiry #body .contWrap table.ver01 th,
#inquiry #body .contWrap table.ver01 td{
font-weight:normal;
padding:8px;
vertical-align:middle;
}
#inquiry #body .contWrap table.ver01 th{
background:#EEE;
font-size:small;
line-height:150%;
text-align:left;
white-space:nowrap;
width:30%;
}
#inquiry #body .contWrap table.ver01 td{
background:#F9F9F9;
}
#inquiry #body .contWrap table.ver01 td input.txt,
#inquiry #body .contWrap table.ver01 td input.txtS,
#inquiry #body .contWrap table.ver01 td input.txtXS{
border:1px solid #AAA;
padding:2px;
}
#inquiry #body .contWrap table.ver01 td input.txt{
width:200px;
}
#inquiry #body .contWrap table.ver01 td input.txtS{
width:100px;
}
#inquiry #body .contWrap table.ver01 td input.txtXS{
width:50px;
}
#inquiry #body .contWrap table.ver01 td textarea{
border:1px solid #AAA;
height:150px;
padding:2px;
width:350px;
}

#inquiry #body .contWrap #submitMail{
background:url(../images/inquiry/btn_mailsubmit.jpg) no-repeat;
border:0;
cursor:pointer;
display:block;
height:30px;
margin:0 auto;
text-indent:-9999px;
width:200px;
}
#inquiry #body .contWrap #submitMail:hover{
background:url(../images/inquiry/btn_mailsubmit_on.jpg) no-repeat;
}
#inquiry #body .contWrap p.errorMassageArea{
background:#FEE;
border:1px solid #F00;
color:#F00;
font-weight:bold;
margin:0 0 15px;
padding:15px;
}

#inquiry #foot{
background:url(../images/common/bgFootSmall.gif) no-repeat;
font-size:x-small;
padding:5px;
width:570px;
}
#inquiry #foot .btnWindowClose{
float:left;
}
#inquiry #foot .copyright{
float:right;
margin-top:10px;
}


/*///////////////////////////////////////////
 Utility styles
///////////////////////////////////////////*/

#utility{
background:none;
color:#000;
}
#utility #wrap{
background:none;
padding:0;
width:580px;
}
#utility #container{
width:580px;
}
#utility #head,
#utility #body,
#utility #foot{
margin:0 0 15px;
padding:0 10px;
width:570px;
}

#utility #head{
border-bottom:10px solid #06C;
padding:20px 5px 0;
}

#utility #head .btnWindowClose{
float:right;
}

#utility #body{
padding:0;
width:580px;
}
#utility #body h2{
margin:0 0 15px;
}

#utility #body .contWrap .hr{
background:url(../images/common/bg_hr.gif) repeat-x;
height:20px;
}
#utility #body .contWrap .hr hr{
display:none;
}

#utility #body .contWrap{
padding:0 10px 15px;
width:560px;
}
#utility #body .contWrap h3{
font-size:medium;
line-height:150%;
margin:0 0 10px;
}
#utility #body .contWrap h4{
margin:0 0 10px;
}
#utility #body .contWrap p{
line-height:150%;
margin:0 0 10px;
}
#utility #body .contWrap p.pic{
text-align:center;
}
#utility #body .contWrap .proviso{
margin:0 0 5px;
font-size:x-small;
}
#utility #body .contWrap p.picFloat,
#utility #body .contWrap .txtAreaL,
#utility #body .contWrap .txtAreaS{
display:block;
float:left;
}
#utility #body .contWrap p.picFloat{
padding-right:20px;
}
#utility #body .contWrap .txtAreaL{
width:360px;
}
#utility #body .contWrap .txtAreaS{
width:200px;
}

#utility #body .contWrap span.cap{
color:#F00;
}
#utility #body .contWrap strong.blue{
color:#00F;
}
#utility #body .contWrap strong.red{
color:#F00;
}

#utility #body .contWrap ol{
margin:0 0 15px;
margin-left:2em;
}
#utility #body .contWrap li{
margin:0 0 5px;
}

#utility #body .contWrap ul{
margin:0 0 15px;
margin-left:1em;
}
#utility #body .contWrap li.servicearea,
#utility #body .contWrap li.possiblearea{
border-left:12px solid #99F;
font-weight:bold;
padding-left:5px;
}
#utility #body .contWrap li.possiblearea{
border-left:12px solid #CCF;
}

#utility #body .contWrap table.ver01{
background:#FFF;
border:0;
margin:0 0 15px;
width:100%;
}
#utility #body .contWrap table.ver01 caption{
font-size:small;
margin:0 0 5px;
text-align:left;
}
#utility #body .contWrap table.ver01 th,
#utility #body .contWrap table.ver01 td{
font-weight:normal;
padding:8px;
vertical-align:middle;
}
#utility #body .contWrap table.ver01 th{
background:#EEE;
font-size:small;
line-height:150%;
text-align:left;
white-space:nowrap;
}
#utility #body .contWrap table.ver01 td{
background:#F9F9F9;
}
#utility #body .contWrap table.ver01 td.label{
background:#F5F5F5;
white-space:nowrap;
}

#utility #foot{
background:url(../images/common/bgFootSmall.gif) no-repeat;
font-size:x-small;
padding:5px;
width:570px;
}
#utility #foot .btnWindowClose{
float:left;
}
#utility #foot .copyright{
float:right;
margin-top:10px;
}


/*///////////////////////////////////////////
 FAQ styles
///////////////////////////////////////////*/

#mainContents .contWrap ul.question{
list-style-type:none;
margin:0 0 15px;
}
#mainContents .contWrap ul.question li{
background:url(../images/faq/icon_q.gif) no-repeat 0 top;
line-height:150%;
min-height:20px;
margin:0 0 10px;
padding:2px;
padding-left:28px;
}

#mainContents .contWrap dl.qaBox{
display:block;
margin:0 0 5px;
width:705px;
}
#mainContents .contWrap dl.qaBox dt,
#mainContents .contWrap dl.qaBox dd{
line-height:150%;
padding:12px;
padding-left:40px;
}
#mainContents .contWrap dl.qaBox dt{
background:url(../images/faq/bg_q.gif) no-repeat;
color:#06C;
font-weight:bold;
margin:0 0 1px;
}
#mainContents .contWrap dl.qaBox dd{
background:url(../images/faq/icon_a.gif) no-repeat 10px 10px;
background-color:#FFF5F5;
padding-bottom:5px;
}
#mainContents .contWrap dl.qaBox dd p{
margin:0 0 10px;
}
#mainContents .contWrap dl.qaBox dd p br{
margin:0 0 5px;
}
#mainContents .contWrap dl.qaBox dd p.proviso{
font-size:x-small;
}
#mainContents .contWrap dl.qaBox dd ul,
#mainContents .contWrap dl.qaBox dd ol{
margin-left:2em;
margin-bottom:10px;
}
#mainContents .contWrap dl.qaBox dd ul{
list-style-type:disc;
}
#mainContents .contWrap dl.qaBox dd li{
margin-bottom:5px;
}


/*///////////////////////////////////////////
 News styles
///////////////////////////////////////////*/

#mainContents .contWrap dl.newsIndex{
background:#F3F3F3;
display:block;
clear:both;
margin:0 0 15px;
}
#mainContents .contWrap dl.newsIndex dt,
#mainContents .contWrap dl.newsIndex dd{
display:block;
float:left;
vertical-align:middle;
}
#mainContents .contWrap dl.newsIndex dt{
background:#EEE;
border-right:1px solid #FFF;
font-weight:bold;
padding:15px 10px;
}
#mainContents .contWrap dl.newsIndex dd,
#mainContents .contWrap dl.newsIndex dd.noborder{
background:url(../images/common/border.gif) no-repeat right 50%;
margin:15px 10px;
margin-right:0;
padding-right:10px;
}
#mainContents .contWrap dl.newsIndex dd.noborder{
background:none;
padding-right:0;
}

#mainContents .contWrap p.date{
display:block;
float:right;
}


/*///////////////////////////////////////////
 Application styles
///////////////////////////////////////////*/

#mainContents .contWrap h4.individual{
color:#690;
}
#mainContents .contWrap h4.corporation{
color:#06C;
}

#mainContents .contWrap .agreementArea{
border:1px solid #EEE;
display:block;
height:300px;
overflow:auto;
padding:15px;
width:673px;
}
#mainContents .contWrap .agreementArea h4{
font-size:large;
margin:0 0 20px;
}
#mainContents .contWrap .agreementArea h5{
font-size:medium;
margin:0 0 15px;
}
#mainContents .contWrap .agreementArea h6{
font-size:small;
margin:0 0 15px;
}
#mainContents .contWrap .agreementArea ol{
margin-left:3em;
margin-bottom:15px;
}
#mainContents .contWrap .agreementArea caption{
font-size:x-small;
font-weight:bold;
margin:0 0 5px;
text-align:left;
}

#mainContents .contWrap .agreement{
background:#F3F3F3;
border:1px solid #EEE;
border-top:0;
display:block;
clear:both;
margin:0 0 15px;
padding:15px;
}
#mainContents .contWrap .agreement p{
float:left;
margin:0;
margin-right:20px;
}
#mainContents .contWrap .agreement input,
#mainContents .contWrap .agreement label{
line-height:100%;
vertical-align:text-top;
}
#mainContents .contWrap .agreement input{
margin-right:5px;
margin-bottom:10px;
}
#mainContents .contWrap .agreement label{
margin-right:50px;
}

#mainContents .contWrap .btnArea{
margin:0 0 15px;
padding:0 80px;
text-align:center;
}
#mainContents .contWrap .btnArea input#submitIndividual,
#mainContents .contWrap .btnArea input#submitCorporation{
border:0;
display:block;
cursor:pointer;
float:left;
height:30px;
margin:0 30px;
text-indent:-9999px;
width:200px;
}
#mainContents .contWrap .btnArea input#submitIndividual{
background:url(../images/application/btn_application_individual.jpg) no-repeat;
}
#mainContents .contWrap .btnArea input#submitCorporation{
background:url(../images/application/btn_application_corporation.jpg) no-repeat;
}
#mainContents .contWrap .btnArea input#submitIndividual:hover{
background:url(../images/application/btn_application_individual_on.jpg) no-repeat;
}
#mainContents .contWrap .btnArea input#submitCorporation:hover{
background:url(../images/application/btn_application_corporation_on.jpg) no-repeat;
}


#mainContents .contWrap ul.stepI,
#mainContents .contWrap ul.stepC{
display:block;
list-style-type:none;
margin:0 0 15px;
}
#mainContents .contWrap ul.stepI li,
#mainContents .contWrap ul.stepC li{
line-height:150%;
margin:0 0 15px;
padding-left:50px;
}
#mainContents .contWrap ul.stepI li.step01{
background:url(../images/application/icon_step_i01.gif) no-repeat;
}
#mainContents .contWrap ul.stepI li.step02{
background:url(../images/application/icon_step_i02.gif) no-repeat;
}
#mainContents .contWrap ul.stepI li.step03{
background:url(../images/application/icon_step_i03.gif) no-repeat;
}
#mainContents .contWrap ul.stepI li.step04{
background:url(../images/application/icon_step_i04.gif) no-repeat;
}
#mainContents .contWrap ul.stepC li.step01{
background:url(../images/application/icon_step_c01.gif) no-repeat;
}
#mainContents .contWrap ul.stepC li.step02{
background:url(../images/application/icon_step_c02.gif) no-repeat;
}
#mainContents .contWrap ul.stepC li.step03{
background:url(../images/application/icon_step_c03.gif) no-repeat;
}
#mainContents .contWrap ul.stepC li.step04{
background:url(../images/application/icon_step_c04.gif) no-repeat;
}
#mainContents .contWrap ul.stepC li.step05{
background:url(../images/application/icon_step_c05.gif) no-repeat;
}
#mainContents .contWrap ul.stepC li.step06{
background:url(../images/application/icon_step_c06.gif) no-repeat;
}
#mainContents .contWrap ul.stepC li.step07{
background:url(../images/application/icon_step_c07.gif) no-repeat;
}
#mainContents .contWrap ul.stepC li.step08{
background:url(../images/application/icon_step_c08.gif) no-repeat;
}


/*///////////////////////////////////////////
 Service styles
///////////////////////////////////////////*/

/*** add by KT ***/
#mainContents .contWrap ol.lv1 {
list-style-type: upper-roman;
}
#mainContents .contWrap ol.lv1 li{
font-weight: bold;
margin-top: 2em;
margin-bottom: 0;
line-height: 120%;
}
#mainContents .contWrap ol.lv2 {
list-style-type: decimal;
}
#mainContents .contWrap ol.lv2 li{
font-weight: normal;
margin-top: 1em;
margin-bottom: 0;
line-height: 120%;
}
#mainContents .contWrap ol.lv3 {
list-style-type: lower-alpha;
}
#mainContents .contWrap ol.lv3 li{
font-weight: normal;
margin-top: 0.2em;
margin-bottom: 0;
line-height: 100%;
}


/*** add end ***/


/*///////////////////////////////////////////
 Campaign styles
///////////////////////////////////////////*/

#campaign{
background:none;
color:#000;
}
#campaign #wrap{
background:none;
padding:0;
width:580px;
}
#campaign #container{
width:580px;
}
#campaign #head,
#campaign #body,
#campaign #foot{
margin:0 0 15px;
padding:0 10px;
width:570px;
}

#campaign #head{
border-bottom:10px solid #06C;
padding:20px 5px 0;
}

#campaign #head .btnWindowClose{
float:right;
}

#campaign #body{
padding:0;
width:580px;
}
#campaign #body h2{
margin:0 0 15px;
}

#campaign #body .contWrap{
/*padding:0 10px 15px;*/
padding:0 0px 15px;
width:560px;
}
#campaign #body .contWrap h3{
font-size:medium;
line-height:150%;
margin:0 0 10px;
}
#campaign #body .contWrap h4{
font-size:small;
line-height:150%;
margin:0 0 10px;
}
#campaign #body .contWrap p{
line-height:150%;
margin:0 0 10px;
}
#campaign #body .contWrap p.arw{
margin:0 0 5px;
text-align:center;
}
#campaign #body .contWrap .proviso{
margin:0 0 5px;
font-size:x-small;
}
#campaign #body .contWrap ul,
#campaign #body .contWrap ol{
margin-left:2em;
margin-bottom:10px;
}
#campaign #body .contWrap ul{
list-style-type:disc;
}
#campaign #body .contWrap li{
line-height:150%;
margin:0 0 10px;
}
#campaign #body .contWrap dl{
margin:0 0 15px;
}
#campaign #body .contWrap dt{
font-weight:bold;
}

#campaign #body .contWrap .appService,
#campaign #body .contWrap .appCampaign{
margin:0;
padding:15px;
padding-bottom:5px;
width:530px;
}
#campaign #body .contWrap .appService{
background:url(../images/campaign/0907cashback/bg_app_service.gif) no-repeat;
}
#campaign #body .contWrap .appCampaign{
background:url(../images/campaign/0907cashback/bg_app_campaign.gif) no-repeat;
}
#campaign #body .contWrap .appService p.btn,
#campaign #body .contWrap .appCampaign p.btn{
margin:0;
text-align:center;
}
#campaign #body .contWrap .appServiceBtm,
#campaign #body .contWrap .appCampaignBtm{
background:url(../images/campaign/0907cashback/bg_app_service_btm.gif) no-repeat bottom;
margin:0 0 5px;
width:560px;
}
#campaign #body .contWrap .appServiceBtm{
background:url(../images/campaign/0907cashback/bg_app_service_btm.gif) no-repeat bottom;
}
#campaign #body .contWrap .appCampaignBtm{
background:url(../images/campaign/0907cashback/bg_app_campaign_btm.gif) no-repeat bottom;
}



#campaign #body .contWrap span.cap{
color:#F00;
}

#campaign #foot{
background:url(../images/common/bgFootSmall.gif) no-repeat;
font-size:x-small;
padding:5px;
width:570px;
}
#campaign #foot .btnWindowClose{
float:left;
}
#campaign #foot .copyright{
float:right;
margin-top:10px;
}

/*///////////////////////////////////////////
 campaign2011 styles
///////////////////////////////////////////*/

#campaign2011{
background:none;
color:#000;
}

#campaign2011 #head,
#campaign2011 #body,
#campaign2011 #foot{
margin:0 0 15px;
width:580px;
}

#campaign2011 #head {
    border-bottom: 10px solid #0066CC;
    padding: 20px 0 0;
	zoom:1;
}

#campaign2011 #head:after {
	content:"";
	display:block;
	clear:both;
}

#campaign2011 #head .btnWindowClose {
    float: right;
}

#campaign2011 #wrap{
background:none;
padding:0;
width:580px;
}

#campaign2011 #foot{
background:url(../images/common/bgFootSmall.gif) no-repeat;
font-size:x-small;
padding:5px;
width:570px;
}
#campaign2011 #foot .btnWindowClose{
float:left;
}
#campaign2011 #foot .copyright{
float:right;
margin-top:10px;
}


#campaign2011 h2 {
	margin:0 0 15px;	
}

#campaign2011 #container{
width:580px;
}

#campaign2011 .contWrap {
width:580px;	
}

.tabInner {
	background:#FFF 0 0 repeat;	
	padding:10px;
}

.smartStep {
	margin:0 0 15px;	
}

.smartStep h3 {
	margin:0 0 15px;	
}

.tabInner .stepFlow {
	zoom:1;
}

.tabInner .stepFlow:after {
	content:"";
	display:block;
	clear:both;
}

.tabInner .stepFlow li {
	float:left;
}

.detailStep h3 {
	margin:0 0 15px;
	padding:0;
}

.detailStep p {
	margin:0 0 15px;
	padding:0 5px;
	line-height:1.5;
}

.commentBox {
    margin: 0 20px 15px;
    padding: 10px;
	background:#f9f9f9;
	border:1px solid #DDD;
}

.commentBox p {
	padding:0;
	margin:0;
}

.step ul {
	list-style-type:disc;
	margin:0 0 20px;
	padding:0 20px 0 30px;
}
.step ol {
	margin:0 0 20px;
	padding:0 20px 0 30px;
}
.step li {
	line-height:120%;
	margin:0.5em 0 0;
}


#outLine {
	margin:0 0 15px;	
}

#outLine h3 {
	margin:0;
	padding:0;
}

#outLine ul {
	margin:0;
	padding:0;
	zoom:1;
}

#outLine ul:after {
	content:"";
	display:block;
	clear:both;
	overflow:hidden;
}

#outLine ul li {
	float:left;
	margin:0;
	padding:0;
	zoom:1;
}

#outLine ul li:after {
	content:"";
	display:block;
	clear:both;
}

#outLine ul li img {
	float:left;
}

.btnCamp {
	padding:0 0 15px;
	text-align:center;
}

.btnCamp p {
	margin:0;
	padding:0;
	text-align:center;
}

.btnCamp a {
	width:280px;
	height:65px;
	margin:0 auto;
	display:block;
	border:none;
	text-decoration:none;
	zoom:1;
}

.btnCamp a:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

.campCondition {
	background:#f9f9f9;
	padding:10px;
}

.campCondition h4{
	line-height:150%;
	margin:0 0 10px;
}

.campCondition ul,
.campCondition ol{
	margin:0 0 10px;
	padding:0 0 0 15px;
}

.campCondition ul{
	list-style:none none outside;
}

.campCondition li{
	line-height:120%;
	margin:0 0 10px;
	padding:0 0 0 10px;
	background:url(../images/campaign/0301cashback/listType.gif) 0 3px no-repeat;
}

.campCondition .last ul,
.campCondition .last li{
	margin:0 0 3px;
	padding:0 0 0 10px;
}

#campForm table {
	border:none;	
}

/*///////////////////////////////////////////
campform
///////////////////////////////////////////*/

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 10px 0 0;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(tab.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #27537a;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

#container-social {
	padding:0 0 5px;
	zoom:1;
}

#container-social:after {
	content:"";
	display:block;
	clear:both;
}

#container-social .ui-tabs-nav {
	padding:0 0 0 10px ;
	width:570px;
	overflow:hidden;
	zoom:1;
}

#container-social .ui-tabs-nav:after {
	content:"";
	display:block;
	clear:both;
}

#container-social .ui-tabs-nav:after li {
	float:left;
	margin:0 9px 0 0;
}

#container-social #blog {
	background:url(../images/campaign/0301cashback/blogTab_on.jpg) 0 0 no-repeat;
	width:174px;
	height:33px;
	overflow:hidden;
}

#container-social #twitter {
	background:url(../images/campaign/0301cashback/twitterTab_on.jpg) 0 0 no-repeat;
	width:175px;
	height:33px;
	overflow:hidden;
}

#container-social #facebook {
	background:url(../images/campaign/0301cashback/facebookTab_on.jpg) 0 0 no-repeat;
	width:184px;
	height:33px;
	overflow:hidden;
}


#container-social #blog a {
	background:none;
	padding:0;
	margin:0;
	width:174px;
	height:33px;
}

#container-social #twitter a {
	background:none;
	padding:0;
	margin:0;
	width:175px;
	height:33px;
}

#container-social #facebook a {
	background:none;
	padding:0;
	margin:0;
	width:184px;
	height:33px;
}

#container-social a img {
	background:none;
	border:none;
	text-decoration:none;
}

#container-social li a:hover img {
	 filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}

#container-social .ui-tabs-selected a img {
	 filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}

#fragment-blog {
	background:#FE9730;
	padding:10px;
}

#fragment-twitter {
	background:#6ADBFB;
	padding:10px;
}

#fragment-facebook {
	background:#254888;
	padding:10px;
}

.ui-tabs-panel {
	border:none !important;	
}


/*///////////////////////////////////////////
campform
///////////////////////////////////////////*/

#campForm{
background:none;
color:#000;
}

#campForm fieldset {
	border:none;	
}

#campForm legend {
	display:none;	
}

#campForm #head,
#campForm #body,
#campForm #foot{
margin:0 0 15px;
width:580px;
}

#campForm #head {
    border-bottom: 10px solid #0066CC;
    padding: 20px 0 0;
	zoom:1;
}


#campForm #head .btnWindowClose {
    float: right;
	margin:0;
	line-height:100%;
}

#campForm #wrap{
background:none;
padding:0;
width:580px;
}

#campForm #foot{
background:url(../images/common/bgFootSmall.gif) no-repeat;
font-size:x-small;
padding:5px;
width:570px;
}
#campForm #foot .btnWindowClose{
float:left;
}
#campForm #foot .copyright{
float:right;
margin-top:10px;
}

#campForm form {
	border:none;
}

#campForm h2 {
	margin:0 0 15px;	
}

#campForm #container{
	width:580px;
}

#campForm .contWrap {
	width:580px;	
}

#campForm h2 {
	margin:0 0 15px;
}

#campForm h3 {
	font-size:13px;	
	margin:0 0 15px;
}

#campForm p {
	margin:0 0 15px;
	line-height:150%;
}

#campForm .caution {
	color:#F00;
}

#campForm .formLink {
	background:#f9f9f9 0 0 repeat;
	padding:10px;
	margin:0 0 20px;
}

#campForm .formLink p {
	line-height:120%;
	margin:0;
}

#campForm table {
	width:100%;
	border-collapse:collapse;
	border:0px;
	margin:0 0 15px;
}

table.tbl1 tr td {
padding:0px;
}
}

#campForm p {
	_font-size:13px;	
}

#campForm .small {
	font-size:77%;
}

#campForm table td,
#campForm table th{
	border-width:0 1px 1px 0;
	border-style:solid;
	border-color:#FFF;
	text-align:left;
	_font-size:13px;
}

#campForm table th {
	width:195px;
	background:#EEE;
	padding:5px;
	vertical-align:middle;
	font-weight:normal;
}

#campForm table td {
	background:#f7f7f7;
	padding:5px;
	vertical-align:top;
}

#campForm table td input {
	margin:0 0 0.5em;
	padding:2px;
}

#campForm table.check td,
#campForm table.check th{
	padding:10px 5px;
	line-height:150%;
}

#campForm table.check strong {
	color:#F00;
}

#campForm .zm_copyright {
	display:none;	
}

#campForm .button {
	text-align:center;	
}

#campForm .button button {
	background:url(/campaign2011/images/goCheckBtn.jpg) 0 0 no-repeat;
	width:200px;
	height:30px;
	margin:0 auto;
	display:block;
	overflow:hidden;
	font-size:0.1em;
	text-indent:-9999em;
	border:none;
	cursor:pointer;
}

#transmit {
	margin:0;
	padding:0 50px;
	/*overflow:hidden;*/
	text-align:center;
	zoom:1;
}

#transmit:after {
	content:"";
	display:block;
	clear:both;
}

#campForm #transmit.button button#submit {
	background:url(/campaign2011/images/submitBtn.jpg) 0 0 no-repeat;
}

#campForm #transmit.button button#myreset {
	background:url(/campaign2011/images/returnBtn.jpg) 0 0 no-repeat;
}

#campForm #transmit.button button#submit ,
#campForm #transmit.button button#myreset {
	/*padding:0 20px;*/
	/*display:inline;*/
	margin:0 20px;
	float:left;
}

/*///////////////////////////////////////////
 Sitemap styles
///////////////////////////////////////////*/

dl.contents{
display:block;
float:left;
margin:0 0 15px;
padding-right:10px;
width:340px;
}
dl#news{
height:190px;
}
.contents dt{
margin:0 0 5px;
}
.contents dd{
background:url(../images/common/icon_arrow.gif) no-repeat 0 50%;
margin:0 0 5px;
padding-left:15px;
}
.contents dd.sub{
margin-left:15px;
}


/*///////////////////////////////////////////
 Clearfix styles
///////////////////////////////////////////*/

#wrap:after,
#container:after,
#head:after,
#gNavi:after,
#gNavi ul:after,
#main:after,
#body:after,
.campaignBnrArea:after,
.mainBnrArea:after,
#mainContents .contWrap:after,
#mainContents .contWrap dl.news:after,
#mainContents .contWrap dl.newsIndex:after,
#mainContents .contWrap .agreement:after,
#mainContents .contWrap .btnArea:after,
#mainContents .contWrap .geotrust:after,
#utility #body .contWrap:after,
#foot:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
/* Hides from IE-mac \*/
*html #wrap,
*html #container,
*html #head,
*html #gNavi,
*html #gNavi ul,
*html #main,
*html #body,
*html .campaignBnrArea,
*html .mainBnrArea,
*html #mainContents .contWrap,
*html #mainContents .contWrap dl.news,
*html #mainContents .contWrap dl.newsIndex,
*html #mainContents .contWrap .agreement,
*html #mainContents .contWrap .btnArea,
*html #mainContents .contWrap .geotrust,
*html #utility #body .contWrap,
*html #foot{
height: 1%;
}

/* *:first-child+html .spWrap{
height: 1%;
} */
*:first-child+html #wrap,
*:first-child+html #container,
*:first-child+html #head,
*:first-child+html #gNavi,
*:first-child+html #gNavi ul,
*:first-child+html #main,
*:first-child+html #body,
*:first-child+html .campaignBnrArea,
*:first-child+html .mainBnrArea,
*:first-child+html #mainContents .contWrap,
*:first-child+html #mainContents .contWrap dl.news,
*:first-child+html #mainContents .contWrap dl.newsIndex,
*:first-child+html #mainContents .contWrap .agreement,
*:first-child+html #mainContents .contWrap .btnArea,
*:first-child+html #mainContents .contWrap .geotrust,
*:first-child+html #utility #body .contWrap,
*:first-child+html #foot{
display:inline-block;
}
/* End hide from IE-mac */
/*\*//*/
#wrap,
#container,
#head,
#gNavi,
#gNavi ul,
#main,
#body,
.campaignBnrArea,
.mainBnrArea,
#mainContents .contWrap,
#mainContents .contWrap dl.news,
#mainContents .contWrap dl.newsIndex,
#mainContents .contWrap .btnArea,
#mainContents .contWrap .geotrust,
#utility #body .contWrap,
#foot{
display:inline-block;
}
/**/


/*///////////////////////////////////////////
 IE Hacks styles
///////////////////////////////////////////*/

*html .headNaviArea dl.member{
margin-right:5px;
}

*html #mainContents .contWrap .agreement input,
*html #mainContents .contWrap .agreement label{
vertical-align:middle;
}

*html #mainContents .contWrap .btnArea{
padding:0 90px;
}
*html #mainContents .contWrap .btnArea input#submitIndividual,
*html #mainContents .contWrap .btnArea input#submitCorporation{
margin:0 20px;
}


/********************************************

 Copy Right(c) 2009 
 TOKYO TELEMESSAGE INC.
 All Rights reserved.

********************************************/