@charset "UTF-8"; /* hack ------------------------------------------------ */ /*Win Firefox用リンク領域点線非表示*/ :focus { ?moz-outline-style: none; } /*Mac Firefox用リンク領域点線非表示*/ a { outline: none; } /*Firefox用縦スクロール領域表示*/ html{ overflow-y:scroll; } #center {_height:1%;} * { margin:0; padding: 0; font-size:small; font-family: "MS UI Gothic","ＭＳ Ｐゴシック","ＭＳ ゴシック",Osaka,Vardana, Sans-selif; } html:\66irst-child *{ font-size:large; } /*----------------------------------------------------- 　ページ全般 -------------------------------------------------------*/ body { background: #fff url("/images/header_bg.jpg") repeat-x center 0; line-height:160%; color:#333; } body#top { background: #000; } a { color: #333; text-decoration: none; outline: none; } a:hover { color: #333; text-decoration: underline; } h1, h2, h3, h4, h5, h6 { font-family: Arial,auto; margin: 0px; padding: 0px; } h1 { margin: 0; padding: 0; } h2 { margin:0; font-weight: normal; } h3#subnavittl { margin:10px 0 20px 10px; padding:8px 0 0 7px; height:45px; background: url("/images/subttlBg.jpg") no-repeat ; } h3 { margin:10px 0 20px 0; padding:8px 0 0 7px; height:45px; background: url("/images/subttlBg.jpg") no-repeat ; } h4 { margin-bottom:15px; } h4.subttlBlackF { background:#333; /*padding:8px 0 0 8px;*/ margin:0 0 20px 0; _margin:0 0 10px 0; height:22px; width:676px; } h4.subttlBlack { background:#333; /*padding:8px 0 0 8px;*/ margin:20px 0 20px 0; _margin:20px 0 10px 0; height:22px; width:676px; } h4.subttlBlack2 { background:#333; /*padding:8px 0 0 8px;*/ margin:30px 0 25px 0; _margin:30px 0 15px 0; width:324px; } h4.subttlBlack3 { background:#333; /*padding:8px 0 0 8px;*/ margin:20px 0 5px 0; width:698px; overflow:hidden; } h4.subttlBlack4 { background:#333; margin:0 0 20px 9px; _margin:0 0 10px 9px; height:22px; width:676px; } h4.subttlLineF { padding:0 0 2px 1px; margin:0 0 15px 0; height:22px; /*width:667px;*/ background: url("/images/subttlLine.gif") no-repeat 0 bottom; } h4.subttlLine { padding:8px 0 2px 1px; margin:0 0 10px 9px; height:22px; /*width:667px;*/ background: url("/images/subttlLine.gif") no-repeat 0 bottom; } h4.subttlLine2 { padding:20px 0 2px 1px; margin:0 0 10px 0; height:22px; /*width:667px;*/ background: url("/images/subttlLine.gif") no-repeat 0 bottom; } h4.marign01 { margin:0 0 10px 10px; } h4.flashbookttl { margin:30px 0 15px 0; padding:7px 0 18px 34px; background: url("/product/flashbook/images/title_bg.jpg") no-repeat 0 bottom; } h4.infoxsubttl { margin:30px 0 5px 0; padding:0;} h5.link { padding:0px 0 0 5px; margin-bottom:10px; margin-top:20px;border-left:3px solid #000; height:23px; } h5.linkF { padding:0px 0 0 5px; margin-bottom:10px; border-left:3px solid #000; height:23px; } h5.subttlLineF { padding:10px 0 0 0px; margin:10px 10px; border-bottom:1px solid #ccc; height:23px; } h5.subttlLine { padding:20px 0 0 0px; margin:10px 10px; border-bottom:1px solid #ccc; height:23px; } h5.marign01 { margin:0 0 10px 10px; } h5.marign02 { margin:25px 0 10px 0; } h5.marign01F { margin:0 0 20px 10px; } h6 { margin: 25px 0 0 10px; color: #8c8c3f; clear: both; } h6.marign01 { margin: 10px 0 5px 32px; } img { border-width: 0; } hr { border:1px solid #CCC; margin:30px 0 15px 0 ; _margin:20px 0 10px -15px ; width:695px; padding:0;} p { margin:0; line-height:160%; } ul,ul li { list-style-type: none; } ol,ol li,ol li ol { margin-top:-10px; list-style-type: none; } table tr td ol, table tr td ul { } table { border:none; line-height:160%; } td, th { font-size:90%; } sup { font-size:90%; } /*----------------------------------------------------- 　ヘッダー -------------------------------------------------------*/ #headerWrapper { width:100%; background:#000; } #headerTop { height:113px; width:970px; *line-height:0%; position:absolute; z-index:50;} #header { height:100px; *line-height:0%; width: 960px; margin: 0 auto 0 auto;} #logoTop { position:absolute; padding-top:0; width:256px; z-index:51;} #logo { padding:20px 0 0 30px; width:200px; } #headerRightTop { float:right;width: 696px; padding-top:10px; } #headerRight { float:right;width: 706px; padding-top:10px; } #glNave { float:left; margin-left:0px; width: 555px; height:20px; padding:0; color:#FFF; } #glNave a { color:#FFF; font:normal normal 80%/150% auto; } #glNave a:hover { background-position:0px -10px; } #stuffBlog { float:left; margin-left:10px; width: 98px; height:17px; text-indent:-9999px; padding:0; } #stuffBlog a { display:block; width: 98px; height:17px; background: url("/images/stuffBlog.gif") no-repeat; } #stuffBlog a:hover { background-position:0px -17px; } #english { float:left; margin:3px 0 0 10px; width: 17px; height:12px; text-indent:-9999px; padding:0; } #english a { display:block; width: 17px; height:12px; background: url("/images/english.gif") no-repeat; } #english a:hover { background-position:0px -12px; } /*----------------------------------------------------- 　メインコンテンツ -------------------------------------------------------*/ #wrapper { width: 960px; margin: 0 auto 0 auto; } #topwrapper { width: 960px; margin: 0 auto 0 auto; position:relative; } #container { width: 960px; background: #fff url("/image/base_bg.jpg") no-repeat ; } #indexcenter { width: 890px; margin-left:33px; padding-top:20px; background: #fff; } #center { width: 960px; background: #fff; } #centerLeft { clear: both; float:left; width:215px; padding: 0; line-height:160%; } #centerRight { float:right; width:712px; padding:0 0; } #centerRight2 { float:right; width:720px; padding:0 0; } #centerRight3 { float:right; width:718px; padding:0 0; } /* FLASH */ #flash_pi { padding:15px 0 2px 5px; font-size: 80%; line-height:110%; color:#333; height:300px; } #myContent { position:absolute; top:0; width:1000px; height:800px; overflow:hidden; outline : none; margin: auto; text-align:center; z-index:1; } #flashContent { padding:20px 0 0 2px; margin:0; overflow: hidden; width:958px; } /* ナビ部分基本 */ #navibox { clear: both; padding-top:10px; width:670px; } #navibox2 { clear: both; width:670px; } #navi { position:relative; width:670px; height:43px; background:url("/images/navi.jpg") no-repeat 0 0; } #navi li { float:left; list-style-type: none; text-indent:-9999px; }/*メニューが横並び用*/ #navi li a { display:block; width:111px; height:43px; margin-bottom:0px; } /* ナビ部分hover,該当コンテンツにhover画像を当てる部分 */ #navi li a:hover,#navi li a.on{ background: url("/images/navi.jpg ") no-repeat 0 0;} #navi li#menu01 a:hover,#navi li#menu01 a.on{background-position: 0px -43px;} #navi li#menu02 a:hover,#navi li#menu02 a.on{background-position:-111px -43px;} #navi li#menu03 a:hover,#navi li#menu03 a.on{background-position:-222px -43px;} #navi li#menu04 a:hover,#navi li#menu04 a.on{background-position:-333px -43px;} #navi li#menu05 a:hover,#navi li#menu05 a.on{background-position:-444px -43px;} #navi li#menu06 a:hover,#navi li#menu06 a.on{background-position:-555px -43px;} /* ナビ部分基本 */ .stuffBlog /* leftサブナビ */ #subnavi { width:200px; padding-left:10px; margin-top:2px; text-indent:20px; } #subnavi ul { margin:0; padding:0; } #subnavi li { display:block; width:200px; height:40px; margin-bottom:2px; background: #DAD7C8 url("/images/submenu_arrow.gif ") no-repeat 8px 0; } #subnavi li a { display:block; width:200px; height:28px; padding-top:12px; background: url("/image/subnavi.jpg ") no-repeat 0 0; font-size:90%; } #subnavi li a:hover,#subnavi li a.on{ width:200px; height:28px; color:#fff; background: #000 url("/images/submenu_arrow_on.gif ") no-repeat 8px 0; text-decoration: none; } #abo_subttl01 { margin-right:20px; } #abo_subnavi { width:215px; margin-top:2px; text-indent:20px; background: url("/aboutus/images/subnavi01.gif ") no-repeat 0 0; text-indent:-9999px;} #abo_subnavi ul { margin:0; padding:0; } #abo_subnavi li { display:block; width:215px; height:40px; margin-bottom:2px; } #abo_subnavi li a { display:block; width:215px; height:40px; text-indent:-9999px; } #abo_subnavi li a:hover,#abo_subnavi li a.on { background: url("/aboutus/images/subnavi01.gif") no-repeat 0 0; } #abo_subnavi li#submenu01 a:hover,#abo_subnavi li#submenu01 a.on{background-position: -215px 0px;} #abo_subnavi li#submenu02 a:hover,#abo_subnavi li#submenu02 a.on{background-position: -215px -42px;} #abo_subnavi li#submenu03 a:hover,#abo_subnavi li#submenu03 a.on{background-position: -215px -84px;} #abo_subnavi li#submenu04 a:hover,#abo_subnavi li#submenu04 a.on{background-position: -215px -126px;} #abo_subnavi li#submenu05 a:hover,#abo_subnavi li#submenu05 a.on{background-position: -215px -168px;} #abo_subnavi li#submenu06 a:hover,#abo_subnavi li#submenu06 a.on{background-position: -215px -210px;} #ser_subttl01 { margin-right:17px; } #ser_subnavi { width:215px; margin-top:2px; text-indent:20px; background: url("/service/images/subnavi02.gif") no-repeat 0 0; text-indent:-9999px;} #ser_subnavi ul { margin:0; padding:0; } #ser_subnavi li { display:block; width:215px; height:40px; margin-bottom:2px; } #ser_subnavi li a { display:block; width:215px; height:40px; text-indent:-9999px; } #ser_subnavi li a:hover,#ser_subnavi li a.on { background: url("/service/images/subnavi02.gif") no-repeat 0 0; } #ser_subnavi li#submenu01 a:hover,#ser_subnavi li#submenu01 a.on{background-position: -215px 0px;} #ser_subnavi li#submenu02 a:hover,#ser_subnavi li#submenu02 a.on{background-position: -215px -42px;} #ser_subnavi li#submenu03 a:hover,#ser_subnavi li#submenu03 a.on{background-position: -215px -84px;} #ser_subnavi li#submenu04 a:hover,#ser_subnavi li#submenu04 a.on{background-position: -215px -126px;} #ser_subnavi li#submenu05 a:hover,#ser_subnavi li#submenu05 a.on{background-position: -215px -168px;} #ser_subnavi li#submenu06 a:hover,#ser_subnavi li#submenu06 a.on{background-position: -215px -210px;} #ser_subnavi li#submenu07 a:hover,#ser_subnavi li#submenu07 a.on{background-position: -215px -252px;} #ser_subnavi li#submenu08 a:hover,#ser_subnavi li#submenu08 a.on{background-position: -215px -294px;} #pro_subttl01 { margin-right:17px; } #pro_subnavi { width:215px; margin-top:2px; margin-bottom:20px; text-indent:20px; background: url("/product/images/subnavi03.gif ") no-repeat 0 0; text-indent:-9999px;} #pro_subnavi ul { margin:0; padding:0; } #pro_subnavi li { display:block; width:215px; height:40px; margin-bottom:2px; } #pro_subnavi li a { display:block; width:215px; height:40px; text-indent:-9999px; } #pro_subnavi li a:hover,#pro_subnavi li a.on { background: url("/product/images/subnavi03.gif") no-repeat 0 0; } #pro_subnavi li#submenu01 a:hover,#pro_subnavi li#submenu01 a.on{background-position: -215px 0px;} #pro_subnavi li#submenu02 a:hover,#pro_subnavi li#submenu02 a.on{background-position: -215px -42px;} #pro_subnavi li#submenu03 a:hover,#pro_subnavi li#submenu03 a.on{background-position: -215px -84px;} #pro_subnavi li#submenu04 a:hover,#pro_subnavi li#submenu04 a.on{background-position: -215px -126px;} #pro_subnavi li#submenu05 a:hover,#pro_subnavi li#submenu05 a.on{background-position: -215px -168px;} #pro_subnavi li#submenu06 a:hover,#pro_subnavi li#submenu06 a.on{background-position: -215px -210px;} #info_subttl01 { margin-right:17px; } #info_subnavi { width:215px; margin-top:2px; margin-bottom:20px; text-indent:20px; background: url("/information/images/subnavi_inf.gif") no-repeat 0 0; text-indent:-9999px;} #info_subnavi ul { margin:0; padding:0; } #info_subnavi li { display:block; width:215px; height:40px; margin-bottom:2px; } #info_subnavi li a { display:block; width:215px; height:40px; text-indent:-9999px; } #info_subnavi li a:hover,#info_subnavi li a.on { background: url("/information/images/subnavi_inf.gif") no-repeat 0 0; } #info_subnavi li#submenu01 a:hover,#info_subnavi li#submenu01 a.on{background-position: -215px 0px;} #info_subnavi li#submenu02 a:hover,#info_subnavi li#submenu02 a.on{background-position: -215px -42px;} #info_subnavi li#submenu03 a:hover,#info_subnavi li#submenu03 a.on{background-position: -215px -84px;} #info_subnavi li#submenu04 a:hover,#info_subnavi li#submenu04 a.on{background-position: -215px -126px;} #intl_subttl01 { margin-right:17px; } #intl_subnavi { width:215px; margin-top:2px; text-indent:20px; background: url("/intl/images/intl_submenu.gif") no-repeat 0 0; text-indent:-9999px;} #intl_subnavi ul { margin:0; padding:0; } #intl_subnavi li { display:block; width:215px; height:40px; margin-bottom:2px; } #intl_subnavi li a { display:block; width:215px; height:40px; text-indent:-9999px; } #intl_subnavi li a:hover,#intl_subnavi li a.on { background: url("/intl/images/intl_submenu.gif") no-repeat 0 0; } #intl_subnavi li#submenu01 a:hover,#intl_subnavi li#submenu01 a.on{background-position: -215px 0px;} #intl_subnavi li#submenu02 a:hover,#intl_subnavi li#submenu02 a.on{background-position: -215px -42px;} #intl_subnavi li#submenu03 a:hover,#intl_subnavi li#submenu03 a.on{background-position: -215px -84px;} #intl_subnavi li#submenu04 a:hover,#intl_subnavi li#submenu04 a.on{background-position: -215px -126px;} #intl_subnavi li#submenu05 a:hover,#intl_subnavi li#submenu05 a.on{background-position: -215px -168px;} #intl_subnavi li#submenu06 a:hover,#intl_subnavi li#submenu06 a.on{background-position: -215px -210px;} #intl_subnavi li#submenu07 a:hover,#intl_subnavi li#submenu07 a.on{background-position: -215px -252px;} #intl_subnavi li#submenu08 a:hover,#intl_subnavi li#submenu08 a.on{background-position: -215px -294px;} /*パンくず ------------------------------------------------ */ #breadcrumbs { clear: both; font-size:75%; text-align:right; padding-top:20px; } #breadcrumbs span { padding:6px 5px 0 18px; font-size:100%; color:#666; background: url("/images/home.jpg") no-repeat 0 6px;} #breadcrumbs a { font-size:100%; color:#999;} /*----------------------------------------------------- 　各ページの設定 -------------------------------------------------------*/ /*基本設定 ------------------------------------------------*/ .clear { clear: both; line-height: 0%; } #centerRight p { display:block; line-height:160%; margin:0 10px 10px 10px; } #centerRight p.firstTxet { display:block; line-height:160%; margin:0 10px 10px 0; } #centerRight2 p { display:block; line-height:160%; margin:0 10px 10px 10px; } #firstBox { margin-bottom:30px; } .story { display:block; margin:10px 10px; position:relative;} .story2 { display:block; margin:10px 10px; position:relative;} .story3 { display:block; margin:10px 0px 10px 10px; position:relative;} #centerRight .story2 p { display:block; margin:10px 20px 10px 20px; } .story .leadtext { display:block; margin:0 10px 20px 10px; } #centerRight2 .story { display:block; margin:10px 10px 10px 0; position:relative;} .textcenter { display:block; text-align:center; } /*#centerLeft span { font:normal normal 90%/180% auto; } #title { width:100%; height:45px; padding-bottom:12px; border-bottom:3px solid #666; background: url("/images/ttl_bg.jpg ") repeat-x; } .firsttext { margin-top:20px; } #firsttextbox { display:block; margin:0 0 20px 0; padding:20px 0 0 240px;} #firsttextbox2 { padding-top:20px; } .story2 { display:block; margin:10px 20px; } .story span { font:normal normal 90%/170% auto; } .storybox { background:#ECEDF2; margin:20px 20px; height:100%; } .margin01 { display:block; margin:20px 0 20px 0; } .margin02 span { display:block; margin-left:-5px; } .margin03 { display:block; margin:20px 0 10px 0; } .padding01 { display:block; padding:20px 0 20px 0; } .textright { display:block; text-align:right; } .bottomLine { border-bottom:2px solid #55558B; margin:25px 0; padding:3px 0; width:100%; } .linebox { border:1px solid #666; padding:20px; margin:20px 20px 0 20px; }*/ .leftBox { float:left; margin-top:10px; padding-bottom:20px; width:340px; } .rightBox { float:right; margin-top:10px; padding-bottom:20px; width:340px; } .leftBox2 { float:left; margin-top:5px; padding-bottom:20px; width:400px; } .rightBox2 { float:right; margin-top:5px; padding-bottom:20px; width:290px; } .leftBox3 { float:left; margin-top:5px; padding-bottom:20px; width:390px; } .rightBox3 { float:right; margin-top:5px; padding-bottom:20px; width:300px; } .leftBox4 { float:left; margin-top:5px; padding-bottom:20px; width:510px; } .rightBox4 { float:right; margin-top:5px; padding-bottom:20px; width:180px; } .leftBox5 { float:left; margin-top:5px; padding-bottom:20px; width:180px; padding-left:10px; } .rightBox5 { float:right; margin-top:5px; padding-bottom:20px; width:490px; } .rightBox5 p { margin:0 10px 10px 0px; } .leftBox6 { float:left; margin-top:5px; margin-left:12px; _margin-left:7px; padding-bottom:20px; width:390px; } .rightBox6 { float:right; margin-top:5px; padding-bottom:20px; width:300px; } .leftBox7 { float:left; margin-top:10px; padding-bottom:20px; width:232px; } .rightBox7 { float:right; margin-top:10px; padding-bottom:20px; width:455px; } .textcenter { text-align:center; } .ulmargin { margin-left:10px; } .ulmargin2 { margin-left:20px; } #centerRight2 .story2 p.margin01 { margin:10px 15px 10px 15px; } #centerRight2 .story2 p.margin02 { margin:10px 20px 10px 20px; } /* 文字指定 ------------------------------------------------*/ .font120{ font-size:120%; } .fontsmall90{ font-size:90%; } .fontsmall85{ font-size:85%; line-height: 100%; } .fontsmall80{ font-size:80%; line-height: 130%; } .fontsmall75{ font-size:75%; } #fontred{ color: red; } .fontwhite{ color: #FFFFFF; } .fsmall { font-size:80%; } /* flash表示設定 */ #embedSWF { outline : none; } /* home ------------------------------------------------*/ #topcenterLeft { float:left; width:428px; height:500px; background: url("/images/top_bg.jpg") no-repeat right top; } #topcenterLeft img { margin:80px 0; } #topcenterRight { float:right; width:470px; padding: 10px 20px 0 0; } #toptopics p { background: url(/images/dotto.jpg) no-repeat 0 bottom; margin:5px 0 10px 10px; width:430px; padding-bottom:10px; } #toptopics .topicDay { display:block; font:normal bold 85%/170% auto; } #toptopics .topicttl { display:block; font:normal bold 100%/170% auto; } #toptopics .topictext { display:block; font:normal normal 90%/170% auto; } #toptopics .topicmoer a { display:block; text-align:right; font:normal normal 85%/100% auto; color:#666; } #indexnavi { background: url(/images/index_bg.jpg) no-repeat 0 0; } #twitter { position:absolute; top:95px; left:0; width:400px; } #twitter h3 { margin:0; padding:0; height:15px; background: none ; */} /* 会社紹介 ------------------------------------------------*/ .kihan { margin:5px 0 0 20px; text-indent:-0.7em;} .tableSet { border-collapse:collapse; width:100%; margin:0; border:1px solid #ccc;} #first { border-collapse:collapse; width:700px; margin:20px 0 0 0; } .tableSet th { border-bottom:1px dotted #fff; background-color:#CCDBCA; padding:0.5em 1em; text-align:left; } .tableSet td { border-bottom:1px dotted #ccc; padding:0.5em 1em; } .tableSet .end { border:none; padding:0.5em 1em; } #mapBoxRight { float:right; width:235px; margin-right:10px; } .tableSet2 th { border:none; text-align:left; padding-right:5px; } .tableSet2 td { border:none; } /* サービス内容 ------------------------------------------------*/ /* rightサブナビ */ #right_subnaviBox { float:right; position:relative; width:180px; margin-bottom:20px; } #right_subnavi { position:absolute; top:10px; z-index:1; } #snbBg { position:absolute; top:0; } #pr_subnavi { width:170px; margin-left:1px; background: url("/service/pr/images/ser_subnavi01.jpg") no-repeat; text-indent:-9999px;} #pr_subnavi { margin:0; padding:0; } #pr_subnavi li { display:block; width:170px; height:43px; margin-bottom:2px; } #pr_subnavi li a { display:block; width:170px; height:43px; text-indent:-9999px; } #pr_subnavi li a:hover,#pr_subnavi li a.on { background: url("/service/pr/images/ser_subnavi01_ov.jpg") no-repeat; } #pr_subnavi li#submenu01 a:hover,#pr_subnavi li#submenu01 a.on{background-position: 0px 0px;} #pr_subnavi li#submenu02 a:hover,#pr_subnavi li#submenu02 a.on{background-position: 0px -44px;} #pr_subnavi li#submenu03 a:hover,#pr_subnavi li#submenu03 a.on{background-position: 0px -88px;} #pr_subnavi li#submenu04 a:hover,#pr_subnavi li#submenu04 a.on{background-position: 0px -134px;} #pr_subnavi li#submenu05 a:hover,#pr_subnavi li#submenu05 a.on{background-position: 0px -178px;} #commu_subnavi { width:170px; margin:0; background: url("/service/commu/images/ser_subnavi06.jpg") no-repeat; text-indent:-9999px;} #commu_subnavi { margin:0; padding:0; } #commu_subnavi li { display:block; width:170px; height:43px; margin-bottom:2px; } #commu_subnavi li a { display:block; width:170px; height:43px; text-indent:-9999px; } #commu_subnavi li a:hover,#commu_subnavi li a.on { background: url("/service/commu/images/ser_subnavi06_ov.jpg") no-repeat; } #commu_subnavi li#submenu01 a:hover,#commu_subnavi li#submenu01 a.on{background-position: 0px 0px;} #commu_subnavi li#submenu02 a:hover,#commu_subnavi li#submenu02 a.on{background-position: 0px -44px;} #commu_subnavi li#submenu03 a:hover,#commu_subnavi li#submenu03 a.on{background-position: 0px -88px;} #commu_subnavi li#submenu04 a:hover,#commu_subnavi li#submenu04 a.on{background-position: 0px -134px;} #commu_subnavi li#submenu05 a:hover,#commu_subnavi li#submenu05 a.on{background-position: 0px -178px;} #it_subnavi { width:170px; margin:0; background: url("/service/itsolution/images/ser_subnavi02.jpg") no-repeat; text-indent:-9999px;} #it_subnavi { margin:0; padding:0; } #it_subnavi li { display:block; width:170px; height:43px; margin-bottom:2px; } #it_subnavi li a { display:block; width:170px; height:43px; text-indent:-9999px; } #it_subnavi li a:hover,#it_subnavi li a.on { background: url("/service/itsolution/images/ser_subnavi02_ov.jpg") no-repeat; } #it_subnavi li#submenu01 a:hover,#it_subnavi li#submenu01 a.on{background-position: 0px 0px;} #it_subnavi li#submenu02 a:hover,#it_subnavi li#submenu02 a.on{background-position: 0px -44px;} #it_subnavi li#submenu03 a:hover,#it_subnavi li#submenu03 a.on{background-position: 0px -88px;} #it_subnavi li#submenu04 a:hover,#it_subnavi li#submenu04 a.on{background-position: 0px -134px;} #it_subnavi li#submenu05 a:hover,#it_subnavi li#submenu05 a.on{background-position: 0px -178px;} #web_subnavi { width:170px; margin:0; background: url("/service/web/images/ser_subnavi03.jpg") no-repeat; text-indent:-9999px;} #web_subnavi { margin:0; padding:0; } #web_subnavi li { display:block; width:170px; height:43px; margin-bottom:2px; } #web_subnavi li a { display:block; width:170px; height:43px; text-indent:-9999px; } #web_subnavi li a:hover,#web_subnavi li a.on { background: url("/service/web/images/ser_subnavi03_ov.jpg") no-repeat; } #web_subnavi li#submenu01 a:hover,#web_subnavi li#submenu01 a.on{background-position: 0px 0px;} #web_subnavi li#submenu02 a:hover,#web_subnavi li#submenu02 a.on{background-position: 0px -44px;} #web_subnavi li#submenu03 a:hover,#web_subnavi li#submenu03 a.on{background-position: 0px -88px;} #web_subnavi li#submenu04 a:hover,#web_subnavi li#submenu04 a.on{background-position: 0px -134px;} #web_subnavi li#submenu05 a:hover,#web_subnavi li#submenu05 a.on{background-position: 0px -180px;} #mob_subnavi { width:170px; margin:0; background: url("/service/mobile/images/ser_subnavi04.jpg") no-repeat; text-indent:-9999px;} #mob_subnavi { margin:0; padding:0; } #mob_subnavi li { display:block; width:170px; height:43px; margin-bottom:2px; } #mob_subnavi li a { display:block; width:170px; height:43px; text-indent:-9999px; } #mob_subnavi li a:hover,#mob_subnavi li a.on { background: url("/service/mobile/images/ser_subnavi04_ov.jpg") no-repeat; } #mob_subnavi li#submenu01 a:hover,#mob_subnavi li#submenu01 a.on{background-position: 0px 0px;} #mob_subnavi li#submenu02 a:hover,#mob_subnavi li#submenu02 a.on{background-position: 0px -44px;} #mob_subnavi li#submenu03 a:hover,#mob_subnavi li#submenu03 a.on{background-position: 0px -88px;} #mob_subnavi li#submenu04 a:hover,#mob_subnavi li#submenu04 a.on{background-position: 0px -134px;} #mob_subnavi li#submenu05 a:hover,#mob_subnavi li#submenu05 a.on{background-position: 0px -178px;} #seo_subnavi { width:170px; margin:0; background: url("/service/seo/images/ser_subnavi05.jpg") no-repeat; text-indent:-9999px;} #seo_subnavi { margin:0; padding:0; } #seo_subnavi li { display:block; width:170px; height:43px; margin-bottom:2px; } #seo_subnavi li a { display:block; width:170px; height:43px; text-indent:-9999px; } #seo_subnavi li a:hover,#seo_subnavi li a.on { background: url("/service/seo/images/ser_subnavi05_ov.jpg") no-repeat; } #seo_subnavi li#submenu01 a:hover,#seo_subnavi li#submenu01 a.on{background-position: 0px 0px;} #seo_subnavi li#submenu02 a:hover,#seo_subnavi li#submenu02 a.on{background-position: 0px -44px;} #seo_subnavi li#submenu03 a:hover,#seo_subnavi li#submenu03 a.on{background-position: 0px -88px;} #seo_subnavi li#submenu04 a:hover,#seo_subnavi li#submenu04 a.on{background-position: 0px -134px;} #seo_subnavi li#submenu05 a:hover,#seo_subnavi li#submenu05 a.on{background-position: 0px -178px;} #costsLeft { float:left; width:400px; margin-left:10px; _margin-left:5px; } #costsRight { float:right; width:270px; } .costsTable { border-collapse: collapse; font-size:0.7em; } .costsTable th { background:#666; color:#ccc; border-bottom:1px solid #999; padding:2px; border-right:2px solid #fff; } .costsTable td { border-bottom:1px solid #999; border-top:1px solid #999; padding:1px; border-right:3px solid #fff;} .costsTable td.borderNone{ border:none; padding:1px;} .costsTable td.center { text-align:center; } .costsTable .bgcolor { background:#C5D7FD; text-align:center; } .costsTable .bgcolor2 { background:#E8E8E8; text-align:right; } .flowBox { clear: both; margin-bottom:20px; margin-left:10px; background: url("/service/images/arrowhead.jpg") no-repeat bottom left; } .flowLeftBox { float:left; margin-top:12px; margin-left:4px; padding-bottom:20px; width:50px; } .flowRightBox { float:right; margin-top:10px; width:620px; border:1px solid #C5D7FD; } .flowRightBox span { display:block; padding:5px 5px 5px 10px; margin-bottom:5px; font:normal bold 100%/160% auto; border-bottom:1px dotted #ccc; color:#000066; background:#C5D7FD; } .flowRightBox p { display:block; padding:5px 10px 10px 10px; } .flowRightBox .flowText { padding:5px; } #tablemargin { margin-left:10px; } #coding_kihon { border:1px solid #ccc; text-align:center; font:normal bold 100%/100% auto; } #coding_kihon span { margin:3px; display:block; padding:20px; border:1px solid #ccc; font:normal bold 150%/160% auto; } #plus { font:normal bold 300%/160% auto; text-align:center; } .codingCostsTable { border-collapse: collapse; font-size:0.7em; } .codingCostsTable th { background:#666; color:#ccc; border-bottom:1px solid #999; border-right:1px solid #999; padding:2px; } .codingCostsTable td { border-bottom:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; padding:1px;} .codingCostsTable td.borderNone { border:none; padding:1px;} .codingCostsTable td.center { text-align:center; } .codingCostsTable .bgcolor { background:#C5D7FD; text-align:center; } .codingCostsTable .bgcolor2 { background:#E8E8E8; text-align:center; } .codingCostsTable .bgcolor3 { background:#E8E8E8; } .codingCostsTable .bgcolor4 { background:#FF9933; text-align:center; } #toiawaseMitumoriBtn a { display:block; margin:10px auto; height:40px; width:250px; background: url("/images/toiawasebtn.jpg") no-repeat 0 0; text-indent:-9999px; } #toiawaseMitumoriBtn a:hover { background-position: 0px -41px; } /* インフォメーション ------------------------------------------------*/ #backnumberbox { padding-bottom:40px; } #backnumber { float:left; width:497px; height:22px; background: url(/information/topics/images/info02_navi_2009.jpg) no-repeat 0 0; } #backnumber li { width:70px; float:left; text-indent:-9999px; } #backnumber li a { display:block; width:70px; height:22px;} #backnumber li a:hover,#backnumber li a.on{ background: url(/information/topics/images/info02_navi_2009.jpg) no-repeat 0 0; } #backnumber li#number2010 a:hover,#backnumber li#number2010 a.on { background-position: -0px -21px; } #backnumber li#number2009 a:hover,#backnumber li#number2009 a.on { background-position: -70px -21px; } #backnumber li#number2007 a:hover,#backnumber li#number2007 a.on { background-position: -140px -21px; } #backnumber li#number2006 a:hover,#backnumber li#number2006 a.on { background-position: -210px -21px; } #backnumber li#number2005 a:hover,#backnumber li#number2005 a.on { background-position: -284px -21px; } #backnumber li#number2004 a:hover,#backnumber li#number2004 a.on { background-position: -355px -21px; } #backnumber li#number2003 a:hover,#backnumber li#number2003 a.on { background-position: -426px -21px; } #dream_subnavi { clear: both; } #dream_subnavi { position:relative; height:67px; background:url("/information/dreamgate/images/dream_subnavi.jpg") no-repeat 0 0; } #dream_subnavi li { float:left; list-style-type: none; text-indent:-9999px; }/*メニューが横並び用*/ #dream_subnavi li a { display:block; height:67px; margin-bottom:0px; width:180px;} #dream_subnavi li#submenu01 { width:180px; } #dream_subnavi li#submenu02 { width:180px; } #dream_subnavi li#submenu03 { width:180px; } #dream_subnavi li#submenu04 { width:180px; } #dream_subnavi li a:hover,#dream_subnavi li a.on{ background: url("/information/dreamgate/images/dream_subnavi.jpg") no-repeat 0 0;} #dream_subnavi li#submenu01 a:hover,#dream_subnavi li#submenu01 a.on{background-position: 0px -67px;} #dream_subnavi li#submenu02 a:hover,#dream_subnavi li#submenu02 a.on{background-position: -180px -67px;} #dream_subnavi li#submenu03 a:hover,#dream_subnavi li#submenu03 a.on{background-position: -360px -67px;} #dream_subnavi li#submenu04 a:hover,#dream_subnavi li#submenu04 a.on{background-position: -540px -67px;} #dg_subnavi { width:170px; margin:0; background: url("/information/dreamgate/images/ser_subnavi07.jpg") no-repeat; text-indent:-9999px;} #dg_subnavi { margin:0; padding:0; } #dg_subnavi li { display:block; width:170px; height:43px; margin-bottom:2px; } #dg_subnavi li a { display:block; width:170px; height:43px; text-indent:-9999px; } #dg_subnavi li a:hover,#dg_subnavi li a.on { background: url("/information/dreamgate/images/ser_subnavi07_ov.jpg") no-repeat; } #dg_subnavi li#submenu01 a:hover,#dg_subnavi li#submenu01 a.on{background-position: 0px 0px;} #dg_subnavi li#submenu02 a:hover,#dg_subnavi li#submenu02 a.on{background-position: 0px -44px;} #dg_subnavi li#submenu03 a:hover,#dg_subnavi li#submenu03 a.on{background-position: 0px -88px;} #dg_subnavi li#submenu04 a:hover,#dg_subnavi li#submenu04 a.on{background-position: 0px -134px;} #dg_subnavi li#submenu05 a:hover,#dg_subnavi li#submenu05 a.on{background-position: 0px -178px;} #cam_subnavi { width:170px; margin:0; background: url("/information/campaign/images/ser_subnavi08.jpg") no-repeat; text-indent:-9999px;} #cam_subnavi { margin:0; padding:0; } #cam_subnavi li { display:block; width:170px; height:43px; margin-bottom:2px; } #cam_subnavi li a { display:block; width:170px; height:43px; text-indent:-9999px; } #cam_subnavi li a:hover,#cam_subnavi li a.on { background: url("/information/campaign/images/ser_subnavi08_ov.jpg") no-repeat; } #cam_subnavi li#submenu01 a:hover,#cam_subnavi li#submenu01 a.on{background-position: 0px 0px;} #cam_subnavi li#submenu02 a:hover,#cam_subnavi li#submenu02 a.on{background-position: 0px -44px;} #cam_subnavi li#submenu03 a:hover,#cam_subnavi li#submenu03 a.on{background-position: 0px -88px;} #cam_subnavi li#submenu04 a:hover,#cam_subnavi li#submenu04 a.on{background-position: 0px -134px;} #cam_subnavi li#submenu05 a:hover,#cam_subnavi li#submenu05 a.on{background-position: 0px -178px;} .servsubttl_bg { background: url(/service/images/serv01_subttlbg.jpg) repeat-x; height:32px; padding:7px 0 0 20px; } .serv01img { background: url(/service/images/serv01_bg.jpg) no-repeat 0 0; height:416px;} .serv02img { background: url(/service/images/serv02_bg.jpg) no-repeat 0 0; height:416px;} .serv04img { background: url(/service/images/serv04_bg.jpg) no-repeat 0 0; height:320px;} .serv05img { background: url(/service/images/serv05_bg.jpg) no-repeat 0 0; height:320px;} .serv06img { background: url(/service/images/serv06_bg.jpg) no-repeat 0 0; height:320px;} /* 製品紹介 ------------------------------------------------*/ #toiawaseBtn { margin:10px auto 0 auto; width:170px; } #toiawaseBtn a { display:block; height:27px; background: url("/images/btn_otoawase.jpg") no-repeat 0 0; text-indent:-9999px; } #toiawaseBtn a:hover { background-position: 0px -27px; } #mitumoriBtn { margin:10px auto 0 auto; width:170px; } #mitumoriBtn a { display:block; height:27px; background: url("/images/btn_omitumori.jpg") no-repeat 0 0; text-indent:-9999px; } #mitumoriBtn a:hover { background-position: 0px -27px; } #mitumoriBtn2 { margin:20px 0; width:252px; } #mitumoriBtn2 a { display:block; height:42px; background: url("/product/flashbook/images/mitumori.jpg") no-repeat 0 0; text-indent:-9999px; } #mitumoriBtn2 a:hover { background-position: 0px -42px; } #teikanBox { position:absolute; width:220px; top:283px; left:487px; text-align:center;} #teikan { margin:0; width:199px; height:41px; } #teikan a { display:block; height:41px; background: url("/product/images/btn_taiken.jpg") no-repeat 0 0; text-indent:-9999px; } #teikan a:hover { background-position: 0px -40px; } #eion_subnavi { clear: both; } #eion_subnavi { position:relative; height:52px; background:url("/product/eion_cp/images/product_menu01.jpg") no-repeat 0 0; } #eion_subnavi li { float:left; list-style-type: none; text-indent:-9999px; }/*メニューが横並び用*/ #eion_subnavi li a { display:block; height:52px; margin-bottom:0px; } #eion_subnavi li#submenu01 { width:145px; } #eion_subnavi li#submenu02 { width:142px; } #eion_subnavi li#submenu03 { width:142px; } #eion_subnavi li#submenu04 { width:142px; } #eion_subnavi li#submenu05 { width:145px; } #eion_subnavi li a:hover,#eion_subnavi li a.on{ background: url("/product/eion_cp/images/product_menu01_on.jpg") no-repeat 0 0;} #eion_subnavi li#submenu01 a:hover,#eion_subnavi li#submenu01 a.on{background-position: 0px 0px;} #eion_subnavi li#submenu02 a:hover,#eion_subnavi li#submenu02 a.on{background-position: -145px 0px;} #eion_subnavi li#submenu03 a:hover,#eion_subnavi li#submenu03 a.on{background-position: -287px 0px;} #eion_subnavi li#submenu04 a:hover,#eion_subnavi li#submenu04 a.on{background-position: -429px 0px;} #eion_subnavi li#submenu05 a:hover,#eion_subnavi li#submenu05 a.on{background-position: -571px 0px;} #flashbook_subnavi { clear: both; } #flashbook_subnavi { position:relative; height:52px; background:url("/product/flashbook/images/product_menu02.jpg") no-repeat 0 0; } #flashbook_subnavi li { float:left; list-style-type: none; text-indent:-9999px; }/*メニューが横並び用*/ #flashbook_subnavi li a { display:block; height:52px; margin-bottom:0px; } #flashbook_subnavi li#submenu01 { width:145px; } #flashbook_subnavi li#submenu02 { width:142px; } #flashbook_subnavi li#submenu03 { width:142px; } #flashbook_subnavi li#submenu04 { width:142px; } #flashbook_subnavi li#submenu05 { width:145px; } #flashbook_subnavi li a:hover,#flashbook_subnavi li a.on{ background: url("/product/flashbook/images/product_menu02_on.jpg") no-repeat 0 0;} #flashbook_subnavi li#submenu01 a:hover,#flashbook_subnavi li#submenu01 a.on{background-position: 0px 0px;} #flashbook_subnavi li#submenu02 a:hover,#flashbook_subnavi li#submenu02 a.on{background-position: -145px 0px;} #flashbook_subnavi li#submenu03 a:hover,#flashbook_subnavi li#submenu03 a.on{background-position: -287px 0px;} #flashbook_subnavi li#submenu04 a:hover,#flashbook_subnavi li#submenu04 a.on{background-position: -429px 0px;} #flashbook_subnavi li#submenu05 a:hover,#flashbook_subnavi li#submenu05 a.on{background-position: -571px 0px;} #flashmain { position:relative; width:700px;} #flashtaiken { position:absolute; width:200px; height:43px; top:350px; left:30px; text-indent:-9999px; background: url("/product/flashbook/images/taiken_botton.jpg") no-repeat 0 0;} #flashtaiken a { display:block; width:200px; height:43px; } #flashtaiken a:hover { background: url("/product/flashbook/images/taiken_botton.jpg") no-repeat 0px -43px; } .caption { padding:3px 20px 10px 32px; } .caption2 { padding:3px 20px 10px 22px; } .margin_img img { margin:0 0 10px 0; } #gamenkinou_btn { margin:0 auto; width:252px; height:42px; text-indent:-9999px; background: url("/product/flashbook/images/gamen_kinou_botton.jpg") no-repeat 0 0; } #gamenkinou_btn a { display:block; width:252px; height:42px; } #gamenkinou_btn a:hover { background: url("/product/flashbook/images/gamen_kinou_botton.jpg") no-repeat 0 -42px; } .flashmargin { margin:0 0 0 51px; } #ryoukinplan_btn { margin:30px auto 0 auto; width:252px; height:42px; text-indent:-9999px; background: url("/product/flashbook/images/ryoukin_syoukai_botton.jpg") no-repeat 0 0; } #ryoukinplan_btn a { display:block; width:252px; height:42px; } #ryoukinplan_btn a:hover { background: url("/product/flashbook/images/ryoukin_syoukai_botton.jpg") no-repeat 0 -42px; } .tableproduct { font-size:90%; border: 1px solid #A1B9DE; border-collapse: collapse; } .tableproduct td{ border-bottom: 1px solid #A1B9DE; padding:5px; } .tableproduct00{ background-color:#DCE5F3; } .tableproduct01{ font-weight: bold; background-color:#A1B9DE; border-top: 1px solid #FFF;} .tableproduct00 th{ border-top: 1px solid #FFF; } .tableproduct2 { margin-top:10px; margin-bottom:20px; _margin-bottom:35px; width:698px; font-size:90%; border-top: 1px solid #A1B9DE; border-collapse: collapse; } .tableproduct2 th { width:40%; padding:5px 10px; border-bottom: 1px solid #A1B9DE; background-color:#DCE5F3; text-align:left; } .tableproduct2 td { width:50%;border-bottom: 1px solid #A1B9DE; padding:5px 8px; } .tableproduct2 .end { /*border-bottom: 1px solid #A1B9DE;*/ } .tableproduct3 { margin-top:10px; *margin-top:20px; margin-bottom:5px; width:698px; font-size:90%; border: 1px solid #A1B9DE; border-collapse: collapse; } .tableproduct3 th { width:30%; padding:3px 10px; border-bottom: 1px solid #A1B9DE; background-color:#DCE5F3; text-align:left; } .tableproduct3 td { width:70%;border-bottom: 1px solid #A1B9DE; padding:3px 8px; } .tableproduct3 .end { /*border-bottom: 1px solid #A1B9DE;*/ } .tableproduct4 { margin-top:10px; *margin-top:20px; margin-bottom:10px; _margin-bottom:35px; font-size:90%; border: 1px solid #A1B9DE; border-collapse: collapse; } .tableproduct4 th { width:120px; padding:3px 10px; border: 1px solid #A1B9DE; background-color:#DCE5F3; text-align:left; } .tableproduct4 td { border: 1px solid #A1B9DE; padding:3px 8px; } .tableproduct4 .end { /*border-bottom: 1px solid #A1B9DE;*/ } .jirei { width: 705px; margin-bottom:20px; margin-left:5px; _margin-left:5px; padding-bottom:15px; background:url("/images/exp_bg.jpg") no-repeat right bottom; } .jireileft { float: left; width: 160px; height:100%; margin:0px 0px 0px 5px; } .jireiright { float: right; width: 510px; height:auto; margin:0px 5px 0px 0px; } .jireiTable { margin:20px 0 10px 2px; width:490px; border-collapse: collapse; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; } .jireiTable th { padding:4px 6px; width:80px; /*background:#E6E6E6;*/ text-align:left; border-bottom: 1px dotted #ccc; font-size:0.9em; color:#666; background:url("/images/table_bg.gif") no-repeat 70px 8px; vertical-align:text-top; } .jireiTable td { padding:4px 6px; border-bottom: 1px dotted #ccc; font-size:0.9em;} .infosubmanu { background:#000; margin-bottom:5px; } .infosubmanu .margin{ margin:10px 10px 10px 15px; } #infosubmanu01 { text-indent:-9999px; width:214px; height:50px; margin-bottom:5px; } #infosubmanu01 a { display:block; width:214px; height:50px; background: url(/information/images/info_submenu_ttl01.jpg) no-repeat; } #infosubmanu01 a:hover { background-position: 0px -50px;} #infosubmanu02 { text-indent:-9999px; width:214px; height:50px; margin-bottom:5px;} #infosubmanu02 a { display:block; width:214px; height:50px; background: url(/information/images/info_submenu_ttl02.jpg) no-repeat; } #infosubmanu02 a:hover { background-position: 0px -50px;} #infosubmanu03 { text-indent:-9999px; width:94px; height:23px; margin:10px 5px 0 110px; padding-bottom:10px; } #infosubmanu03 a { display:block; width:94px; height:23px; background: url(/information/images/kochira.jpg) no-repeat; } #infosubmanu03 a:hover { background-position: 0px -23px;} #infosubmanu04 { text-indent:-9999px; width:214px; height:50px; margin-bottom:5px;} #infosubmanu04 a { display:block; width:214px; height:50px; background: url(/information/images/info_submenu_btn04.jpg) no-repeat; } #infosubmanu04 a:hover { background-position: 0px -50px;} .monthbox a { font:normal bold 100%/120% auto; text-decoration: underline; } .day01 { display:block; padding-left:0px; background: url(/information/images/info01_icon.jpg) no-repeat 0 0; color:#990000; font:normal bold 100%/110% auto; height:20px; } .day02 { display:block; padding-left:20px; background: url(/information/images/info02_icon.jpg) no-repeat 0 0; color:#333; font:normal bold 100%/110% auto; height:20px; } .monthttl { display:block; padding:0 0 2px 6px; margin-left:10px; border-bottom:2px dotted #333; width:680px; } .monthtext1 { width:670px; padding:0 0 20px 0; margin:15px 0 0 20px; } .monthtext2 { width:670px; padding:0 0 20px 0; margin:15px 0 0 20px; background: url(/information/images/info_lin.jpg) no-repeat 0 bottom; } .monthtext1 img { margin:0 20px; } .monthtext2 img { margin:0 20px; } .info03box { margin:15px 0 20px 15px; } .info03subttl { display:block; padding:5px 0px; color:#393972; font:normal bold 100%/110% auto; height:20px; } ol.info04 { background: url(/information/images/info04_text03.gif) no-repeat 0 0; text-indent:-9999px; margin:0 0 0 20px; padding:10px 0; } #info04url { position:relative; top:-15px; left:30px; } #info04url a { text-decoration: underline; font:normal bold 100%/120% auto; } .sembox { margin:20px 0 0 20px; _margin:20px 0 10px 20px; width:632px; border:1px solid #A29A94;} .info04semttl { padding:5px 0 0 10px; background: url(/information/images/info04_subttl_bg.gif) repeat-x; height:25px; font:normal bold 110%/120% auto; color:#fff; width:622px; } .semtext { margin:15px 0 0 15px; } .semtext img { margin:0 0 5px 0 ; } .semtext span { font:normal bold 90%/120% auto; } .semtable th { padding:5px; color:#53538B; text-align:left; width:70px; } a .pdf { padding-left:20px; display:block; height:20px; background: url(/information/images/icon_pdf.jpg) no-repeat 0 0; } #dream_btn { text-indent:-9999px; width:720px; height:25px; margin-bottom:5px; } #dream_btn a { display:block; width:720px; height:25px; background: url(/information/dreamgate/images/dream_img02.gif) no-repeat; } #dream_btn a:hover { background-position: 0px -24px;} .dream_voiceF { margin:20px 0 10px 10px; _margin:20px 0 0px 10px; height:250px; background: url(/information/dreamgate/images/dream_img05.jpg) no-repeat; clear: both; } .dream_voiceF .images { float:left; margin:22px 0 0 26px; _margin:22px 0 0 13px; width:143px; height:100%; text-align:center;} .dream_voiceF .voiceBox { float:left; margin:22px 0 0 26px; width:138px; } .dream_voiceF .text { float:left; margin:12px 0 0 20px; padding:5px 5px 5px 10px; _padding:3px 0px 0px 8px; width:213px; _width:218px; height:100px; _height:80px; font-size:80%; } .dream_voice { margin:0px 10px 0 10px; height:250px; background: url(/information/dreamgate/images/dream_img05.jpg) no-repeat; clear: both; } .dream_voice .images { float:left; margin:22px 0 0 26px; _margin:22px 0 0 13px; width:143px; height:100%; text-align:center;} .dream_voice .voiceBox { float:left; margin:22px 0 0 26px; width:138px; } .dream_voice .text { float:left; margin:12px 0 0 20px; padding:5px 5px 5px 10px; _padding:3px 0px 0px 8px; width:213px; _width:218px; height:100px; _height:80px; font-size:80%; } .infoxdt dd { padding:0 0 10px 21px; } /* 採用情報 ------------------------------------------------*/ .recmanu { background:#000; margin-bottom:5px; } .recmanu .margin{ margin:10px 10px 10px 15px; } .recbtn { text-indent:-9999px; width:94px; height:23px; margin:10px 5px 0 110px; padding-bottom:10px; } .recbtn a { display:block; width:94px; height:23px; background: url(/recruitment/images/recbtn.gif) no-repeat; } .recbtn a:hover { background-position: 0px -23px;} .liststyle li { margin-left:5px; padding-left:15px; background: url(/images/listimg.gif) no-repeat 0 7px; } .liststyle2 li { margin-left:5px; padding-left:15px; background: url(/images/listimg.gif) no-repeat 0 7px; } ol.rec02text02 { background: url(/recruitment/images/rec02_text02.gif) no-repeat 0 0; text-indent:-9999px; margin:20px 0 0 20px; padding:10px 0; } ol.rec02text03 { background: url(/recruitment/images/rec02_text03.gif) no-repeat 0 0; text-indent:-9999px; margin:20px 0 0 20px; padding:10px 0; } .rec02ttl { display:block; margin:25px 0 5px 0; font:normal bold 100%/120% auto; } .rec02img { display:block; margin:10px 0; width:500; text-align:center; } #rec02left { float:left; width:300px; margin-left:20px; _margin-left:10px; margin-top:10px;} #rec02right { float:right; width:315px; padding-right:20px; margin-top:10px; } #rec02left .listnum ,#rec02right .listnum { margin:10px 0 30px 5px; } #rec02left .listnum li,#rec02right .listnum li { list-style-type: decimal; list-style-position:inside; } #rec02right ol.listno { margin:0 0 15px 0 ; } #rec02right .listno li { list-style-type: none; margin-left:20px; } .rec_line { padding-bottom:10px; background: url(/recruitment/images/recline.gif) no-repeat 0 bottom; } /* お問合わせ ------------------------------------------------*/ .fapbox { margin:20px 40px 20px 20px; } .fapbox2 { margin:20px 40px 20px 20px; padding:10px 0 15px 0; background: url(/contact/images/con_lin.gif) no-repeat 0 top ; } .faqsubttl { background: url(/contact/images/con_lin.gif) no-repeat 0 center ; } .faplist { margin:10px 0; } .faplist a { text-decoration: none; color:#393972; font-weight: bold;} .faplist a:hover { text-decoration: underline; color:#666; } .faplist li { margin-top:10px; *margin-top:9px;} .faplist img { margin-right:3px; } .faplin { width:600px; } .qa { margin-left:22px; } .qa li { text-indent:-22px; padding-top:10px; } .qa li.ttl { color:#393972; font-weight: bold; } /* サイトマップ 個人情報 プライバシーポリシー ------------------------------------------------*/ .linkUl { margin-left:23px; text-decoration: underline; } .linkUl li { list-style-type: disc; } .linkUl2 { margin-left:13px; margin-bottom:15px; text-decoration: underline;} .linkUl2 li { list-style-type: circle; } #othbox { background: url(/other/images/oth_bg.jpg) no-repeat left 0 ; height:550px; padding:0 50px; } .policytext { margin:10px 0 0 22px; } .textright { text-align:right; } #othboxleft { float:left; width:50%; padding-top:10px; } #othboxright { float:right; width:50%; padding-top:10px; padding-bottom:30px; } .mapsubttl { display:block; background: url(/other/images/oth_ttl_bg.jpg) no-repeat 0 bottom ; padding-bottom:8px; margin:30px 0 10px 0; } .maparrow li { padding:3px; margin-left:16px; background: url(/other/images/arrow.gif) no-repeat 0 center ; text-indent:10px; } .maparrow2 li { padding:3px; margin-left:30px; background: url(/other/images/arrow.gif) no-repeat 0 center ; text-indent:10px; } /*----------------------------------------------------- 　フッターブロック footer -------------------------------------------------------*/ /*ページトップへ ------------------------------------------------ */ .pageup { float:right; margin:0 0px 20px 0px; _margin:0 0px 0 0px; padding-top:30px; text-indent:-9999px; width:54px; background:#FFF;} .pageup a { display:block; font:normal normal 75%/100% auto; background: url(/images/pagetop.gif) no-repeat 0 0 ; width:54px; height:14px;} .pageup a:hover { background-position: 0 -15px; } /* コピーライト ------------------------------------------------*/ #topFooter { clear: both; position:absolute; top:650px; z-index:51; width:100%; height:60px; padding-top:8px; text-align:center; background: url(/images/footer.jpg) no-repeat center 0 ; color:#fff; } #topFooter a { font:normal normal 75%/130% auto; color:#fff; } #footer { clear: both; width:100%; height:60px; padding-top:8px; text-align:center; background: url(/images/footer.jpg) no-repeat center 0 ; background:#000; color:#ccc; } #footer a { font:normal normal 75%/130% auto; color:#ccc; } #copyright { color:#ccc; text-align: center; font:normal normal 75%/130% auto; margin:0 auto ; }