@charset "utf-8";
/* トップページ用 */


/*-------------------------------------------
ヘッダ
-------------------------------------------*/

#headTop {
width:900px;
height:181px;
margin:0;
padding:0;
text-align:left;
background-image:url(../../images/public/top/bg_head.jpg);
background-repeat:no-repeat;
}

#hLeft {
float:left;
width:334px;
margin:0;
padding:8px 0 6px 16px;
}

#hRight {
float:right;
width:520px;
margin:0;
padding:20px 17px 0 0;
text-align:right;
}
#hRight p {
margin:0 0 8px 0;
padding:0;
}

#mainMenu {
margin:0 0 0 20px;
}

/*ヘッダサブメニュー*/
ul#nav {
margin:0 0 0 242px;
padding:0;
width:280px;
height:30px;
list-style-type : none;
}
ul#nav li {
width:137px;
height:30px;
margin:0 2px 0 0;
float:left;
}
ul#nav li a {
display:block;
width:137px;
height:30px;
text-decoration:none;
position:absolute;
}
ul#nav li#btn01 a {
background-image:url(../../images/public/common/b_head06.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#nav li#btn01 a:hover {
background-image:url(../../images/public/common/b_head06on.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#nav li#btn02 a {
background-image:url(../../images/public/common/b_head07.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#nav li#btn02 a:hover {
background-image:url(../../images/public/common/b_head07on.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}

/*ヘッダメインメニュー*/
ul#mainNav {
margin:24px 0 0 25px;
padding:0;
width:495px;
height:41px;
list-style-type : none;
}
ul#mainNav li {
width:99px;
height:41px;
float:left;
}
ul#mainNav li a {
display:block;
width:99px;
height:41px;
text-decoration:none;
position:absolute;
}
ul#mainNav li#gbtn01 a {
background-image:url(../../images/public/top/b_head01.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#mainNav li#gbtn01 a:hover {
background-image:url(../../images/public/top/b_head01on.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#mainNav li#gbtn02 a {
background-image:url(../../images/public/top/b_head02.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#mainNav li#gbtn02 a:hover {
background-image:url(../../images/public/top/b_head02on.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#mainNav li#gbtn03 a {
background-image:url(../../images/public/top/b_head03.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#mainNav li#gbtn03 a:hover {
background-image:url(../../images/public/top/b_head03on.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#mainNav li#gbtn04 a {
background-image:url(../../images/public/top/b_head04.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#mainNav li#gbtn04 a:hover {
background-image:url(../../images/public/top/b_head04on.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#mainNav li#gbtn05 a {
background-image:url(../../images/public/top/b_head05.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#mainNav li#gbtn05 a:hover {
background-image:url(../../images/public/top/b_head05on.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}

/*-------------------------------------------
コンテンツ
-------------------------------------------*/
#contents {
clear:both;
position:relative;
width:860px;
height:auto;
margin:0 20px;
background-color:#FFFFFF;
}
#flashArea {
margin:0 0 2px 0;
padding:0;
}

#conMain01 {
background-image:url(../../images/public/top/bg_main01.jpg);
background-repeat:no-repeat;
width:860px;
height:189px;
margin:0;
padding:0;
}
.conMain01Left {
float:left;
margin:7px 0 0 21px;
padding:0;
}
.conMain01Right {
float:right;
margin:0;
padding:7px 22px 0 0;
}
#conMain02 {
background-image:url(../../images/public/top/bg_main02.jpg);
width:860px;
height:238px;
margin:0;
padding:0;
}
.conMain02Left {
float:left;
margin:0;
padding:0 0 0 25px;
}
.conMain02Right {
float:right;
margin:172px 24px 0 0;
padding:0;
}
.setPlan01 a {
background-image:url(../../images/public/top/bn_main01.jpg);
background-repeat:no-repeat;
width:247px;
height:41px;
margin:0;
padding:8px 0 0 60px;
display:block;
color:#FF0000;
font-size:16px;
font-weight:bold;
text-decoration:none;
}
.setPlan01 a:hover {
background-image:url(../../images/public/top/bn_main01x.jpg);
background-repeat:no-repeat;
width:247px;
height:41px;
margin:0;
padding:8px 0 0 60px;
display:block;
color:#FF0000;
font-size:16px;
font-weight:bold;
text-decoration:none;
}

.setPlan02 a {
background-image:url(../../images/public/top/bn_main02.jpg);
background-repeat:no-repeat;
width:247px;
height:44px;
margin:0 0 0 46px;
padding:8px 0 0 60px;
display:block;
color:#FF0000;
font-size:16px;
font-weight:bold;
text-decoration:none;
}
.setPlan02 a:hover {
background-image:url(../../images/public/top/bn_main02x.jpg);
background-repeat:no-repeat;
width:247px;
height:44px;
margin:0 0 0 46px;
padding:8px 0 0 60px;
display:block;
color:#FF0000;
font-size:16px;
font-weight:bold;
text-decoration:none;
}

.setPlan03 a {
background-image:url(../../images/public/top/bn_main03.jpg);
background-repeat:no-repeat;
width:247px;
height:44px;
margin:0 0 0 93px;
padding:8px 0 0 60px;
display:block;
color:#FF0000;
font-size:16px;
font-weight:bold;
text-decoration:none;
}
.setPlan03 a:hover {
background-image:url(../../images/public/top/bn_main03x.jpg);
background-repeat:no-repeat;
width:247px;
height:44px;
margin:0 0 0 93px;
padding:8px 0 0 60px;
display:block;
color:#FF0000;
font-size:16px;
font-weight:bold;
text-decoration:none;
}

.setPlanTitle {
font-size:12px;
font-weight:bold;
color:#000000;
}

/*グローバルメニュー*/
ul#globalNav {
margin:0;
padding:0 0 20px 0;
width:860px;
height:51px;
list-style-type : none;
}
ul#globalNav li {
width:215px;
height:51px;
float:left;
}
ul#globalNav li a {
display:block;
width:215px;
height:51px;
text-decoration:none;
position:absolute;
}
ul#globalNav li#topbtn01 a {
background-image:url(../../images/public/top/b_top01.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#globalNav li#topbtn01 a:hover {
background-image:url(../../images/public/top/b_top01on.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#globalNav li#topbtn02 a {
background-image:url(../../images/public/top/b_top02.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#globalNav li#topbtn02 a:hover {
background-image:url(../../images/public/top/b_top02on.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#globalNav li#topbtn03 a {
background-image:url(../../images/public/top/b_top03.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#globalNav li#topbtn03 a:hover {
background-image:url(../../images/public/top/b_top03on.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#globalNav li#topbtn04 a {
background-image:url(../../images/public/top/b_top04.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#globalNav li#topbtn04 a:hover {
background-image:url(../../images/public/top/b_top04on.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}




/*mainArea設定------------------------------------------------*/

#mainArea {
clear:both;
float:left;
width:597px;
padding-left:22px;
background-color:#FFFFFF;
}
#mainArea h2 {
margin-bottom:5px;
}
#mainArea h2.serviceTit01 {
background-image:url(../../images/public/top/t_service01.gif);
background-repeat:no-repeat;
width:79px;
height:18px;
text-indent:-9999px;
}
#mainArea h2.portfolioTit01 {
background-image:url(../../images/public/top/t_portfolio.gif);
background-repeat:no-repeat;
width:94px;
height:18px;
text-indent:-9999px;
}
#mainArea h2.banaSystemTit01 {
background-image:url(../../images/public/top/t_system.gif);
background-repeat:no-repeat;
width:226px;
height:18px;
text-indent:-9999px;
}
#mainArea h2.colomnTit01 {
background-image:url(../../images/public/top/t_column.gif);
background-repeat:no-repeat;
width:79px;
height:18px;
text-indent:-9999px;
}
#mainArea h3 {
font-size:14px;
line-height:1.5em;
margin:10px 0;
}

/*サービスメニュー*/
ul#svNavi1 {
clear:both;
margin:0;
padding:0;
width:597px;
height:68px;
list-style-type : none;
}
ul#svNavi1 li {
width:199px;
height:68px;
float:left;
}
ul#svNavi1 li a {
display:block;
width:199px;
height:68px;
text-decoration:none;
position:absolute;
}
ul#svNavi1 li#svbtn01 a {
background-image:url(../../images/public/top/b_service01.jpg);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#svNavi1 li#svbtn01 a:hover {
background-image:url(../../images/public/top/b_service01on.jpg);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#svNavi1 li#svbtn02 a {
background-image:url(../../images/public/top/b_service02.jpg);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#svNavi1 li#svbtn02 a:hover {
background-image:url(../../images/public/top/b_service02on.jpg);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#svNavi1 li#svbtn03 a {
background-image:url(../../images/public/top/b_service03.jpg);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#svNavi1 li#svbtn03 a:hover {
background-image:url(../../images/public/top/b_service03on.jpg);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
/*サービスメニュー2*/
ul#svNavi2 {
clear:both;
margin:0;
padding:0;
width:597px;
height:65px;
list-style-type : none;
}
ul#svNavi2 li {
width:199px;
height:65px;
float:left;
}
ul#svNavi2 li a {
display:block;
width:199px;
height:65px;
text-decoration:none;
position:absolute;
}
ul#svNavi2 li#svbtn04 a {
background-image:url(../../images/public/top/b_service04.jpg);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#svNavi2 li#svbtn04 a:hover {
background-image:url(../../images/public/top/b_service04on.jpg);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#svNavi2 li#svbtn05 a {
background-image:url(../../images/public/top/b_service05.jpg);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#svNavi2 li#svbtn05 a:hover {
background-image:url(../../images/public/top/b_service05on.jpg);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#svNavi2 li#svbtn06 a {
background-image:url(../../images/public/top/b_service06.jpg);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#svNavi2 li#svbtn06 a:hover {
background-image:url(../../images/public/top/b_service06on.jpg);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
/*サービスメニュー3*/
ul#svNavi3 {
clear:both;
margin:0;
padding:0 0 20px 0;
width:597px;
height:66px;
list-style-type : none;
}
ul#svNavi3 li {
width:199px;
height:66px;
float:left;
}
ul#svNavi3 li a {
display:block;
width:199px;
height:66px;
text-decoration:none;
position:absolute;
}
ul#svNavi3 li#svbtn07 a {
background-image:url(../../images/public/top/b_service07.jpg);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#svNavi3 li#svbtn07 a:hover {
background-image:url(../../images/public/top/b_service07on.jpg);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#svNavi3 li#svbtn08 a {
background-image:url(../../images/public/top/b_service08.jpg);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#svNavi3 li#svbtn08 a:hover {
background-image:url(../../images/public/top/b_service08on.jpg);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#svNavi3 li#svbtn09 a {
background-image:url(../../images/public/top/b_service09.jpg);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#svNavi3 li#svbtn09 a:hover {
background-image:url(../../images/public/top/b_service09on.jpg);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
/************************************************セットプラン*/
.setplanArea {
background-image:url(../../images/public/top/bg_setplan.jpg);
background-repeat:repeat-y;
padding:17px 0 17px 18px;
margin:0 0 20px 0;
}
.setplanArea p {
margin:0 0 10px 5px;
}
.setplanBn {
margin:15px 0;
}
.setplanBn img {
margin:0 8px 8px 0;
}
/*サブ紹介枠*/
.planSubBox {
border:10px solid #cb9ea9;
padding:10px 10px 10px 10px;
margin:20px 18px 0 0;
}
.planSubBox h4 {
margin-bottom:5px;
}
.planSubBox p {
margin-bottom:5px;
}
/************************************************ポートフォリオ*/
.wpfAreaTop {
width:597px;
height:13px;
background-image:url(../../images/public/top/w_portfolio01.gif);
background-repeat:no-repeat;
}
.wpfAreaMain {
width:557px;
background-image:url(../../images/public/top/w_portfolio02.gif);
padding:10px 20px;
}
.wpfAreaLeft {
float:left;
margin:0;
padding:0;
}
.wpfAreaRight {
float:right;
margin:0;
padding:0;
}
.wpfAreaBottom {
clear:both;
width:597px;
height:13px;
background-image:url(../../images/public/top/w_portfolio03.gif);
background-repeat:no-repeat;
margin-bottom:20px;
}
p.portfolio {
background-image:url(../../images/public/top/icon_portfolio.gif);
background-repeat:no-repeat;
padding:2px 0 0 26px;
margin-top:5px;
}

/************************************************Web事情*/
#mainArea h3.ColumnTit02 {
width:597px;
height:73px;
background-image:url(../../images/public/top/t_column02.jpg);
background-repeat:no-repeat;
margin:3px 0 0 0;
padding:0;
text-indent:-9999px;
}
.wcolumnAreaMain {
width:557px;
background-image:url(../../images/public/top/w_column02.gif);
padding:10px 20px;
}
.wcolumnAreaLeft {
float:left;
margin:0 15px 10px 0;
}
.wcolumnAreaRight {
float:right;
width:367px;
}
.wcolumnAreaRight ul {
list-style:none;
margin:0;
padding:0;
}
.wcolumnAreaRight li {
list-style:none;
margin:3px 0 0 0;
padding:2px 0 2px 23px;
background-image:url(../../images/public/top/icon_column.gif);
background-repeat:no-repeat;
background-position:0px 0;
border-bottom:solid 1px #b8b8b8;
}
.bnColumn {
margin:10px 0 0 0;
}
.wcolumnAreaBottom {
clear:both;
width:597px;
height:13px;
background-image:url(../../images/public/top/w_column03.gif);
background-repeat:no-repeat;
margin-bottom:30px;
}

/*メイン表示枠*/
.conArea {
margin:20px 0;
padding:0 0 15px 0;
border-bottom:dotted 1px #999999;
}

#subArea {
float:right;
width:180px;
padding-right:22px;
background-color:#FFFFFF;
}
/*News部<DL><DD>設定*/
#subArea dl {
margin:0 0 5px 0;
padding:8px 0;
background:url(../../images/public/top/line_news.gif);
background-repeat:no-repeat;
background-position:bottom;
list-style:none;
}
#subArea dd {
position:relative; /*幅相対表示*/
width:87%;
margin:0;
padding: 0 0 0 23px;
background: url("../../images/public/top/icon_enter.gif") no-repeat;
}

.sideBox1 {
width:180px;
border-bottom:dotted 1px #CCCCCC;
margin:10px 0;
padding:10px 0;
}

.sideBox2 {
width:180px;
border-bottom:dotted 1px #CCCCCC;
margin:0 0 10px 0;
padding:0 0 10px 0;
}



/*3カラム*/
#conLeft {
clear:both;
float:left;
width:240px;
padding-left:22px;
background-color:#FFFFFF;
}
#conLeft h2 {
margin-bottom:5px;
}

/*News部<DL><DD>設定*/
#conLeft dl {
margin:0 0 5px 0;
padding:8px 0;
background:url(../../images/public/top/line_news.gif);
background-repeat:no-repeat;
background-position:bottom;
list-style:none;
}
#conLeft dd {
position:relative; /*幅相対表示*/
width:87%;
margin:0;
padding: 0 0 0 23px;
background: url("../../images/public/top/icon_enter.gif") no-repeat;
}


#conRight {
float:right;
width:552px;
padding-right:22px;
background-color:#FFFFFF;
}
#conRight div#subLeft {
float:left;
width:410px;
}
#conRight div#subRight {
float:right;
width:120px;
}

/*-------------------------------------------
フッタ
-------------------------------------------*/
#footer {
clear:both;
width:860px;
height:35px;
margin:0;
padding:45px 20px 0 20px;
background-image:url(../../images/public/top/bg_foot.jpg);
background-repeat:no-repeat;
background-color:#000000;
color:#F6F6F6;
}
#footer div#footMenu {
float:left;
}
#footer div#copy {
float:right;
text-align:right;
font-size:10px;
font-family:Verdana;
}