@charset "utf-8";
@import "/Portals/0/Skins/skincmn.css";
@import "/Portals/0/css/contents_igh.css";

/* ===========================================================
 header
=========================================================== */
header{position:relative;z-index:10;}
.headMiddle{padding:15px 0;}
.headMiddle .left{float:left;}
.headMiddle .right{float:right;padding:10px 0;}
.headMiddle .headUtility{padding:0 0 10px 0;font-size:81.2%;}
.headMiddle .headUtility:after{content:"";display:block;clear:both;}
.headMiddle ul#fontSizer{list-style:none;position:relative;float:left;padding:0 0 0 5.5em;}
.headMiddle ul#fontSizer li{display:block;float:right;padding:3px 10px;border:#d7d7d7 solid 1px;background-color:#f8f8f8;text-align:center;}
.headMiddle ul#fontSizer li:hover{cursor:pointer;}
.headMiddle ul#fontSizer:before{content:"文字サイズ";display:block;position:absolute;top:5px;left:0;}
.headMiddle ul#fontSizer li.fontsize2{border-right:none;border-left:none;}
.headMiddle ul#fontSizer li.active{background-color:#5292ae;color:#fff;}
.headMiddle ul.colorChange{list-style:none;position:relative;float:right;margin-left:1em;padding:0 0 0 3.5em;}
.headMiddle ul.colorChange li{display:block;overflow:hidden;position:relative;float:left;padding:3px 10px;border:#d7d7d7 solid 1px;border-right:none;background-color:#f8f8f8;max-width: 50px;}
.headMiddle ul.colorChange li.colorBK{border-right:#d7d7d7 solid 1px;}
.headMiddle ul.colorChange li:hover{cursor:pointer;}
.headMiddle ul.colorChange li:not(.colorW){text-align:center;white-space:nowrap;text-indent:200%;}
.headMiddle ul.colorChange:before{content:"色合い";display:block;display:block;position:absolute;top:5px;left:0;}
.headMiddle ul.colorChange li:not(.colorW):after{content:"";display:block;position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;background-color:#000;}

.headMiddle ul.colorChange li.colorB:after{background-color:#009;}
.headMiddle ul.colorChange li.colorY:after{background-color:#f9f005;}
.headMiddle ul.colorChange li.colorBK:after{background-color:#000;}
.headMiddle ul.colorChange li.active{background-color:#5292ae;color:#fff;}

/* font-size */
body.fontSize1{font-size:100%;}
body.fontSize2{font-size:114.2%;}
body.fontSize3{font-size:125%;}


.hTel{position:relative;color:#1099f6;font-size:150%;text-align:right;}
.hTel span{font-size:50%;}
.hTel:before{content:"";display:inline-block;width:19px;height:21px;margin-right:5px;background:url(/Portals/0/images/igh/common/ico_tel_blue.png) 0 0 no-repeat;}
/* ===========================================================
 main
=========================================================== */
.contentMiddle .inner{padding:50px 30px;}
main{padding-bottom:50px;}

/* ===========================================================
 gNav tokenMenu
=========================================================== */
/* bg */
.headBottom{position:relative;background-color:#a9894f;}
.headBottom .inner{padding:0 20px;}
/* txt */
.tokenMenu ul{list-style:none;margin:0;padding:0;}
.tokenMenu ul li{display:none;float:left;width:20%;padding:0;}
.tokenMenu > ul:after{content:"";display:block;clear:both;}
.tokenMenu ul li.Tab735,
.tokenMenu ul li.Tab736,
.tokenMenu ul li.Tab737,
.tokenMenu ul li.Tab738,
.tokenMenu ul li.Tab739{display:block;}
.tokenMenu ul li a{display:block;height:3.7em;color:#fff;font-size:106%;}
.tokenMenu ul{position:relative;}
.tokenMenu > ul:before{content:"";position:absolute;top:10px;left:-1px;width:1px;height:35px;background:#7f6433;}
.tokenMenu > ul > li.Tab739:after{content:"";position:absolute;top:10px;right:-1px;width:1px;height:35px;background:#c9b490;}
.tokenMenu ul > li a{position:relative;}
.tokenMenu > ul > li > a:before{content:"";position:absolute;top:10px;right:0;width:1px;height:calc(100% - 1.3em);background:#7f6433;}
.tokenMenu > ul > li > a:after{content:"";position:absolute;top:10px;left:0;width:1px;height:calc(100% - 1.3em);background:#c9b490;}
.tokenMenu > ul > li > a{position:relative;padding-top:1.2em;text-decoration:none;text-align:center;}
.tokenMenu > ul > li > a:hover,
.tokenMenu > ul > li.currentItem > a,
.tokenMenu > ul > li.parentItem > a{opacity:1;background-color:#5292ae;}
/* 2 */
#gNav .tokenMenu > ul > li > ul{display:none;position:absolute;top:100%;left:0;z-index:20;width:1000px;height:auto;padding:15px 20px 20px;background-color:rgba(255,255,255,0.8);}
#gNav .tokenMenu > ul > li > ul > li{display:block;position:relative;float:left;width:auto;margin:0 6px;padding:5px;text-align:center;}
#gNav .tokenMenu > ul > li > ul > li:hover{background-color:#fff;}
#gNav .tokenMenu > ul > li > ul > li > a{position:relative;width:170px;height:135px;padding:90px 0 0 0;border:rgba(82,146,174,0) solid 1px;color:#333;font-size:100%;text-decoration:none;}
#gNav .tokenMenu > ul > li > ul > li > a:hover{opacity:1;border:rgba(82,146,174,0.8) solid 1px;background-color:rgba(255,255,255,1);}


/*各背景画像*/
#gNav .tokenMenu > ul > li > ul > li a{background-repeat:no-repeat;background-position:center 28px;}

#gNav .tokenMenu > ul > li > ul > li.Tab740 a{background-image:url(images/ico_submenu1_01.png);}
#gNav .tokenMenu > ul > li > ul > li.Tab743 a{background-image:url(images/ico_submenu1_02.png);}
#gNav .tokenMenu > ul > li > ul > li.Tab744 a{background-image:url(images/ico_submenu1_03.png);}
#gNav .tokenMenu > ul > li > ul > li.Tab745 a{background-image:url(images/ico_submenu1_04.png);}
#gNav .tokenMenu > ul > li > ul > li.Tab746 a{background-image:url(images/ico_submenu1_05.png);}

#gNav .tokenMenu > ul > li > ul > li.Tab741 a{background-image:url(images/ico_submenu2_01.png);}
#gNav .tokenMenu > ul > li > ul > li.Tab757 a{background-image:url(images/ico_submenu2_02.png);}
#gNav .tokenMenu > ul > li > ul > li.Tab758 a{background-image:url(images/ico_submenu2_03.png);}
#gNav .tokenMenu > ul > li > ul > li.Tab759 a{background-image:url(images/ico_submenu2_04.png);}

#gNav .tokenMenu > ul > li > ul > li.Tab760 a{background-image:url(images/ico_submenu3_01.png);}
#gNav .tokenMenu > ul > li > ul > li.Tab761 a{background-image:url(images/ico_submenu3_02.png);}
#gNav .tokenMenu > ul > li > ul > li.Tab762 a{background-image:url(images/ico_submenu3_03.png);}
#gNav .tokenMenu > ul > li > ul > li.Tab763 a{background-image:url(images/ico_submenu3_04.png);}

#gNav .tokenMenu > ul > li > ul > li.Tab764 a{background-image:url(images/ico_submenu4_01.png);}
#gNav .tokenMenu > ul > li > ul > li.Tab765 a{background-image:url(images/ico_submenu4_02.png);}
#gNav .tokenMenu > ul > li > ul > li.Tab766 a{background-image:url(images/ico_submenu4_03.png);}
#gNav .tokenMenu > ul > li > ul > li.Tab767 a{background-image:url(images/ico_submenu4_04.png);}
#gNav .tokenMenu > ul > li > ul > li.Tab768 a{background-image:url(images/ico_submenu4_05.png);}
#gNav .tokenMenu > ul > li > ul > li.Tab940 a{background-image:url(images/ico_submenu4_06.png);}
#gNav .tokenMenu > ul > li > ul > li.Tab770 a{background-image:url(images/ico_submenu4_07.png);}
#gNav .tokenMenu > ul > li > ul > li.Tab771 a{background-image:url(images/ico_submenu4_08.png);}

.tokenMenu ul ul ul{display:none;}
.tokenMenu ul:before{display:none;}

/*.pcView #gNav .tokenMenu > ul > li > ul > li.Tab741 > ul > li.Tab775 a{display:block;overflow:hidden;width:170px;height:135px;background:none;white-space:normal;text-indent:-200%;}
.pcView #gNav .tokenMenu > ul > li > ul > li.Tab741 > ul > li.Tab775{display:block;position:absolute;top:0;}
.pcView #gNav .tokenMenu > ul > li > ul > li.Tab741 > ul{display:block;position:static;}
.pcView #gNav .tokenMenu > ul > li > ul > li.Tab741{position:relative;}*/


/* ===========================================================
 css for each skin
=========================================================== */

/* index */
#skinIndex .mainArea{float:left;width:710px;}
#skinIndex .sideArea{float:right;width:230px;}
#skinIndex .contentMiddle{background-color:#f7efe0;}

/* 2col */
#skin2Columns .mainArea{float:right;width:710px;}
#skin2Columns .mainArea{min-height:400px;}
#skin2Columns .sideArea{float:left;width:230px;}

/* ===========================================================
 colore
=========================================================== */
body.colorB .headBottom,
body.colorB main#main,
body.colorB #skinIndex .contentMiddle{background-color:#06f;color:#fff;}
body.colorY .headBottom,
body.colorY main#main,
body.colorY #skinIndex .contentMiddle{background-color:#ff0;color:#333;}
body.colorBK .headBottom,
body.colorBK main#main,
body.colorBK #skinIndex .contentMiddle{background-color:#000;color:#fff;}


body[class*="color"]:not(.colorW) .breadcrumb{background-color:transparent;}
body.colorY .breadcrumb a,
body.colorY .breadcrumb .inner{color:#000;}
body[class*="colorB"] .breadcrumb a,
body[class*="colorB"] .breadcrumb .inner{color:#fff;}

body[class*="color"]:not(.colorW) .tokenMenu > ul > li > a:hover,
body[class*="color"]:not(.colorW) .tokenMenu > ul > li.currentItem > a,
body[class*="color"]:not(.colorW) .tokenMenu > ul > li.parentItem > a{background:transparent;text-decoration:underline;}
body.colorY .tokenMenu > ul > li > a{color:#000;}

body.colorB #gNav .tokenMenu > ul > li > ul{background:#06f;}
body.colorY #gNav .tokenMenu > ul > li > ul{background:#ff0;}
body.colorBK #gNav .tokenMenu > ul > li > ul{background:#000;}

body[class*="color"]:not(.colorW) #gNav .tokenMenu > ul > li > ul > li:hover{background-color:transparent;}
body[class*="color"]:not(.colorW) #gNav .tokenMenu > ul > li > ul > li > a{border-color:#fff;}
body[class*="color"]:not(.colorW) #gNav .tokenMenu > ul > li > ul > li > a:hover{border-color:#fff;background-color:transparent;text-decoration:underline;}
body[class*="colorB"] #gNav .tokenMenu > ul > li > ul > li > a{color:#fff;}
body.colorY #gNav .tokenMenu > ul > li > ul > li > a{color:#000;}

/* modulueMenu*/
body[class*="color"]:not(.colorW) .moduleMenu{background:transparent;}
/* lev1 */
body[class*="color"]:not(.colorW) .skinTdcIgh .moduleMenu > ul > li > ul > li > a{background:transparent;}
body.colorY .skinTdcIgh .moduleMenu > ul > li > ul > li > a{color:#000;}
/* lev2 */
body[class*="color"]:not(.colorW) .skinTdcIgh .moduleMenu > ul > li > ul > li > ul > li > a{background:transparent;}
body[class*="color"]:not(.colorW) .skinTdcIgh .moduleMenu > ul > li > ul > li > ul > li > a:hover{text-decoration:underline;}
body.colorY .skinTdcIgh .moduleMenu > ul > li > ul > li > ul > li > a{color:#000;}

body[class*="color"]:not(.colorW) .moduleMenu > ul > li > ul > li > ul > li.currentItem,
body[class*="color"]:not(.colorW) .moduleMenu > ul > li > ul > li > ul > li.parentItem{background:transparent;}
body[class*="color"]:not(.colorW) .skinTdcIgh .moduleMenu > ul > li > ul > li > ul > li a.currentLink{text-decoration:underline;}

/* lev3 lev4 lev5 lev6*/
body[class*="colorB"] .skinTdcIgh .moduleMenu > ul > li > ul > li > ul > li > ul > li a.parentLink,
body[class*="colorB"] .moduleMenu > ul > li > ul > li > ul > li > ul > li a.currentLink,
body[class*="colorB"] .moduleMenu > ul > li > ul > li > ul > li > ul > li a,
body[class*="colorB"] .moduleMenu > ul > li > ul > li > ul > li > ul > li a:hover{color:#fff;}

body[class*="color"]:not(.colorW) .moduleMenu > ul > li > ul > li > ul > li > ul > li a.currentLink,
body[class*="color"]:not(.colorW) .moduleMenu > ul > li > ul > li > ul > li > ul > li a:hover{background:transparent;text-decoration:underline;}

/**/