/*===============================================
●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-size:9pt;
color:white;
 display:inline; }
h2 { font-size:10pt;
color:#ff6600;
 display:inline; }
 h3 { font-size:11pt;
color:yellow;
 display:inline; }
 
body { scrollbar-arrow-color : #ffffff }
body { scrollbar-face-color : #000000 }
img { border: none; }


/*--------------共通　メニュー--------------*/
#s_event{background:url(menu/b_even.gif) no-repeat top;font-size:40px;}
#s_event:hover{background-image:url(menu/b_even9.gif)}

#s_ze2{background:url(menu/b_bo.gif) no-repeat top;font-size:40px;}
#s_ze2:hover{background-image:url(menu/b_bo9.gif)}

#s_ski{background:url(menu/b_al.gif) no-repeat top;font-size:40px;}
#s_ski:hover{background-image:url(menu/b_al9.gif)}

#s_canoe{background:url(menu/b_ka.gif) no-repeat top;font-size:40px;}
#s_canoe:hover{background-image:url(menu/b_ka9.gif)}

#s_caddy{background:url(menu/b_cady.gif) no-repeat top;font-size:40px;}
#s_caddy:hover{background-image:url(menu/b_cady9.gif)}

#s_undo{background:url(menu/b_rec.gif) no-repeat top;font-size:40px;}
#s_undo:hover{background-image:url(menu/b_rec9.gif)}

#s_ban{background:url(menu/b_ban.gif) no-repeat top;font-size:40px;}
#s_ban:hover{background-image:url(menu/b_ban9.gif)}

#s_nobori{background:url(menu/b_nobori.gif) no-repeat top;font-size:40px;}
#s_nobori:hover{background-image:url(menu/b_nobori9.gif)}

#s_tapestry{background:url(menu/b_tapestry.gif) no-repeat top;font-size:40px;}
#s_tapestry:hover{background-image:url(menu/b_tapestry9.gif)}

#s_bas{background:url(menu/b_un.gif) no-repeat top;font-size:40px;}
#s_bas:hover{background-image:url(menu/b_un9.gif)}

#s_mail{background:url(menu/b_mail.gif) no-repeat top;font-size:40px;}
#s_mail:hover{background-image:url(menu/b_mail9.gif)}

#s_order{background:url(menu/b_otoi.gif) no-repeat top;font-size:40px;}
#s_order:hover{background-image:url(menu/b_otoi9.gif)}

#s_index{background:url(menu/b_top.gif) no-repeat top;font-size:40px;}
#s_index:hover{background-image:url(menu/b_top9.gif)}

#s_mswing{background:url(menu/b_mswing.gif) no-repeat top;font-size:40px;}
#s_mswing:hover{background-image:url(menu/b_mswing9.gif)}

#s_kaisya{background:url(menu/b_kaisya.gif) no-repeat top;font-size:40px;}
#s_kaisya:hover{background-image:url(menu/b_kaisya9.gif)}

#s_link{background:url(menu/b_link.gif) no-repeat top;font-size:40px;}
#s_link:hover{background-image:url(menu/b_link9.gif)}

#s_sam{background:url(menu/b_sample.gif) no-repeat top;font-size:40px;}
#s_sam:hover{background-image:url(menu/b_sample9.gif)}

#s_ca{background:url(menu/b_ca.gif) no-repeat top;font-size:40px;}
#s_ca:hover{background-image:url(menu/b_ca9.gif)}
-->