/* reset START ================================================================================= */
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, blockquote, form, table {
    margin:         0;
    padding:        0;
}
h1, h2, h3, h4, h5, h6, th, td {
    font-size:      100%;
    font-weight:    normal;
}
ol, ul {
    list-style:     none
}
img {
    border: none;
    vertical-align: text-bottom;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
input[type="submit"], input[type="button"]{
    border:         0;
}
/* reset END =================================================================================== */
/* basic START ================================================================================= */
body {
    background: #FFF;
    color:      #000;
    font-family:"Hiragino Kaku Gothic Pro","Meiryo","MS Gothic";
    font-size:  14px;
    text-align: center;
    line-height:150%;
}
a{
    color:      #0D207E;
    text-decoration: none;
}
a:hover {
/*
    opacity:    0.6;
	filter:     alpha(opacity=60);
*/
    color:      #C40600;
    text-decoration: underline;
}
a img:hover {
    opacity:    0.6;
	filter:     alpha(opacity=60);
}
/* header START ================================================================================= */
#header div.head{
    background: #0D207A;
    width:      100%;
}
#header div.head p{
    color:      #FFF;
    height:     20px;
    width:      980px;
    margin:     0 auto;
    text-align: left;
    font-size:  11px;
    line-height: 20px;
}
#header-contens{
    width:      980px;
    height:     80px;
    margin:     0 auto;
}
#header-contens #head-left{
    width:      555px;
    margin:     12px 0 0 0;
    text-align: left;
    float:      left;
}
#header-contens #head-right{
    width:      425px;
    float:      right;
}
#header-contens #head-right p{
    margin:     12px 0 0 0;
    width:      262px;
    float:      left;
}
#header-contens #head-right ul{
    width:      163px;
    float:      left;
}
#header-contens #head-right li{
    width:      163px;
    height:     28px;
    margin:     6px 0 0 0;
}
#gnavi{
    width:      100%;
    height:     60px;
    background: #0D207A;
    clear:      both;
}
#gnavi ul{
    width:      980px;
    height:     60px;
    margin:     0 auto;
}
#gnavi ul li{
    width:      158px;
    height:     60px;
    float:      left;
    border-left: #fff 1px solid;
}
#gnavi ul li.top{
    width:      143px;
}
#gnavi ul li.support{
    width:      198px;
    background: #7180A8;
    border-right: #fff 1px solid;
}
#gnavi ul li.top{
    width:      143px;
}
#gnavi li a{
    height:     0;
    padding:    60px 0 0 0;
    display:    block;
    overflow:   hidden;
}
#gnavi li.top a{
    background: url("/images/common/gnavi.png") no-repeat scroll -1px 0;
}
#gnavi li.top a:hover{
    background: url("/images/common/gnavi.png") no-repeat scroll -1px -60px;
}
#gnavi li.product a{
    background: url("/images/common/gnavi.png") no-repeat scroll -143px 0;
}
#gnavi li.product a:hover{
    background: url("/images/common/gnavi.png") no-repeat scroll -143px -60px;
}
#gnavi li.reason a{
    background: url("/images/common/gnavi.png") no-repeat scroll -303px 0;
}
#gnavi li.reason a:hover{
    background: url("/images/common/gnavi.png") no-repeat scroll -303px -60px;
}
#gnavi li.result a{
    background: url("/images/common/gnavi.png") no-repeat scroll -462px 0;
}
#gnavi li.result a:hover{
    background: url("/images/common/gnavi.png") no-repeat scroll -462px -60px;
}
#gnavi li.company a{
    background: url("/images/common/gnavi.png") no-repeat scroll -621px 0;
}
#gnavi li.company a:hover{
    background: url("/images/common/gnavi.png") no-repeat scroll -621px -60px;
}
#gnavi li.support a{
    background: url("/images/common/gnavi.png") no-repeat scroll -780px 0;
}
#gnavi li.support a:hover{
    background: url("/images/common/gnavi.png") no-repeat scroll -780px -60px;
}
#pankuzu{
    width:      100%;
    height:     30px;
    background: #E5E5E5;
}
#pankuzu ul{
    width:      940px;
    height:     30px;
    text-align: left;
    margin:     0 auto;
}
#pankuzu ul li{
    height:     30px;
    float:      left;
    line-height: 30px;
    padding:    0 10px 0 14px;
    font-size:  12px;
    background: url("/images/common/icn-arrow2.png") no-repeat scroll left 5px;
}
#pankuzu ul li a{
    font-size:  12px;
}
#pankuzu ul li.top{
    padding:    0 10px 0 0;
    background: none;
}
#page-title{
    width:      100%;
    padding:    22px 0 34px 0;
    overflow:   hidden;
    background: #FAFAFA;
}
#page-title h1{
    width:      940px;
    height:     0;
    padding:    43px 0 0 0;
    overflow:   hidden;
    margin:     0 auto;
}
#page-title div.text{
    width:      940px;
    padding:    15px 0 0 0;
    text-align: left;
    overflow:   hidden;
    margin:     0 auto;
}

/* header END ================================================================================= */
/* frame START ================================================================================ */
#main{
    width:      980px;
    margin:     0 auto;
    clear:      both;
    overflow:   hidden;
}
#main-lcolumn{
    width:  670px;
    margin: 30px 20px 10px 20px;
    text-align: left;
    float:  left;
    overflow:   hidden;
}
#main-rcolumn{
    width:  250px;
    margin: 30px 20px 10px 0;
    float:  right;
    overflow:   hidden;
}
#main-scolumn{
    width:  940px;
    margin: 30px 20px 10px 20px;
    overflow:   hidden;
}

/* frame END ================================================================================== */
/* footer START =============================================================================== */
#footer{
    width:      100%;
    margin:     50px 0 0 0;
    background: #0D207A;
    color:      #fff;
    clear:      both;
    overflow:   hidden;
}
#footer a{
    color:      #fff;
    text-decoration: none;
}
#footer a:hover {
/*
    opacity:    0.6;
	filter:     alpha(opacity=60);
*/
    color:      #FFFF00;
    text-decoration: underline;
}

#footer #f-logo{
    width:          980px;
    margin:         0 auto;
    padding:        20px 0;
    text-align:     left;
}
#footer #f-link{
    width:          980px;
    margin:         0 auto;
    text-align:     left;
    overflow:       hidden;
}
#footer #f-link ul.f-column{
    width:          940px;
    margin:         0 20px;
}
#footer #f-link ul.f-column li{
    width:          200px;
    float:          left;
}
#footer #f-link ul.f-column li.support{
    width:          300px;
}
#footer #f-link ul.f-column li dt{
    height:         15px;
    margin:         0 0 15px 0;
    font-weight:    bold;
    font-size:      15px;
}
#footer #f-link ul.f-column li dd ul li{
    margin:         0 0 8px 0;
    padding:        0 0 0 10px;
    font-size:      13px;
    height:         14px;
}

#footer #copyright{
    clear:          both;
    font-size:      13px;
    width:          980px;
    margin:         100px auto 35px;
}
/* footer END ================================================================================= */
/* caption START ============================================================================== */
h2{
    width:      670px;
    height:     0;
    padding:    42px 0 0 0;
    overflow:   hidden;
}
/* caption END ================================================================================ */
/* right START ================================================================================ */
#r-support{
    width:      250px;
    height:     192px;
    margin:     0 0 30px 0;
}
#r-support dt{
    width:      250px;
    height:     42px;
}
#r-support dd{
    width:      220px;
    height:     148px;
    padding:    0 14px;
    border: #0D207A 1px solid;
}
#r-support dd p{
    width:      220px;
    height:     50px;
    margin:     10px 0 0 0;
    font-size:  12px;
    text-align:  left;
}
#r-support dd ul{
    width:      220px;
    height:     98px;
    overflow:   hidden;
}
#r-support dd ul li{
    width:      202px;
    height:     30px;
    padding:    0 0 0 18px;
    background: url("/images/common/icn-arrow2.png")  no-repeat scroll;
    text-align:  left;
}
#r-support dd ul li img{
    margin:     0 0 0 5px;
    position:   relative;
    top:        -2px;
}
#r-result dl{
    width:      250px;
    overflow:   hidden;
}
#r-result dt{
    width:      250px;
    height:     41px;
}
#r-result dd{
    width:      250px;
    overflow:   hidden;
    text-align: left;
}
#r-result dd li{
    width:      212px;
    height:     41px;
    margin:    0 19px;
    background: url("/images/common/line.png") no-repeat scroll bottom;
}
#r-result dd.more{
    width:      250px;
    margin:     10px 0 0 0;
    text-align: right;
    height:     22px;
}
#r-result dd.more img{
    position:   relative;
    top:        -2px;
}
#r-result dd.more a{
    font-weight:        bold;
    text-decoration:    underline;
}
/* right END ================================================================================== */
.MR0{
    margin-right: 0 !important;
}
.MR5{
    margin-right: 5px !important;
}