/*「SMARTSTYLE」480px以内のブラウザ用の設定*/

/*↓↓サイトの構成↓↓*/
@media screen and (max-width:480px){img{max-width:100%;height:auto;width:auto;　}
@charset "UTF-8";<style type="text/css">
*{padding:0px;margin:0px;}
大枠*/
#title{border-bottom:1px solid;}/*一番上のタイトル部*/
#navi{width:100%;}/*タイトル下の説明とかに*/
#main{width:100%;}/*メインボックス*/
#link{clear:both;width:100%;font-size:100%;padding:10px 0px 10px 0px;border-top:1px solid #add8e6;}
#footer{clear:both;width:100%;font-size:80%;padding:10px 0px 10px 0px;text-align:center;background-color:#fffff;}
/*↑↑サイトの構成ここまで↑↑*/

/*↓↓中身の設定とか↓↓*/
/*見出しhの大きさの設定*/
h1{color : white;
  padding-top : 5px;
  padding-left : 15px;
  padding-bottom : 5px;
  background-color :#1e90ff;
  border-style : double;}

h2{color : white;
  background-color :#4169e1;
  padding-left : 10px;
  margin-top : 5px;
  margin-bottom : 5px;
  border-style : double;
  
h3{font-size:100%;color:#FF9900;}

/*段落パラグラフpの設定*/
p{font-size:100%;margin:10px;line-height:150%;}


/*文字スタイルの設定→<p class="○○">*/
.style1{font-size:100%;line-height:130%;}/*文字の大きさと行間の大きさ*/
.style2{font-size:120%;line-height:130%;}
.style3{font-size:150%;ling-height:130%;}
.style4{font-size:80%;line-height:130%;}
.style5{font-size:90%;line-height:130%;}
.style6{font-size:90%;line-height:180%;}
.category{font-size:120%;color:#FFFFFF;background-color:#FF9900;}/*帯状にする*/


/*リンクaの設定*/
a{font-size:100%;font-weight:bold;color:#0000CC;text-decoration:none;}
a:hover{color:#9900FF;text-decoration:underline;}

/*罫線hrの設定*/
hr.style-one{border:0;height:1px;background:#333;background-image:-webkit-linear-gradient(left, #ccc, #00C, #ccc);background-image:-moz-linear-gradient(left, #ccc, #00C, #ccc);background-image:-ms-linear-gradient(left, #ccc, #00C, #ccc);background-image:-o-linear-gradient(left, #ccc, #00C, #ccc);}