﻿/*===============================================
●style.css 画面の横幅が769px以上
===============================================*/
@media screen and (min-width:769px){
img{max-width:100%;height:auto;width /***/:auto;}
/*～以下、画面の横幅が768pxまでの場合のスタイル記入～*/
#container{width:100%;}
BODY {TEXT="BLACK" LINK="#006699" VLINK="green" ALINK="#FF00FF";
	margin-left:1em;margin-top:0.5em;font-size:12pt;}
a { color:#006699; }
a:hover {position:relative;top:2px;left:2px;}
.main{position:relative;top:0px;left:0px;width:720px;}
.updt {position:absolute;top:110px;left:660px;color:white;}
.data{float:left;top:0px;left:0px;line-height:110%;width:580px;}
.afiri{float:right;top:0px;left:0px;width:140px;line-height:80%;text-align:right;}
h1{background-image:url("../img/tikugogawa-799x126.jpg");width:800px;height:126px;
	color:#340EE5;font-size:200%;line-height:1em;}
h2{color:#0A7CF7;font-size:24pt;line-height:30pt;background-color:#AFEDF8;
	text-indent:1em;}
h3{color:#12609B;font-size:13pt;}
.t-sm {font-size:small;}
.kana {font-size:9pt;text-align:right;}
table {border-collapse:collapse;}
th,td {padding-left:5px;}
.lm{margin-left:1em;font-size:11pt;line-height:120%;}
.lf50 { line-height:50%; }

}
/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width:768px){
img{max-width:100%;height:auto;width /***/:auto;}
#container{width:100%;}
/*～以下、画面の横幅が768pxまでの場合のスタイル記入～*/
BODY {TEXT="BLACK" LINK="#006699" VLINK="green" ALINK="#FF00FF";
	margin-left:1em;margin-top:0.5em;font-size:12pt;}
a { color:#006699; }
a:hover {position:relative;top:2px;left:2px;}
.main{position:relative;top:0px;left:0px;width:600px;}
.updt {position:absolute;top:110px;left:460px;color:white;}
.data{float:left;top:0px;left:0px;line-height:110%;width:580px;}
.afiri{top:0px;left:0px;}
h1{background-image:url("../img/tikugogawa-600x126.jpg");
	width:600px;height:126px;color:#340EE5;font-size:160%;line-height:1em;}
h2{color:#0A7CF7;font-size:16pt;font-weight:bolder;line-height:30pt;
	background-color:#AFEDF8;text-indent:1em;}
h3{color:#12609B;font-size:13pt;}
.update {color:green;text-align:right;}
.t-sm {font-size:small;}
.kana {font-size:9pt;text-align:right;}
table {border-collapse:collapse;}
th,td {padding-left:5px;}
.lm{margin-left:1em;font-size:11pt;line-height:120%;}
.lf50 { line-height:50%; }
}
/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
img{max-width:100%;height:auto;width /***/:auto;}
#container{width:100%;}
/*～以下、画面の横幅が640pxまでの場合のスタイル記入～*/
BODY {TEXT="BLACK" LINK="#006699" VLINK="green" ALINK="#FF00FF";
	/*margin-left:1em;margin-top:0.5em;*/ font-size:10pt;}
a { color:#006699; }
a:hover {position:relative;top:2px;left:2px;}
.main{position:relative;top:0px;left:0px;width:100%;}
.updt {position:absolute;top:110px;left:70%;color:white;}
.data{float:left;top:0px;left:0px;line-height:110%;width:100%;}
.afiri{top:0px;left:0px;}
h1{background-image:url("../img/tikugogawa-600x126.jpg");width:600px;height:126px;
	color:#340EE5;font-size:160%; line-height:1em;}
h2{color:#0A7CF7;font-size:12pt;font-weight:bolder;line-height:30pt;
	background-color:#AFEDF8;text-indent:1em;}
h3{color:#12609B;font-size:11pt;}
.update {color:green;text-align:right;}
.t-sm {font-size:small;}
.kana {font-size:9pt;text-align:right;}
table {border-collapse:collapse;}
th,td {padding-left:5px;}
.lm{margin-left:0.5em;font-size:10pt;line-height:120%;}
.lf50 { line-height:50%; }s
}

/*===============================================
●smart.css  画面の幅が320pxまで
===============================================*/
@media screen and (max-width:320px){
img{max-width:100%;height:auto;width /***/:auto;}
#container{width:100%;}
/* ここにスタイルが入ります */
BODY {TEXT="BLACK" LINK="#006699" VLINK="green" ALINK="#FF00FF";
	/*margin-left:1em;margin-top:0.5em;*/font-size:10pt;}
a { color:#006699; }
a:hover {position:relative;top:2px;left:2px;}
.main{position:relative;top:0px;left:0px;width:100%;}
.updt {position:absolute;top:110px;left:70%;color:white;}
.data{float:left;top:0px;left:0px;line-height:110%;width:100%;}
.afiri{top:0px;left:0px;}
h1{background-image:url("../img/tikugogawa-320x124.jpg");
	width:100%;height:126px;color:#340EE5;font-size:160%;line-height:1em;}
h2{color:#0A7CF7;font-size:12pt;font-weight:bolder;line-height:30pt;
	background-color:#AFEDF8;text-indent:1em;}
h3{color:#12609B;font-size:11pt;}
.update {color:green;text-align:right;}
.t-sm {font-size:small;}
.kana {font-size:9pt;text-align:right;}
table {border-collapse:collapse;}
th,td {padding-left:5px;}
.lm{margin-left:0.5em;font-size:10pt;line-height:120%;}
.lf50 { line-height:50%; }
}
