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


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

#headTop {
width:900px;
height:174px;
margin:0;
padding:0;
text-align:left;
background-image:url(../../images/public/common/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;
}
#hRight p {
margin:0 0 8px 0;
padding:0;
text-align:right;
}

#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:18px 0 0 25px;
padding:0;
width:495px;
height:36px;
list-style-type : none;
}
ul#mainNav li {
width:99px;
height:36px;
float:left;
}
ul#mainNav li a {
display:block;
width:99px;
height:36px;
text-decoration:none;
position:absolute;
}
ul#mainNav li#gbtn01 a {
background-image:url(../../images/public/common/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/common/b_head01on.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#mainNav li#gbtn02 a {
background-image:url(../../images/public/common/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/common/b_head02on.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#mainNav li#gbtn03 a {
background-image:url(../../images/public/common/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/common/b_head03on.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#mainNav li#gbtn04 a {
background-image:url(../../images/public/common/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/common/b_head04on.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#mainNav li#gbtn05 a {
background-image:url(../../images/public/common/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/common/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-image:url(../../images/public/common/contents_bg.gif);
background-repeat:repeat-y;
background-position:center;
}

/*グローバルメニュー*/
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#btn01 a {
background-image:url(../../images/public/top/b_top01.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#globalNav li#btn01 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#btn02 a {
background-image:url(../../images/public/top/b_top02.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#globalNav li#btn02 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#btn03 a {
background-image:url(../../images/public/top/b_top03.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#globalNav li#btn03 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#btn04 a {
background-image:url(../../images/public/top/b_top04.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#globalNav li#btn04 a:hover {
background-image:url(../../images/public/top/b_top04on.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}

/*2カラム*/
#conLeft {
clear:both;
float:left;
width:166px;
padding-left:18px;
}
#conLeft h2 {
margin-bottom:5px;
}
.sideBox1 {
width:160px;
border-top:dotted 1px #333333;
border-bottom:dotted 1px #333333;
margin:15px 0;
padding:10px 0;
}

#conRight {
float:right;
width:658px;
padding-right:18px;
}

#conArea {
width:613px;
padding:20px 0 0 23px;
}
#conArea h3 {
margin:15px 0;
}
#conArea h4 {
margin:0 0 15px 0;
}
#conArea h5 {
margin:0 0 15px 0;
}

#conArea .anker ul{
list-style:none;
margin:10px 0 0 5px;
padding:0;
}
#conArea .anker li{
list-style:none;
padding-left:23px;
background:url(../../images/public/common/icon_anker.gif) no-repeat center left;
}

/*FAQ用*/
#conArea .qa ul{
list-style:none;
margin:0 0 20px 5px;
padding:0;
}
#conArea .qa li{
list-style:none;
padding-left:23px;
margin:0 0 5px 10px;
background:url(../../images/public/common/icon_anker.gif) no-repeat center left;
display:block;
width:556px;
border-bottom:dotted 1px #999999;
}

/*左矢印アイコン*/
#conArea .arrow ul{
list-style:none;
margin:0;
padding:0;
}
#conArea .arrow li{
list-style:none;
padding-left:15px;
margin:0 0 5px 0px;
background:url(../../images/public/common/icon_arrow.gif) no-repeat center left;
}

/*左矢印アイコン(右配置/リスト無し)*/
#conArea .arrow2 ul{
list-style:none;
margin:0;
padding:0;
}
#conArea .arrow2 li{
float:right;
list-style:none;
padding-left:15px;
margin:0 10px 0 0px;
background:url(../../images/public/common/icon_arrow.gif) no-repeat center left;
}


/*サイトマップ用*/
.sitemap ul{
list-style:none;
margin:0 0 20px 0;
padding:0;
}
.sitemap li.stage0{
list-style:none;
padding:8px 0 5px 25px;
margin:0 0 0px 0;
background:url(../../images/public/common/icon_arrow2.gif) no-repeat center left;
display:block;
border-bottom:solid 1px #999999;
font-weight:bold;
font-size:14px;
}
.sitemap li.stage1{
list-style:none;
padding:8px 0 5px 25px;
margin:0 0 0px 25px;
background:url(../../images/public/common/icon_arrow2.gif) no-repeat center left;
display:block;
border-bottom:dotted 1px #999999;
font-weight:bold;
font-size:14px;
}
.sitemap li.stage2{
list-style:none;
padding:5px 0 5px 20px;
margin:0 0 0px 50px;
background:url(../../images/public/common/icon_arrow3.gif) no-repeat center left;
display:block;
border-bottom:dotted 1px #999999;
}
.sitemap li.stage3{
list-style:none;
padding:5px 0 5px 20px;
margin:0 0 0px 70px;
background:url(../../images/public/common/icon_arrow3.gif) no-repeat center left;
display:block;
border-bottom:dotted 1px #999999;
}
.sitemap li.stage4{
list-style:none;
padding:5px 0 5px 20px;
margin:0 0 0px 90px;
background:url(../../images/public/common/icon_arrow3.gif) no-repeat center left;
display:block;
border-bottom:dotted 1px #999999;
}

/*リンク用*/
.linkArea ul{
list-style:none;
margin:0 0 20px 0;
padding:0 0 0 5px;
}
.linkArea li{
list-style:none;
padding:0 0 10px 15px;
margin:0 0 10px 10px;
background:url(../../images/public/common/icon_arrow.gif) no-repeat center left;
background-position:0 5px;
display:block;
width:556px;
border-bottom:dotted 1px #999999;
}

.linkArea p.pr {
clear:both;
margin:5px 25px 5px 0;
padding:0;
}
.linkArea dl {
margin:0 0 20px 0;
padding:8px 0;
background:url(../../images/public/common/icon_arrow.gif);
background-repeat:no-repeat;
background-position:bottom;
list-style:none;
}
.linkArea dd {
position:relative; /*幅相対表示*/
width:90%;
margin:0;
padding: 0 0 20px 23px;
background: url("../../images/public/top/icon_enter.gif") no-repeat;
}


.conSub {
width:594px;
margin:0 0 0 10px;
padding-bottom:10px;
}
.conSub h4.sitemap {
font-size:14px;
margin-bottom:5px;
padding-bottom:5px;
border-bottom:solid 1px #999999;
}
.conSub h4.tit {
margin:0;
padding:0;
}
.conSubLeft {
float:left;
width:281px;
margin-top:15px;
}
.conSubRight {
float:right;
width:281px;
margin-top:15px;
}
.etcArea {
width:259px;
background-image:url(../../images/public/service/p_design15.gif);
background-repeat:repeat-y;
padding:0 0 0 23px;
margin:0;
}

/*サービスページ　サイドメニュー｜1段目*/
ul#serviceMenu {
margin:0;
padding:5px 0 0 0;
width:160px;
list-style-type : none;
}
ul#serviceMenu li {
width:160px;
height:42px;
float:left;
}
ul#serviceMenu li a {
display:block;
width:160px;
height:42px;
text-decoration:none;
position:absolute;
}
ul#serviceMenu li#servicebtn01 a {
background-image:url(../../images/public/service/menu01.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#serviceMenu li#servicebtn01 a:hover {
background-image:url(../../images/public/service/menu01on.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#serviceMenu li#servicebtn02 a {
background-image:url(../../images/public/service/menu02.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#serviceMenu li#servicebtn02 a:hover {
background-image:url(../../images/public/service/menu02on.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#serviceMenu li#servicebtn03 a {
background-image:url(../../images/public/service/menu03.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#serviceMenu li#servicebtn03 a:hover {
background-image:url(../../images/public/service/menu03on.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#serviceMenu li#servicebtn07 a {
background-image:url(../../images/public/service/menu07.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#serviceMenu li#servicebtn07 a:hover {
background-image:url(../../images/public/service/menu07on.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
/*サービスページ　サイドメニュー｜2段目*/
ul#serviceMenu2 {
margin:0;
padding:0;
width:160px;
list-style-type : none;
}
ul#serviceMenu2 li {
width:160px;
height:42px;
float:left;
}
ul#serviceMenu2 li a {
display:block;
width:160px;
height:42px;
text-decoration:none;
position:absolute;
}
ul#serviceMenu2 li#servicebtn04 a {
background-image:url(../../images/public/service/menu04.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#serviceMenu2 li#servicebtn04 a:hover {
background-image:url(../../images/public/service/menu04on.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#serviceMenu2 li#servicebtn05 a {
background-image:url(../../images/public/service/menu05.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#serviceMenu2 li#servicebtn05 a:hover {
background-image:url(../../images/public/service/menu05on.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#serviceMenu2 li#servicebtn06 a {
background-image:url(../../images/public/service/menu06.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#serviceMenu2 li#servicebtn06 a:hover {
background-image:url(../../images/public/service/menu06on.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
/*サービスページ　サブメニュー*/
ul#serviceMenuSub {
margin:0;
padding:0;
width:160px;
list-style-type : none;
}
ul#serviceMenuSub li {
width:160px;
height:24px;
float:left;
}
ul#serviceMenuSub li a {
display:block;
width:160px;
height:24px;
text-decoration:none;
position:absolute;
}
ul#serviceMenuSub li#servicebtn01Sub a {
background-image:url(../../images/public/service/menu_sub01.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#serviceMenuSub li#servicebtn01Sub a:hover {
background-image:url(../../images/public/service/menu_sub01on.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#serviceMenuSub li#servicebtn02Sub a {
background-image:url(../../images/public/service/menu_sub02.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#serviceMenuSub li#servicebtn02Sub a:hover {
background-image:url(../../images/public/service/menu_sub02on.gif);
background-position:0% 0%;
background-repeat:no-repeat;
text-indent:-9999px;
}


/*ホームページ用*/
.sWrap {
width:594px;
background-image:url(../../images/public/service/bg_wrp.gif);
background-repeat:repeat-y;
}

.swLeft {
float:left;
width:220px;
}
#conArea .swLeft h4 {
padding:0 0 10px 0;
margin:0;
}
.swRight {
float:right;
width:360px;
}
#conArea .swRight h5 {
padding:11px 0;
margin:0;
}
.swLine {
clear:both;
width:594px;
height:30px;
background-image:url(../../images/public/service/bg_line.gif);
background-repeat:no-repeat;
background-position:center;
}
.sWrap ul{
list-style:none;
margin:6px 0 0 0px;
padding:0;
}
.sWrap li{
list-style:none;
padding-left:15px;
background:url(../../images/public/common/icon_arrow.gif) no-repeat center left;
}
/*パッケージ用*/
.ssTit {
width:584px;
height:25px;
margin:20px 0 0 0;
padding:7px 0 0 10px;
background-image:url(../../images/public/service/p_ps_ssbg.gif);
background-color:#666666;
font-weight:bold;
color:#FFFFFF;
}
.ssWrap {
width:583px;
margin:0 0 20px 0;
padding:10px 0 10px 11px;
background-color:#666666;
color:#FFFFFF;
}
.ssWrap ul {
list-style:none;
width:583px;
margin:0;
padding:0;
}
.ssWrap li {
list-style:none;
margin:0 11px 0 0;
padding:0 0 10px 0;
width:134px;
float:left;
display:block;
}
.ssWrap li.end {
list-style:none;
margin:0;
padding:0 0 10px 0;
width:134px;
display:block;
}
.ssWrap img {
margin:6px 0;
}

/*Flow用*/
.stepWrap {
width:594px;

}
.stepLeft {
float:left;
}
.stepLeft h4 {
margin:0;
padding:0;
}
.stepRight {
float:right;
width:487px;
padding-bottom:40px;
}
.stepRight h5 {
margin:0;
padding:5px 0 0 0;
}



/*-------------------------------------------
テーブル
-------------------------------------------*/
.conSub table {
width:594px;
margin-top:10px;
margin-bottom:10px;
}

.conSub th {
background-image:url(../../images/public/common/tbl_bg.gif);
padding:6px 4px;
font-size:14px;
font-family:"Osaka", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS Gothic";
font-weight:bold;
color: #ffffff;
text-align:left;
}

.conSub td {
border-bottom:dotted 1px #999999;
border-top:solid 1px #FFFFFF;
padding:6px;
background-color:#ecf0e8;
text-align:left;
}

.conSub td.tdttl {
background-image:url(../../images/public/common/tbl_bg2.gif);
padding:5px;
}

/*------------白-------------------------*/
.conSub table.whTable {
width:594px;
margin-top:0;
margin-bottom:0;
}
.conSub table.whTable td {
padding:5px;
background-color:#ffffff;
text-align:left;
}

/*-------------------------------------------
フォーム
-------------------------------------------*/
.conform {
}
.conformLeft {
float:left;
margin-left:150px;
}
.conformRight {
float:right;
margin-right:150px;
}

/*-------------------------------------------
クロスリンク
-------------------------------------------*/
.underArea {
background-image:url(../../images/public/link/bg_line.gif);
background-repeat:repeat-x;
background-color:#FFFFFF;
width:594px;
margin:15px 0 0 0;
padding:15px 0 0 0;
text-align:center;
}
.linkArea {
clear:both;
width:594px;
padding:0;
margin-bottom:15px;
}
.pageArea {
clear:both;
padding:0;
margin-bottom:10px;
}
.linkTit {
display:block;
width:584px;
padding:5px;
margin-bottom:5px;
border-bottom:dotted 1px #999999;
background-color:#eeeecb;
}
.linkTith3 h3  {
background-image:url(../../images/public/common/bg_h3tit.gif);
background-repeat:no-repeat;
margin:0;
padding:12px 0 0 11px;
width:601px;
height:25px;
font-size:16px;
font-weight:bold;
}

/*-------------------------------------------
セットプラン
-------------------------------------------*/
.spMain {
background-image:url(../../images/public/service/setplan/bg.jpg);
background-repeat:no-repeat;
width:591px;
height:324px;
margin:0;
padding:22px 0 0 10px;
}
.spMain p {
width:300px;
padding-left:3px;
margin-bottom:10px;
}
.spMainLeft {
float:left;
width:315px;
}
.spMainRight {
float:right;
width:268px;
margin-right:3px;
}
.setplan2 {
border-top:dotted 1px #999999;
padding-top:10px;
}
.setpaln01 {
background-image:url(../../images/public/service/setplan/plan_01b.gif);
background-repeat:no-repeat;
padding:0 0 0 81px;
margin-bottom:20px;
}
.setpaln02 {
background-image:url(../../images/public/service/setplan/plan_02b.gif);
background-repeat:no-repeat;
padding:0 0 0 81px;
margin-bottom:20px;
}
.setpaln03 {
background-image:url(../../images/public/service/setplan/plan_03b.gif);
background-repeat:no-repeat;
padding:0 0 0 81px;
margin-bottom:20px;
}
.setpaln04 {
background-image:url(../../images/public/service/setplan/plan_04b.gif);
background-repeat:no-repeat;
padding:0 0 0 81px;
margin-bottom:20px;
}
.planIcon {
margin:10px 0;
}
/*アイコン解説*/
.planFrameH {
background-image:url(../../images/public/service/setplan/frame04.gif);
background-repeat:no-repeat;
background-position:bottom;
height:5px;
padding:0;
margin:0;
}
.planFrameM {
background-image:url(../../images/public/service/setplan/frame02.gif);
background-repeat:repeat-y;
padding:0;
margin:0;
}
.planFrameM2 {
background-image:url(../../images/public/service/setplan/frame05.gif);
background-repeat:repeat-y;
padding:0;
margin:0;
}
.planFrameF {
background-image:url(../../images/public/service/setplan/frame03.gif);
background-repeat:no-repeat;
background-position:top;
height:5px;
padding:0;
margin:0 0 15px 0;
}
.planFrameLeft {
float:left;
width:256px;
margin:10px 0;
padding:0 10px;
}
.planFrameRight {
float:right;
width:286px;
margin:10px 0;
padding:0 10px;
}
.iconLeft {
float:left;
width:60px;
padding:0 5px 0 0;
}
.iconRight {
float:right;
width:180px;
margin:0px;
}
.iconRight2 {
float:right;
width:215px;
margin:0px;
}
/*サブ紹介枠*/
.planSubBox {
border:10px solid #cb9ea9;
padding:13px 10px 10px 10px;
margin:20px 0 15px 0;
} 


/*-------------------------------------------
フッタ
-------------------------------------------*/
#footer {
clear:both;
width:860px;
height:35px;
margin:0;
padding:45px 20px 0 20px;
background-image:url(../../images/public/common/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;
}