/*  all reset
==============================================*/

*
{
    margin: 0;
    padding: 0;
    list-style: none;
}

/*
 cursor resets
========================================*/
html
{
    overflow: scroll;
    overflow: -moz-scrollbars-vertical;
}


/*  base
==============================================*/
body
{
    color: #000000;
    background-color: #e6e6e6;
    font-family: verdana, Helvetica, arial, HiraKakuPro-W3, "MS Pゴシック" , Osaka, sans-serif;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
}



h1, h2, h3, h4, p, dl, dt.dd
{
    margin: 0;
    padding: 0;
}

img
{
    border: 0;
}

table
{
    font-size: 12px;
}

/*
a:link, a:visited { color: #3551a1; text-decoration: none; }
a:active, a:hover { text-decoration: underline; }
*/

a
{
    color: #0C3575;
    text-decoration: underline;
}
a:visited
{
    color: #810081;
    text-decoration: underline;
}
a:hover
{
    color: #FF0000;
    text-decoration: none;
}


.clear
{
    clear: both;
    height: 1px;
}

#frame
{
    width: 960px;
    padding: 0px;
    background-image: url(../images/bg.jpg);
    background-repeat: repeat-y;
    background-position: center;
    text-align: left;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}

#frame2
{
    width: 904px;
    padding: 12px 26px 31px 30px;
}


/*  common
==============================================*/
.clear
{
    clear: both;
    line-height: 0px;
}

.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix
{
    display: inline-block;
}


/*  float
==============================================*/
.float-l
{
    float: left;
}
.float-r
{
    float: right;
}

.img-right
{
    padding: 0;
    float: right;
    margin: 0px 0px 10px 10px;
}

.img-left
{
    padding: 0;
    float: left;
    margin: 0px 10px 10px 0px;
}


/*  txt
==============================================*/
.txt-center
{
    text-align: center;
}
.txt-left
{
    text-align: left;
}
.txt-right
{
    text-align: right;
}

.txt08
{
    font-size: 8px;
    line-height: 11px;
}
.txt10
{
    font-size: 10px;
    line-height: 14px;
    font-weight: normal;
}
.txt10b
{
    font-size: 10px;
    line-height: 14px;
    font-weight: bold;
}

.txt11
{
    font-size: 11px;
    line-height: 14px;
}
.txt11b
{
    font-size: 11px;
    line-height: 14px;
    font-weight: bold;
}

.txt12
{
    font-size: 12px;
    line-height: 18px;
}

.txt14
{
    font-size: 14px;
    line-height: 18px;
}
.txt14b
{
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
}

.txt16
{
    font-size: 16px;
    line-height: 22px;
}
.txt16b
{
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
}

.txt18
{
    font-size: 18px;
    line-height: 24px;
}
.txt18b
{
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
}

.txt24
{
    font-size: 24px;
    line-height: 28px;
}
.txt24b
{
    font-size: 24px;
    line-height: 28px;
    font-weight: bold;
}

.txtwhite
{
    color: #FFFFFF;
}

.txtblue
{
    color: #2356c0;
}

.txtlightblue
{
    color: #0099cc;
}
.txtlightblue-b
{
    color: #0099cc;
    font-weight: bold;
}

.txtred
{
    color: #FF0033;
}

.txtpink
{
    color: #d2417c;
}

.txtlimegreen
{
    color: #39ac8f;
}



/*  margin
==============================================*/
.tmg05
{
    margin: 5px 0px 0px 0px;
}
.tmg10
{
    margin: 10px 0px 0px 0px;
}
.tmg15
{
    margin: 15px 0px 0px 0px;
}
.tmg20
{
    margin: 20px 0px 0px 0px;
}
.tmg25
{
    margin: 25px 0px 0px 0px;
}
.tmg30
{
    margin: 30px 0px 0px 0px;
}

.rmg03
{
    margin: 0px 3px 0px 0px;
}
.rmg05
{
    margin: 0px 5px 0px 0px;
}
.rmg10
{
    margin: 0px 10px 0px 0px;
}
.rmg15
{
    margin: 0px 15px 0px 0px;
}
.rmg20
{
    margin: 0px 20px 0px 0px;
}
.rmg25
{
    margin: 0px 25px 0px 0px;
}
.rmg30
{
    margin: 0px 30px 0px 0px;
}

.bmg05
{
    margin: 0px 0px 5px 0px;
}
.bmg10
{
    margin: 0px 0px 10px 0px;
}
.bmg15
{
    margin: 0px 0px 15px 0px;
}
.bmg20
{
    margin: 0px 0px 20px 0px;
}
.bmg25
{
    margin: 0px 0px 25px 0px;
}
.bmg30
{
    margin: 0px 0px 30px 0px;
}

.lmg05
{
    margin: 0px 0px 0px 5px;
}
.lmg10
{
    margin: 0px 0px 0px 10px;
}
.lmg15
{
    margin: 0px 0px 0px 15px;
}
.lmg20
{
    margin: 0px 0px 0px 20px;
}
.lmg25
{
    margin: 0px 0px 0px 25px;
}
.lmg30
{
    margin: 0px 0px 0px 30px;
}
.lmg45
{
    margin: 0px 0px 0px 45px;
}


/*  padding
==============================================*/
.tpd05
{
    padding: 5px 0px 0px 0px;
}
.tpd10
{
    padding: 10px 0px 0px 0px;
}
.tpd15
{
    padding: 15px 0px 0px 0px;
}
.tpd20
{
    padding: 20px 0px 0px 0px;
}
.tpd25
{
    padding: 25px 0px 0px 0px;
}
.tpd30
{
    padding: 30px 0px 0px 0px;
}

.rpd05
{
    padding: 0px 5px 0px 0px;
}
.rpd10
{
    padding: 0px 10px 0px 0px;
}
.rpd15
{
    padding: 0px 15px 0px 0px;
}
.rpd20
{
    padding: 0px 20px 0px 0px;
}
.rpd25
{
    padding: 0px 25px 0px 0px;
}
.rpd30
{
    padding: 0px 30px 0px 0px;
}

.bpd05
{
    padding: 0px 0px 5px 0px;
}
.bpd10
{
    padding: 0px 0px 10px 0px;
}
.bpd15
{
    padding: 0px 0px 15px 0px;
}
.bpd20
{
    padding: 0px 0px 20px 0px;
}
.bpd25
{
    padding: 0px 0px 25px 0px;
}
.bpd30
{
    padding: 0px 0px 30px 0px;
}

.lpd05
{
    padding: 0px 0px 0px 5px;
}
.lpd10
{
    padding: 0px 0px 0px 10px;
}
.lpd15
{
    padding: 0px 0px 0px 15px;
}
.lpd20
{
    padding: 0px 0px 0px 20px;
}
.lpd25
{
    padding: 0px 0px 0px 25px;
}
.lpd30
{
    padding: 0px 0px 0px 30px;
}





/*  topheader
==============================================*/
#top-header
{
    width: 900px;
    height: 86px;
    margin: 0px 0px 8px 0px;
    padding: 0px 0px 12px 0px;
    background-image: url(../images/top_line.gif);
    background-position: center bottom;
    background-repeat: no-repeat;
}

#top-header h1
{
}

#top-header-navi
{
    width: 370px;
    padding-top: 5px;
    float: right;
}

#top-header-navi ul li
{
    float: left;
}

#top-header-navi ul li.txtlink
{
    width: 168px;
    height: 43px;
    font-size: 14px;
    padding-top: 7px;
    padding-left: 70px;
}

#top-header-navi ul li.txtlink a:link
{
    color: #808080;
}

#top-header-navi ul li.txtlink a:hover
{
    color: #FF0000;
    text-decoration: none;
}

#top-header-navi ul li.yahoo
{
    width: 117px;
    height: 43px;
    font-size: 10x;
    line-height: 14px;
    text-align: right;
}
#top-header-navi ul li.logout
{
    width: 360px;
    height: 18px;
    font-size: 14px;
    padding-top: 0px;
}
#top-header-navi ul li.logout a:link
{
    color: #808080;
}
#top-header-navi ul li.logout a:hover
{
    color: #FF0000;
    text-decoration: none;
}
#top-header-navi ul li.point
{
    width: 360px;
    height: 32px;
    line-height: 14px;
    text-align: right;
    color: #6666FF;
    font-size: 12px;
    font-weight: bold;
}

#top-header-navi ul li.corp_create_account
{
    width: 360px;
    height: 18px;
    line-height: 14px;
    text-align: right;
    color: #FF6666;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}

.regist-column .corp_images_panel
{
	text-align: center;
}


#top-navi
{
    padding: 0;
    margin-bottom: 10px;
    height: 50px;
    width: 904px;
}

#top-navi ul
{
}

#top-navi li
{
    float: left;
}

.top-navi01 a
{
    width: 150px;
    height: 40px;
    background-image: url(../images/topnavi_01_old.gif);
    background-repeat: no-repeat;
    display: block;
}

.top-navion01 a
{
    width: 150px;
    height: 40px;
    background-image: url(../images/topnavi_01on_old.gif);
    background-repeat: no-repeat;
    display: block;
}

.top-navi01 a:hover
{
    background-image: url(../images/topnavi_01on_old.gif);
}

.top-navi02 a
{
    width: 150px;
    height: 40px;
    background-image: url(../images/topnavi_02_old.gif);
    background-repeat: no-repeat;
    display: block;
}

.top-navion02 a
{
    width: 150px;
    height: 40px;
    background-image: url(../images/topnavi_02on_old.gif);
    background-repeat: no-repeat;
    display: block;
}

.top-navi02 a:hover
{
    background-image: url(../images/topnavi_02on_old.gif);
}

.top-navi03 a
{
    width: 150px;
    height: 40px;
    background-image: url(../images/topnavi_03_old.gif);
    background-repeat: no-repeat;
    display: block;
}

.top-navion03 a
{
    width: 150px;
    height: 40px;
    background-image: url(../images/topnavi_03on_old.gif);
    background-repeat: no-repeat;
    display: block;
}

.top-navi03 a:hover
{
    background-image: url(../images/topnavi_03on_old.gif);
}

.top-navi04 a
{
    width: 150px;
    height: 40px;
    background-image: url(../images/topnavi_04_old.gif);
    background-repeat: no-repeat;
    display: block;
}

.top-navion04 a
{
    width: 150px;
    height: 40px;
    background-image: url(../images/topnavi_04on_old.gif);
    background-repeat: no-repeat;
    display: block;
}

.top-navi04 a:hover
{
    background-image: url(../images/topnavi_04on_old.gif);
}

.top-navi05 a
{
    width: 150px;
    height: 40px;
    background-image: url(../images/topnavi_05.gif);
    background-repeat: no-repeat;
    display: block;
}

.top-navion05 a
{
    width: 150px;
    height: 40px;
    background-image: url(../images/topnavi_05on.gif);
    background-repeat: no-repeat;
    display: block;
}

.top-navi05 a:hover
{
    background-image: url(../images/topnavi_05on.gif);
}

.top-navi06 a
{
    width: 150px;
    height: 40px;
    background-image: url(../images/topnavi_06.gif);
    background-repeat: no-repeat;
    display: block;
}

.top-navion06 a
{
    width: 150px;
    height: 40px;
    background-image: url(../images/topnavi_06on.gif);
    background-repeat: no-repeat;
    display: block;
}

.top-navi06 a:hover
{
    background-image: url(../images/topnavi_06on.gif);
}



/*  top menu
==============================================*/
.top-menu
{
    width: 904px;
    height: 356px;
    margin-bottom: 15px;
}

.top-menu li
{
    float: left;
    margin-right: 4px;
}

.top-menu01 a
{
    width: 222px;
    height: 356px;
    background-image: url(../images/top_menu01.jpg);
    background-repeat: no-repeat;
    display: block;
}

.top-menu01 a:hover
{
    background-image: url(../images/top_menu01on.jpg);
}

.top-menu02 a
{
    width: 222px;
    height: 356px;
    background-image: url(../images/top_menu02.jpg);
    background-repeat: no-repeat;
    display: block;
}

.top-menu02 a:hover
{
    background-image: url(../images/top_menu02on.jpg);
}

.top-menu03 a
{
    width: 222px;
    height: 356px;
    background-image: url(../images/top_menu03.jpg);
    background-repeat: no-repeat;
    display: block;
}

.top-menu03 a:hover
{
    background-image: url(../images/top_menu03on.jpg);
}

.top-menu04 a
{
    width: 222px;
    height: 356px;
    /*background-image: url(../images/top_menu04.jpg);*/
    background-image: url(../images/top/top_menu04-2.jpg);
    background-repeat: no-repeat;
    display: block;
}

.top-menu04 a:hover
{
    /*background-image: url(../images/top_menu04on.jpg);*/
    background-image: url(../images/top/top_menu04-2on.jpg);
}

.top-menu05 a
{
    width: 222px;
    height: 356px;
    /*background-image: url(../images/top_menu05.jpg);*/
    background-image: url(../images/top/top_menu05-4.jpg);
    background-repeat: no-repeat;
    display: block;
}

.top-menu05 a:hover
{
    /*background-image: url(../images/top_menu05on.jpg);*/
    background-image: url(../images/top/top_menu05-4on.jpg);
}

/*  contents
==============================================*/
#content
{
    width: 900px;
    padding: 0px;
    margin: 0px;
}

#content h2
{
    font-size: 18px;
    padding-bottom: 4px;
}

#content2
{
    width: 904px;
    padding-bottom: 30px;
}

#content2 h2
{
    font-size: 18px;
    padding-bottom: 4px;
}

#content2 p.txt
{
    padding-bottom: 16px;
}


/*  contents w900
==============================================*/
#content3
{
    width: 900px;
    padding-bottom: 30px;
}

#content3 h2
{
    font-size: 18px;
    margin-bottom: 6px;
}

#content3 h3
{
    font-size: 14px;
    background-image: url(../images/line_bg01.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
    padding-bottom: 6px;
    margin-bottom: 10px;
}

#content3 h4
{
    color: #4d7efe;
    font-size: 14px;
    margin-left: 22px;
    margin-right: 15px;
}

#content3 p.txt
{
    padding-bottom: 16px;
}

#content3 p.txt2
{
    margin-right: 15px;
    margin-bottom: 22px;
    margin-left: 22px;
}


/*  footer
==============================================*/
#foot
{
    width: 904px;
    padding: 9px 0px 0px 0px;
    height: 15px;
    border-top: 1px solid #bebebe;
}

#foot ul.footlink
{
    height: 16px;
}

#foot ul.footlink li
{
    float: left;
    padding-left: 13px;
    margin-right: 10px;
    background-image: url(../images/arrow_footlink.gif);
    background-repeat: no-repeat;
    line-height: 15px;
}

#foot a
{
    color: #595959;
    text-decoration: none;
}

#foot a:hover
{
    color: #FF0000;
    text-decoration: none;
}

#foot .foot-copy
{
    text-align: right;
    margin-top: 6px;
}





/*  button
==============================================*/

/*  hidden

==============================================*/
.top-menu, .top-navi01, .top-navi02, .top-navi03, .top-navi04, .top-navi05, .top-navi06, .top-navion01, .top-navion02, .top-navion03, .top-navion04, .top-navion05, .top-navion06, .top-mynavi01, .top-mynavi02, .top-mynavi03, .top-mynavi04, .top-mynavi05, .top-mynavi06, .top-mynavion01, .top-mynavion02, .top-mynavion03, .top-mynavion04, .top-mynavion05, .top-mynavion06
{
    text-indent: -9999px; /*  MacIE 5 \*/
    overflow: hidden; /*  MacIE 5 end */
}

#top-mynavi
{
    padding: 0;
    margin-bottom: 10px;
    height: 50px;
    width: 904px;
}

#top-mynavi ul
{
}

#top-mynavi li
{
    float: left;
}

.top-mynavi01 a
{
    width: 181px;
    height: 40px;
    background-image: url(../images/topmynavi_01.gif);
    background-repeat: no-repeat;
    display: block;
}

.top-mynavion01 a
{
    width: 181px;
    height: 40px;
    background-image: url(../images/topmynavi_01on.gif);
    background-repeat: no-repeat;
    display: block;
}

.top-mynavi01 a:hover
{
    background-image: url(../images/topmynavi_01on.gif);
}

.top-mynavi02 a
{
    width: 180px;
    height: 40px;
    background-image: url(../images/topmynavi_02.gif);
    background-repeat: no-repeat;
    display: block;
}

.top-mynavion02 a
{
    width: 180px;
    height: 40px;
    background-image: url(../images/topmynavi_02on.gif);
    background-repeat: no-repeat;
    display: block;
}

.top-mynavi02 a:hover
{
    background-image: url(../images/topmynavi_02on.gif);
}

.top-mynavi03 a
{
    width: 180px;
    height: 40px;
    background-image: url(../images/topmynavi_03.gif);
    background-repeat: no-repeat;
    display: block;
}

.top-mynavion03 a
{
    width: 180px;
    height: 40px;
    background-image: url(../images/topmynavi_03on.gif);
    background-repeat: no-repeat;
    display: block;
}

.top-mynavi03 a:hover
{
    background-image: url(../images/topmynavi_03on.gif);
}

.top-mynavi04 a
{
    width: 179px;
    height: 40px;
    background-image: url(../images/topmynavi_04.gif);
    background-repeat: no-repeat;
    display: block;
}

.top-mynavion04 a
{
    width: 179px;
    height: 40px;
    background-image: url(../images/topmynavi_04on.gif);
    background-repeat: no-repeat;
    display: block;
}

.top-mynavi04 a:hover
{
    background-image: url(../images/topmynavi_04on.gif);
}

.top-mynavi05 a
{
    width: 180px;
    height: 40px;
    background-image: url(../images/topmynavi_05.gif);
    background-repeat: no-repeat;
    display: block;
}

.top-mynavion05 a
{
    width: 180px;
    height: 40px;
    background-image: url(../images/topmynavi_05on.gif);
    background-repeat: no-repeat;
    display: block;
}

.top-mynavi05 a:hover
{
    background-image: url(../images/topmynavi_05on.gif);
}

.top-mynavi06 a
{
    width: 179px;
    height: 40px;
    background-image: url(../images/topmynavi_06.gif);
    background-repeat: no-repeat;
    display: block;
}

.top-mynavion06 a
{
    width: 179px;
    height: 40px;
    background-image: url(../images/topmynavi_06on.gif);
    background-repeat: no-repeat;
    display: block;
}

.top-mynavi06 a:hover
{
    background-image: url(../images/topmynavi_06on.gif);
}


/*  complete系画面で使用するスタイル
==============================================*/
.complete
{
	width: 800px;
	margin-left:50px;
	margin-right:4px;
	margin-top:20px;
	margin-bottom:30px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	text-align: center;
}