@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------------------------------
 ***                                                                    body
----------------------------------------------------------------------------*/
body{ margin:0; padding:0; }
body.boxSize{box-sizing:border-box;}
body.boxSize *{box-sizing:border-box;}
#wrap{ width:950px; margin:0 auto; }
#headerArea #totp{ position: fixed; bottom:0; right:0; z-index:999;}

/*----------------------------------------------------------------------------
***                                                                headerArea
----------------------------------------------------------------------------*/
#headerArea{width:950px; height:auto; margin:0 auto;padding:10px 0 1px; position:relative;}
#headerArea #headerAreaLogo{position:absolute; top:10px; left:0;}
#headerAreaInner{padding-bottom:10px; height:auto;}
#headerLink{width:742px; text-align:right;}
#headerLink .telBox{display:inline-block; margin-right:10px;}
#headerLink ul{padding-top:0px; display:inline-block; text-align:right; transform:translate(0, -1.3em); font-size:75%;}
#headerLink li{width:123px; display:block; float:left; text-align:right; border:1px solid #ccc; border-radius:7px;}
#headerLink li a{display:block; text-align:left; line-height:1; padding:1.6em 0 0.7em 1em; position:relative;}
#headerLink li a span{position:relative; display:block;}
#headerLink li a span:after{content:""; display:block; border:0.4em solid transparent; border-top-color:#e7227e; border-right-color:#e7227e; transform:rotate(45deg) translate(0,-0.5em); transform-origin: center; position:absolute; top:50%; right:1em;}
#headerLink li#juniorBtn{margin-right:10px;}
#headerLink li#juniorBtn a{color:#e7227e;}
#headerLink li#bizBtn a{color:#00698a;}
#headerLink li#bizBtn a span:after{border-top-color:#00698a; border-right-color:#00698a;}




/*右上４つ*/
#hNavi{ width:205px; position: fixed; z-index: 999; top:0; margin-left:750px;}
#hNavi li{float:left; vertical-align:middle; line-height:5px;}






/*----------------------------------------------------------------------------
***                                                        headerArea - gNavi
----------------------------------------------------------------------------*/
#sliderWrap #SliderButtonArea li{height:26px; float:left; border-left:#CCC dotted 1px;}
#sliderWrap #SliderButtonArea li:first-child{border-left:none;}
#sliderWrap #SliderButtonArea li a{height:26px; display:block;}










/*----------------------------------------------------------------------------
 ***                                                             contentsArea
----------------------------------------------------------------------------*/
#contentsArea{}

/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------
***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea .linkList{padding:15px 0; background:#4dbfd9; text-align:center; line-height:1;}
#footerArea .linkList ul{display:inline-block; line-height:1;}
#footerArea .linkList li{display:inline-block; float:left; font-size:0.88rem; border-right:1px solid #fff; line-height:1;}
#footerArea .linkList li:last-child{border:none;}
#footerArea .linkList a{display:inline-block; color:#fff; padding:0 1.5em;}
#footerBox{width:1280px; margin:0 auto; padding:10px 10px 0;}
#footerLogo{float:left;}
#footerCopyright{float:right;}

/*----------------------------------------------------------------------------
 ***                                                                  PageTop
----------------------------------------------------------------------------*/
.pagetop{ text-align: right; margin-top: 5px; margin-bottom: 10px; clear: both; }

/*----------------------------------------------------------------------------
***                                                            breadcrumbArea
----------------------------------------------------------------------------*/
#breadcrumbArea{ width:950px; }
#breadcrumbArea li{ float:left; font-size:10px; }
#breadcrumbArea li a{ display:block; background:url(../common_images/icon_list03.gif) right 50% no-repeat; padding-right:25px;}
.attenC{font-size:10px; padding:10px 0 0 0; clear:both; color:#777;}

/*----------------------------------------------------------------------------
 ***                                                                  section
----------------------------------------------------------------------------*/




