@charset "utf-8";

h2 {
    font-size: 1.8em;
    padding:10px 0 30px 0;
}

#recomend {
    width: 368px;
    background: #FFF;
    padding: 0;
    z-index: 10;
    position: fixed;
    bottom: 0px;
    right: 45px;
    box-shadow: 0px -2px 31px -7px #000000;
    -moz-box-shadow: 0px -2px 31px -7px #000000;
    -webkit-box-shadow: 0px -2px 31px -7px #000000;
}

#recomend > div {
    width: 50%;
    float: left;
    text-align: center;
    padding: 25px 0 30px;
}

#recomend > p {
    background: #f97135;
    width: 368px;
    height: 50px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
}

#recomend > p > span {
    display: inline-block;
    background: url(../img/arw_pagetop_pc.png) no-repeat;
    padding-left: 30px;
    margin-top: 15px;
}
.recomendBG {
    background: url(../img/arw_pagedowm_pc.png) no-repeat !important;
}

#recomend > div a {
    display: block;
}


#Container{
width:60pc;
margin-right:auto;
margin-left:auto;
padding-right:5px;
padding-left:5px;
}

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

#Header{
width:60pc;
height:150px;
margin:0;
}

#Header h1{
height:19px;
padding-top:10px;
}

#Header #LogoArea{
height:71px;
}

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

#Header #Logo{
width:465px;
float:left;
margin-top:5px;
}

#Header #Logo a{
height:60px;
background:url(../img/logo.png)no-repeat;
display:block;
}

#Header .sidelink{
width:350px;
height:26px;
float:right;
margin-top:30px;
}

#Header .sidelink:after{
display:block;
clear:both;
content:"";
}

#Header .sidelink li{
height:26px;
float:right;
display:inline;
}

#Header .sidelink .textlink a{
height:26px;
margin:2px 0;
padding:0 14px;
vertical-align:bottom;
}

#Header .HRlogo a{
margin-left:14px;
}

#Header #Logo div.index{
height:60px;
background:url(../img/logo.png)no-repeat;
display:block;
}

#Header #Logo div.index span.undisp{
display:none;
}

#Header #Logo{
_margin-top:3px;
}

#Header #LogoArea{
_height:69px;
}

#Glonavi{
width:60pc;
height:50px;
}

#Glonavi li{
float:left;
}

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

#Glonavi .SC a{
width:10pc;
height:50px;
background:url(../img/glonavi.png)no-repeat;
display:block;
}

#Glonavi .SC a:hover{
background-position:0 -50px;
}

#Glonavi .Product a{
width:10pc;
height:50px;
background:url(../img/glonavi.png)no-repeat -10pc 0;
display:block;
}

#Glonavi .Product a:hover{
background-position:-10pc -50px;
}

#Glonavi .FAQ a{
width:10pc;
height:50px;
background:url(../img/glonavi.png)no-repeat -20pc 0;
display:block;
}

#Glonavi .FAQ a:hover{
background-position:-20pc -50px;
}

#Glonavi .Support a{
width:15pc;
height:50px;
background:url(../img/glonavi.png)no-repeat -5in 0;
display:block;
}

#Glonavi .Support a:hover{
background-position:-5in -50px;
}

#Glonavi .Guide a{
width:15pc;
height:50px;
background:url(../img/glonavi.png)no-repeat -45pc 0;
display:block;
}

#Glonavi .Guide a:hover{
background-position:-45pc -50px;
}

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

#ContentsArea #ContentsBox{
width:690px;
float:left;
}

#ContentsArea #LocalNaviBox{
width:15pc;
float:right;
}

#LocalNaviBox .contactbtn a{
width:15pc;
height:161px;
background:url(../img/navi_contact.png)no-repeat;
display:block;
margin-bottom:10px;
}

#LocalNaviBox .contactbtn a:hover{
background-position:0 -161px;
}

#LocalNaviBox .faqbtn a{
background:url(../img/navi_faq.png)no-repeat;
}

#LocalNaviBox .faqbtn a,#LocalNaviBox .ptnbtn a{
width:15pc;
height:90px;
display:block;
margin-bottom:10px;
}

#LocalNaviBox .ptnbtn a{
background:url(../img/navi_ptn.png)no-repeat;
}

#LocalNaviBox .faqbtn a:hover,#LocalNaviBox .ptnbtn a:hover{
background-position:0 -90px;
}

#LocalNaviBox .reclog-mobbtn a{
width:15pc;
height:5pc;
background:url(../img/navi_reclog_mobile.png)no-repeat;
display:block;
margin-bottom:10px;
}

#LocalNaviBox .reclog-mobbtn a:hover{
background-position:0 -5pc;
}

#LocalNaviBox .banner-btn{
width:15pc;
margin-bottom:10px;
text-align:center;
}

#LocalNaviBox .LocalNaviMenu{
width:15pc;
background:url(../img/navi_menu_bkg.png)repeat-y;
display:block;
margin-bottom:10px;
padding-top:10px;
padding-bottom:10px;
}

#LocalNaviBox .LocalNaviMenu ul{
width:218px;
background:#fff;
border:1px solid #e2e2e2;
padding:1px;
margin:0 10px;
}

#LocalNaviBox .LocalNaviMenu li{
width:218px;
margin:0;
padding:0;
line-height:1.2;
font-size:9pt;
}

#LocalNaviBox .LocalNaviMenu .eng{
padding-top:4px;
}

#LocalNaviBox .LocalNaviMenu .navi-pattern01{
width:218px;
height:30px;
}

#LocalNaviBox .LocalNaviMenu .navi-pattern02,#LocalNaviBox .LocalNaviMenu .navi-pattern03{
width:218px;
height:31px;
}

#LocalNaviBox .LocalNaviMenu .navi-pattern04{
width:218px;
height:24px;
}

#LocalNaviBox .LocalNaviMenu .navi-pattern01 a{
width:170px;
height:23px;
background:url(../img/localnavi_bkg.png)no-repeat;
display:block;
color:#333;
padding:7px 0 0 3pc;
}

#LocalNaviBox .LocalNaviMenu .navi-pattern02 a{
width:197px;
height:23px;
background:url(../img/localnavi_bkg.png)0 -31px no-repeat;
display:block;
color:#333;
padding:8px 0 0 21px;
}

#LocalNaviBox .LocalNaviMenu .navi-pattern03 a{
width:197px;
height:23px;
background:url(../img/localnavi_bkg.png)0 -61px no-repeat;
display:block;
color:#333;
padding:8px 0 0 21px;
}

#LocalNaviBox .LocalNaviMenu .navi-pattern04 a{
width:187px;
height:20px;
background:url(../img/localnavi_bkg.png)0 -92px no-repeat;
display:block;
color:#333;
padding:4px 0 0 31px;
}

#LocalNaviBox .LocalNaviMenu .navi-pattern01 a:hover{
background-position:-218px 0;
}

#LocalNaviBox .LocalNaviMenu .navi-pattern02 a:hover{
background-position:-218px -31px;
}

#LocalNaviBox .LocalNaviMenu .navi-pattern03 a:hover{
background-position:-218px -61px;
}

#LocalNaviBox .LocalNaviMenu .navi-pattern04 a:hover{
background-position:-218px -92px;
}

#LocalNaviBox .LocalNaviMenu .navi-pattern022{
width:218px;
height:3pc;
}

#LocalNaviBox .LocalNaviMenu .navi-pattern042{
width:218px;
height:40px;
}

#LocalNaviBox .LocalNaviMenu .navi-pattern0421{
width:218px;
height:41px;
}

#LocalNaviBox .LocalNaviMenu .navi-pattern022 a{
width:197px;
height:40px;
background:url(../img/localnavi_bkg2.png)0 -31px no-repeat;
display:block;
color:#333;
padding:8px 0 0 21px;
}

#LocalNaviBox .LocalNaviMenu .navi-pattern042 a{
height:34px;
}

#LocalNaviBox .LocalNaviMenu .navi-pattern042 a,#LocalNaviBox .LocalNaviMenu .navi-pattern0421 a{
width:187px;
background:url(../img/localnavi_bkg2.png)0 -78px no-repeat;
display:block;
color:#333;
padding:6px 0 0 31px;
}

#LocalNaviBox .LocalNaviMenu .navi-pattern0421 a{
height:35px;
}

#LocalNaviBox .LocalNaviMenu .navi-pattern022 a:hover{
background-position:-218px -31px;
}

#LocalNaviBox .LocalNaviMenu .navi-pattern042 a:hover,#LocalNaviBox .LocalNaviMenu .navi-pattern0421 a:hover{
background-position:-218px -78px;
}

#LocalNaviBox .LocalNaviMenu .navi-pattern032{
width:218px;
height:3pc;
}

#LocalNaviBox .LocalNaviMenu .navi-pattern032 a{
width:197px;
height:40px;
background:url(../img/localnavi_bkg3.png)0 -61px no-repeat;
display:block;
color:#333;
padding:8px 0 0 21px;
}

#LocalNaviBox .LocalNaviMenu .navi-pattern032 a:hover,#LocalNaviBox .LocalNaviMenu .on032 a{
background-position:-218px -61px;
}

#LocalNaviBox .LocalNaviMenu .ont a{
background-position:-218px 0;
}

#LocalNaviBox .LocalNaviMenu .on a{
background-position:-218px -31px;
}

#LocalNaviBox .LocalNaviMenu .on3 a{
background-position:-218px -61px;
}

#LocalNaviBox .LocalNaviMenu .on4 a{
background-position:-218px -92px;
}

#LocalNaviBox .LocalNaviMenu .on22 a{
background-position:-218px -31px;
}

#LocalNaviBox .LocalNaviMenu .on42 a,#LocalNaviBox .LocalNaviMenu .on421 a{
background-position:-218px -78px;
}

#Footer{
width:100%;
margin:30px 0 0;
padding:0 0 20px;
background:url(../img/footer_bkg.png)repeat-x;
display:block;
}

#Footer .FooterBox{
width:60pc;
margin-right:auto;
margin-left:auto;
}

#Footer .FooterBox:after{
display:block;
clear:both;
content:"";
}

#Footer .FooterBox .pagetop{
width:87pt;
height:25px;
margin-left:auto;
margin-right:0;
}

#Footer .FooterBox .pagetop a{
width:87pt;
height:25px;
background:url(../img/pagetop.png)no-repeat;
display:block;
}

#Footer .FooterLink{
width:60pc;
margin:30px 0;
background:url(../img/footerlink_bkg.png)repeat-y;
display:block;
}

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

#Footer .FooterLink .block1{
width:225px;
float:left;
}

#Footer .FooterLink .block2{
width:221px;
float:left;
}

#Footer .FooterLink .block3{
width:218px;
float:left;
}

#Footer .FooterLink .block4{
width:294px;
float:left;
}

#Footer .FooterLink .block5{
width:2px;
float:left;
}

#Footer .FooterLink .category{
padding:1px 0 0 15px;
}

#Footer .FooterLink .category,#Footer .FooterLink .categorye{
margin-left:15px;
background:url(../img/footerlink_arrow.gif)0 5px no-repeat;
font-weight:700;
}

#Footer .FooterLink .categorye{
padding:0 0 1px 15px;
}

#Footer .FooterLink .flink{
padding:5px 5px 2px 30px;
line-height:110%;
}

#Footer .FooterLink a{
color:#666;
}

#Footer .FooterLink a:hover{
color:#f60;
}

#Footer .FooterSideLink{
width:60pc;
color:#666;
}

#Footer .FooterSideLink:after{
display:block;
clear:both;
content:"";
}

#Footer .FooterSideLink .flink{
float:left;
margin-top:7px;
}

#Footer .FooterSideLink .mark{
float:right;
margin-left:35px;
}

#Footer .FooterSideLink a{
color:#666;
}

#Footer .FooterSideLink a:hover{
color:#f60;
}

#ContentsBox .TopBox h3{
widht:662px;
height:39px;
background:url(../img/h3_title.png)no-repeat;
font-weight:700;
color:#012832;
padding:13px 0 0 26px;
margin-bottom:2px;
}

.h2_area{
margin:20px 0;
}

.h2_area img{
border-bottom:5px solid #d9dfe0;
padding-bottom:8px;
}

.h2_{
margin:20px 0 8px;
padding:0;
}

#ContentsBox .ContactBox{
width:542px;
height:159px;
margin:50px auto 25px;
}

#ContentsBox .ContactBox a{
width:542px;
height:159px;
background:url(../img/banner_contact.png)no-repeat;
display:block;
}

#ContentsBox .ContactBox a:hover{
background-position:0 -159px;
}

#ContentsBox .Related_Link{
margin-top:30px;
}

#ContentsBox .Related_Link table{
background:url(../img/scene_related_link_02.png)repeat-y;
}

#ContentsBox .Related_Link .start{
height:17px;
background:url(../img/scene_related_link_01.png)no-repeat;
}

#ContentsBox .Related_Link .end{
height:17px;
background:url(../img/scene_related_link_03.png)no-repeat;
}

#ContentsBox .Related_Link .left{
width:220px;
text-align:center;
font-weight:700;
vertical-align:middle;
color:#fff;
}

#ContentsBox .Related_Link .right{
width:443px;
padding-left:27px;
background:0;
}

#ContentsBox .Related_Link .right ul{
list-style-position:outside;
}

#ContentsBox .Related_Link .right li{
background:url(../img/orange_trianglebox.png)0 3px no-repeat;
padding:0 20px 0 50px;
margin:15px 0;
line-height:110%;
}

#ContentsBox .Related_Link2{
margin-top:0;
margin-bottom:30px;
}

#ContentsBox .Related_Link2 table{
background:url(../img/scene_related_link_02.png)repeat-y;
}

#ContentsBox .Related_Link2 .start{
height:17px;
background:url(../img/scene_related_link_01.png)no-repeat;
}

#ContentsBox .Related_Link2 .end{
height:17px;
background:url(../img/scene_related_link_03.png)no-repeat;
}

#ContentsBox .Related_Link2 .left{
width:220px;
text-align:center;
font-weight:700;
vertical-align:middle;
color:#fff;
}

#ContentsBox .Related_Link2 .right{
width:443px;
padding-left:27px;
background:0;
}

#ContentsBox .Related_Link2 .right ul{
list-style-position:outside;
}

#ContentsBox .Related_Link2 .right li{
background:url(../img/orange_trianglebox.png)0 3px no-repeat;
padding:0 20px 0 50px;
margin:15px 0;
line-height:110%;
}

#ContentsBox .Related_Link3{
margin-top:30px;
}

#ContentsBox .Related_Link3 table{
background:url(../img/scene_related_link_02.png)repeat-y;
}

#ContentsBox .Related_Link3 .start{
height:17px;
background:url(../img/scene_related_link_01.png)no-repeat;
}

#ContentsBox .Related_Link3 .end{
height:17px;
background:url(../img/scene_related_link_03.png)no-repeat;
}

#ContentsBox .Related_Link3 .left{
width:220px;
text-align:center;
font-weight:700;
vertical-align:middle;
color:#fff;
}

#ContentsBox .Related_Link3 .right{
width:443px;
padding-left:27px;
background:0;
}

#ContentsBox .Related_Link3 .right a{
height:15px;
background:url(../img/orange_trianglebox.png)0 1px no-repeat;
padding-left:50px;
margin-bottom:6px;
}

#ContentsBox .Related_Link4{
border:1px solid #ccc;
padding:10px;
margin:20px 0 10px;
}

#ContentsBox .Related_Link4 .left4{
width:75pt;
border-right:1px solid #ccc;
text-align:center;
font-weight:700;
padding:10px 10px 10px 0;
}

#ContentsBox .Related_Link4 .right4{
padding-left:30px;
}

#ContentsBox .Related_Link4 .right4 a{
background:url(../img/orange_trianglebox.png)0 1px no-repeat;
padding-left:50px;
margin-bottom:6px;
}

span.opt{
font-size:11px;
color:#630;
line-height:130%;
}

a span.undisp{
display:none;
}

@media print{
#Footer{
display:none;
}
}