@charset "Shift_JIS"; /*-------------------*--------------------* /// File:home.css /// Created: 2009.02.06 Last Modified: 2009.02.06 ver.1.0 ----------------------------------- NTT-WEST TOP /*--------------------*--------------------*/ body#home { font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Verdana,"ＭＳ Ｐゴシック",sanserif; margin-top:0; padding-top:0; } #wrapper { background:url(/images2/bg.jpg) repeat-x; } #contents { background:url(/images2/bg-main.jpg) 50% 0 no-repeat; margin-bottom:15px; padding:0; } #page-header { width:760px; margin:0 auto; } #header { width: 760px; margin:0 auto; padding:0; height:72px; text-align:left; } h1 { float:left; marign:0; padding:0; } #header-navi { float:right; overflow:hidden; } #header-navi ul { margin-top:5px; list-style-type:none; } #header-navi li#eng { float:left; margin-right:2px ; margin-right:2px; } #header-navi li#q { float:left; margin-left:2px ; margin-right:2px; } #header-navi li#inq { float:left; margin-left:2px ; margin-right:2px; } #header-navi li#fsize { float:left; margin-left:2px ; margin-right:2px; margin-top:0; } #header-navi li#fs-s {float:left; margin-top:2px; margin-left:2px;} #header-navi li#fs-m {float:left; margin-top:2px; margin-left:2px;} #header-navi li#fs-b {float:left; margin-top:2px; margin-left:2px;} #search { vertical-align:top; overflow:hidden; font-size:1px; position:relative; top:40px; left:350px; _left:378px; } *+html #search { vertical-align:top; overflow:hidden; font-size:1px; position:relative; top:40px; left:383px; } #search, x:-moz-any-link { vertical-align:top; overflow:hidden; font-size:1px; position:relative; top:40px; left:360px; } /* FireFox 2 */ html>/**/body #search, x:-moz-any-link, x:default { vertical-align:top; overflow:hidden; font-size:1px; position:relative; top:40px; left:406px; } /* Only FireFox 3 */ h2 { text-indent:-9999px; } h2,#topflash { background: url(/images2/main-flash.jpg) left top no-repeat; height:152px; } /* Gloval navi */ #glNavi { clear: both; height: 29px; padding: 0; margin:0 auto; width:760px; } #glNavi ul { width: 760px; height: 29px; list-style: none; margin: 0; padding: 0; background: url(/images2/global-navi-bg.gif) left top no-repeat;} #glNavi li { float: left; height: 29px; overflow: hidden; margin: 0; } #glNavi li#navi-top { width: 152px; height: 29px;} #glNavi li#navi-top a {display: block; height: 29px; overflow: hidden; } #glNavi li#navi-top a:hover {padding-top: 58px; } #glNavi li#navi-ser {width: 151px;} #glNavi li#navi-ser a {display: block; height: 29px; overflow: hidden; } #glNavi li#navi-ser a:hover {padding-top: 58px; } #glNavi li#navi-bus { width: 152px;} #glNavi li#navi-bus a { display: block; height: 29px; overflow: hidden; } #glNavi li#navi-bus a:hover { padding-top: 58px; } #glNavi li#navi-corp { width: 152px;} #glNavi li#navi-corp a { display: block; height: 29px; overflow: hidden; } #glNavi li#navi-corp a:hover { padding-top: 58px;} #glNavi li#navi-inq { width: 153px;} #glNavi li#navi-inq a { display: block; height: 29px; overflow: hidden; } #glNavi li#navi-inq a:hover { padding-top: 58px;} /* mainflash area */ #mainflash {background: url(/images2/main-flash.jpg) left top no-repeat; padding-top:2px; padding-bottom:0px; background-position:bottom; background-repeat:no-repeat; position:relative; text-align:center; margin:0 auto; } /* contents */ #main { width:760px; height:100%; margin:0 auto; padding:0; } /* バナーエリア */ #banner { width:760; height:100px; background:url(/images2/bg-bn.gif) no-repeat; margin:0; } #banner #num {float:left; width:760px; } #banner ul {float:left; list-style-type:none; margin:0px; padding-left:14px; padding-top:16px; } #banner li { float: left; overflow: hidden; margin: 0; color:#333333; } #banner p.bn-area { width:141px; height:62px; margin:2px; padding:1px; background:url(/images2/bg-bnarea.gif) no-repeat; text-align:center; } #banner img { padding-top:8px; padding-bottom:11px; padding-left:-1px; } #banner img2 { padding-top:8px; padding-bottom:12px; } /* 目的 */ #purpose { width:756px; _width:754px; border:1px solid #CCCCCC; padding:1px; margin-bottom:12px; } #purpose #pps-ttl { background:url(/images2/purpose/ttl-purpose.gif) repeat-x; width:754px; height:27px; text-indent:-9999px; } #purpose #main { margin-top:3px; padding:0; } #purpose #b-box { margin-top:6px; margin-left:4px; } #purpose div.box { width:244px; height:85px; float:left; margin-right:3px; margin-left:1px; } #purpose div.icon { float:left; } #purpose div.koumoku { float:right; line-height:105%; } #purpose ul { width:190px; list-style: none; margin: 0; padding-top:6px; line-height:160%; } #purpose li { color:#000000; } #purpose ul, x:-moz-any-link { width:190px; _width:170px; list-style: none; margin: 0; padding-top:6px; _padding-top:1px; line-height:110%; } /* FireFox 2 */ html>/**/body #purpose ul, x:-moz-any-link, x:default { width:190px; _width:170px; list-style: none; margin: 0; padding-top:6px; _padding-top:1px; line-height:110%; } /* Only FireFox 3 */ /* サービス */ #service { width:760px; margin-bottom:12px; } h4 { background:url(/images2/service/ttl-service.gif) repeat-x; width:436px; _width:436px; height:27px; text-indent:-9999px; } h5 { background:url(/images2/business/ttl-business.gif) repeat-x; width:304px; _width:304px; height:27px; text-indent:-9999px; } #service #l-service { width:436px; float:left; border:1px solid #CCCCCC; padding:1px; } #service #l-service div.l-box { width:436px;} #service #r-business { width:304px; float:right; border:1px solid #CCCCCC; padding:1px; } #service #r-business div.r-box { width:304px; } #serviceBtn { margin-top:1px; width:436px; _margin-left:-3px; } #service ul#serviceList li { float:left; margin:6px 4px 5px 5px; _margin-left:4px } #service ul#serviceList li a { display: block; text-decoration: none; text-indent: -9999px; width: 100px; height: 58px; } #service ul#serviceList li.internet a { background: url(/images2/print/s_btn_internet.gif) right top no-repeat; } #service ul#serviceList li.phone a { background: url(/images2/print/s_btn_phone.gif) right top no-repeat; } #service ul#serviceList li.denpou a { background: url(/images2/print/s_btn_denpo.gif) right top no-repeat; } #service ul#serviceList li.infomation a { background: url(/images2/print/s_btn_info.gif) right top no-repeat; } #businessBtn { margin-top:1px; width:304px; _margin-left:-4px; } #service ul#businessList li { float:left; margin:6px 4px 5px 5px; _margin-left:4px } #service ul#businessList li a { display: block; text-decoration: none; text-indent: -9999px; width: 141px; height: 58px; } #service ul#businessList li.office a { background: url(/images2/print/b-btn-office.gif) right top no-repeat; } #service ul#businessList li.solution a { background: url(/images2/print/b-btn-solution.gif) right top no-repeat; } /* 情報エリア */ #information { width:760px; } #information #info-area { width:535px; float:left; } h6 { background:url(/images2/information/bg-ttl.gif) left top repeat-x; width:535px; _width:535px; height:30px; } #information #info-nttwest { width:535px; border:1px solid #CCCCCC; padding:1px; margin-bottom:7px; } #information .line-blue { background:url(/images2/information/line-info.gif) left top repeat-x; width:535px; height:3px; } #information .line-orange { background:url(/images2/information/line-fun.gif) left top repeat-x; width:535px; height:3px; } #information #ttl-info-nttwest { background:url(/images2/information/ttl-info.gif) left top no-repeat; width:197px; height:30px; text-indent:-9999px; float:left; } #information #info-btnarea01 { float:right; height:18px; width:51px; margin-top:5px; margin-right:5px; padding:0; } #information #info-btnarea02 { float:right; height:18px; width:102px; _width:108px; margin-top:5px; margin-right:5px; padding:0; } #information .box { width:502px; margin-left:28px; margin-top:7px; } #information .box2 { width:507px; margin-left:28px; margin-top:7px; } #information .box p.info-area { width:500px; height:20px; background:url(/images2/information/line.gif) left bottom repeat-x; color:#333333; margin:0 0 5px 0; } #information .box p.info-area2 { width:500px; height:32px; _height:36px; background:url(/images2/information/line.gif) left bottom repeat-x; color:#333333; margin:0 0 5px 0; } #information .box span.day { background:url(/images2/information/tri02.gif) right center no-repeat; margin:0; padding-right:12px; float:left; } #information .box span.day2 { background:url(/images2/information/tri02.gif) right top no-repeat; margin:0; padding-right:12px; float:left; height:32px; } #information .box span.info-area01red a { margin:0 0 0 5px; padding:0; color:#DD0000; font-weight:bold; } #information .box span.info-area01red a:hover { margin:0 0 0 5px; padding:0; color:#FF7B7B; font-weight:bold; } #information .box span.info-area02bla { margin:0; padding:0; } #information .box span.info-area03bla { margin:0; padding:0; line-height:130%; } #information .box span.info-area01red, x:-moz-any-link { margin:0 0 0 5px; padding:0; color:#DD0000; font-weight:bold; } /* FireFox 2 */ html>/**/body #information .box span.info-area01red, x:-moz-any-link, x:default { margin:0 0 0 5px; padding:0; color:#DD0000; font-weight:bold; } /* Only FireFox 3 */ #information .box span.info-area02bla, x:-moz-any-link { margin:0 0 0 5px; padding:0; } /* FireFox 2 */ html>/**/body #information .box span.info-area02bla, x:-moz-any-link, x:default { margin:0 0 0 5px; padding:0; } /* Only FireFox 3 */ #information .box span.info-area03bla, x:-moz-any-link { margin:0; padding:0; line-height:130%; } /* FireFox 2 */ html>/**/body #information .box span.info-area03bla, x:-moz-any-link, x:default { margin:0; padding:0; line-height:130%; } /* Only FireFox 3 */ #information #info-news { width:535px; border:1px solid #CCCCCC; padding:1px; margin-bottom:7px; } #information #ttl-info-news { background:url(/images2/information/ttl-news.gif) left top no-repeat; width:197px; height:30px; text-indent:-9999px; float:left; } #information #info-fun { width:535px; border:1px solid #CCCCCC; padding:1px; margin-bottom:7px; } #information #ttl-info-fun { background:url(/images2/information/ttl-fun.gif) left top no-repeat; width:197px; height:30px; text-indent:-9999px; float:left; } #information .funbox { width:166px; float:left; margin:0 2px 3px 0; } #information p.l-funbox { width:46px; float:left; } #information p.r-funbox01 { background:url(/images2/information/tri03.gif) left top no-repeat; width:119px; margin:0; float:right; } #information p.r-funbox02 { width:110px; margin-top:5px; float:right; } #information span.fun-ttl a { color:#964B25; font-weight:bold; magin:0; padding-left:9px; margin-bottom:5px; } #information span.fun-ttl a:hover { color:#D17D53; font-weight:bold; magin:0; padding-left:9px; margin-bottom:5px; } #information span.fun-f { color:#333333; margin:0; padding:0; line-height:125%; } #information #btn-area { width:213px; float:right; } #information #btn-box01 { width:211px; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-top:1px solid #CCCCCC; padding:0; margin:0; } #information #btn-box02 { width:211px; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; padding:0; margin:0; height:40px; } #information #btn-box0202 { width:211px; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; padding:0; margin:0; } #information #btn-box03 { width:211px; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; padding:0; margin-bottom:7px; } #information #attention { margin:0 0 4px 0; padding:0; } #information #about-bottom { background: url(/images2/information/bg-btnarea-bottom.gif) right top no-repeat; width:211px; height:13px; padding-bottom:6px; } #information #info-btnarea01 ul.infoList li { float:left; margin:0 0 0 5px; padding:0; } #information #info-btnarea01 ul.infoList li a { display: block; text-decoration: none; width: 46px; height: 18px; text-indent: -9999px; } #information #info-btnarea01 ul.infoList li.ichiran a { background: url(/images2/print/btn-ichiran.gif) right top no-repeat; text-indent: -9999px; } #information #info-btnarea01 ul.infoList li a:hover { background-position: left top; } #information #info-btnarea02 ul.infoList li { float:left; margin:0 0 0 5px; padding:0; } #information #info-btnarea02 ul.infoList li a { display: block; text-decoration: none; width: 46px; height: 18px; text-indent: -9999px; } #information #info-btnarea02 ul.infoList li.ichiran a { background: url(/images2/print/btn-ichiran.gif) right top no-repeat; text-indent: -9999px; } #information #info-btnarea02 ul.infoList li.rss a { background: url(/images2/print/btn-rss.gif) right top no-repeat; text-indent: -9999px; } #information ul.funList li { float:left; margin:4px 0 0 35px; padding:0; text-indent: -9999px; } #information ul.funList li a { display: block; text-decoration: none; width: 13px; height: 13px; text-indent: -9999px; } #information ul.funList li.arrow a { background: url(/images2/print/btn-arrow.gif) right top no-repeat; text-indent: -9999px; } #information ul.btnList li { float:left; margin:0 0 5px 0; padding:0; text-indent: -9999px; } #information ul.btnList li a { display: block; text-decoration: none; width: 212px; height: 35px; text-indent: -9999px; } #information ul.btnList li.attention a { background: url(/images2/print/btn-attention.gif) right top no-repeat; text-indent: -9999px; } #information ul.btn01List li { float:left; margin:0; padding:0; } #information ul.btn01List li a { display: block; text-decoration: none; width: 211px; height: 50px; text-indent: -9999px; } #information ul.btn01List li.saigai a { background: url(/images2/print/btn-saigai.gif) right top no-repeat; } #information ul.btn01List li.gochui a { background: url(/images2/print/btn-gochui.gif) right top no-repeat; } #information ul.btn01List li.onegai a { background: url(/images2/print/btn-onegai.gif) right top no-repeat; } #information ul.btn02List li { float:left; margin:5px 0 0 0; padding:0; text-indent: -9999px; } #information ul.btn02List li a { display: block; text-decoration: none; width: 211px; height: 40px; text-indent: -9999px; } #information ul.btn02List li.about a { background: url(/images2/print/btn-about-nttwest.gif) right top no-repeat; text-indent: -9999px; } #information ul.btn03List li { margin:0; padding:2px 0 0 0; background: url(/images2/information/bg-btnarea.gif) ; } #information ul.btn03List li a { text-decoration: none; width:220px; } #information ul.btn03List li.about00 a { margin-left:28px; background: url(/images2/information/tri04.gif) left center no-repeat; padding-left:12px; } #information ul.btn04List li { float:left; margin:0; padding:0; } #information ul.btn04List li a { display: block; text-decoration: none; width: 211px; height: 39px; text-indent: -9999px; } #information ul.btn04List li.ngn a { background: url(/images2/print/btn-ngn.gif) right top no-repeat; } #information ul.btn04List li.uni a { background: url(/images2/print/btn-universal.gif) right top no-repeat; } #information #enquete { width:211px; border-left:1px solid #CCCCCC; border:1px solid #CCCCCC; padding:0; margin-bottom:7px; } #information #enquete-ttl { background: url(/images2/information/ttl-r-n-enquete.gif) right top no-repeat; width:211px; height:30px; text-indent:-9999px; } #information #enquete-area { margin-top:5px; margin-left:28px; } #information .enquete-box { width:170px; background:#FF0000; margin-bottom:5px; padding-left:12px; background:url(/images2/information/tri04.gif) left top no-repeat; } #information p.enquete-f { color:#333333; line-height:140%; } #information #enquete-btn-area { margin-top:5px; margin-left:75px; margin-bottom:5px; } #information #e-btn { background:url(/images2/information/tri05.gif) left top no-repeat; height:20px; padding-top:3px; _padding-top:1px; } #information p.e-btn-f { color:#990000; padding-left:12px; } #information p.e-btn-f a { color:#990000; } #information p.e-btn-f a:hover { color:#FF6D64; } #information #e-btn, x:-moz-any-link { background:url(/images2/information/tri05.gif) left top no-repeat; height:20px; padding-top:1px; } /* FireFox 2 */ html>/**/body #information #e-btn, x:-moz-any-link, x:default { background:url(/images2/information/tri05.gif) left top no-repeat; height:20px; padding-top:1px; } /* Only FireFox 3 */ /* フッター */ #footer { border-top:solid 1px #888888; margin-top:10px; padding-top:6px; position:relative; margin-bottom:30px; width:760px; } #footer #left-area { float:left; text-align:left; } #footer p { float:right; } #footer ul.linkList li { float:left; margin:0; padding:0; } #footer ul.linkList li.smap a { display: block; text-decoration: none; background:url(/images2/footer-line01.gif) right center no-repeat; padding-right:16px; } #footer ul.linkList li.sinfo a { display: block; text-decoration: none; background:url(/images2/footer-line01.gif) right center no-repeat; padding-right:16px;} #footer ul.linkList li. prvcy a { display: block; text-decoration: none;} #footer ul.linkList li a:hover { text-decoration: underline; } a.f-font:link { font-weight: normal; color: #0000FF; text-decoration:none; } a.f-font:visited { font-weight: normal; color: #0000FF; text-decoration:none; } a.f-font:hover { font-weight: normal; color:#FF6600; text-decoration:underline; }