/* basic setting ---------------------------------- */ body { background-color:#8A0000; color: #666666; line-height: 15px; font-size: 12px; font-family:Arial, Helvetica, sans-serif; margin:0px; height:100%; background-repeat: repeat-x;} html,body { height:100%; min-height:100%;} img { border:none; vertical-align:middle;} p { margin: 0px; padding: 0px; } .t01 {color:#CC9900;} /* yF */ .t02 {color:#996600;} /* F */ .col1 {color:#68A757;} /* green */ .col2 {color:#FF9900;} /* orange */ .col3 {color:#B71518;} /* red */ .col4 {color:#009FDA;} /* light blue */ .col5 {color:#003399;} /* blue */ .notice {color: #cc0000;} a:link {color:#0A54A7;} a:active {color:#0A54A7;} a:visited {color:#0A54A7;} a:hover {color:#0000FF;} a.deco:link {color:#0A54A7; text-decoration:none;} a.deco:active {color:#0A54A7; text-decoration:none;} a.deco:visited {color:#0A54A7; text-decoration:none;} a.deco:hover {color:#0000FF; text-decoration:underline;} .textsmall {font-size: 9px;} .textlarge {font-size: 13px;} .textleft {text-align: left;} .textright {text-align: right;} .textcenter {text-align: center;} .clearleft {clear: left;} .clearright {clear: right;} .clearall {clear: both;} h1 { clear: both; margin: 0px 0px 0px 0px; padding: 0px; font-size: 11px; font-weight:normal; } h2 { clear: both; margin: 0px 0px 0px 0px; padding: 0px; font-size: 13px; } h3 { clear: both; margin: 0px 0px 3px 0px; padding: 0px; font-size: 12px; } h4 { clear: both; margin: 1em 0px 3px 0px; padding: 0px; font-size: 12px; } h5 { clear: both; margin: 1em 0px 0px 0px; padding: 0px; font-size: 12px; } h6 { clear: both; margin: 1em 0px 0px 0px; padding: 0px; font-size: 12px; } /* parts setting -----------------------------------------*/ .ctit01 { width:550px; height:26px; background:url(../image/common/ctit01.gif) no-repeat; clear:left; margin:10px 0} .ctit02 { width:550px; height:26px; background:url(../image/common/ctit02.gif) no-repeat; clear:left; margin:10px 0} .ctit03 { width:550px; height:26px; background:url(../image/common/ctit03.gif) no-repeat; clear:left; margin:10px 0} .ctit04 { width:550px; height:26px; background:url(../image/common/ctit04.gif) no-repeat; clear:left; margin:10px 0} .ctit05 { width:550px; height:26px; background:url(../image/common/ctit05.gif) no-repeat; clear:left; margin:10px 0} .ctit06 { width:550px; height:26px; background:url(../image/common/ctit06.gif) no-repeat; clear:left; margin:10px 0} .ctit07 { width:550px; height:26px; background:url(../image/common/ctit07.gif) no-repeat; clear:left; margin:10px 0} .ctit01 h2 , .ctit01 h3 , .ctit02 h2 , .ctit02 h3 , .ctit03 h2 , .ctit03 h3 , .ctit04 h2 , .ctit04 h3 , .ctit05 h2 , .ctit05 h3 , .ctit06 h2 , .ctit06 h3 , .ctit07 h2 , .ctit07 h3 { padding:5px 0 0 30px; color:#FFFFFF; font-size:12px; font-weight:normal;} .bline-dot { width:100%; clear: both; margin-bottom:3px; background:url(../image/common/line-dot.gif) repeat-x bottom;} .bline-dot p { padding:0 0 7px 7px;} .innerblock { border-style: none; margin: 0px; padding: 10px; } .line-see { width:100%; height:7px; clear: both; background:url(../image/common/line-seed.gif) no-repeat;} .line-dot { width:100%; height:7px; clear: both; background:url(../image/common/line-dot.gif) repeat-x;} .moreinfo { clear: both; border-style: none; margin: 0px; padding: 5px 5px 10px 0px;} .moreinfo p { display: block; height: 12px; overflow: visible; border-style: none; margin: 0px; padding: 0px 10px 0px 0px; background: url(../image/common/icon-yaji.gif) no-repeat right center; text-align: right; font-size: 9px;} .gotop { clear: both; border-style: none; margin: 20px 0; padding: 5px 5px 10px 0px;} .gotop p { display: block; height: 12px; overflow: visible; border-style: none; margin: 0px; padding: 0px 15px 0px 0px; background: url(../image/common/icon-yaji-top.gif) no-repeat right center; text-align: right; font-size: 9px;} .appli { clear:left; text-align:center; margin:15px 0;} .applibox { width:550px; height:180px; border-top:1px dotted #8A0000; border-bottom:1px dotted #8A0000; clear:left; margin-top:15px;} .applibox .applis { width:428px; margin:10px auto;} .applibox .applis .tit { width:428px; height:19px; margin-bottom:5px;} .applibox .applis .pic { width:125px; float:left;} .applibox .applis .com { width:353px; float:left;} .applibox .applis .com img { margin-bottom:5px;} #location { background:url(../image/common/line-dot.gif) bottom repeat-x; height:2em; padding-bottom:7px; width:400px; margin:7px 0 0 143px;} #location ol { list-style: none; margin: 0; padding: 0; border: none;} #location li { float:left; margin:10px 3px 5px 3px;font-size: 9px;} .compact li { border-style: none; margin-left: 1.8em; } ul.compact { list-style-position: outside; border-style: none; padding-left: 0px; } ol.compact { list-style-position: outside; border-style: none; padding-left: 0px; } .floatbox-left { float:left; margin:7px 7px 7px 0;} .floatbox-right { float:right; margin:7px 0 7px 7px;} table.standard { border-collapse: collapse; border-spacing: 0px; border: solid 1px #CCCCCC; margin-top: 10px; } table.standard tr { } table.standard tr.even td { background: #8A0000; color: #ffffff; } table.standard th.even { background: #8A0000; color: #ffffff; } table.standard td.even { background: #8A0000; color: #ffffff; } table.standard tr.odd td { background: #E9E9E9; } table.standard th.odd { background: #E9E9E9; } table.standard td.odd { background: #E9E9E9; } table.standard th { background-color: #999999; border: solid 1px #CCCCCC; color:#FFFFFF; } table.standard td { background-color: #ffffff; border: solid 1px #CCCCCC; } table.lines { border-collapse: collapse; border-spacing: 0px; margin:10px 0; } table.lines tr { } table.lines th { border-bottom: dotted 1px #666666; } table.lines td { border-bottom: dotted 1px #666666; } table.lines td.odd { background: #E9E9E9; } .frame-gry { width:100%; margin:10px 0; border:1px solid #CCCCCC; background-color:#EEEEEE; clear:left;} .frame-cha { width:100%; margin:10px 0; border:1px solid #CC9900; background-color:#FFFFCC; clear:left;} .frame-red { width:100%; margin:10px 0; border:1px solid #460000; background-color:#8A0000; clear:left; color:#FFFFFF;} .frame-red a:link {color:#FFCC00;} .frame-red a:active {color:#FFCC00;} .frame-red a:visited {color:#FFCC00;} .frame-red a:hover {color:#FFFFFF;} /* page format ---------------------------------------- */ #contents:after , #contentsarea-top:after , #contentsarea-other:after , #contentsarea-concept:after , #contentsarea-shp:after , #contentsarea-sseo:after , #contentsarea-scar:after , #contentsarea-ssys:after , #main-top #c02bg:after , #nabiarea:after , #flow .c02:after { content: "."; display:block; height: 0; clear:both; visibility:hidden;} #contents { background:url(../image/common/bg.gif) no-repeat center top ; text-align:center; width:100%;} #contentsarea-top { margin:0 auto; width: 800px; background:url(../image/top/bg_contents.jpg) no-repeat #FFFFFF; } #contentsarea-other { margin:0 auto; width: 800px; background:url(../image/common/bg_contents.jpg) no-repeat #FFFFFF;} #contentsarea-concept { margin:0 auto; width: 800px; background:url(../image/concept/bg_contents.jpg) no-repeat #FFFFFF;} #contentsarea-shp { margin:0 auto; width: 800px; background:url(../image/service-hp/bg_contents.jpg) no-repeat #FFFFFF;} #contentsarea-sseo { margin:0 auto; width: 800px; background:url(../image/service-seo/bg-contents.jpg) no-repeat #FFFFFF;} #contentsarea-scar { margin:0 auto; width: 800px; background:url(../image/service-care/bg_contents.jpg) no-repeat #FFFFFF;} #contentsarea-ssys { margin:0 auto; width: 800px; background:url(../image/service-system/bg_contents.jpg) no-repeat #FFFFFF;} #stage { width: 800px; padding:0; text-align: left; margin:0 auto;} #header { height:120px;} #header #tit { width:218px; height:102px; float:left;} #header #rig { float:left; margin-left:23px;} #header #rig #com { height:35px; color:#CCCCCC; font-size:12px; margin-top:7px;} #header #rig #but { height:36px;} #header #rig #but .floatbox-left span { visibility:hidden; display:none;} #header #rig #but img { margin-right:10px;} a.b11 { display:block; background:url(../image/contacts/b_otoiawase.gif) no-repeat; width:165px; height:36px; text-decoration:none;} a.b11:hover { background:url(../image/common/roal/b_otoiawase.gif) no-repeat; width:165px; height:36px; text-decoration:none;} #contentwrap { clear:left; background:#FFFFFF;} #nabiarea { width:240px; height:100%; min-height: 100%; float:left;} #nabiarea #nabi01 { width:240px; height:696px;} #nabiarea #nabi01 #wrap { margin-left:12px;} #nabiarea #nabi01 #wrap img {margin-bottom:1px;} #nabiarea #nabi01 #wrap span { visibility:hidden; display:none;} a.b01 { display:block; background:url(../image/common/b_01.gif) no-repeat; width:206px; height:47px; text-decoration:none; margin-bottom:1px;} a.b02 { display:block; background:url(../image/common/b_02.gif) no-repeat; width:206px; height:47px; text-decoration:none; margin-bottom:1px;} a.b03 { display:block; background:url(../image/common/b_03.gif) no-repeat; width:206px; height:47px; text-decoration:none; margin-bottom:1px;} a.b04 { display:block; background:url(../image/common/b_04.gif) no-repeat; width:206px; height:47px; text-decoration:none; margin-bottom:1px;} a.b05 { display:block; background:url(../image/common/b_05.gif) no-repeat; width:206px; height:47px; text-decoration:none; margin-bottom:1px;} a.b06 { display:block; background:url(../image/common/b_06.gif) no-repeat; width:206px; height:47px; text-decoration:none; margin-bottom:1px;} a.b07 { display:block; background:url(../image/common/b_07.gif) no-repeat; width:206px; height:47px; text-decoration:none; margin-bottom:1px;} a.b08 { display:block; background:url(../image/common/b_08.gif) no-repeat; width:206px; height:47px; text-decoration:none; margin-bottom:1px;} a.b09 { display:block; background:url(../image/common/b_09.gif) no-repeat; width:206px; height:90px; text-decoration:none; margin-bottom:1px;} a.b10 { display:block; background:url(../image/common/b_10.gif) no-repeat; width:206px; height:47px; text-decoration:none; margin-bottom:1px;} a.b01:hover { background:url(../image/common/roal/b_01.gif) no-repeat; width:206px; height:47px; text-decoration:none; margin-bottom:1px;} a.b02:hover { background:url(../image/common/roal/b_02.gif) no-repeat; width:206px; height:47px; text-decoration:none; margin-bottom:1px;} a.b03:hover { background:url(../image/common/roal/b_03.gif) no-repeat; width:206px; height:47px; text-decoration:none; margin-bottom:1px;} a.b04:hover { background:url(../image/common/roal/b_04.gif) no-repeat; width:206px; height:47px; text-decoration:none; margin-bottom:1px;} a.b05:hover { background:url(../image/common/roal/b_05.gif) no-repeat; width:206px; height:47px; text-decoration:none; margin-bottom:1px;} a.b06:hover { background:url(../image/common/roal/b_06.gif) no-repeat; width:206px; height:47px; text-decoration:none; margin-bottom:1px;} a.b07:hover { background:url(../image/common/roal/b_07.gif) no-repeat; width:206px; height:47px; text-decoration:none; margin-bottom:1px;} a.b08:hover { background:url(../image/common/roal/b_08.gif) no-repeat; width:206px; height:47px; text-decoration:none; margin-bottom:1px;} a.b09:hover { background:url(../image/common/roal/b_09.gif) no-repeat; width:206px; height:90px; text-decoration:none; margin-bottom:1px;} a.b10:hover { background:url(../image/common/roal/b_10.gif) no-repeat; width:206px; height:47px; text-decoration:none; margin-bottom:1px;} #nabiarea #nabi01 .com {width:206px; height:27px; background:url(../image/common/nabi01bg.gif) no-repeat 17px;} #nabiarea #nabi01 .com p {padding:7px 0 0 40px; color:#FFFFFF;} #nabiarea #nabi01 .com a:link {color:#FFFFFF; text-decoration:none;} #nabiarea #nabi01 .com a:active {color:#FFFFFF; text-decoration:none;} #nabiarea #nabi01 .com a:visited {color:#FFFFFF; text-decoration:none;} #nabiarea #nabi01 .com a:hover {color:#CCCCCC; text-decoration:underline;} #nabiarea #nabi02 { width:240px; height:100%; background:url(../image/common/bg-nabiarea02.gif) repeat-y;} #nabiarea #nabi02 .wrap {padding:5px 0 5px 15px;} #nabiarea #nabi02 .wrap #free-blog { width:200px; margin-bottom:5px;} #nabiarea #nabi02 .wrap #free-seo {width:200px; background:#FFFFFF; margin-bottom:5px;} #nabiarea #nabi02 .wrap #free-seo .com { padding:7px;} #nabiarea #nabi02 .wrap #free-seo .com p { margin-bottom:7px; line-height:120%;} #nabiarea #nabi02 .wrap #free-hp {width:200px; margin-bottom:5px;} #nabiarea #nabi02 .wrap #twitt {width:200px; margin-bottom:10px;} #footerwrap { clear:both; width:100%; height:251px; background:url(../image/common/bg-footer.gif) repeat-x; text-align:center;} #footer { width:800px; margin:0 auto; text-align:left; font-size:9px; color:#999999;} #footer .com { width:800px; height:215px;} #footer .com a:link {color:#999999; text-decoration:none;} #footer .com a:active {color:#999999; text-decoration:none;} #footer .com a:visited {color:#999999; text-decoration:none;} #footer .com a:hover {color:#FFFFFF; text-decoration:underline;} #footer #com01 { width:270px; height:140px; overflow:visible; float:left; margin-top:38px; border-right:dotted 1px #FFFFFF;} #footer #com02 { width:203px; height:140px; overflow:visible; float:left; margin-top:38px; border-right:dotted 1px #FFFFFF;} #footer #com03 { width:198px; height:140px; overflow:visible; float:left; margin-top:38px; border-right:dotted 1px #FFFFFF;} #footer #com04 { width:110px; height:140px; overflow:visible; float:left; margin-top:38px;} #footer #com02 p , #footer #com03 p , #footer #com04 p { margin-left:25px; line-height:250%;} #footer #copy { width:800px; clear:left;} #footer #copy img { margin-right:15px; float:left;} #footer #copy p { margin-top:5px; float:left;} /* top setting -----------------------------------------*/ #main-top { width:560px; float:left;} #main-top #tit01 { height:22px; margin-top:15px;} #main-top #tit02 { height:48px; margin-top:11px;} #main-top #tit03 { height:17px; margin-top:8px;} #main-top #tit04 { height:179px;} #main-top #tit05 { height:143px; clear:left;} #main-top #tit04 .box , #main-top #tit05 .box {float:left;} #main-top #c01 { width:550px; height:111px; background:url(../image/top/c01.gif) no-repeat; clear:left;} #main-top #c01 #txtwrap { padding:21px 0 0 130px;} #main-top #c01 #txtwrap #txt { width:420px; height:90px;} #main-top #c02bg { width:543px; background:url(../image/top/c02_bg.gif) no-repeat; margin-top:7px; } #main-top .c02con { width:175px; float:left; } #main-top .c02con .wrap {padding:7px; font-size:9px;} #main-top .c02con .wrap img {margin-bottom:5px;} #main-top #c04ct {width:530px; height:80px; background:url(../image/top/c03_a.gif) no-repeat;} #main-top #c04ct #con1 { width:263px; height:80px; float:left;} #main-top #c04ct #con2 { width:190px; height:65px; float:left; margin:15px 0 0 68px; color:#996600;} #main-top #c04tab { } #main-top #c04tab a:link {color:#0A54A7; text-decoration:none;} #main-top #c04tab a:active {color:#0A54A7; text-decoration:none;} #main-top #c04tab a:visited {color:#0A54A7; text-decoration:none;} #main-top #c04tab a:hover {color:#0000FF; text-decoration:underline;} /* concept setting -----------------------------------------*/ #main-concept { width:550px; float:left;} #main-concept #tit01 { width:369px; height:160px; float:left;} #main-concept #tit02 { width:123px; height:127px; float:left; margin-left:51px;} #main-concept #tit03 { width:174px; height:63px; clear:both; margin-left:369px;} #main-concept #c01 { text-align:center; margin:20px 0;} #main-concept #c01 img { margin-bottom:7px;} #main-concept #c02 { margin-top:20px;} #main-concept #c02 .setbox { width:550px; background:url(../image/common/line-dot.gif) repeat-x bottom; margin-bottom:10px; clear:left;} #main-concept #c02 .box { float:left; margin-right:10px; padding-bottom:10px; } #main-concept #c03 { margin:20px 0 20px 10px; width:530px;} #main-concept #c03 span { font-weight:bold; font-size:25px; color:#CC0000;} /* service-hp setting --------------------------------------*/ #main-shp { width:550px; float:left;} #main-shp #tit01 { width:369px; height:160px; float:left;} #main-shp #tit02 { width:123px; height:160px; float:left; margin-left:51px;} #main-shp #tit03 { width:174px; height:63px; clear:both; margin-left:290px;} #main-shp #c01 { width:500px; margin:15px 0 0 20px;} #main-shp #c01 .box { width:225px; float:left; text-align:center;} #main-shp #c01 .box p { text-align:left; margin:15px 0;} #main-shp .c02 { width:550px; border-bottom:dotted 1px #CCCCCC; margin-bottom:10px;} #main-shp .c02 .box { width:160px; float:left; margin-left:20px; padding-bottom:8px;} #main-shp .c02 .box p { text-align:center; margin-top:5px; font-size:9px;} /* service-seo setting --------------------------------------*/ #main-sseo { width:550px; float:left;} #main-sseo #tit01 { width:294px; height:160px; float:left;} #main-sseo #tit02 { width:123px; height:160px; float:left; margin-left:126px;} #main-sseo #tit03 { width:253px; height:63px; clear:both; margin-left:290px;} #main-sseo #c01 { width:500px; margin:15px 0 0 30px;} #main-sseo #c01 .box01 { width:183px; float:left; margin-bottom:20px;} #main-sseo #c01 .box02 { width:250px; float:left; margin:50px 0 0 15px;} #main-sseo #c02 { width:550px; margin:15px 0 20px 0; text-align:center;} #main-sseo #c03 { width:550px; text-align:center;} #main-sseo #c03 .box { margin-top:15px;} #main-sseo #c03 .box img.rig {margin-left:15px;} #main-sseo #c04 { width:550px;} #main-sseo #c04 .lines img { padding-right:20px;} #main-sseo #c05 { width:550px;} #main-sseo #c05 img { margin:0px; padding:0px;} #main-sseo #c05 .box01 { width:230px; height:138px; float:left;} #main-sseo #c05 .box02 { width:80px; height:138px; float:left;} #main-sseo #c05 .box02 img { margin-top:57px;} #main-sseo #c05 .box03 { width:240px; height:138px; float:left;} #main-sseo #c05 .box04 { width:550px; height:66px; text-align:right; clear:left;} /* service-care setting --------------------------------------*/ #main-care { width:550px; float:left;} #main-care #tit01 { width:369px; height:160px; float:left;} #main-care #tit02 { width:123px; height:160px; float:left; margin-left:51px;} #main-care #tit03 { width:270px; height:63px; clear:both; margin-left:273px;} #main-care #c01 { width:500px; margin:15px 0 0 30px;} #main-care #c01 .box01 { width:183px; float:left; margin-bottom:20px;} #main-care #c01 .box02 { width:250px; float:left; margin:20px 0 0 15px;} #main-care #c02 { width:550px; text-align:center; margin:15px 0 20px 0; clear:left;} /* service-system setting ------------------------------------*/ #main-ssys { width:550px; float:left;} #main-ssys #tit01 { width:369px; height:160px; float:left;} #main-ssys #tit02 { width:123px; height:160px; float:left; margin-left:51px;} #main-ssys #tit03 { width:270px; height:63px; clear:both; margin-left:230px;} #main-ssys #c01 { width:500px; margin:15px 0 0 30px;} #main-ssys #c01 .box01 { width:183px; float:left; margin-bottom:20px;} #main-ssys #c01 .box02 { width:250px; float:left; margin:50px 0 0 15px;} #main-ssys #c02 { width:550px; text-align:center; margin:15px 0 20px 0; clear:left;} /* contents setting -----------------------------------------*/ #main-con { width:550px; float:left;} #main-con #title { width:550px; height:32px; text-align:right; margin-top:69px;} #main-con #title02 { width:550px; height:60px; text-align:right; margin-top:41px;} /* contacts - resultsSEO - setting ---------------------------*/ #results-seo { width:550px; float:left;} #results-seo #title { width:550px; height:32px; text-align:right; margin-top:69px;} #results-seo #c01 { width:550px;} #results-seo #c01 .lines img { padding-right:20px;} #results-seo #c02 { width:550px;} #results-seo #c02 img { margin:0px; padding:0px;} #results-seo #c02 .box01 { width:230px; height:138px; float:left;} #results-seo #c02 .box02 { width:80px; height:138px; float:left;} #results-seo #c02 .box02 img { margin-top:57px;} #results-seo #c02 .box03 { width:240px; height:138px; float:left;} #results-seo #c02 .box04 { width:550px; height:66px; text-align:right; clear:left;} /* contacts - resultsHP - setting ----------------------------*/ #results-hp { width:550px; float:left;} #results-hp #title { width:550px; height:32px; text-align:right; margin-top:69px;} #results-hp .c01bg { width:543px; height:150px; margin:7px 0; border-bottom:1px dotted #666666; clear:left; } #results-hp .c01con { width:175px; float:left; background:#ECECEC; } #results-hp .c01con .wrap {padding:7px; font-size:9px;} #results-hp .c01con .wrap img {margin-bottom:5px;} #results-hp .sample { width:550px; height:270px; background:url(../image/results-hp/belleal/bg.gif) no-repeat right;} #results-hp .sample .box01 { width:330px; float:left; height:270px;} #results-hp .sample .box02 { width:220px; float:left; height:270px;} #results-hp .sample .box02 img { margin-bottom:5px;} #results-hp .sample .box02 img.com { margin:0 0 10px 10px;} /* contacts - company - setting ------------------------------*/ #company { } #company .box01 { width:270px; height:380px; float:left; border-right:#CCCCCC 1px solid;} #company .box01 .inner { width:260px;} #company .box02 { width:260px; float:left; margin-left:10px;} /* contacts - flow - setting ---------------------------------*/ #flow { } #flow #c01 { width:550px; margin:15px 0 0 0;} #flow .c02 {width:550px; height:100%; clear:left; margin-top:5px; background:url(../image/flow/line.gif) no-repeat bottom;} #flow .c02 .box01 { width:194px; float:left; margin-bottom:10px;} #flow .c02 .box02 { width:356px; float:left; margin:5px 0 10px 0;} #flow .c02 .box02 .inner { padding-bottom:10px;} #flow .c02 .box02 img { float:left; margin:5px 5px 5px 0;} /* contacts - sitemap - setting -----------------------------*/ #sitemap { } #sitemap .map { background:#EEEEEE; width:100%; border-bottom:1px solid #FFFFFF;} #sitemap p {padding:3px 2px 3px 15px; } #sitemap .map img { margin:0 5px 0 0;} /* contacts - freeseo - setting ----------------------------*/ #freeseo { } /* contacts - freehp - setting -----------------------------*/ #main-freehp { width:550px; float:left;} #main-freehp #title { width:550px; height:32px; text-align:right; margin-top:69px;} #main-freehp .box { width:180px; float:left; margin:20px 3px 10px 0;} #main-freehp .com { } #main-freehp .com td {border:1px solid #CCCCCC; font-size:80%;} #main-freehp .com td img {border:none; margin:0; padding:0;} #main-freehp .photo { position: relative; top: 0; left: 0; width: 180px;} #main-freehp .photo a .large { display: block; position: absolute; width: 1px; height: 1px; top: 0; left: 0;} #main-freehp .photo a.popup, #temp .photo a.popup:visited { display: block; width: 180px; top: 0; left: 0;} #main-freehp .photo a.popup:hover { background-color: #FFFFFF;} #main-freehp .photo a.popup:hover .large { display: block; position: absolute; width: 400px; height: 362px; top: 0; left: 0;} /* glossary format --------------------------------------- */ #glossary { } #glossary .box01 { width:220px; height:100%; float:left;} #glossary .box02 { width:330px; float:left;} #glossary .box02 h3 { color:#CC9900; margin-bottom:15px;} #glossary .box01 ul{ height:23px; margin:0; padding:0; list-style:none;} #glossary .box01 li{ width:40px; height:23px; margin:0 1px 1px 0; padding:0; display:block; float:left;} #glossary .box01 a:link, #glossary .box01 a:visited { display: block; width: 30px; height: 13px; padding:5px; background:url(../image/glossary/on.gif) no-repeat; text-decoration:none;} #glossary .box01 a:hover, #glossary .box01 a:active { display: block; width: 30px; height: 13px; padding:5px; background:url(../image/glossary/off.gif) no-repeat; text-decoration:none;} #glossary .box01 a:link {color:#8E8E8E; text-decoration:none;} #glossary .box01 a:active {color:#8E8E8E; text-decoration:none;} #glossary .box01 a:visited {color:#8E8E8E; text-decoration:none;} #glossary .box01 a:hover {color:#EBEBEB; text-decoration:underline;} #glossary .box02 .compact li { border-style: none; margin: 0 0 1em 1.8em; } #glossary .box02 ul.compact { list-style-position: outside; border-style: none; padding-left: 0px; } /* qa setting -----------------------------------------*/ #main-qa { width:550px; float:left; margin:0; padding:0; border:0;} #main-qa #title { width:550px; height:32px; text-align:right; margin-top:69px;} #main-qa .qalist { width:530px; margin-left:20px; margin-bottom:5px;} #main-qa .qalist p { padding:7px 0 7px 15px; background:url(../image/common/icon-yaji.gif) no-repeat 0 50%;} #main-qa .qalist a:link {color:#0A54A7; text-decoration:none;} #main-qa .qalist a:active {color:#0A54A7; text-decoration:none;} #main-qa .qalist a:visited {color:#0A54A7; text-decoration:none;} #main-qa .qalist a:hover {color:#0000FF; text-decoration:underline;} #main-qa .qabox { width:550px; clear:left; margin:5px 0 20px 0; position:relative;} #main-qa .qabox .qabox-l { width:60px; float:left; text-align:right;} #main-qa .qabox .qbox { width:450px; height:46px; float:left; margin-left:8px; text-align:left;} #main-qa .qabox .abox { width:450px; float:left; margin-left:8px; text-align:left;} div.vertical { display: table-cell; width: 450px; height: 46px; } /* * html div.vertical { display: inline; zoom: 1; } *+html div.vertical { display: inline; zoom: 1; } */ div.vertical_middle { vertical-align: middle;} #main-qa dl{ width:550px; margin:10px auto;} #main-qa dt{ line-height:28px; text-indent:1em; height:28px; color:#996600; background:#DDDDDD; border-bottom:1px #FFFFFF solid;} #main-qa dt.over{ background:#999999; border-bottom:1px #FFFFFF solid; cursor:pointer;} #main-qa dt.selected{ background:#CC9900; cursor:default; color:black;} #main-qa dd{ height:120px; overflow:auto; background:#EDEDED; margin:0px; padding:0px; border:0px;} #main-qa dd p{ padding:10px;} /* contacts setting -----------------------------------------*/ #main-contact { width:550px; float:left;} #main-contact #title { width:550px; height:32px; text-align:right; margin-top:69px;} /* recruit setting -----------------------------------------*/ #main-recruit { width:550px; float:left;} #main-recruit #title { width:550px; height:32px; text-align:right; margin-top:69px;} #main-recruit ul { margin-top:5px;} #main-recruit li { margin-bottom:5px;}