* { margin: 0 auto; padding: 0px; color:#222222; 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:#dae4fc; 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.6em 0.2em; }
h3 { font-weight:normal; font-size:medium; display:inline; line-height:1.8em; padding: 0 0.3em 0.6em 0.3em; }

body { line-height: 1.2em; background-color : #eaf4fc; width:960px; padding:8px; font-size:16px; }
body a:link { color: #007bbb; }
body a:visited { color: #007bbb; }
body a:hover { color: #007bbb; background-color : #dae4fc; }
body a:active { color: #007bbb; }

#navi { 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 { font-size:small; padding:0.6em 0.3em; }

.midashi { font-size:x-large; padding:0.6em 0.3em; } 
.midashiw { font-size:x-large; padding:0.6em 0.3em 0.2em 0.3em; } 
.idt { text-indent:1em; }
.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; margin:1em 0; padding-top:40px; }
.ad5 { width:338px; margin:0.6em auto 1.2em 2em; height:280px; }
.ad6 { width:338px; padding:auto; height:280px; }
.ad7 { width:160px; padding:360px 0 20px 0; 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; }
.txte { padding:0.2em 2em 0.8em 3em; line-height:2em; }

#social { width:100%; padding-bottom:1em; }
  #fb { float:left; text-align:center; width:49%; }
  #tw { float:right;text-align:center; width:49%; }
  
.areaA { width:100%; }
  .colx { float:left; width:49%; }
  .coly { float:right; width:49%; padding-top:1.2em; }
  
.areaB { width:100%; background-color:#fee4e4; margin:1.4em 0 0.8em 0;  }
  .cols { float:right; width:760px; background-color:#fff;  }
    .colm { float:left; width:560px; background-color:#fff;  }
    .coln { float:right; width:200px; text-align:center; }
  .colt { float:left; width:200px; text-align:center; }
  
.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 { width:90%; table-layout:fixed; text-align:center; vertical-align:center; color:initial; }
.tbl { width:90%; height:48px; 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; }

@media screen and (max-width:680px) {
body { width:95%; }
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%; padding:1em 0; }
.cols { float : none ; width:100%; }
.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; }
.ad5 { width:100%; padding: 0.4em 0 1.2em 0; height:auto; margin:0; }
.ad6 { width:100%; padding: 0.6em 0 1.8em 0; height:auto; }
.ad7 { width:100%; margin: 0.8em 0 0.8em 0; background-color:#fff; }
.midashi { font-size:x-large; padding:0.6em 0em; }
.midashiw { font-size:x-large; padding:0.6em 0em; }
.idt { 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; }
.txte { text-indent:0em; padding:0 0.3em 0.3em 0.3em; line-height:1.4em; }
} 

@media screen and (max-width:400px) {
body { width:95%; }
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%; padding:1em 0; }
.cols { float : none ; width:100%; }
.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; }
.ad5 { width:100%; padding: 0.4em 0 1.2em 0; height:auto; margin:0;  }
.ad6 { width:100%; padding: 0.6em 0 1.8em 0; height:auto; }
.ad7 { width:100%; margin: 0.8em 0 0.8em 0; background-color:#fff; }
.midashi { font-size:x-large; padding:0.6em 0em; }
.midashiw { font-size:x-large; padding:0.6em 0em; }
.idt { 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; }
.txte { text-indent:0em; padding:0 0.3em 0.3em 0.3em; line-height:1.4em; }
}