/* ページ外の黒い枠線 */

#outline {
width : 900px ;
text-align : left ;
border : solid 1px #000000 ;
}

#outline700 {
width : 700px ;
text-align : left ;
border : solid 1px #000000 ;
}

.margin {
margin : 0px ;
background : #ffffe0 ;
}
.margin05 {
margin : 5px ;
}



/* WHメイン部分その１　左幅広　右狭い */

.marginwh {
width : 800px ;
margin : 3px ;
background : #ff0000 ;
}



.mainwh {
width : 420px ;
background : #ffffff ;
     padding: 5px;
float : right ;
}
.sidewh {
width : 370px ;
background : #ffffff ;
     padding: 5px;

float : left  ;
}

#outlinewh {
width : 860px ;
text-align : left ;
border : solid 1px #000000 ;
}










/* ヘッダー */

.header {
background : #FFFFFF ;
text-align : center ;
}

/* ページ上部のナビ */

.navi-bar {
background : #FFFFFF ;
text-align : center ;
}

/* メイン部分　カラム区分なし */

.main_f {
width : 100% ;
background : #ffffe0 ;
     padding: 5px;
}

}
/* メイン部分その１　左幅広　右狭い */

.main {
width : 670px ;
background : #ffffe0 ;
     padding: 0px;
float : left ;
}
.side {
width : 210px ;
background : #ffffe0 ;
float : right ;
text-align : center ;
}

/* メイン部分その２　左狭い　右幅広 */

.main_r {
width : 670px ;
background : #ffffe0 ;
     padding: 0px;
float : right ;
}
.side_r {
width : 210px ;
background : #ffffe0 ;
float : left ;
text-align : center ;
}

/* メイン部分料金表タイトル */

.main_rt {
width : 400px ;
background : #ffffe0 ;
     padding: 10px;
float : left ;
}
.side_rt {
width : 450px ;
background : #ffffe0 ;
float : right ;
text-align : center ;
     padding: 10px;
}


/* ？？多分フローとのクリア？？ */

.c-both {
clear : both ;
}



/* フッター　白 */

.footer {
background : #FFFFFF ;
text-align : center ;
padding: 2px;
	font-size: 10px;
}

/* フッター　グレー */

.footer2 {
background : #ebebeb ;
text-align : center ;
	font-size: 10px;
padding: 2px;
}

/* フッター　薄いブルー */

.footer3 {
background : #ccccFF ;
text-align : center ;
font-size: 12px;
padding: 2px;

}



.box {
width : 650px ;
background : #ffffff ;
     padding: 0px;
}
.boxin {
width : 650px ;
background : #ffffe0 ;
     padding: 10px;
	font-size: 12px;
	line-height: 19px;
	font-weight: normal;
}

/* ＴＯＰ料金表一覧の装飾　 */

table.topw{
    border-top:1px solid #0000ff;
    border-left:1px solid #0000ff;
    border-right:1px solid #0000ff;
    border-bottom:1px solid #0000ff;

    border-collapse:collapse;
    border-spacing:0;
    background-color:#e8e7fe;
    empty-cells:show;
}
.topw th{
    border-right:1px solid #0000ff;
    border-bottom:1px solid #0000ff;
    color:#330000;
    background-color:#0000ea;
    padding:0.5em 0.5em;
    text-align:center;
	font-size: 12px;
	line-height: 19px;
    color: #ffffff;
}

.topw td{
    border-right:1px solid #0000ff;
    border-bottom:1px solid #0000ff;
    background-color:#FFFFFF;
    padding:0.5em 0.5em;
	font-size: 12px;
	line-height: 19px;
}

.topw td.pink{
    background-color: #ffe1e1 ;
    padding:0.5em 0.5em;
	font-size: 12px;
	line-height: 19px;

}
.topw td.blue{
    background-color:#a2d0ff;
    padding:0.5em 0.5em;
	font-size: 12px;
	line-height: 19px;
}
.topw td.ora{
    color:#FF8866;
    padding:0.5em 0.5em;
	font-size: 12px;
	line-height: 19px;

}



/* ＴＯＰ料金表一覧の装飾　 */

table.top{
    border-top:1px solid #ffffe0;
    border-left:1px solid #ffffe0;
    border-right:1px solid #ffffe0;
    border-bottom:1px solid #ffffe0;

    border-collapse:collapse;
    border-spacing:0;
    background-color:#e8e7fe;
    empty-cells:show;
}
.top th{
    border-right:1px solid #ffffe0;
    border-bottom:1px solid #ffffe0;
    color:#330000;
    background-color:#0000ea;
    padding:0.5em 0.5em;
    text-align:center;
    font-size: 9pt;
    color: #ffffff;
}

.top td{
    border-right:1px solid #ffffe0;
    border-bottom:1px solid #ffffe0;
    background-color:#e8e7fe;
    padding:0.5em 0.5em;
    font-size: 8pt;
}

.top td.pink{
    background-color: #ffe1e1 ;
    padding:0.5em 0.5em;
    font-size: 9pt;

}
.top td.blue{
    background-color:#a2d0ff;
    padding:0.5em 0.5em;
    font-size: 9pt;
}
.top td.ora{
    color:#FF8866;
    padding:0.5em 0.5em;
    font-size: 9pt;

}



/* 料金表縮小判の装飾　 */

table.ryoukin2{
    border-top:1px solid #663300;
    border-left:1px solid #663300;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.ryoukin2 th{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    color:#330000;
    background-color:#fa786d;
    padding:0.3em 0.2em;
    text-align:center;
    font-size: 12pt;
    color: #ffffff;
}

.ryoukin2 td{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    padding:0.3em 0.3em;
    text-align:right;
    font-size: 8pt;
}

.ryoukin2 td.left{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    padding:0.3em 0.3em;
    text-align:left;
    font-size: 8pt;
}
.ryoukin2 td.center{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    padding:0.3em 0.3em;
    text-align:center;
    font-size: 8pt;
}
.ryoukin2 td.bg{
    background : #ffffe0 ;
    padding:0.3em 0.3em;
    text-align:center;
    font-size: 8pt;
}



/* 表の装飾　 */

table.ryoukin{
    border-top:1px solid #663300;
    border-left:1px solid #663300;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.ryoukin th{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    background-color:#fa786d;
    padding:0.3em 0.2em;
    text-align:center;
    font-size: 13pt;
    color: #ffffff;
}

.ryoukin td{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    padding:0.3em 0.3em;
    text-align:right;
    font-size: 9pt;
}

.ryoukin td.ye{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    background-color:#ffb5B1;
    padding:0.3em 0.2em;
    text-align:right;
    font-size: 10pt;
}

.ryoukin td.st{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    background-color:#ffb5B1;
    padding:0.3em 0.2em;
    text-align:right;
    font-size: 13pt;
   font-weight: bold;

}

.ryoukin td.left{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    padding:0.3em 0.3em;
    text-align:left;
    font-size: 9pt;
      background-color: #efefef;
}


.ryoukin td.center{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    padding:0.3em 0.3em;
    text-align:center;
    font-size: 9pt;
}
.ryoukin td.bg{
    background : #ffffe0 ;
    padding:0.3em 0.3em;
    text-align:center;
    font-size: 9pt;
}


.grey{
      background-color: #efefef;
}
.pink{
      background-color: #ffd6d2;
}
.left{
    text-align:left;
}



.t1 {
         background-color: #fa786d;
         text-align : center ;
	font-size: 13pt;
	font-weight: bold;
        color: #ffffff;
      }

.t2 {
	font-size: 8pt;
         background-color: #efefef;
      }


.t2s {
	font-size: 7pt;

         background-color: #efefef;
      }

.t3 {
	font-size: 9pt;
         background-color: #ffffff;
      }

.t4 {
	font-size: 9pt;
         background-color: #ffd6d2;
      }

.t5 {
         background-color: #ffffb5;
}





.title_line {
     width : 100% ;
     line-height : 2;  /*行の高さを指示する時に数値を記述*/
     padding-left : 5px ;
     margin : 10px 0px 10px 0px ;  /*上下に余白を作る場合１番目（上）３番目（下）の０ｐｘに数値を記述*/
     background : #ffcc66 ;
     border : solid 1px #ffcc66 ;
}

.title16 {
     width : 100% ;
     line-height : 2;  /*行の高さを指示する時に数値を記述*/
     padding-left : 5px ;
     margin : 10px 0px 10px 0px ;  /*上下に余白を作る場合１番目（上）３番目（下）の０ｐｘに数値を記述*/
     background : #ffcc66 ;
     border : solid 1px #ffcc66 ;
}

.title {
     width : 100% ;
     font-size : 15px;  /*文字の大きさを指示する時に数値を記述*/
     line-height : 2;  /*行の高さを指示する時に数値を記述*/
     padding-left : 5px ;
     margin : 10px 0px 10px 0px ;  /*上下に余白を作る場合１番目（上）３番目（下）の０ｐｘに数値を記述*/
     background : #ffcc66 ;
     border : solid 1px #ffcc66 ;
}





.xtitle a{
     width : 100% ;
     font-size : 18px;  /*文字の大きさを指示する時に数値を記述*/
     line-height : 2;  /*行の高さを指示する時に数値を記述*/
     padding-left : 5px ;
     margin : 10px 0px 10px 0px ;  /*上下に余白を作る場合１番目（上）３番目（下）の０ｐｘに数値を記述*/
     background : #feeeb6 ;
     border : solid 1px #ffcc66 ;
}
.xtitle a:hover{
     width : 100% ;
     font-size : 18px;  /*文字の大きさを指示する時に数値を記述*/
     line-height : 2;  /*行の高さを指示する時に数値を記述*/
     padding-left : 5px ;
     margin : 10px 0px 10px 0px ;  /*上下に余白を作る場合１番目（上）３番目（下）の０ｐｘに数値を記述*/
     background : #ffcc66 ;
     color : #ff0000 ;  /*オンマウス時のテキストの色を指示*/
}


/* メニューバー　ヘッダー用　 */

.menu {
     margin: 0px 10px;
     padding: 0px;
     width: 180px;
     font-size: 12px;
}
.menu ul {
     margin: 0px;
     padding: 0px;
     list-style: none;
     text-align: left ;
}
.menu li {
     margin : 0px 0px 1px 0px ;
     padding: 0px;
}
.menu a {
     width: 180px;
     display: block;
     padding : 3px 0px 3px 10px ;
     border-left: 5px solid #0033cc;
     background-color: #ffffff;
     text-decoration: none;
     color: #0000ff;
}
.menu a:hover {
     width: 180px;
     display: block;
     padding : 3px 0px 3px 10px ;
     border-left: 5px solid #ff0000;
     background-color: #e0e0e0;
     text-decoration: none;
     color: #ff0040;
}



/* トピックのボックス用 */
/* リンク全体の装飾 */

div.nospace p {
   margin: 0.em 0px;
}
p.boxlinks a {
   display: block;
   padding: 0.5em;
   border: 1px solid #0000ff;
   text-decoration: none;
   line-height: 1.5;
   width: 190px; /* 横幅を指定する場合のみ記述 */
   background-color: #FFFFFF;
   text-align : left;
	font-size: 12px;
}
/* ガイド文の装飾 */
p.boxlinks a span.siteguide {
   font-size: 9;
}
/* トピック名の装飾 */
p.boxlinks a span.sitename {
   text-decoration: none;
}
/* 全体(マウスが載ったとき)の色 */
p.boxlinks a:hover {
   background-color: #e0e0e0;
   border-color: #ff0000;
 text-decoration: none;
}
/* ガイド文部分の表示色 */
p.boxlinks a:link    span.siteguide { color: black; }
p.boxlinks a:visited span.siteguide { color: black; }
p.boxlinks a:hover   span.siteguide { color: black; }
/* トピック名部分の表示色 */
p.boxlinks a:link    span.sitename { color: #0000ff; }
p.boxlinks a:visited span.sitename { color: #0000ff; }
p.boxlinks a:hover   span.sitename { color: #ff0000; }

/* トピックのボックス用ここまで */




/* 横長いトピックのボックス用 */
p.boxlinks_w {
   display: block;
   padding: 0.5em;
   border: 1px solid #0000ff;
   text-decoration: none;
	line-height: 21px;
   width: 450px; /* 横幅を指定する場合のみ記述 */
   background-color: #FFFFFF;
   text-align : left;
	font-size: 12px;
}


/* 用語解説のボックス用 */
p.com0 {
   display: block;
   padding: 0.5em;
   border: 1px solid #0000ff;
   text-decoration: none;
	line-height: 21px;
   width: 100%; /* 横幅を指定する場合のみ記述 */
   background-color: #FFFFFF;
   text-align : left;
	font-size: 12px;
}

p.com {
   display: block;
   padding: 0.5em;
   border: 1px solid #0000ff;
   text-decoration: none;
	line-height: 21px;
   width: 300px; /* 横幅を指定する場合のみ記述 */
background-image: url(bg01.gif); 
   background-color: #FFFFFF;
   text-align : left;
	font-size: 12px;
}

p.com2 {
   display: block;
   padding: 0.5em;
   border: 1px solid #0000ff;
   text-decoration: none;
	line-height: 21px;
   width: 300px; /* 横幅を指定する場合のみ記述 */
background-image: url(bg02.gif); 
   background-color: #FFFFFF;
   text-align : left;
	font-size: 12px;
}
p.com3 {
   display: block;
   padding: 0.5em;
   border: 1px solid #0000ff;
   text-decoration: none;
	line-height: 21px;
   width: 300px; /* 横幅を指定する場合のみ記述 */
background-image: url(bg03.gif); 
   background-color: #FFFFFF;
   text-align : left;
	font-size: 12px;
}
p.com4 {
   display: block;
   padding: 0.5em;
   border: 1px solid #0000ff;
   text-decoration: none;
	line-height: 21px;
   width: 300px; /* 横幅を指定する場合のみ記述 */
background-image: url(bg04.gif); 
   background-color: #FFFFFF;
   text-align : left;
	font-size: 12px;
}

p.com5 {
   display: block;
   padding: 0.5em;
   border: 1px solid #0000ff;
   text-decoration: none;
	line-height: 21px;
   width: 300px; /* 横幅を指定する場合のみ記述 */
background-image: url(bg05.gif); 
   background-color: #FFFFFF;
   text-align : left;
	font-size: 12px;
}

p.com6 {
   display: block;
   padding: 0.5em;
   border: 1px solid #0000ff;
   text-decoration: none;
	line-height: 21px;
   width: 300px; /* 横幅を指定する場合のみ記述 */
background-image: url(bg06.gif); 
   background-color: #FFFFFF;
   text-align : left;
	font-size: 12px;
}


.kousin{
z-index:0;
width : 230px ; /*横幅を変更するときはこの値を変更してください*/
margin:20px 0px 10px 0px ;
line-height:15px;
text-align:center;
border:solid 1px #ff0000;
}
.kousin_1{
z-index:1;
width : 80% ;
padding:3px 10px;
position:relative;
top:-12px;
text-align:center;
background:#ffffff;
border:solid 1px #ff0000;
}
.kousin_2{
z-index:2;
overflow: auto;
width : 100% ;
height: 80px; /*高さを変更するときはこの値を変更してください*/
padding: 5px;
margin: 0px ;
text-align:left;
scrollbar-base-color:#ffffff;
scrollbar-face-color:#ffffff;
scrollbar-arrow-color:#f2f2f2;
scrollbar-highlight-color:#ffffff;
scrollbar-3dlight-color:#f2f2f2;
scrollbar-shadow-color:#f2f2f2;
scrollbar-darkshadow-color:#ffffff;
}





.uur { 
border-bottom: double red 3px; }



p {
	font-size: 12px;
	line-height: 19px;
	font-weight: normal;
}


h1 {
	font-size: 12pt;
	MARGIN: 5px;
        color: #222222;
}
h2 {
	font-size: 11pt;
	MARGIN: 0px;
        color: #222222;
}

h3 {
	font-size: 11pt;
	MARGIN: 0px;
        color: #222222;
}


.s18 {

	font-size: 18px;
	line-height: 19px;
	font-weight: bold;
}

.s14 {

	font-size: 12px;
	line-height: 19px;
	font-weight: normal;
}

.s12 {

	font-size: 12px;
	line-height: 19px;
	font-weight: normal;
}

.r12 {

	font-size: 12px;
	line-height: 19px;
	font-weight: normal;
        color: #ff0000;
}


.w12 {

	font-size: 12px;
	line-height: 19px;
	font-weight: bold;
        color: #ffffff;
}


.s9 {
	font-size: 9px;
	font-weight: lighter;
}

.s10 {
	font-size: 11px;
	font-weight: lighter;
}


.td {
	font-size: 12px;
	line-height: 19px;
	font-weight: normal;
}

.table {
	font-size: 12px;
	line-height: 19px;
	font-weight: normal;
}
 .marker {
	font-size: 14px;
      background-color: #ffff00;
      padding: 0.2em;
      margin-left: 0em;
      margin-right: 0.3em;
      }
.s8 {
	font-size: 7px;
	font-weight: lighter;
        margin: 0.em 0px;
        line-height: 1.1em; 
        color: #808080;
}



.float
      {
         float: left;
         margin-right: 0.2em;
      }
.floatr
      {
         float: right;
         margin-left: 0.2em;
      }
.floatclear
      {
         clear: both;
      }











a:link  {
 color: #0000ff; 
 text-decoration: none;
}
a:visited {
 color: #0000ff; 
 text-decoration: none;
}
a:hover {
 color: #ff0000; 
 text-decoration: underline;
position:relative;
top: 1px;

}





/* 外国語付保証明書の装飾　 */

table.gaikokugo{
    border-top:1px solid #663300;
    border-left:1px solid #663300;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.gaikokugo th{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    color:#330000;
    background-color:#808080;
    padding:0.3em 0.2em;
    text-align:center;
    font-size: 10pt;
    color: #ffffff;
}

.gaikokugo td{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    padding:0.3em 0.3em;
    text-align:center;
    font-size: 9pt;
}


/* オプション料金表へのリンク　 */

.options {
	font-size: 12px;
	line-height: 19px;
	font-weight: normal;
    background-color:#e0e0e0;
    padding:0.3em 0.2em;
    text-align:center;
   width: 400px; /* 横幅を指定する場合のみ記述 */
}



.looseleaf
      {
         font-size: 12px;
         background-image: url('looseleaf_dot.gif');
         line-height: 150%;
      }