html {
}
p#top{
font-size:14px;
line-height:2em;
}
/* e[u€Κwθ
--------------------------------------------------------------------- */
.tcon table {
margin-top:0px;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-collapse: collapse;
text-align: left;
margin:0px auto 0;
}
.tcon table th {
padding: 8px;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
background-color: #F5F5F5;
font-weight: normal;
text-align: left;
text-align: center;
}
.tcon table td {
padding: 8px;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}
/* γ¬γ€γ’γ¦γE-----------------------------------------------------------*/
body {
background: #ffffff;
color: #444444;
text-align: center;
}
div#inclusiveBox {
width: 100%;
margin: 0 auto;
background: #ffffff;
font-size: 93%;
text-align: left;
}
div#contentsBox {
padding: 10px;
}
body#top div#main {
float: left;
width: 691px;
margin: 0 5px 0 0;
}
div#main {
float: right;
width: 612px;
margin: 0 0 0 0;
}
div#sub {
float: left;
width: 220px;
margin-top: 1px;
}
div#footer {
margin: 20px 0 0 0;
padding: 5px 0 10px 0;
text-align: center;
}
/* γ΅γγͺγ»γE γ΅γ€γεEιE-----------------------------------------------------------*/
/* γγγ?
-----------------------------------------------------------*/
div#header {
margin: 0;
padding: 0;
background: url('shared/images/bg_header.gif') repeat-x left top;
text-align: center
}
div#headerInner {
width: 921px;
margin: 0 auto;
padding: 19px 0 0;
}
div#header a {
outline: 0;
}
div#header img {
display: block;
}
#mainTitle {
display: block;
float: left;
width: 250px;
height: 50px;
background: url('../images/logo.jpg') no-repeat left top;
text-indent: -9990px; margin-left:0; margin-right:0; margin-top:-5px; margin-bottom:0
}
div#headerDescription {
float: right;
width: 550px;
}
div#headerDescription p {
display: block;
height: 25px;
background: url('/shared/images/text_tagline.gif') no-repeat left top;
text-indent: 0px;
text-align:right;
line-height:1.3em;
font-weight:bold;
}
div#headerDescription ul {
float: right;
width: 247px;
margin: 8px 0 9px;
}
div#headerDescription ul li {
float: left;
width: 119px;
}
div#headerDescription ul li#telNumber {
width: 104px;
margin-right: 10px;
padding-right: 14px;
background: url('shared/images/text_slash.gif') no-repeat right top;
}
div#headerDescription ul li img {
}
div#headerDescription2 {
float: left;
width: 100px;
}
/* γγγΏγΌ
-----------------------------------------------------------*/
div#footer {
font-size: 84%;
}
body#top div#footer {
margin-top: 27px;
}
div#footer div#footerMenu ul {
width: 920px;
margin: 0 auto;
}
div#footer div#footerMenu ul li {
display: inline;
margin-right: 7px;
padding-right: 7px;
border-right: solid 1px #666666;
}
div#footer div#footerMenu ul li.firstChild {
padding-left: 7px;
border-left: solid 1px #666666;
}
div#footer div#footerMenu ul#serviceList {
margin: 27px auto 0;
}
div#footer div#footerMenu ul#serviceList li.firstChild {
border-left: solid 1px #acabab;
}
div#footer div#footerMenu ul#serviceList li {
border-right: solid 1px #acabab;
line-height: 1.4;
}
div#footer div#footerMenu ul#serviceList li a {
color: #acabab;
text-decoration: none;
}
div#footer div#footerMenu ul#serviceList li a:hover {
text-decoration: underline;
}
div#footer p {
margin-top: 15px;
padding-top: 8px;
border-top: 3px solid #cbcbcb;
}
/* γ³γ³γE³γE-----------------------------------------------------------*/
div#contents {
text-align: center;
}
body#top div#contents {
margin-top: 1px;
padding-top: 22px;
border-top: solid 1px #cbcbcb;
}
div#contentsInner {
position: relative;
width: 925px;
margin: 0 auto;
text-align: left;
}
body#top div#contentsInner {
width: 921px;
}
body#top div#contents h2 {
display: none;
}
/* γ°γγΌγγ«γγγ²γΌγ·γ§γ³
-----------------------------------------------------------*/
div#globalNav {
text-align: center; padding-left:0px; padding-right:0; padding-top:2px; padding-bottom:6px
}
div#globalNavInner {
width:945px;
margin: 0 auto;
}
div#globalNav p {
display: none;
}
/* γγΌγ«γ«γγγ²γΌγ·γ§γ³
-----------------------------------------------------------*/
div#otherNav {
text-align: center;
}
div#otherNav div#otherNavInner {
width: 920px;
margin: 0 auto;
}
div#localNav {
/width: 463px;
margin: 6px 0 22px;
text-align: center;
}
div#localNavInner {
}
div#localNav p {
display: none;
}
div#localNav ul {
float: right;
border: solid 1px #cbcbcb;
}
div#localNav ul img {
vertical-align: bottom;
}
div#localNav li {
display: inline;
background: url('shared/images/bg_lnav.gif') no-repeat left center;; padding-left:1px; padding-right:0; padding-top:0; padding-bottom:0
}
div#localNav li.firstChild {
padding: 0;
background: none;
}
/* γγ³γγ
-----------------------------------------------------------*/
p#topicPath {
width: 454px;
float: left;
margin-top: 2px;
/margin-top: 8px;
font-size: 90%;
text-align: left;
}
div#topicPath p {
}
/* γγΌγ«γ«γ‘γγ₯γΌ
-----------------------------------------------------------*/
div#localMenu {
float: left;
width: 272px;
margin: 0;
padding-top: 8px;
background: url('shared/images/bg_lmenutop.gif') no-repeat left top;
}
div#localMenuInner {
padding-bottom: 100px;
background: url('shared/images/bg_lmenubottom.gif') no-repeat left bottom;
}
div#localMenu h2 {
display: block;
margin: 0 0 20px 17px;
}
div#localMenu h2 img {
vertical-align: bottom;
}
div#localMenu ul {
margin-top: -10px;
}
div#localMenu li {
display: inline;
}
div#localMenu li.active {
display: block;
margin-bottom: 8px !important;
_padding-bottom: 2px;
background: url('shared/images/icon_lmenu_active.gif') no-repeat left 9px;; margin-left:40px; margin-right:0; margin-top:0; padding-left:12px; padding-right:0; padding-top:0px; padding-bottom:0px
}
*:first-child+html div#localMenu li.active {
/padding: 8px 0 0 12px;
}
div#localMenu li a {
zoom: 100%;
width: 200px;
display: block;
/* clear: both;
float: left;*/
margin: 0 0 0 52px;
padding-top: 10px;
padding-bottom: 10px;
}
div#localMenu li a:hover {
zoom: 100%;
_width: 212px;
margin-left: 40px;
padding-left: 12px;
_padding-right: 12px;
background: url('shared/images/icon_lmenu_active.gif') no-repeat left 9px;
}
div#localMenu li img {
display: block;
}
/* γγΌγ«γ«γ‘γγ₯γΌγ?γ΅γΌγγΉγ»εEδΈ?覧
-----------------------------------------------------------*/
div#localMenu div.create h2 {
display: block;
margin: 0 0 -10px 17px;
}
div#localMenu div.create h3 {
overflow: hidden;
display: inline;
}
div#localMenu div.create h3 a,
div#localMenu div.create h3.noaction span {
width: 200px;
display: block;
/* clear: both;
float: left;*/
margin: 20px 0 -2px 42px;
padding: 10px 0 5px;
}
div#localMenu div.create h3.noaction span {
width: 200px;
display: block;
/* clear: both;
float: left;*/
margin: 20px 0 -2px 52px;
padding: 10px 0 5px;
}
div#localMenu div.create h3.active a {
_width: 212px;
margin-left: 30px;
padding-left: 2px;
background: url('shared/images/icon_lmenu_active.gif') no-repeat left 9px;
}
div#localMenu div.create h3 a:hover {
_width: 212px;
margin-left: 30px;
padding-left: 12px;
background: url('shared/images/icon_lmenu_active.gif') no-repeat left 9px;
}
div#localMenu div.create h3.active span {
display: block;
/* clear: both;
float: left;*/
_width: 212px;
background: url('shared/images/icon_lmenu_active.gif') no-repeat left 9px;; margin-left:30px; margin-right:0; margin-top:20px; margin-bottom:-2px; padding-left:12px; padding-right:0; padding-top:10px; padding-bottom:5px
}
div#localMenu div.create h3 img {
display: block;
clear: both;
}
div#localMenu div.create h3 img.noLink {
display: block;
margin: 20px 0 -2px 52px;
padding: 10px 0 5px;
}
div#localMenu div.create h3.active {
_width: 212px;
width: 200px;
display: block;
background: url('shared/images/icon_lmenu_active.gif') no-repeat left 9px;; margin-left:30px; margin-right:0; margin-top:20px; margin-bottom:-2px; padding-left:12px; padding-right:0; padding-top:10px; padding-bottom:5px
}
div#localMenu div.create ul {
margin: 0 0 0 50px;
}
div#localMenu div.create li {
display: inline;
}
div#localMenu div.create li a {
width: 170px;
background: url('shared/images/icon_arrow01.gif') no-repeat left 8px;; margin-left:0; margin-right:0; margin-top:4px; margin-bottom:0; padding-left:10px; padding-right:0; padding-top:5px; padding-bottom:4px
}
div#localMenu div.create li a:hover {
width: 170px;
background: url('shared/images/icon_arrow01.gif') no-repeat left 8px;; margin-left:0; margin-right:0; margin-top:4px; margin-bottom:0; padding-left:10px; padding-right:0; padding-top:5px; padding-bottom:4px
}
div#localMenu div.create li.active {
display: block;
width: 170px;
/padding-bottom: 2px;
background: url('shared/images/icon_arrow01.gif') no-repeat left 8px;; margin-left:0; margin-right:0; margin-top:4px; margin-bottom:0; padding-left:10px; padding-right:0; padding-top:5px
}
/* γγΌγ«γ«γ‘γγ₯γΌγ?δΌη€Ύζ‘εE
-----------------------------------------------------------*/
div#localMenu div.company h2 {
display: block;
margin: 0 0 10px 17px;
}
div#localMenu div.company h3 {
overflow: hidden;
display: inline;
}
div#localMenu div.company h3 a,
div#localMenu div.company h3.noaction span {
width: 200px;
display: block;
/* clear: both;
float: left;*/
margin: 7px 0 -2px 52px;
padding: 10px 0 5px;
}
div#localMenu div.company h3.noaction span {
width: 200px;
display: block;
/* clear: both;
float: left;*/
margin: 7px 0 -2px 52px;
padding: 10px 0 5px;
}
div#localMenu div.company h3.active a {
_width: 212px;
margin-left: 40px;
padding-left: 12px;
background: url('shared/images/icon_lmenu_active.gif') no-repeat left 9px;
}
div#localMenu div.company h3 a:hover {
_width: 212px;
margin-left: 40px;
padding-left: 12px;
background: url('shared/images/icon_lmenu_active.gif') no-repeat left 9px;
}
div#localMenu div.company h3.active span {
display: block;
/* clear: both;
float: left;*/
_width: 212px;
background: url('shared/images/icon_lmenu_active.gif') no-repeat left 9px;; margin-left:40px; margin-right:0; margin-top:20px; margin-bottom:-2px; padding-left:12px; padding-right:0; padding-top:10px; padding-bottom:5px
}
div#localMenu div.company h3 img {
display: block;
clear: both;
}
div#localMenu div.company h3 img.noLink {
display: block;
margin: 20px 0 -2px 52px;
padding: 10px 0 5px;
}
div#localMenu div.company h3.active {
_width: 212px;
width: 200px;
display: block;
background: url('shared/images/icon_lmenu_active.gif') no-repeat left 9px;; margin-left:40px; margin-right:0; margin-top:7px; margin-bottom:-2px; padding-left:12px; padding-right:0; padding-top:10px; padding-bottom:5px
}
div#localMenu div.company ul {
margin: 0 0 0 70px;
}
div#localMenu div.company li {
display: inline;
}
div#localMenu div.company li a {
width: 170px;
background: url('shared/images/icon_arrow01.gif') no-repeat left 8px;; margin-left:0; margin-right:0; margin-top:4px; margin-bottom:0; padding-left:10px; padding-right:0; padding-top:5px; padding-bottom:4px
}
div#localMenu div.company li a:hover {
width: 170px;
background: url('shared/images/icon_arrow01.gif') no-repeat left 8px;; margin-left:0; margin-right:0; margin-top:4px; margin-bottom:0; padding-left:10px; padding-right:0; padding-top:5px; padding-bottom:4px
}
div#localMenu div.company li.active {
display: block;
width: 170px;
/padding-bottom: 2px;
background: url('shared/images/icon_arrow01.gif') no-repeat left 8px;; margin-left:0; margin-right:0; margin-top:4px; margin-bottom:0; padding-left:10px; padding-right:0; padding-top:5px
}
/* γ΅γΌγγΉη΄Ήδ»γγE-----------------------------------------------------------*/
div#serviceNav {
background: #ececec url('shared/images/bg_servicenav.gif') repeat-x left top;
text-align: center; margin-left:0; margin-right:0; margin-top:25px; margin-bottom:0; padding-left:0; padding-right:0; padding-top:3px; padding-bottom:15px
}
div#serviceNavInner {
width: 921px;
margin: 0 auto;
text-align: left;
}
div#serviceNav h3 {
display: none;
}
div#serviceNav ul {
margin-left: 17px;
}
div#serviceNav ul li {
position: relative;
float: left;
width: 221px;
margin: 15px 5px 0 0;
padding-left: 75px;
font-size: 84%;
}
div#serviceNav ul > li {
width: 146px;
}
div#serviceNav ul li.return {
clear: left;
}
div#serviceNav ul li h4 {
margin: 5px 0 0 1px;
font-weight: bold;
}
div#serviceNav ul li h4 img {
position: absolute;
top: 0;
left: 0;
}
div#serviceNav ul li h4 a {
color: #666666;
}
div#serviceNav ul li p {
margin: 5px 0 0;
height: 34px;
}
div#serviceNav ul li > p {
min-height: 34px;
height: auto;
}
/* γγ©γE·γ₯γ¨γͺγ’
-----------------------------------------------------------*/
div#flashArea {
text-align: center;
background: url('shared/images/bg_flasharea.gif') left top;
}
body#top div#flashArea {
height: 300px;
}
div#flashAreaInner {
width: 952px;
height: 132px;
margin: 0 auto;
}
body#top div#flashAreaInner {
height: 300px;
}
body.company div#flashArea,
body.utility div#flashArea {
text-align: center;
background: url('shared/images/bg_mainvisual_enterprise.gif') repeat-x left top;
}
body.services div#flashArea,
body.packages div#flashArea,
body.works div#flashArea {
text-align: center;
background: url('shared/images/bg_mainvisual.jpg') repeat-x left top;
}
body.adpd div#flashArea {
text-align: center;
background: url('shared/images/bg_ad.jpg') repeat-x left top;
}
body.adpd2 div#flashArea {
text-align: center;
background: url('shared/images/bg_ad2.jpg') repeat-x left top;
}
body.hs div#flashArea {
text-align: center;
background: url('shared/images/bg_hs.jpg') repeat-x left top;
}
body.cp div#flashArea {
text-align: center;
background: url('shared/images/bg_cp.jpg') repeat-x left top;
}
body#webservice div#flashArea,
body#office div#flashArea,
body.staff div#flashArea,
body#blog div#flashArea,
body#recruit div#flashArea {
text-align: center;
background: url('shared/images/bg_mainvisual_staff.gif') repeat-x left top;
}
/* γγEγΈγγγE-----------------------------------------------------------*/
div#main p.pagetop {
margin-top: 50px;
text-align: right;
}
/* �覧
-----------------------------------------------------------*/
ul.seeCreate {
margin: 0;
padding: 0 0 0;
}
body#servicesTop ul.seeCreate,
body#packagesTop ul.seeCreate {
margin-left: 10px;
}
ul.seeCreate li {
float: left;
width: 297px;
background: url('shared/images/bg_corner_bottom01.gif') no-repeat left bottom;; margin-left:0; margin-right:18px; margin-top:9px; margin-bottom:0
}
body#servicesTop ul.seeCreate li,
body#packagesTop ul.seeCreate li {
width: 290px;
margin-right: 9px;
background: url('shared/images/bg_corner_bottom02.gif') no-repeat left bottom;
}
body#servicesTop ul.seeCreate li.prepared {
background: none !important;
}
body#servicesTop ul.seeCreate li.prepared:hover {
cursor: normal !important;
}
ul.seeCreate li.even {
margin-right: 0;
}
body#servicesTop ul.seeCreate li.even,
body#packagesTop ul.seeCreate li.even {
margin-right: 0;
}
ul.seeCreate li div {
background: url('shared/images/bg_corner_top01.gif') no-repeat left top;; padding-left:10px; padding-right:10px; padding-top:7px; padding-bottom:7px
}
body#servicesTop ul.seeCreate li div,
body#packagesTop ul.seeCreate li div {
background: url('shared/images/bg_corner_top02.gif') no-repeat left top;
}
ul.seeCreate li h3 a {
background: url('shared/images/icon_circle.gif') no-repeat left top;
font-weight: bold;
color: #444444; padding-left:19px; padding-right:0; padding-top:0; padding-bottom:0
}
ul.seeCreate li p {
margin: 7px 0 0 20px;
}
/* γεγEγγγγ©γΌγ?
-----------------------------------------------------------*/
div#main p.hissu em {
font-style: normal;
}
div#main dl#mailform {
margin: 5px 0px 0px 0px;
}
div#main dl#mailform dt{
background: #7b7b7b;
float: left;
width: 12em;
text-align: right;
color: #fff;
padding: 0px 5px 3px 0px ;
margin: 0em 0em 1px 0em;
}
div#main dl#mailform dd{
background: #aaa;
margin: 5px 0em 5px 12.6em;
_margin-top: 0;
padding: 0px 0px 0px 3px;
line-height: 0px;
}
*:first-child+html div#main dl#mailform dd{
margin-top: 0;
}
div#main dl#mailform dd select{
}
div#main dl#mailform dd input{
width: 90%;
padding: 2px 0px 2px 0px;
}
div#main dl#mailform dd em{
border-left: 4px solid #aaa;
padding-left: 3px;
display: block;
}
div#main dl#mailform dd.hs strong{
border-left: 4px solid #ff9900;
padding-left: 3px;
display: block;
}
div#main dl#mailform dd.hs textarea{
width: 90%;
height: 150px;
}
div#main p.button {
text-align: center;
}
div#main p.button input {
width: 100px;
}
/* γ΅γΌγγΉγ»εEγγEγΈγ?γεγEγγ
-----------------------------------------------------------*/
div.serviceContact {
width: 612px;
height: 87px;
background: url('shared/images/com_text_contact.jpg') no-repeat left top;
}
div.serviceContact h2,
div.serviceContact p {
display: none;
}
div.serviceContact p.btn {
display: block;
margin-left: 407px;
padding-top: 14px;
}
div.serviceContacts {
width: 612px;
height: 59px;
background: url('shared/images/text_contact.jpg') no-repeat left top;
}
div.serviceContacts h2,
div.serviceContacts p {
display: none;
}
div.serviceContacts p.btn {
display: block;
margin-left: 407px;
padding-top: 14px;
}
/* γγγγEγΌγΈγ?/index.html
-----------------------------------------------------------*/
/* γ‘γ€γ³ NEWS */
body#top div#main h3 {
padding-top: 5px;
}
div#main h3 img {
display: block;
}
div#main div#news {
zoom: 100%;
background: url('shared/images/top_bg_maintop01.gif') no-repeat left top;
font-size: 84%
}
div#main div#news a {
text-decoration: underline;
}
div#main div#news a:hover {
text-decoration: none;
}
div#main div#news h3 {
margin-bottom: 10px;
}
div#main div#news h3 img {
float: left;
width: 96px;
}
div#main div#news h3 a {
float: right;
width: 71px;
}
div#main div#news h3 a img {
float: none;
width: 71px;
}
div#main div#news div.article {
background: url('shared/images/top_bg_mainbottom01.gif') no-repeat left bottom;; padding-left:20px; padding-right:0; padding-top:0; padding-bottom:2px
}
div#main div#news dl dd {
background: url('shared/images/line_dotted01.gif') repeat-x left bottom;; margin-left:0; margin-right:0; margin-top:-1.6em; margin-bottom:7px; padding-left:8.0em; padding-right:0; padding-top:0; padding-bottom:8px
}
div#main div#news dl dd.lastChild {
margin-bottom: 0;
}
/* γ‘γ€γ³ For Client Ourselves */
div#main div#mainNav {
width: 691px;
}
div#main div#mainNav div.article {
background: url('shared/images/top_bg_mainbottom02.gif') no-repeat left bottom;; padding-left:20px; padding-right:0; padding-top:0; padding-bottom:0
}
div#main div#mainNav div.article div.articleInner {
float: left;
width: 300px;
margin: 0 36px 0 0;
}
div#main div#mainNav div.article div.articleInner h3 {
font-size:14px;
font-weight:bold;
border-bottom:3px solid;
padding: 10px;
}
div#main div#mainNav div.article div.last {
margin-right: 0;
}
div#main div#mainNav dl dt {
position: relative;
width: 300px;
background: url('shared/images/line_dotted01.gif') repeat-x left top;; margin-left:0; margin-right:0; margin-top:10px; margin-bottom:0; padding-left:49px; padding-right:0; padding-top:12px; padding-bottom:0
}
div#main div#mainNav dl dt.firstChild {
margin-top: 14px;
padding-top: 0;
background: none;
}
div#main div#mainNav dl > dt {
width: 302px;
}
div#main div#mainNav dl dt a {
display: block;
}
div#main div#mainNav dl dt img {
display: block;
}
div#main div#mainNav dl dt img.icon {
position: absolute;
top: 12px;
left: 0;
}
div#main div#mainNav dl dt.firstChild img.icon {
top: 0;
}
div#main div#mainNav dl dd {
clear: both;
height: 10px;
padding-top: 0px;
padding-left: 59px;
font-size: 84%;
}
div#main div#mainNav dl > dd {
min-height: 10px;
height: auto;
}
div#main div#mainNav div.bk {
}
div#main div#mainNav div.bk img {
height:80px;
display: block;
}
div#main div#mainNav div.bk a {
height:50px;
display: block;
}
div#main div#mainNav div.bk h3{
margin:15px 5px 5px 20px;
line-height:1.7em;
font-size:12px;
}
div#main div#mainNav div.bk div.bk01 {
float: left;
width: 222px;
height:320px;
margin: 0 11px 0 0;
line-height:1em;
background:url('../images/web_b.gif') bottom;
}
div#main div#mainNav div.bk div.bk02 {
float: left;
width: 222px;
height:320px;
margin: 0 11px 0 0;
background:url('../images/ad_b.gif') bottom;
}
div#main div#mainNav div.bk div.bk03 {
float: left;
width: 222px;
height:320px;
margin: 0 0px 0 0;
background:url('../images/jin_b.gif') bottom;
}
div#main div#mainNav div.bk div.bk04 {
float: left;
width: 220px;
height:350px;
margin: 0 0px 0 0;
background:url('../images/jin_b.gif') ;
}
/* γ΅γE */
div#sub div#works {
background: url('shared/images/top_bg_worksinner.gif') repeat-y left top;
}
div#sub div#worksInner {
zoom: 100%;
position: relative;
overflow: hidden;
/padding-top: 13px;
background: url('shared/images/top_bg_workstop.gif') no-repeat left top;
}
div#sub div#worksFrame {
zoom: 100%;
position: relative;
overflow: hidden;
_padding-top: 4px;
background: url('shared/images/top_bg_worksbottom.gif') no-repeat left bottom;;
padding-left:5px; padding-right:5px; padding-top:8px; padding-bottom:8px;
}
html>/**/body .foo, x:-moz-any-link, x:default, div#sub div#worksInner {
padding-top: 1px; /* Only FireFox 3 */
}
div#sub div#worksFrame {
}
div#sub div#works div.worksArticle {
margin: 11px 0px 11px 0px;
padding: 3px 3px 3px 5px;
background: #f6f6f5;
font-weight:bold;
font-size:14px;
line-height:3em;
}
div#sub div#works h3 img {
position: relative;
display: block;
margin: 0 auto 9px;
text-align: center;
}
div#sub div#works p.thumb {
margin-top: 29px;
}
div#sub div#works div#xmlSlide {
margin-top: -20px;
}
div#sub div#works div#xmlSlide p img {
/* border: solid 1px #cbcbcb;*/
}
div#sub div#works div.text {
overflow: hidden;
height: 106px;
}
div#sub div#works h4 {
min-height: 14px;
_height: 14px;
background: url('shared/images/icon_text.gif') no-repeat left 0.2em;
font-weight: bold;
line-height: 1.3; margin-left:0; margin-right:0; margin-top:7px; margin-bottom:6px; padding-left:12px; padding-right:0; padding-top:0; padding-bottom:0
}
div#sub div#works div.worksArticle > h4 {
min-height: 14px;
height: auto;
}
div#sub div#works h4 a {
color: #666666;
}
div#sub div#works h4 img {
margin: 0 0 0 6px;
}
div#sub div#works p {
font-size: 84%;
}
div#sub div#works p.btn {
z-index: 100;
position: relative;
margin: 0 0 0 0;
text-align: right;
}
div#sub div#works p.btn a {
z-index: 100;
position: relative;
float: right;
}
div#sub div#works p.btn img {
position: relative;
display: block;
}
div#xmlSlideNav {
position: relative;
margin: 10px 0 0;
/margin: 7px 0 0;
padding: 0 5px 5px;
}
div#xmlSlideNav p {
width: 17px;
}
div#xmlSlideNav p#xmlSlideNavBefore {
float: left;
}
div#xmlSlideNav p#xmlSlideNavAfter {
float: right;
}
div#sub div#works div#xmlSlideNav p#xmlSlideNavBefore img {
display: block;
border: 0px none;
}
div#sub div#works div#xmlSlideNav p#xmlSlideNavAfter img {
display: block;
border: 0px none;
}
div#sub div#works div#search {
padding-right: 0;
padding-left: 14px;
}
div#sub div#works form p {
text-align: left;
font-size: 100%;
}
div#sub div#works form p input {
width: 159px;
margin-right: 6px;
}
div#sub div#works form p input#submit {
width: auto;
margin-right: 0;
}
div#main p.banWorks {
float: left;
padding: 10px 0 0 0;
}
div#main p.asia {
float: left;
padding: 10px 20px 0 0;
}
/* γγγ°γ¨γͺγ’ */
div#blogArea {
font-size: 80%;
background: url('shared/images/top_bg_blogarea.gif') no-repeat left bottom;
width: 262px;
margin-left:0; margin-right:0; margin-top:15px; margin-bottom:0; padding-left:0; padding-right:0; padding-top:0; padding-bottom:20px
}
div#blogArea p{
padding: 0 0 15px 0;
}
div#blogArea dl, div#blogArea dt, div#blogArea dd {
margin: 0px;
padding: 0px;
}
div#blogArea dl {
margin: 0 22px 0 18px;
}
div#blogArea dt {
line-height: 1.5em;
background: url('shared/images/top_icon_blogarea.jpg') no-repeat left 0.2em;
padding-left:13px; padding-right:0; padding-top:0; padding-bottom:0
}
div#blogArea dd {
line-height: 1.5em;
background: url('shared/images/top_line_blogarea.gif') no-repeat 13px 1.5em;
text-align: right;
display: block;
padding-left:0; padding-right:0; padding-top:0; padding-bottom:8px
}
/* ζ°η?ζE?±γ?/news.html
-----------------------------------------------------------*/
body#news div#contents {
margin-top: 38px;
}
body#news div#main {
float: none;
width: 920px;
color: #444444;
}
body#news div#main h1 {
margin: 0 0 40px;
}
body#news div#main h1 img {
vertical-align: bottom;
}
body#news div#main dl dt {
padding-top: 16px;
background: url('shared/images/line_dotted01.gif') repeat-x left top;
font-weight: bold; margin-left:0; margin-right:0; margin-top:16px; margin-bottom:2px
}
body#news div#main dl dt.firstChild {
margin-top: 0;
padding: 0;
background: none;
}
body#news div#main dl dd {
margin-bottom: -7px;
}
body#news div#main dl dd p {
margin-bottom: 24px;
}
ol.jumpPage {
margin-top: 45px;
text-align: center;
}
ol.jumpPage li {
display: inline;
margin-right: 4px;
}
ol.jumpPage li span {
padding: 3px 7px;
}
ol.jumpPage li a {
padding: 3px 7px;
border: solid 1px #cbcbcb;
}
ol.jumpPage li.item a {
border: 0px none;
}
ol.jumpPage li a:hover {
background: #cbcbcb;
}
ol.jumpPage li.item a:hover {
margin-left: -1px;
padding-right: 6px;
border: solid 1px #cbcbcb;
}
.circle {
display: block;
padding-left: 18px !important;
background: url('shared/images/icon_circle.gif') no-repeat left 0.3em !important;
font-weight: bold
}
strong.circle {
}
/* ι’ι£γγEγΈγ?/packages /services
-----------------------------------------------------------*/
#main .relatedContents {
background:none;
padding-top:0;
}
#relatedPageBox {
position:relative;
background:url('shared/images/bg_related_middle.gif') repeat-y;
width:612px;
margin-left:0; margin-right:0; margin-top:15px; margin-bottom:0
}
#relatedPageBox #relatedPageBoxT {
height:12px;
font-size:0;
line-height:0;
}
#relatedPageBox h4 {
padding:0 12px 0;
font-size:1.4em;
font-weight:bold;
}
#relatedPage01 {
width:300px;
float:left;
}
#relatedPage02 {
width:300px;
float:right;
}
#relatedPageBox .textBox1 p {
padding:0 10px 40px 12px;
/padding:0 10px 50px 12px;
}
#relatedPageBox .textBox2 p {
padding:0 10px 40px 12px;
/padding:0 10px 50px 12px;
}
#relatedPageBox .imgBox1 p,
#relatedPageBox .imgBox2 p {
padding:0 10px 40px 20px;
}
#relatedPageBox .imgBox1,
#relatedPageBox .imgBox2 {
padding:0 5px 12x 0;
}
#relatedPageBox p.relatedImg {
float:left;
padding:0 8px 0 12px;
}
/* relatedPage01 btn */
#relatedPageBox .textBox1 p.relatedLink {
position:absolute;
padding:0;
left:75px;
bottom:15px;
}
#relatedPageBox .imgBox1 p.relatedLink {
position:absolute;
padding:0;
left:140px;
bottom:15px;
}
/* relatedPage02 btn */
#relatedPageBox .textBox2 p.relatedLink {
position:absolute;
padding:0;
right:75px;
bottom:15px;
}
#relatedPageBox .imgBox2 p.relatedLink {
position:absolute;
padding:0;
right:8px;
bottom:15px;
}
div#global_navi { width:950px; height:43px;
background:url('../images/global_navi2.gif') no-repeat 0 0; margin-left:0; margin-right:0; margin-top:5px; margin-bottom:0 }
#global_navi span { display: none;}
#global_navi ul { list-style-type: none; margin: 0; padding: 0;}
#global_navi li { height:43px; display:block; float:left; display:inline; }
#global_navi a { height:43px; display:block; text-decoration: none; outline: none; }
#global_navi01 { width: 193px; }
#global_navi02 { width: 193px; }
#global_navi03 { width: 193px; }
#global_navi04 { width: 193px; }
#global_navi05 { width: 178px; }
#global_navi01 a:hover { background: url('../images/global_navi2.gif') no-repeat 0px -50px; }
#global_navi02 a:hover { background: url('../images/global_navi2.gif') no-repeat -193px -50px; }
#global_navi03 a:hover { background: url('../images/global_navi2.gif') no-repeat -387px -50px; }
#global_navi04 a:hover { background: url('../images/global_navi2.gif') no-repeat -579px -50px; }
#global_navi05 a:hover { background: url('../images/global_navi2.gif') no-repeat -772px -50px; }
#active_navi01 { width: 193px; background: url('../images/global_navi2.gif') no-repeat 0 -100px; }
#active_navi02 { width: 193px; background: url('../images/global_navi2.gif') no-repeat -192px -100px;}
#active_navi03 { width: 193px; background: url('../images/global_navi2.gif') no-repeat -387px -100px; }
#active_navi04 { width: 193px; background: url('../images/global_navi2.gif') no-repeat -579px -100px; }
#active_navi05 { width: 178px; background: url('../images/global_navi2.gif') no-repeat -772px -100px;}
/*------------------------------------------------------------------------
samp
--------------------------------------------------------------------------*/
#standard {
width : 612px;
background: url('../images/bg_web.jpg') no-repeat;
padding-left:0;
padding-right:0;
padding-top:110px;
padding-bottom:0 ;
}
#standard h1 { display: none;}
#standard p {
padding: 0 220px 0 0;
font-size:14px;
line-height:2em;
}
h2#standard01 {
background: url('../images/h1img_web.gif') no-repeat 0px -400px;
margin-left:0;
margin-right:0;
margin-top:30px;
margin-bottom:10px
}
h2#standard02 {
background: url('../images/h1img_web.gif') no-repeat 0px -450px;
margin-left:0;
margin-right:0;
margin-top:30px;
margin-bottom:10px }
#createMenu p.top{
font-size:14px;
line-height:2em;
}
#web {
width : 612px;
background: url('../images/bg_web01.jpg') no-repeat;
padding-left:0;
padding-right:0;
padding-top:110px;
padding-bottom:0 ;
}
#web p {
padding: 20 260px 0 0;
font-size:14px;
line-height:2em;
}
#seo {
width : 612px;
background: url('../images/bg_seo.jpg') no-repeat;
padding-left:0;
padding-right:0;
padding-top:110px;
padding-bottom:0 ;
}
#seo p {
padding: 0 220px 0 0;
font-size:14px;
line-height:2em;
}
#cms {
width : 612px;
background: url('../images/bg_cms.jpg') no-repeat;
padding-left:0;
padding-right:0;
padding-top:110px;
padding-bottom:0 ;
}
#cms p {
padding: 0 260px 0 0;
font-size:14px;
line-height:2em;
}
#ec {
width : 612px;
background: url('../images/bg_ec.jpg') no-repeat;
padding-left:0;
padding-right:0;
padding-top:110px;
padding-bottom:0 ;
}
#ec p {
padding: 0 220px 0 0;
font-size:14px;
line-height:2em;
}
#ml {
width : 612px;
background: url('../images/bg_ml.jpg') no-repeat;
padding-left:0;
padding-right:0;
padding-top:110px;
padding-bottom:0 ;
}
#ml p {
padding: 0 220px 0 0;
font-size:14px;
line-height:2em;
}
#adpd {
width : 612px;
background: url('../images/bg_adpd.jpg') no-repeat;
padding-left:0;
padding-right:0;
padding-top:110px;
padding-bottom:0 ;
}
#adpd2 {
width : 612px;
background: url('../images/bg_adpd2.jpg') no-repeat;
padding-left:0;
padding-right:0;
padding-top:110px;
padding-bottom:0 ;
}
#adpd3 {
width : 612px;
background: url('../images/bg_adpd3.jpg') no-repeat;
padding-left:0;
padding-right:0;
padding-top:110px;
padding-bottom:0 ;
}
#adpd p {
padding: 0 220px 0 0;
font-size:14px;
line-height:2em;
}
#adpd2 p {
padding: 0 220px 0 0;
font-size:14px;
line-height:2em;
}
#adpd3 p {
padding: 0 220px 0 0;
font-size:14px;
line-height:2em;
}
#hs {
width : 612px;
background: url('../images/bg_hs.jpg') no-repeat;
padding-left:0;
padding-right:0;
padding-top:110px;
padding-bottom:0 ;
}
#hs p {
padding: 0 220px 0 0;
font-size:14px;
line-height:2em;
}
#cp {
width : 612px;
background: url('../images/bg_cp.jpg') no-repeat;
padding-left:0;
padding-right:0;
padding-top:110px;
padding-bottom:0 ;
}
#cp p {
padding: 20px 260px 0 0;
font-size:14px;
line-height:2em;
}
#fc {
width : 612px;
background: url('../images/bg_fc.jpg') no-repeat;
padding-left:0;
padding-right:0;
padding-top:110px;
padding-bottom:0 ;
}
#fc p {
padding: 0 220px 0 0;
font-size:14px;
line-height:2em;
}
#fj {
width : 612px;
background: url('../images/bg_fj.jpg') no-repeat;
padding-left:0;
padding-right:0;
padding-top:110px;
padding-bottom:0 ;
}
#fj p {
padding: 0 220px 0 0;
font-size:14px;
line-height:2em;
}
#ti {
width : 612px;
background: url('../images/bg_ti.jpg') no-repeat;
padding-left:0;
padding-right:0;
padding-top:110px;
padding-bottom:0 ;
}
#ti p {
padding: 0 220px 0 0;
font-size:14px;
line-height:2em;
}
#td {
width : 612px;
background: url('../images/bg_td.jpg') no-repeat;
padding-left:0;
padding-right:0;
padding-top:110px;
padding-bottom:0 ;
}
#td p {
padding: 0 220px 0 0;
font-size:14px;
line-height:2em;
}
#form {
width : 612px;
background: url('../images/bg_form.jpg') no-repeat;
padding-left:0;
padding-right:0;
padding-top:110px;
padding-bottom:0 ;
}
#form p {
padding: 20px 260px 0 0;
font-size:14px;
line-height:2em;
}
/*------------------------------------------------------------------------
Local Navigattion
--------------------------------------------------------------------------*/
.bg_localn{
background: url('../images/bg_lmenu.gif') repeat-y;
}
.local_navi img {
vertical-align: bottom;
}