body{
font-size:13px;
color:#004200;
margin-left:28px;
margin-right:40px;
background-image:url(click-line-tate.gif);
background-attachment:fixed;
background-repeat:repeat-y;
}


@media screen and (max-width: 480px) {

body{
font-size:100%;
font-family:sans-serif;
color:#004200;
margin-left:12px;
margin-right:2px;
background-color:white;
-webkit-text-size-adjust : 100%!important ;

}
}


@media screen and (max-width: 480px) {
img {
max-width : 100% ;
height : auto ;
float : none ;
}
}



.table1 { 
width: 100%; /* テーブルの横幅 */ 
border-collapse: collapse; /* 枠線の表示方法 */ 
border: 2px #c8c8ff solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
} 
.table1 TD { 
border: 1px #c8c8ff solid; /* セルの枠線（太さ・色・スタイル） */ 
border-collapse: collapse;

} 

.d1{margin-left:100px;
margin-right:30px;
font-size:16px;
color:black;
line-height:180%}


@media screen and (max-width: 480px) {
.d1 { font-size : 105% ;
margin-left:3px;
margin-right:0px;

 }
}


.cap{
width:800px;
font-size:0.9em;
font-family:sans-serif;
color:#0000e8;
margin-left:12px;
margin-right:12px;
background-color:#f0f0f0;
padding-bottom:0.4em;
text-align:center;

}

@media screen and (max-width: 480px) {
.cap{
width:100%;
font-size:0.8em;
font-family:sans-serif;
color:#0000e8;
line-height:1.5em;
margin-left:0px;
margin-right:0px;
background-color:#dfdfdf;
padding-bottom:0px;
-webkit-text-size-adjust : 100%!important ;
text-align:left;
}
}


.d2{margin-left:200px;
margin-right:140px;
line-height:180%;
font-size:14px;
color:#413867;
align:right}

.d3{margin-left:120px;
margin-right:80px;
line-height:160%;
font-size:12px;
color:#4c4c4c;
align:right;
background-color:cornsilk;
padding-left:10px;
}

td.mise
{font-size:16px;
font-weight:bold;
line-height:160%;
align:right;
background-color:#feead3;
}

td.adrs
{font-size:10px;
line-height:160%;
font-color:navy;
align:left;
background-color:#e8ffeb;
width:150px;
}

td.det
{font-size:11px;
line-height:160%;
font-color:navy;
align:left;
background-color:#ffffe1;
}

td.link1
{font-size:10px;
line-height:160%;
font-color:maroon;
align:left;
background-color:#e8ffeb;
}

td.hp
{font-size:10px;
line-height:160%;
font-color:#8080ff;
align:left;

}

td.eigyo
{font-size:12px;
line-height:140%;
font-color:#8080ff;
align:left;
background-color:#e8e8ff;
}

th{font-size:18px;
line-height:140%;
align:right;
}

td
{font-size:16px;
line-height:160%;
}


H1 {
    font-size: 20px;
    border-width: 1px 10px 1px 10px;
    border-color: #d0eef0;
    border-style: solid;
    margin-left: 10px;
    background-color:#e7ffdf;
}
H2 {
    font-size: 24px;
    
 color: rgba(0,0,0,0.6);
text-shadow:
2px 8px 6px rgba(0,0,0,0.2),
0px -5px 35px rgba(255,255,255,0.3);



    
    
    border-width: 1px 0px 1px 0px;
    border-color: #007373;
    border-style: solid;
    background:#d9fff2;
    color: navy;
    margin-left:15px;
}
H3 {
font-size:22px;
text-shadow:
0 1px 0 #222,
0 2px 0 #5e5e5e,
0 3px 0 #111,
0 4px 0 #5e5e5e,
0 5px 0 #000,
0 6px 1px rgba(0,0,0,.1),
0 0 5px rgba(0,0,0,.1),
0 1px 3px rgba(0,0,0,.3),
0 3px 5px rgba(0,0,0,.2),
0 5px 10px rgba(0,0,0,.25),
0 10px 10px rgba(0,0,0,.2),
0 20px 20px rgba(0,0,0,.15);
               
               
               
    border-width: 1px 30px 1px 50px;
    border-color: #e8e800;
    border-style: solid;
    background:#fcfdbd;
    color: navy;
    margin-left:15px;
    width:350px;
}

h4 
{
font-size:24px;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
text-decoration: underline; 
}

h5 
{
font-size:10pt;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color:palegreen; 
background-color:#e1f2fb;
}

a{text-decoration: none}
a:link{color:navy}
a:visited{color:brown}
a:active{color:orange}
a:hover{color:crimson}