/*               CSS for acp              */
/* あくせすポイントのCSSファイルです。    */

/*

　まとめるつもりの外部ファイルが、
  思いつきでスタイルを増やしたために、
　似たようなスタイルシートが多数あります。

　あまりいい例ではないですね。
  反面教師です。

　これを避けるために、表を作って管理しましょう。


　注意：イメージを指定する場合、相対アドレスは
　　　　ＣＳＳが置いてあるフォルダが基準です。


*/



/* *******************************************  */
/* 						*/
/* 		リンク　タグ			*/
/* 						*/
/* *******************************************  */


a:link{text-decoration:none; color:blue;}
a.lb_b{
 color : black;
}
a.lb_w{
 color : white;
}
a.lb_p{
 color : peru;
}

a:active{color:#red;}

a:visited{
 text-decoration: none;
 color          : #c0c0c0;
}
a.lb_b{
 color : black;
}
a.lb_w{
 color : white;
}
a.lb_p{
 color : peru;
}

a:hover{text-decoration:underline; color:#ff0066;}


/* *******************************************  */
/* 						*/
/* 		基本設定のタグです		*/
/* 						*/
/* *******************************************  */


body.main1{
 width       : 740px;
 background-image :url(../img/lg_b1.gif);
 background-repeat:repeat;
 background-attachment:fixed;
 text-align  : center;
 font-size   : 12px;
 line-height : 1.5;
 font-family : "ＭＳ Ｐゴシック" "Osaka";
}
body.side1{
 width            : 220px;
 background-color : white;
 text-align       : left;
}

/* ----------------------------------------- */
/*           Table                           */          
/* ----------------------------------------- */


table{
 width         : 720px;
 table-layout  : fixed;
 text-align    : left;
 font-size     : 12px;
 line-height   : 1.5;
}

table.waku{
 width            : 720;
 border-spacing   : 10px 20px;
 background-color : white;
 border           : 1px solid black;
}

/* ヘッダー部分 */

table.kh{
 border-spacing  : 0px 5px;
 width           : 100%;
 height          : 175px;
}

/* メイン部分 */

table.km{
 width         : 100%;
 height        : 100%;
}

/* ボトムメニュー */

table.bt1{
 width           : 720px;
 height          : 60px;
 background-color: gray;
 color           : white;
 font-size       : 16px;
}


/* 	　トップページの宣伝リンク		 */

table.tl1{
 width: 440px;
 border-collapse : collapse ;
 border-bottom   : 4px solid darkorange;
 margin          : 0px 0px 20px 0px;
 padding         : 0px 0px 10px 5px;
}
table.tl2{
 width           : 440px;
 border-collapse : collapse ;
 border-bottom   : 4px solid steelblue;
 margin          : 0px 0px 20px 0px;
 padding         : 0px 0px  0px 5px;
}

/* 相互リンク */
table.l_t2{
 width         : 98%;
 font-size     : 10px;
 line-height   : 1.2;
 color         : darkgoldenrod;
 margin        : 10px 5px 10px 0px;
}
/* サンプル用 */
table.samp1{
 width         : 95%;
 font-size     : 12px;
 line-height   : 1.2;
 color         : darkgoldenrod;
 margin        : 20px 5px 20px 0px;
 padding       : 10px 0px 20px 0px;
 border-top    : 1px dotted steelblue;
 border-bottom : 1px dotted steelblue;
}



table.side1{
 width            : 218px;
 background-color : white;
 vertical-align   : top;
 padding-top      : 0px;
 margin-top       : 0px;
 border           : 0px solid black;
}


/* Drop in  */


table.di_1{
 border           : 0;
 width            : 250px;
 cellspacing      : 0;
 cellpadding      : 2;
 background-coror : #aca899;
}
table.di_2{
 border           : 1;
 width            : 100%;
 cellspacing      : 0;
 cellpadding      : 5;
}


/* ----------------------------------------- */
/*            td                             */
/* ----------------------------------------- */


/*        全　体        */

td.h{
 width            : 720px;
 height           : 175px;
 color            : black;
 background-color : white;
 border-top       : 10px solid silver;
}

td.m{
 width            : 720px;
 padding-top      :  20px;
 padding-bottom   :  20px;
}

td.b{
 width            : 720;
 height           : 70px;
}

/*       head     */


td.kh1{
 width           : 220px;
 height          : 130px;
 text-align      : right;
 background-color: black;
 background-image: url(../img/acp_rg3.gif);
 background-repeat:no-repeat;
 padding         : 105px 10px 10px 0px;
}

td.kh3{
 width           : 380px;
 height          : 130px;
 text-align      : center;
 padding         : 15px 5px 0px 0px;
}

td.kh4{
 width           : 120px;
 height          : 130px;
 padding-top     :  40px;
}

td.kh5{
 color        : black;
 width        : 700px;
 height       : 20px;
 line-height  : 1.0;
 woad-spacing : normal;
 background-color:white;
 padding      : 2px 0px 0px 10px;
 border-left  : 10px solid orange;
 border-bottom:  1px dashed orange;
}

/*        Main       */

td.km1{
 width         : 31%;
 vertical-align: top;
 color         : peru;
 line-height   : 1.3; 
 padding-top   : 14px;
 border        : 1px solid lightgray;
}

td.km2{
 font-size     : 16px;
 width         :  69%;
 vertical-align:  top;
 padding       : 0px 0px 0px 27px;
}

td.km3{
 font-size     : 16px;
 width         : 100%;
 padding       : 20px 0px 20px 0px;
}

td.km4{
 font-size     : 16px;
 width         : 69%;
 vertical-align: top;
 padding       : 5px 0px 5px 0px;
}


/* bottom */

td.bt1{
 font-weight : bold;
 text-align  : right;
 vertical-align:top;
 padding-top  :  10px;
 padding-right: 130px;
}
td.bt2{
 text-align  : left;
 font-size   : 12px;
 line-height : 1.2;
}

/* トップページの宣伝リンク１ */

td.t1_u{
 width           : 100%;
 font-size       : 14px;
 color           : white;
 background-color: darkorange;
 font-weight     : bold;
 border-left     : 2px solid darkorange;
 border-right    : 2px solid darkorange;
}
td.t1_ml{
 width           : 130px;
 background-color: white;
 border-left     : 2px solid darkorange;
 padding         : 20px 0px 0px 10px;
}
td.t1_mr{
 width           : 300px;
 color           : gray;
 background-color: white;
 border-right    : 2px solid darkorange;
 padding         : 10px 10px 10px 0px;
}

/* トップページの宣伝リンク２ */

td.t2_u{
 font-size       : 14px;
 color           : white;
 background-color: steelblue;
 font-weight     : bold;
 border-left     : 2px solid steelblue;
 border-right    : 2px solid steelblue;
 margin          : 5px 0px 0px  0px;
 padding         : 0px 0px 0px 30px;
}
td.t2_ml{
 width           : 130px;
 background-color: white;
 border-left     : 2px solid steelblue;
 padding         : 20px 0px 0px 10px;
}
td.t2_mr{
 width           : 300px;
 background-color: white;
 border-right    : 2px solid steelblue;
 padding         : 10px 10px 10px 0px;
}

/* Side Menu */

td.sh{
 height           : 100%;
 color            : dimgray;
 vertical-align   : top;
 background-color : white;
 font-weight      : bold;
 padding          : 5px 0px 5px 0px;
}

td.sm{
 font-size        : 8pt;
 line-height      : 1.3;
 color            : darkgoldenrod;
 padding          : 0px 5px 10px 11px; 
}

td.sb{
 height           : 70px;
}

td.sm1_l{
 width            : 30%;
 font-size        : 8pt;
 padding          : 10px  5px 50px  0 px;
 border-top       : 1px dotted peru;
}
td.sm1_r{
 width            : 70%;
 align            : left;
 vertical-align   : top;
 padding          : 10px 10px 50px 10 px; 
 border-top       : 1px dotted peru;
}


/* Drop in  */

td.di_1{
 width            : 100%;
 color            : gray;
 font-size        : 8pt;
 background-color : #990000;
}


/* Iframe ?? */

iframe.if{
 width            : 210px;
 height           : 270px;
 vertical-align   : top;
 border           : 0px solid white;
}
iframe.if2{
 width            : 210px;
 height           : 530px;
 vertical-align   : top;
 border           : 0px solid white;
}
iframe.if3{
 width            : 210px;
 height           : 740px;
 vertical-align   : top;
 border           : 0px solid white;
}
iframe.if4{
 width            : 210px;
 height           : 600px;
 vertical-align   : top;
 border           : 0px solid white;
}




/*                                              */
/*            HEADER                            */
/*                                              */


}
h1{
 font-size     : 15pt;
 line-height   : 2.0;
 color         : gray;
 vertical-align: top;
 font-weight   : nomal;
}
h1.tp{
 font-size     : 15pt;
 line-height   : 0.6;
 color         : maroon;
 font-weight   : nomal;
 border-top    : 1px solid maroon;
 margin        : 0px 20px 16px  0px;
 padding       : 5px 20px  3px  0px;
}


}
h2{
 text-align    : left; 
 font-size     : 10pt;
 line-height   :  1.0;
 color         : demigray;
}
h2.md1{
 text-align    : left;
 font-size     :  6pt;
 line-height   :  1.0;
 color         : white;
 text-align    : right;
 font-weight   : lighter;
 background-color:maroon;
 margin        :  0px 20px 50px 160px;
 padding       :  0px 20px 1px 0px;
}

h3{
 text-align    : left;
 font-size     : 12pt;
 color         : silver;
 font-weight   : nomal;
}

h4{
 width         :  90%;
 font-size     : 18px;
 line-height   : 1.2;
 color         : black;
 font-weight   : bold;
 margin-top    : 15px;
}

h4.nomal1{
 width       :  90%;
 text-align  : left;
 font-size   : 12px;
 line-height : 1.5;
 color       : gray;
 font-weight : bold;
 margin      : 15px 0px 5px 10px;
}

h4.md1{
 width       : 96%;
 text-align  : left;
 font-size   : 12px;
 line-height : 1.2;
 color       : gray;
 font-weight : bold;
 background-color:lightgrey;
 border-top   : 1px solid gainsboro;
 border-right : 2px solid gainsboro;
 border-bottom: 1px solid gainsboro;
 border-left  : 2px solid gainsboro;
 margin       : 30px 0px 20px  0px;
 padding      :  0px 0px 0px 10px; 
}

h5{
 font-size   : 10pt;
 line-height : 1.2;
 color       : white;
 font-weight : bold;
 background-color:lightgrey;
 border-top   : 1px solid gainsboro;
 border-right : 2px solid gainsboro;
 border-bottom: 1px solid gainsboro;
 border-left  : 2px solid gainsboro;
 margin       : 30px 20px 20px 0px;
}




/* *******************************************  */
/* 						*/
/* 		固定要素のタグです		*/
/* 						*/
/* *******************************************  */


ol{
 font-size   : 9pt;
 color       : darkgoldenrod;
 font-weight : nomal;
 line-height : 1.5;
}


dl{
 margin      : 0px 0px 0px 0px;
}


li{
 font-size   : 8pt;
 color       : darkgoldenrod;
}

li.kajo1{
 font-size   : 9pt;
 font-weight : bold;
 line-height : 1.5;
 color       : orive;
}


br{
 line-height : 0.8;
}


/* *******************************************  */
/*						*/
/* 		特定設定のタグです		*/
/* 			(class=)		*/
/* *******************************************  */


img.rt1{
 margin : 10px 20px 20px 10px; 
}
img.rt2{
 align : top;
 float : right;
 margin:  10px;
}
img.lt{
 align : top;
 float : left;
 margin:  10px;
}

p.bun1{
 font-size    : 9pt;
 color        : #444444;
 line-height  : 1.5;
 padding-right: 20px;
}
p.bun2{
 font-size    : 9pt;
 color        : dimgray;
 line-height  : 1.5;
 padding-right: 20px;
}
p.tg1{
 font-size    : 9pt;
 color        : dimgray;
 line-height  : 1.3;
 padding      : 10px 0px 10px 5px;
 margin-right : 20px;
 border       : 1px dotted gray;
 font-family  : "monospace","Osaka";
}
p.com1{
 font-size    : 8pt;
 color        : dimgray;
 line-height  : 1.3;
 padding      : 10px 0px 10px 5px;
 margin-right : 20px;
 border       : 0px dotted gray;
}
p.com2{
 font-size    : 10pt;
 color        : dimgray;
 line-height  : 1.3;
 padding      : 10px 0px 10px 5px;
 margin-right : 20px;
}


div.bk1{
 text-align      : right;
 font-size       : 6pt;
 color           : gray;
 margin          : 5px 20px 0px 385px;
 padding-right   : 5px;
 border-top      : 1px solid orange;
 border-right    : 2px solid orange;
 border-bottom   : 1px solid orange;
}

div.bk2{
 text-align      : right;
 font-size       : 6pt;
 color           : demigray;
 margin          : 5px 20px 0px 385px;
 padding-right   : 5px;
 border          : 1px solid orange;
 border-right    : 2px solid orange;
}

div.clk1{
 text-align      : right;
 font-size       : 6pt;
 color           : red;
 margin-top      : 5px;
}
div.clk2{
 text-align      : right;
 font-size       : 6pt;
 color           : goldenrod;
 padding         : 0px 10px 5px 0px;
}

div.h123{
 color           : gray;
 font-size       : 10px;
 line-height     : 1.5;
 font-weight     : nomal;
 background-color: #ffff99;
 margin          :  0px 10px 5px 0px;
 padding         : 10px 10px 10px 10px;
 border          : 2px  #ff9933 double;
}
div.h124{
 color           : gray;
 font-size       : 12px;
 line-height     : 1.5;
 font-weight     : bold;
 background-color: #ffff99;
 margin          :  0px 10px 5px 0px;
 padding         : 10px 10px 10px 10px;
 border          : 4px  maroon double;
}

div.m_s{
 color            : white;
 font-weight      : bold;
 background-color : wheat;
}
div.cm1{
 font-size   : 8pt;
 line-height : 1.2;
 color       : dimgray;
 font-weight : nomal;
 margin-top  : 5px;
 padding-top : 0px;
}

/* 	　トップ相互リンク		 */

div.l_t1{
 word-spacing  : 5px;
 line-height   : 1.1;
 background-color: darkgoldenrod;
 border        : 0px white solid;
 margin        : 10px 0px 20px 0px;
 padding       : 10px 0px 10px 5px;
}

div.l_t2{
 background-color: white;
 margin        : 0px 0px 20px 0px;
 padding       : 0px 0px  0px 3px;
}




div.lt1{
 text-align  : left;
 padding-left: 5px;
 float       : right;
}
.lt2{
 text-align  : left;
 padding-left:  4px;
}
.lt3{
 text-align  : left;
 font-size   : 16px;
}
.lt4{
 text-align  : left;
 font-size   : 14px;
}
.lt5{
 font-size   : 12px;
 line-height : 1.2;
 color       : gray;
 font-weight : nomal;
}
.lt6{
 text-align  : left;
 padding-left: 15px;
 font-size   : 14px;
}
.lt7{
 text-align  : left;
 font-size   : 14px;
 font-weight : bold;
}
.lt8{
 font-size   : 10px;
 line-height : 1.2;
}

.ct1{
 text-align  : center;
}

.ct2{
 font-size   : 12px;
 text-align  : center;
 border-left : 3px solid gainsboro;
 border-right: 3px solid gainsboro;
 padding     : 1px 10px 1px 15px;
}

.rt1{
 font-size   : 14px;
 font-weight : bold;
 text-align  : right;
}
.rt2{
 font-size   : 12px;
 text-align  : right;
 border-right: 5px solid orange;
 padding     : 1px 10px 1px 5px;
}
.rt3{
 font-size   : 12px;
 text-align  : right;
 padding     : 1px 80px 1px 5px;
}





/*                   */


span.lk1{
 text-align  : left;
 font-size   : 14px;
 font-weight : bold;
 color       : white;
 line-height : 1.2;
 border      : 1px solid white;
 margin-top  : 5px;
 padding     : 1px 10px 0px 10px;
}
span.lk2{
 text-align  : left;
 font-size   : 14px;
 font-weight : bold;
 color       : darkgoldenrod;
 line-height : 1.2;
 border      : 1px solid darkgoldenrod;
 margin-top  : 5px;
 padding     : 3px 10px 0px 10px;
}

.red1{
 color       : red;
 font-weight : bold;
}

.bl1{ 
 color       : blue;
 font-weight : bold;
}
.bl2{ 
 color       : steelblue;
 font-weight : bold;
}
.gr1{ 
 color       : green;
 font-weight : bold;
}
.tan1{
 color       : tan;
 font-weight : bold;
}
.dk1{ 
 color       : darkgoldenrod;
}
.gry1{
 color       : gray;
 font-size   : 12px;
 font-weight : lighter;
}
.c_gray{
 color       : gray;
}
.org1{
 color       : orange;
 font-size   :  9pt;
 font-weight :  nomal;
}
.org2{
 color       : orange;
 font-weight :  nomal;
 border-left : 5px solid orange;
 border-bottom:1px dotted orange;
 padding     : 0px 327px 0px 10px;
}
.black{
 color       : black;
}
.black1{
 color       : black;
 font-size   : 12px;
 font-weight : lighter;
}
.black2{
 color        : black;
 font-weight  : nomal;
 border-bottom: 1px solid #663300;
}

.choc{
 color       : chocolate;
 font-weight : bold;
}

.choc2{
 color       : #cc3300;
 font-size   : 120%;
}
.choc3{
 color       : #cc3300;
}

.big{
 font-size   : 150%;
}


dt.tp{
 font-size     : 8pt;
 color         : black;
 padding-left  : 20px;
}
dt.sb1{
 font-size     : 9pt;
 color         : black;
 padding       : 0px 0px 5px 0px;
}
dt.ref{
 font-size     : 9pt;
 color         : orange;
 padding       : 0px 0px 0px  0px;
 margin        : 20px 0px 5px 0px;
}

dd.tp{
 font-size     : 6pt;
 color         : gray;
 margin-bottom : 10px;
}

dd.sb1{
 font-size     : 9pt;
 color         : gray;
 margin-bottom : 10px;
 padding       : 0px 30px 5px 0px;
}


strong.tan{
 color            : white;
 font-weight      : bold;
 background-color : tan;
 padding          : 2px 1px 1px 2px;
}
strong.cm1{
 color       : sienna;
 text-align  : left;
 font-size   : 8pt;
 line-height : 1.2;
}

strong.di_1{
 font-size   : 10pt;
 color       : white;
}
strong.di_2{
 font-size   : 8pt;
 color       : peru;
 font-weight : bold;
 border-bottom: 1px solid peru;
}

strong.r1{
 color       : red;
}
strong.r2{
 color       : #ff0099;
 font-weight : bold;
}
strong.bk{
 color       : black;
}
strong.mar{
 color          :white;
 font-weight    :bold;
background-color:maroon;
}


/* 	　okiniiri 		 */
#btn{
 background-color:white;
 color        : black;
 font-size    : 12px;
 text-align   : left;
 line-height  : 1.1;
 border       : 1px solid lightgrey;
 padding      : 0px;
}
/* 	　メルマガボタン		 */
input.m_btn{
 background-color:white;
 color        : black;
 font-size    : 12px;
 text-align   : left;
 line-height  : 1.1;
 border       : 1px solid gray;
 padding      : 1px 2px 1px 2px;
}







/* --------------------------------------- end */