/*===============================================
●style.css 画面の横幅が781px以上
===============================================*/
@media screen and (min-width: 781px){
img{max-width:100%;height:auto;width:auto;}
#container{width:100%;}
/*〜以下、画面の横幅が781px以上のスタイル記入〜*/

BODY {margin: 10px 0 0 10px;TEXT="BLACK" LINK="BLUE" VLINK="green";}
.ttl {float :left;}
.ttlR {padding-top:20px;padding-left:120px;font-size:10pt;/*float :left;*/}
.main {width:100%;float:left;}
.data {width:600px;float:left;}
.left {width:160px;float:left;}
.mid {width:410px;float:left;}
.right {margin-top:100px;width:180px;float:left;text-align:right;}
.mariru {background-color:#FBFFDF;border:10pt ridge #FBFFDF;
text-align:center;top:5px;left:25px;width:360px;position:relative;}
.mori {text-align:center;font-size:9pt;}
.uTTL {font-size:10pt;font-weight:bold;}
.sTTL {font-size:8pt;text-align:right;}
.news {float:left;border:5pt inset #00ff00;font-size:9pt;
	color:#0000ff;left:200px;width:360px;
	text-align:left;line-height:130%;padding:5px 5px 5px 5px;}
}

/*===============================================
●style.css 画面の横幅が780pxまで
===============================================*/
@media screen and (max-width: 780px){
img{max-width:100%;height:auto;width:auto;}
#container{width:100%;}
/*〜以下、画面の横幅が780pxまでのスタイル記入〜*/

BODY {margin: 10px 0 0 10px;TEXT="BLACK" LINK="BLUE" VLINK="green";}
.ttl {/*float :left;*/}
.ttlR {font-size:10pt;/*float :left;*/}
.main {width:100%;float:left;}
.data {width:600px;float:left;}
.left {width:160px;float:left;}
.mid {width:410px;float:left;}
.right {margin-top:100px;width:180px;float:left;text-align:right;}
.mariru {background-color:#FBFFDF;border:10pt ridge #FBFFDF;
text-align:center;top:5px;left:25px;width:360px;position:relative;}
.mori {text-align:center;font-size:9pt;}
.uTTL {font-size:10pt;font-weight:bold;}
.sTTL {font-size:8pt;text-align:right;}
.news {float:left;border:5pt inset #00ff00;font-size:9pt;
	color:#0000ff;left:200px;width:360px;
	text-align:left;line-height:130%;padding:5px 5px 5px 5px;}
}
/*===============================================
●style.css 画面の横幅が600pxまで
===============================================*/
@media screen and (max-width: 600px){
img{max-width: 100%;height:auto;width /***/:auto;}
#container{width:100%;}
/*〜以下、画面の横幅が780pxまでのスタイル記入〜*/

BODY {margin: 10px 0 0 10px;TEXT="BLACK" LINK="BLUE" VLINK="green";}
.ttl {float :left;width:100%;}
.ttlR {font-size:10pt;}
.main {width:100%;float:left;}
.data {width:97%;float:left;}
.left {width:160px;float:left;}
.mid {width:100%;float :left;}
.right {width:180px;float: left;text-align:right;}
.mariru {background-color:#FBFFDF;border:10pt ridge #FBFFDF;
text-align:center;top:5px;left:25px;width:100%;position:relative;}
.mori {text-align:center;font-size:9pt;}
.uTTL {font-size:10pt;font-weight:bold;}
.sTTL {font-size:8pt;text-align:right;}
.news {float:left;border:5pt inset #00ff00;font-size:9pt;
	color:#0000ff;left:200px;width:100%;
	text-align:left;line-height:130%;padding:5px 5px 5px 5px;}
}

/*===============================================
●smart.css  画面の横幅が410pxまで
===============================================*/
@media screen and (max-width:410px){
img{max-width:100%;height:auto;width:auto;}
#container{width:100%;}
/*〜以下、画面の横幅が410pxまでの場合のスタイル記入〜*/

BODY {margin: 10px 0 0 10px;TEXT="BLACK" LINK="BLUE" VLINK="green";}
.ttl {float :left;width:100%;}
.ttlR {font-size:10pt;}
.main {width:100%;float:left;}
.data {width:97%;float:left;}
.left {width:160px;float:left;}
.mid {width:100%;float :left;}
.right {width:180px;float: left;text-align:right;}
.mariru {background-color:#FBFFDF;border:10pt ridge #FBFFDF;
text-align:center;top:5px;left:25px;width:100%;position:relative;}
.mori {text-align:center;font-size:9pt;}
.uTTL {font-size:10pt;font-weight:bold;}
.sTTL {font-size:8pt;text-align:right;}
.news {float:left;border:5pt inset #00ff00;font-size:9pt;
	color:#0000ff;left:200px;width:100%;
	text-align:left;line-height:130%;padding:5px 5px 5px 5px;}
}

/*===============================================
●smart.css  画面の幅が320pxまで
===============================================*/
@media screen and (max-width:320px){
img{max-width:100%;height:auto;width:auto;}
#container{width:100%;}
/* 画面の幅が320pxまで スタイルが入ります */

BODY {margin: 10px 0 0 10px;TEXT="BLACK" LINK="BLUE" VLINK="green";}
.ttl {float :left;width:100%;}
.ttlR {font-size:10pt;}
.main {width:100%;float:left;}
.data {width:100%;float:left;}
.left {width:160px;float:left;}
.mid {width:100%;float:left;}
.right {width:180px;float:left;text-align:right;}
.mariru {background-color:#FBFFDF;border:10pt ridge #FBFFDF;
text-align:center;top:5px;left:25px;width:100%;position:relative;}
.mori {text-align:center;font-size:9pt;}
.uTTL {font-size:10pt;font-weight:bold;}
.sTTL {font-size:8pt;text-align:right;}
.news {float:left;border:5pt inset #00ff00;font-size:9pt;
	color:#0000ff;left:200px;width:100%;
	text-align:left;line-height:130%;padding:5px 5px 5px 5px;}
}