body{ font-family:'ヒラギノ丸ゴ Pro W3','Hiragino Maru Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; font-size:15px;}

.center{text-align:center;}
.left{ text-align:left;}
.right{ text-align:right;}

img{ border:0px;}

/*----pタグ---*/

p{ padding:0; margin:0;}

p.red{ color:#ff0000; font-weight:bold;}

p.oran{ color:#ff6600; font-weight:bold;}

p.cook{ padding-top:5px; width:400px; text-align:center; color:#ff0000; font-weight:bold;}

#main{ width:100%;}

#left{ float:left; width:20%;}

#right{ float:right; width:75%; padding-left:5px;}

#right table td iframe{ width:100%;}

#clear{ width:100%; clear:both;}

/*----テーブル----*/
.s1{ display:table-cell; border:1px solid #ff6600; text-align:center;}

#sume2{ display:none;}
.s1a{ display:none;}

table.s2{ width:95%; margin-bottom:15px; vertical-align:top; border:solid 1px #ccc;}

table.s2 td{ width:30%; border:solid 1px #ccc; text-align:center;}

.s2t{ width:140px; text-align:left; vertical-align:top;}

.s2tb{ width:120px; text-align:center; vertical-align:top;}

.s2p{ width:90%; color:#ff0000; font-size:9px;}

.s3p{ width:90%; color:#ff6600; font-size:10px;}

table.s3{ width:80%; background-color:#ff9900;}
table.s3 th{ width:30%; background-color:#ff9900; border:1px solid #fff; color:#fff;}
table.s3 td{ width:70%; background:#fff;}

table.s4{ width:80%; background-color:#333;}
table.s4 th{ width:30%; background-color:#fff; border:1px solid #fff;}
table.s4 td{ width:70%; background:#fff;}

tr.syo{ color:#666; text-align:left;}

table.botan tr{ background-color:#999; height:21px; text-align:center;}

table.menu{ width:99%; margin-left:auto; margin-right:auto;}

table.menu img{ width:100%;}

.style1 {color:#666;}
.style2 {color:#ff33cc;}
.style3 {color:#0000ff;}
.style4 {color:#ff0000;}
.style5 {color:#000066;}
.style6 {color:#333333;}
.style8 { color:#cc9900; font-weight:bold; font-size:18px;}

@media (min-width:350px) and (max-width:800px){

#main{ width:100%;}

#left{ float:none; width:98%; margin-left:auto; margin-right:auto; text-align:center;}

#right{ float:none; width:98%; margin-left:auto; margin-right:auto; margin-top:10px;}

.timg{ width:100%;}

#right table th td{ display:block;}

#right table td iframe{ width:95%; margin-left:auto; margin-right:auto;}

#sume{ display:none;}
.s1{ display:none;}

#sume2{ width:100%; display:block; margin-bottom:15px;}
.s1a{ display:block; width:100%;}
.s1a td{border:1px solid #ff6600; text-align:center;}
.s1a img{ width:90%;}

table.s2{ width:100%; margin-bottom:15px; vertical-align:top; border:solid 1px #ccc;}
table.s2 td{ width:100%; display:block; border:solid 1px #ccc; text-align:center;}

table.s3{ width:100%; background-color:#ff9900;}
table.s3 th{ width:100%; display:block; background-color:#ff9900; color:#fff;}
table.s3 td{ width:100%; display:block; background:#fff; padding-top:5px; padding-bottom:5px;}

table.s4{ width:100%; background-color:#333;}
table.s4 th{ width:100%; display:block; background-color:#fff; border:1px solid #fff;}
table.s4 td{ width:100%; display:block; background:#fff;}

#clear{ width:100%; margin-top:30px; clear:both;}

}