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

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}


H1 {
font-family:Arial,Helvetica;
        font-size: 100%;
	color:#ff3300;
}

H2 {
font-family:Arial,Helvetica;
        font-size: 160%;
	color:#ff6600;
}

H3 {
font-family:Arial,Helvetica;
        font-size: 120%;
	color:#ff6600;
}

BODY {
font-family:Arial,Helvetica;
line-height:160%;
font-size: 90%;
}

#COL1 {

WIDTH:200PX;
FLOAT: LEFT;
MARGIN-LEFT: 10PX;
}


#COL2 {

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

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

WIDTH:700PX;
FLOAT: LEFT;
MARGIN-LEFT:10PX;
}

#COL3 {

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

img{
WIDTH:1000PX;
height: auto;
width /***/:auto;　
}


WIDTH: 1000PX;
CLEAR: LEFT;
MARGIN-LEFT: 20PX;
}

#COL4{

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

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}


WIDTH: 1000PX;
CLEAR: LEFT;
MARGIN-LEFT: 0PX;
}



.style1 {
font-size: 150%;
font-weight: 400％;
}

.style2 {
font-size: 150%;
font-weight: 300％;
color: ff6600;
}

.style3 { 
font-size: 120%;
font-weight: 200％;
}

.style4 {
font-size: 120%;
font-weight: 200％;
color: ff6600;
}

.style5 { 
font-size: 30
0%;
font-weight: 200％;
}