﻿body {
	
        font-family: "MS UI Gothic",Arial,sans-serif,Osaka,Verdana,Helvetica;

	text-align: center;

	line-height: 130%;

	font-size: 12px;

	color: #000000;

	margin:2px 0 15px 5px;

}



a:link {

	color: #2839B5;

	text-decoration: underline;

}


a:visited {

	color: #2839B5;

	text-decoration: none;

}


a:hover {

	color: #ff8000;

	text-decoration: underline;

}



#out {

	text-align: center;

	padding: 0px;

	width:900px;

	margin:0 auto 0 auto;

	background:#EFEFEF;

}




h1,h2,h3,h4,h5,h6 {

        font-weight:normal;

}



#head {

	text-align: left;

	margin:0;

        padding:0;

	background:#FAFAFA;

	border-color:#CCCCCC;

	border-width:1px;

	border-style:solid;

	background-image : url(../image/kit-headback.gif);

	background-repeat: no-repeat;

        height:auto;
  	}
	


#head h1 {

        text-align:left;

	padding:5px 0 0 5px;

	margin:0;

	font-size:14px;

	color:#0518A4;
	font-family: Osaka,Verdana,Arial,Helvetica,sans-serif;

	text-decoration: none;

        width:400px;
}



#head .title {
        padding:0 0 0 5px;
        margin:0;
        width:246px;
        text-align:left;
}

#head p{

        text-align:left;

	padding:55px 3px 0 3px;

	margin:0;

	font-size:10px;

	color:#00007b;

	font-family: Osaka,Verdana,Arial,Helvetica,sans-serif;

	text-decoration: none;

}




#head em{font-style:normal; color:#0000ff;}
br.l{clear:left; margin:0; padding:0;}
br.b{clear:both; margin:0; padding:0;}
br.r{clear:right; margin:0; padding:0;}

/* ---------------------- ヘッド終わりメイン開始 -----------------------------*/

#main {

	padding: 5px;

	margin:0;

	background:#FFFFFF;

	border-color:#CCCCCC;

	border-width:0 1px 1px 1px;

	border-style:solid;

	height:100%;

}




#main p { 
        margin:0; padding:5px;
}

#main em {
        font-style:normal;
        color:#0518A4;

}

#main em.r {
        font-style:normal;
        color:#ff8000;
}

#main em.blue {
        font-style:normal;
        color:#00366c;
}

#main em.green {
        font-style:normal;
        color:#009900;
}        

br.l{clear:left; margin:0; padding:0;}
br.b{clear:both; margin:0; padding:0;}
br.r{clear:right; margin:0; padding:0;}

/*---------------- ナビゲーション -----------------*/
#navi{
        text-align:left;
        font-size:12px;
        line-height:130%;
        margin:3px 0;
        padding:0 5px;
        border-style:none;
        height:auto;
}
/*上段のサイト内リンク*/
#navi h2.next-navi {
        font-size:12px;
        width:200px;
        margin:0 5px 0 0;
	background-image : url(../image/next-href-navi.gif);

        background-repeat: no-repeat;

        background-position:center left;
        padding: 0 0 0 12px;
        float:left;
        color:#ff0000;
}

/*-------------------- 右ナビ開始 -----------------*/

#right {
        width:180px;
        float:right;
        padding:5px;
        font-size:12px;
        text-align:left;
        font-weight:normal;
        line-height:120%;
        margin: 5px 0 10px auto;
	border-color:#ceceff;

	border-width:0 0 0 1px;

	border-style:solid;
        height:auto;
        
}

#right h2.r {

        text-align:center;
	color:#0518A4;

	font-size:14px;

	padding:3px 3px 0 5px;

	border-color:#dbdbdb;

	border-width:0 0 1px 0;

	border-style:solid;

	margin:0;

	background-image : url(../image/titleback.gif);

        background-repeat: repeat;

	border-left: #ff0000 2px solid;

}


#right div.tex {
        text-align:left;
	font-size:12px;

	padding:3px 3px 5px 3px;

	margin:0 0 10px 0;

        line-height:130%;
}

#right p.right {
        text-align:center;
	font-size:12px;

	padding:0 0 10px 0;

	margin:0 0 5px 0;

        line-height:130%;
}

/*テーブル周り基本*/
#right table.schedule {
        font-size:12px;
        text-align:center;
        line-height:130%;
        margin:3px 0 10px 5px;
        padding:0;
        border-width:1px 2px 2px 1px;
        border-color:#bbbbff;
        border-style:solid;
        width:170px;
        border:1px;
        border-color:#cccccc;
}

#right td{
        border-width : 1px 2px 2px 1px;
        border-style : solid solid solid solid;
        border-color : #cccccc;
}

/*テーブル文字赤で日曜*/
#right td.rt{
        color:#ff0000;
}

/*テーブル文字赤で背景灰色で日曜*/
#right td.rt1{
        color:#ff0000;
        background-color:#cccccc;
}

/*テーブル文字赤で日曜背景色ハーフイエローで午前対応可*/
#right td.rt2{
        color:#ff0000;
        background-color:#ffffb5;
}

/*テーブル文字赤で日曜スカイブルーで午後対応可*/
#right td.rt3{
        color:#ff0000;
        background-color:#c4ffff;
}

/*テーブル文字青で背景色ハーフイエローで午前対応可土曜日*/
#right td.by{
        color:#0000ff;
        background-color:#ffffb5;
}

/*テーブル文字青で背景色土曜日*/
#right td.b{
        color:#0000ff;
}

/*テーブル文字青で背景色灰色土曜日*/
#right td.b1{
        color:#0000ff;
        background-color:#cccccc;
}

/*テーブル文字青でスカイブルーで午後対応可土曜日*/
#right td.bb{
        color:#0000ff;
        background-color:#c4ffff;
}

/*テーブル背景色赤で祝日*/
#right td.rr {
        background-color:#ff0000;
}

/*テーブル背景色灰色で対応難*/
#right td.c {
        background-color:#cccccc;
}

/*テーブル背景色スカイブルーで午後対応可*/
#right td.sb {
        background-color:#c4ffff;
}

/*テーブル背景色ハーフイエローで午前対応可*/
#right td.hy {
        background-color:#ffffb5;
}

/*テーブル後の説明用p左*/
#right p.setsu1 {
        width:80px;
        margin:0 0 2px 5px;
        float:left;
        font-size:12px;
        border-width:1px 2px 2px 1px;
        border-color:#cccccc;
        border-style:solid;
        padding:5px 0;
        text-align:center;
}

/*テーブル後の説明用p右*/
#right p.setsu2 {
        width:80px;
        margin:0 0 2px 90px;
        font-size:12px;
        border-width:1px 2px 2px 1px;
        border-color:#cccccc;
        border-style:solid;
        padding:5px 0;
        text-align:center;
}


/*------------ 右ナビ終了：左コンテンツ開始 ---------------*/
#left {
        width:670px;
        float:left;
        padding:5px;
        font-size:12px;
        text-align:left;
        font-weight:normal;
        line-height:130%;
        margin: 5px auto 10px 0;
        height:auto;
        
}

#left h2.r {

	color:#0518A4;

	font-size:14px;

	padding:3px 5px 0 5px;

	border-color:#dbdbdb;

	border-width:0 0 1px 0;

	border-style:solid;

	margin:0;

	background-image : url(../image/titleback.gif);

        background-repeat: repeat;

	border-left: #ff0000 2px solid;

}


#left   h2.r2, h2.r3, h2.r4, h2.r5, h2.r6 {

	color:#0518A4;

	font-size:14px;

	padding:3px 5px 0 5px;

	border-color:#dbdbdb;

	border-width:0 0 1px 0;

	border-style:solid;

	margin:10px 0 0 0;

	background-image : url(../image/titleback.gif);

        background-repeat: repeat;

	border-left: #ff0000 2px solid;

}


#left h3.r, h3.r2, h3.r3, h3.r4, h3.r5, h3.r6 {

	color:#0518A4;

	font-size:14px;

	padding:3px 5px 0 5px;

	border-color:#dbdbdb;

	border-width:0 0 1px 0;

	border-style:solid;

	margin:10px 0 0 0;

	background-image : url(../image/titleback.gif);

        background-repeat: repeat;

	border-left: #ff0000 2px solid;

}


/*indexページの業務内容*/
#left   h3.i,h3.i2,h3.i3,h3.i4,h3.i5,h3.i6 {

	color:#0518A4;

	font-size:14px;

	padding:2px 3px 0 3px;

	margin:0 0 5px 0;

	background-image : url(../image/index-h3i-back.jpg);

        background-repeat: no-repeat;

        width:200px;
        height:36px;
        float:left;
        line-height:130%;
        text-align:center;
        border-width:1px;
        border-color:#ceceff;
        border-style:solid;
}


/*indexページの業務内容*/
#left h3.k, h3.k2, h3.k3, h3.k4, h3.k5, h3.k6 {

	color:#0518A4;

	font-size:14px;

	padding:2px 3px 0 3px;

	margin:0 0 5px 0;

	background-image : url(../image/index-h3i-back.jpg);

        background-repeat: no-repeat;

        width:200px;
        height:36px;
        float:left;
        line-height:130%;
        text-align:center;
        border-width:1px;
        border-color:#ceceff;
        border-style:solid;
}


/*indexページの業務内容*/
#left h3.m, h3.m2, h3.m3, h3.m4, h3.m5, h3.m6 {

	color:#0518A4;

	font-size:14px;

	padding:2px 3px 0 3px;

	margin:0 0 5px 0;

	background-image : url(../image/index-h3i-back.jpg);

        background-repeat: no-repeat;

        width:200px;
        height:36px;
        float:left;
        line-height:130%;
        text-align:center;
        border-width:1px;
        border-color:#ceceff;
        border-style:solid;
}

/*サイトマップ用H3*/
#left h3.sitemap {
        font-size:14px;
        width:500px;
        margin:10px 0 0 5px;
	background-image : url(../image/point-red.gif);

        background-repeat: no-repeat;

        background-position:center left;
        padding: 0 0 0 12px;
}


#left h4.r, h4.r2, h4.r3, h4.r4, h4.r5, h4.r6 {

	color:#0518A4;

	font-size:14px;

	padding:3px 5px 0 5px;

	border-color:#dbdbdb;

	border-width:0 0 1px 0;

	border-style:solid;

	margin:10px 0 0 0;

	background-image : url(../image/titleback.gif);

        background-repeat: repeat;

	border-left: #ff0000 2px solid;

}
/*通常使用のdiv*/
#left div.tex {
        margin:5px 0;
        padding:0 5px;
        text-align:left;
        line-height:130%;
        font-size:12px;
}

/*訪問出張エリア*/
#left div.tex2 {
        margin:5px 0 5px 5px;
        padding:3px;
        text-align:left;
        line-height:130%;
        font-size:12px;
        float:left;
	border-color:#dbdbdb;

	border-width:1px;

	border-style:solid;
        width:210px;
     
}

/*費用料金のページ2段目の項目*/
#left div.tex3 {
        margin:5px;
        padding:0;
        text-align:left;
        line-height:130%;
        font-size:12px;
        float:left;
        width:320px;
}


/*相互リンク集１の左DIV*/
#left div.link-l{
        margin:5px 0 5px 2px;
        padding:3px;
        text-align:left;
        line-height:130%;
        font-size:12px;
        float:left;
        width:320px;
	border-color:#dbdbdb;

	border-width:1px;

	border-style:solid;
}     

/*相互リンク集１の右DIV*/
#left div.link-r{
        margin:5px 0 5px 5px;
        padding:3px;
        text-align:left;
        line-height:130%;
        font-size:12px;
        width:320px;
	border-color:#dbdbdb;

	border-width:1px;

	border-style:solid;
        float:right;
}     

/*通常widthのP*/
#left p.tex {
        margin:0 5px 0 0;
        padding:0 0 5px 0;
        text-align:left;
        line-height:130%;
}

/*通常widthのP-改造*/
#left p.texm {
        margin:0 5px 0 0;
        padding:0 0 5px 0;
        text-align:left;
        line-height:180%;
}

/*width400pxの制限*/
#left p.tex2 {
        margin:0 5px 0 0;
        padding:0 0 5px 0;
        text-align:left;
        line-height:130%;
        width:440px;
        float:left;
}

/*トップページの説明文右側*/
#left p.tex3 {
        margin:5px 0 10px 215px;
        padding:2px 3px 0 5px;
        text-align:left;
        line-height:130%;
        height:36px;
        width:auto;
        border-width:1px;
        border-color:#ceceff;
        border-style:solid;
}

/*費用料金のページ2段目左*/
#left p.tex4 {
        margin:0;
        padding:2px 3px 1px 3px;
        width:152px;
        border-width:1px 1px 0 1px;
        border-color:#dbdbdb;
        border-style:solid;
        float:left;
}

/*費用料金のページ2段目右*/
#left p.tex5 {
        margin:0;
        padding:2px 3px 1px 3px;
        width:152px;
        border-width:1px 1px 0 0;
        border-color:#dbdbdb;
        border-style:solid;
        float:right;
        text-align:right;
}

/*費用料金のページ2段目左最後の段*/
#left p.tex4b {
        margin:0;
        padding:2px 3px 1px 3px;
        width:152px;
        border-width:1px;
        border-color:#dbdbdb;
        border-style:solid;
        float:left;
}

/*費用料金のページ2段目右最後の段*/
#left p.tex5b {
        margin:0;
        padding:2px 3px 1px 3px;
        width:152px;
        border-width:1px 1px 1px 0;
        border-color:#dbdbdb;
        border-style:solid;
        float:right;
        text-align:right;
}
/*接続設定のページ下の左側*/
#left p.title {
	color:#0518A4;

	font-size:14px;

	padding: 12px 3px 8px 3px;

	margin:0 0 3px 0;

	background-image : url(../image/index-h3i-back.jpg);

        background-repeat: no-repeat;

        width:200px;
        height:auto;
        float:left;
        line-height:130%;
        text-align:center;
        border-width:1px;
        border-color:#ceceff;
        border-style:solid;
}


#left p.contents {
        margin:5px 0 5px 215px;
        padding:2px 5px 0 5px;
        text-align:left;
        line-height:130%;
        height:36px;
        width:auto;
        border-width:1px;
        border-color:#ceceff;
        border-style:solid;
}

/*画像左横の幅限定説明文*/
#left p.tex2-image {
        margin:0;
        padding:5px 3px;
        width:200px;
        height:auto;
	border-color:#cccccc;

	border-width:1px 2px 2px 1px;

	border-style:solid;

        float:right;
        text-align:center;       
}

/*サイトマップ用*/
#left p.sitemap {
        margin:0 5px 5px 5px;
        padding:0 0 5px 12px;
        text-align:left;
        line-height:130%;
}


#left p.r{
        margin:5px 0 10px 0;
        padding:0;
}        

/*---------------------- footer -----------------------*/


#foot {

	text-align: center;

	font-size:10px;

	padding: 10px 5px;

	height:20px;

	background:#FAFAFA;

	margin:0;

	border-color:#CCCCCC;

	border-width:0 1px 1px 1px;

	border-style:solid;

	font-family: Osaka,Verdana,Arial,Helvetica,sans-serif;

	background-image : url(../image/footer.gif);

	background-repeat: no-repeat;

}

#foot p.foot{
        float:right;
        margin:0;
        padding:0;
}

#foot br.l{clear:left; margin:0; padding:0;}
#foot br.b{clear:both; margin:0; padding:0;}
#foot br.r{clear:right; margin:0; padding:0;}
        



