/*=============================================== ●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;} }