@charset "shift-jis";

.glid {margin: 0 0 0 -10px; zoom: 1; clear: both; font-size: 14px; list-style: none !important; _margin-left: -20px; /* IE6対応 */
font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','hirakakupro-w3','ＭＳ Ｐゴシック',sans-serif;}
.glid:after {content: "."; display: block; clear: both; visibility: hidden; height: 0;}
.glid.sm {font-size: 85%;}

.glid li {margin: 0 0 5px 10px; float: left; background: no-repeat top left; position: relative; line-height: 140%; zoom: 1;}
.glid li:hover, .glid li.on {background: left bottom;}
.glid a {display: block; margin: 1px; padding: 14px; position: relative; text-decoration: none; color: #000; background: no-repeat bottom right; color: #000; outline: none; overflow: hidden;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;}

.glid a:visited {color: #000}
.glid a:hover {color: #00008b; opacity: 0.85}
.glid a.pad0 {padding: 0; width: 100% !important; height: 100% !important; _width: 99% !important; _height: 98% !important}

.glid .tx_center {text-align: center;}
.glid .bg_left {background-position: left top;}
.glid .bg_center {background-position: center bottom;}
.glid .bgv_center {background-position: right center;}
.glid .bgv_top {background-position: right top;}
.glid .ss {font-size: 74%; line-height: 135%;}
.glid .sm {line-height: 145%;}
.glid .lg {line-height: 135%;}
.glid .xlg {line-height: 125%;}

/* ボタン内のstrongはブロック見出しとして使用 */
.glid li a strong {display: block; margin-bottom: 7px; letter-spacing: 1px;}

/* できることボタン内のラベル */
.glid li span.label_sty {position: absolute; top: 0; left: 0; line-height: 100%; border: solid 1px #0080c8;
padding: 4px 8px 3px 8px; font-size: 12px; color: #fff; text-align: left; background-color: #0080c8; z-index: 1;
border-top-left-radius: 4px;
-moz-border-top-left-radius: 4px;
-webkit-border-top-left-radius: 4px;}


.glid li span.label_sty.rec {background-color: transparent; padding: 1px;}

.glid li span.label_sty.rec i {font-style: normal; display: block; background-color: #0080c8;
padding: 4px 8px 3px 8px;
border-top-left-radius: 3px;
-moz-border-top-left-radius: 3px;
-webkit-border-top-left-radius: 3px;}


/* できること用テキスト */
.glid li span.tx_style {display: block; margin-top: 7px;}

/* ボタン内の詳細ボタン（下から15px 左右センター固定） */
.glid span.detail {display: block; position: absolute; bottom: 10px; left: -15px; _left: 0px; font-size: 85%; text-align: center; color: #09f; margin-left: 15px; width: 100%; cursor: pointer;}
.glid span.right {text-align: right;}
.glid span.right u {margin-right: 15px; _margin-right: 0;}

.glid span.detail u,
.glid span.link {background: url(/cgi/shared/images/arrow_link.gif) center left no-repeat; padding: 0 4px 0 14px;}
.glid span.link-r {background: url(/cgi/shared/images/arrow_link.gif) center right no-repeat; padding: 0 14px 0 2px;}

.glid span.link,
.glid span.link-r {text-decoration: underline; color: #09f;}

.glid li.on {margin-top: 0; margin-bottom: 5px;}
.glid li.on a {cursor: default;}
.glid li.on span.link {color: #000; text-decoration: none; background-image: url(/cgi/shared/images/arrow_link_off.gif);}

/* 4段 */
.glid li.w170      {width: 170px; height: 175px; background-image:url(/cgi/shared/images/glid_btn/170.png);}
.glid li.w170_h050 {width: 170px; height:  55px; background-image:url(/cgi/shared/images/glid_btn/170_050.png);}
.glid li.w170_h060 {width: 170px; height:  65px; background-image:url(/cgi/shared/images/glid_btn/170_060.png);}
.glid li.w170_h110 {width: 170px; height: 115px; background-image:url(/cgi/shared/images/glid_btn/170_110.png);}
.glid li.w170_h150 {width: 170px; height: 155px; background-image:url(/cgi/shared/images/glid_btn/170_150.png);}

.glid li.w170 a      {width: 140px; height: 140px;}
.glid li.w170_h050 a {width: 140px; height: 20px;}
.glid li.w170_h060 a {width: 140px; height: 30px;}
.glid li.w170_h110 a {width: 140px; height: 80px;}
.glid li.w170_h150 a {width: 140px; height: 120px;}

/* 3段 */
.glid li.w230      {width: 230px; height: 235px; background-image:url(/cgi/shared/images/glid_btn/230.png);}
.glid li.w230_h050 {width: 230px; height:  55px; background-image:url(/cgi/shared/images/glid_btn/230_050.png);}
.glid li.w230_h110 {width: 230px; height: 115px; background-image:url(/cgi/shared/images/glid_btn/230_110.png);}
.glid li.w230_h150 {width: 230px; height: 155px; background-image:url(/cgi/shared/images/glid_btn/230_150.png);}
.glid li.w230_h170 {width: 230px; height: 175px; background-image:url(/cgi/shared/images/glid_btn/230_170.png);}
.glid li.w230_h350 {width: 230px; height: 355px; background-image:url(/cgi/shared/images/glid_btn/230_350.png);}

.glid li.w230 a      {width: 200px; height: 200px;}
.glid li.w230_h050 a {width: 200px; height: 20px;}
.glid li.w230_h110 a {width: 200px; height: 80px;}
.glid li.w230_h150 a {width: 200px; height: 120px;}
.glid li.w230_h170 a {width: 200px; height: 140px;}
.glid li.w230_h350 a {width: 200px; height: 320px;}

/* 2段 */
.glid li.w350_h050 {width: 350px; height: 055px; background-image:url(/cgi/shared/images/glid_btn/350_050.png);}
.glid li.w350_h080 {width: 350px; height: 085px; background-image:url(/cgi/shared/images/glid_btn/350_080.png);}
.glid li.w350_h110 {width: 350px; height: 115px; background-image:url(/cgi/shared/images/glid_btn/350_110.png);}
.glid li.w350_h150 {width: 350px; height: 155px; background-image:url(/cgi/shared/images/glid_btn/350_150.png);}
.glid li.w350_h170 {width: 350px; height: 175px; background-image:url(/cgi/shared/images/glid_btn/350_170.png);}
.glid li.w350_h230 {width: 350px; height: 235px; background-image:url(/cgi/shared/images/glid_btn/350_230.png);}

.glid li.w350_h050 a {width: 320px; height:  20px;}
.glid li.w350_h080 a {width: 320px; height:  50px;}
.glid li.w350_h110 a {width: 320px; height:  80px;}
.glid li.w350_h150 a {width: 320px; height: 120px;}
.glid li.w350_h170 a {width: 320px; height: 140px;}
.glid li.w350_h230 a {width: 320px; height: 200px;}

/* 3段×2 */
.glid li.w470      {width: 470px; height: 475px; background-image:url(/cgi/shared/images/glid_btn/470.png);}
.glid li.w470_h110 {width: 470px; height: 115px; background-image:url(/cgi/shared/images/glid_btn/470_110.png);}
.glid li.w470_h150 {width: 470px; height: 155px; background-image:url(/cgi/shared/images/glid_btn/470_150.png);}
.glid li.w470_h170 {width: 470px; height: 175px; background-image:url(/cgi/shared/images/glid_btn/470_170.png);}
.glid li.w470_h230 {width: 470px; height: 235px; background-image:url(/cgi/shared/images/glid_btn/470_230.png);}
.glid li.w470_h350 {width: 470px; height: 355px; background-image:url(/cgi/shared/images/glid_btn/470_350.png);}

.glid li.w470 a      {width: 440px; height: 440px;}
.glid li.w470_h110 a {width: 440px; height:  80px;}
.glid li.w470_h150 a {width: 440px; height: 120px;}
.glid li.w470_h170 a {width: 440px; height: 140px;}
.glid li.w470_h230 a {width: 440px; height: 200px;}
.glid li.w470_h350 a {width: 440px; height: 320px;}

/* 1段 */
.glid li.w710_h050 {width: 710px; height:  55px; background-image:url(/cgi/shared/images/glid_btn/710_050.png);}
.glid li.w710_h070 {width: 710px; height:  75px; background-image:url(/cgi/shared/images/glid_btn/710_070.png);}
.glid li.w710_h110 {width: 710px; height: 115px; background-image:url(/cgi/shared/images/glid_btn/710_110.png);}
.glid li.w710_h150 {width: 710px; height: 155px; background-image:url(/cgi/shared/images/glid_btn/710_150.png);}
.glid li.w710_h170 {width: 710px; height: 175px; background-image:url(/cgi/shared/images/glid_btn/710_170.png);}
.glid li.w710_h230 {width: 710px; height: 235px; background-image:url(/cgi/shared/images/glid_btn/710_230.png);}

/* 1段 */
.glid li.w710_h050 a {width: 680px; height:  20px;}
.glid li.w710_h110 a {width: 680px; height:  80px;}
.glid li.w710_h150 a {width: 680px; height: 120px;}
.glid li.w710_h170 a {width: 680px; height: 140px;}
.glid li.w710_h230 a {width: 680px; height: 200px;}

/* 1段 */
.glid li.w800_h110 {width: 800px; height: 115px; background-image:url(/cgi/shared/images/glid_btn/800_110.png);}
.glid li.w800_h110 a {width: 770px; height: 80px;}


/* 例外ボタン */

/* 囲み内2段 */
.glid li.w335_h110   {width: 335px; height: 115px; background-image:url(/cgi/shared/images/glid_btn/335_110.png); margin-bottom: -5px;}
.glid li.w335_h110 a {width: 305px; height: 80px;}

/* 2段囲み内2段 */
.glid li.w155_h110   {width: 155px; height: 115px; background-image:url(/cgi/shared/images/glid_btn/155_110.png); margin-bottom: -5px;}
.glid li.w155_h110 a {width: 125px; height: 80px;}

/* サービス一覧で使用 */
/* 2段（戸建て集合部分） */
.glid li.w325_h200 {width: 325px; height: 205px; background-image:url(/cgi/shared/images/glid_btn/325_200.png);}
.glid li.w325_h200 a {width: 295px; height: 170px;}

/* 2段（戸建て集合部分_変更140201） */
.glid li.w325_h230 {width: 325px; height: 235px; background-image:url(/cgi/shared/images/glid_btn/325_230.png);}
.glid li.w325_h230 a {width: 295px; height: 200px;}

/* 2段 */
.glid li.w350_h200 {width: 350px; height: 205px; background-image:url(/cgi/shared/images/glid_btn/350_200.png);}
.glid.app li.w350_h200 {width: 350px; height: 205px; background-image:url(/cgi/shared/images/glid_btn/350_200_servce.png);}
.glid li.w350_h200 a {width: 320px; height: 170px;}

/* 1段 */
.glid li.w660_h120 {width: 660px; height: 125px; background-image:url(/cgi/shared/images/glid_btn/660_120.png);}
.glid li.w660_h120 a {width: 630px; height: 90px;}

.glid li.w660_h080 {width: 660px; height: 85px; background-image:url(/cgi/shared/images/glid_btn/660_080.png);}
.glid li.w660_h080 a {width: 630px; height: 50px;}

/* お申し込み分岐ページで使用 */
.glid li.w340_h040   {width: 340px; height: 45px; background-image:url(/cgi/shared/images/glid_btn/340_040.png);}
.glid li.w340_h040 a {width: 320px; height: 20px; padding: 9px;}

.glid li.w340_h090   {width: 340px; height: 95px; background-image:url(/cgi/shared/images/glid_btn/340_090.png);}
.glid li.w340_h090 a {width: 310px; height: 60px;}

.glid li.w300_h050   {width: 300px; height: 55px; background-image:url(/cgi/shared/images/glid_btn/300_050.png);}
.glid li.w300_h050 a {width: 270px; height: 20px;}

/* 総合トップ「フレッツ 光ライト」部分で使用 */
.glid li.w250_h050 {width: 250px; height:  55px; background-image:url(/cgi/shared/images/glid_btn/250_050.png);}

/* 総合トップメンバーズ部分で使用 */
.glid li.w530_h110 {width: 530px; height: 115px; background-image:url(/cgi/shared/images/glid_btn/530_110.png);}
.glid li.w530_h110 a {width: 500px; height: 80px;}

.glid li.w530_h150 {width: 530px; height: 155px; background-image:url(/cgi/shared/images/glid_btn/530_150.png);}
.glid li.w530_h150 a {width: 500px; height: 120px;}

/* 引越しページで使用 */
.glid li.w260_h110 {width: 260px; height: 115px; background-image:url(/cgi/shared/images/glid_btn/260_110.png);}
.glid li.w260_h110 a {width: 230px; height: 80px;}

.glid li.w260_h090 {width: 260px; height: 95px; background-image:url(/cgi/shared/images/glid_btn/260_090.png);}
.glid li.w260_h090 a {width: 230px; height: 60px;}

/* お役立ち3段 */
.glid li.w230_h130 {width: 230px; height: 135px; background-image:url(/cgi/shared/images/glid_btn/230_130.png);}
.glid li.w230_h130 a {width: 200px; height: 100px;}