@charset "utf-8";


a { text-decoration : none; outline: none; }
a img,:link img,:visited img {border:none;}
ul, ol { list-style : none;}

img { vertical-align : middle;}
img { max-width : 100%;}

hr{display:block; width:100%; background-color: #fd7c54; height:1px; border: 0; border-width:1px 0 0 0; margin: 25px 0; }

a:link{ color:#333; font-weight:none;}
a:visited{ color:#333; font-weight:none;}
a:active{ color:#333; font-weight:none;}
a:hover{ color:#F60; font-weight:none;}

html { font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック",Osaka,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif ; color: #333; line-height: 1.5; letter-spacing:1px; -webkit-print-color-adjust: exact;}

body { }

h1 { font-size: 1em; font-weight: normal; } 
h2 { font-size: 1.1em; line-height: 1.5; margin-bottom: 0.4em; } 
h3 { font-size: 0.7em; font-weight: normal; line-height: 1.5; color: #294ead;} 

.f_redb {color: #CC0000; font-weight: bold;}
.f_red {color: #CC0000;}

.font26 { font-size:1.8em; line-height:1.4em; } 
.font24 { font-size:1.3em; line-height:1.4em; } 
.font20 { font-size:1.2em; line-height:1.4em; } 

hgroup h2,h4,h5,h6 { font-size : 1em; /* 16px */ line-height : 1.5; /* 24px */ margin-bottom : 1.5em; } 

#wrapper { overflow: hidden; }

#contents { overflow: hidden; width : 96%; margin: 0 auto; }

#t01 { font-size: 1.2em; font-weight: bold; color:#fff; text-align: center; line-height: 1.2em; background-color: #fd7c54; float: left; margin-bottom : 0.7em; }


/*◆◆[ 480px ]◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

@media print, screen and (max-width:480px){

html{ font-size : 70%; }

a img.linkimg{  }
a:hover img.linkimg{  }

#contents { width: 100%;}
#main { width: 100% }

#t01 { width: 100%; height: 30px; padding: 8px 0 0 0px; }

}


/*◆◆[ 768px ]◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

@media print, screen and (min-width:481px){

html{ font-size : 87.5%; }

a img.linkimg{  }
a:hover img.linkimg{  }

#contents { width: 100%;}
#main { width: 100% }

#t01 { width: 100%; height: 30px; padding: 8px 0 0 0px; }

}


/*◆◆[ 1020px ]◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

@media print, screen and (min-width : 1020px) {

html{ font-size: 100%; }

a img.linkimg{ background: none; transition: 0.3s; }
a:hover img.linkimg{ opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; background:none;}

#contents { max-width: 700px;}
#main { width: 100% }

#t01 { width: 100%; height: 30px; padding: 8px 0 0 0px; }

}