* { margin: 0 auto; padding: 0px; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; }
p { line-height:1.2em; padding: 0 0.3em 0.6em 0.3em; }
hr { margin:0.6em 0; height:1px; border:0; background:#999; }

h1 { font-size:xx-large; font-weight:normal; background-color:#fee4e4; padding:0.5em 0.3em 0.3em 0.3em; line-height:1.2em; margin:0.6em 0; }
h2 { font-size:x-large; font-weight:normal; line-height:1.2em; padding:0 0.2em 0.6em 0.2em; }
h3 { font-weight:normal; font-size:16px; display:inline; padding:0.5em 0.1em; margin:0; line-height:1.2em; }

body { line-height: 1.2em; background-color : #ffffff; width:960px; padding:8px; font-size:16px; }
body a:link { color: #ea5506; }
body a:visited { color: #ea5506; }
body a:hover { color: #ea5506; background-color : #fee4e4; }
body a:active { color: #ea5506; }

#navi { color:#222222; padding:0.6em 0 0 0; }
.navic { margin:0.3em 0 0.8em 0; padding:0.6em 0.3em 0.3em 0.3em; background-color:#fee4e4; }

#footer { color:#222222; font-size:small; padding:0.6em 0.3em; }

.notbl { color:#222222; }

.midashi { font-size:x-large; padding:0.6em 0.3em; } 
.idt { text-indent:1em; padding:0; line-height:1.4em; }
.idtx { text-indent:1em; display:inline; }
.mokuji { min-height:448px; }
.ichiran { font-size:small; text-indent:1em; } 

.ad { width:50%; padding: 0.6em 0 1.2em 0; }
.ad1 { width:100%; height:320px; background-color:#fee4e4; margin:1em 0; padding-top:40px; }
.ad5 { width:100%; height:112px; background-color:#fff; margin:0 0 1.2em 0; }
.ad6 { width:336px; height:280px; }
.ad7 { width:100%; min-height:616px; background-color:#fff; }
.ad7x { width:336px; height:280px; margin: 2em 1em 2em auto; }
.adW6 { width:92%; height:auto; }

.txta { padding:0.2em 0; }
.txtb { padding:0.6em 0; }
.txtc { padding:0.2em 2em 0.8em 2em; line-height:2em; }
.txtd { padding:0.2em 2em 0.8em 0em; line-height:2em; }

#social { color:#222222; width:100%; padding-bottom:1em; }
  #fb { float:left; text-align:center; width:49%; }
  #tw { float:right;text-align:center; width:49%; }
  
.areaA { color:#222222; width:100%; }
  .colx { float:left; width:49%; }
  .coly { float:right; width:49%; }
  
.areaB { width:100%; background-color:#fff; margin:1.4em 0 0.8em 0; }
  .cols { float:left; width:800px; }
    .colm { float:right; width:640px; background-color:#fff; }
    .coln { float:left; width:160px; text-align:center; padding-top:0em; }
  .colt { float:right; width:160px; text-align:center; padding-top:0em; }
  
.areaC { width:90%; }
  .cola { width:49%; float:left; text-align:left; }
  .colb { width:49%; float:right; text-align:right; }
  
.clear { clear:both; } 
.clear hr { display:none; } 

.mark { color:#a0273d; }
.markb { font-weight:bold; }
.red { color:red; }
.blue { color:blue; }

table, td, th { border:1px #666666 solid; border-collapse: collapse; padding:0.5em 0.1em; }
.md { margin-bottom:1.4em; width:92%; table-layout:fixed; text-align:center; vertical-align:center; }
.md1 { width:20%; }
.md2 { width:7%; }
.tbl { margin-bottom:1.5em; width:92%; table-layout:fixed; height:4em; color:#222222; font-size:small; text-align:center; vertical-align:center; padding:0; border:1px; }
.btn { color:#ffffff; }
.jp { color:#375786; }
.kr { color:#f4939e; }
.bg { background-color:#dddddd; font-size:medium; color:#222222; }
.btn1 { background-color:#0b56a0; }
.btn2 { background-color:#ca3650; }
.btn3 { background-color:#ffffff; }

.kaisetsu { width:92%; padding:0; }
.cntr { text-align:center; padding:1em 0 0 0; }
.lst { line-height:1.8em; padding:0 0.6em 0 1.2em; }
.midashi2 { font-size:x-large; padding:0.6em 0.3em 0.4em 0.3em; } 
.midashi3 { font-size:x-large; padding:0.6em 0; } 

@media screen and (max-width:680px) {
body { width:480px; }
h1 { font-size:x-large; }
h2 { line-height:1.2em; padding:0.6em 0em; }
h3 { font-weight:normal; font-size:medium; display:inline; line-height:1.6em; padding: 0.2em 0 0.4em 0; }
p { padding: 0.2em 0 0.4em 0; line-height:1.4em; }
#fb { float : none ; width:100%; padding:0 0 1.2em 0; }
#tw { float : none ; width:100%; }
.colx { float : none ; width:100%; }
.coly { float : none ; width:100%; }
.cols { float : none ; width:100%; }
 .colm { float : none ; width:100%; }
 .coln { float : none ; width:100%; padding-top:0; }
.colt { display:none; }

.areaB { background-color:#fff; margin:1.2em 0 0.8em 0; }
.ad { width:100%; padding: 0.6em 0 1.2em 0; }
.ad1 { width:100%; padding: 0.6em 0 1.2em 0; height:auto; background-color:#fee4e4; }
.ad5 { width:100%; padding: 0.4em 0 1.2em 0; height:auto; background-color:#fee4e4; }
.ad6 { width:100%; padding: 0.6em 0 1.2em 0; height:auto; }
.ad7 { width:100%; margin: 0.8em 0 1.6em 0; background-color:#fff; padding-top:0; min-height: initial; min-height: auto; }
.ad7x { width:100%; height:auto; margin: 1em 0 2em 0; }
.midashi { font-size:x-large; padding:0.6em 0em; }
.midashi2 { font-size:x-large; padding:0.6em 0em; }
.idt { text-indent:0em; padding:0 0.3em 0.3em 0.3em; }
.lst { text-indent:0em; padding:0 0.3em 0.3em 0.3em; }
.idtx { text-indent:0em; padding:0 0.3em 0.3em 0.3em; display:inline; }
.txtc { text-indent:0em; padding:0 0.3em 0.3em 0.3em; line-height:1.4em; }

.md { width:100%; }
.tbl { width:100%; }

} 

@media screen and (max-width:400px) {
body { width:304px; }
h1 { font-size:x-large; }
h2 { line-height:1.2em; padding:0.6em 0em; }
h3 { font-weight:normal; font-size:medium; display:inline; line-height:1.6em; padding: 0.2em 0em 0.4em 0; }
p { padding: 0.2em 0 0.4em 0; line-height:1.4em; }
.colx { float : none ; width:100%; }
.coly { float : none ; width:100%; }
.cols { float : none ; width:100%; }
 .colm { float : none ; width:100%; }
 .coln { float : none ; width:100%; padding-top:0; }
.colt { display:none; }

.areaB { background-color:#fff; margin:1.2em 0 0.8em 0; }
.ad { width:100%; padding: 0.6em 0 1.2em 0; }
.ad1 { width:100%; padding: 0.6em 0 1.2em 0; height:auto; background-color:#fee4e4; }
.ad5 { width:100%; padding: 0.4em 0 1.2em 0; height:auto; background-color:#fee4e4; }
.ad6 { width:100%; padding: 0.6em 0 1.8em 0; height:auto; }
.ad7 { width:100%; margin: 0.8em 0 1.6em 0; background-color:#fff; padding-top:0; min-height: initial; min-height: auto; }
.ad7x { width:100%; height:auto; margin: 1em 0 2em 0; }
.midashi { font-size:x-large; padding:0.6em 0em; }
.midashi2 { font-size:x-large; padding:0.6em 0em; }
.idt { text-indent:0em; padding:0 0.3em 0.3em 0.3em; }
.lst { text-indent:0em; padding:0 0.3em 0.3em 0.3em; }
.idtx { text-indent:0em; padding:0 0.3em 0.3em 0.3em; display:inline; }
.txtc { text-indent:0em; padding:0.3em 0.3em 0.8em 0.3em; line-height:1.4em; }

.md { width:100%; }
.tbl { width:100%; }

}