@charset "utf-8";

/* -------------------------------------------------------------- 
   common.css
   Author: Issey Yamaki --  +D inc.  --  http://www.plus-d.co.jp/
-------------------------------------------------------------- */
html /*{overflow-y: scroll;} */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border:0;
  outline:0;
  vertical-align:baseline;
  margin:0;
  padding:0;
}

img { vertical-align:bottom; }

body {
  margin:0 auto;
  font-family:"メイリオ", "MS P ゴシック", "MS ゴシック", Osaka;
  background:#FFF;
}

a:link, a:visited {
  color: #003b78;
  text-decoration:underline;
}

a:hover, a:active {
  color: #003b78;
  text-decoration:none;
}

a img.hover {
  filter:alpha(opacity=100);
  opacity:1;
  -webkit-transition:opacity 0.1s linear;
  -moz-transition:opacity 0.1s linear;
  -o-transition:opacity 0.1s linear;
  transition:opacity 0.1s linear;
  background:#FFF;
}

a:hover img.hover, a:focus img.hover {
  filter:alpha(opacity=70);
  opacity:0.7;
  -webkit-transition:opacity 0.1s linear;
  -moz-transition:opacity 0.1s linear;
  -o-transition:opacity 0.1s linear;
  transition:opacity 0.1s linear;
  background:#FFF;
}

em {
  color:#cc0000;
  font-weight:bold;
}

.strong { font-weight:bold }

.left { float:left }

.right { float:right }

.block { display:block }

.blockL {
  display:block;
  float:left;
}

.blockR {
  display:block;
  float:right;
}

.inline { display:inline }

.clr { clear:both }

.txtL { text-align:left }

.txtC { text-align:center }

.txtR { text-align:right }

.mar0 { margin:0!important }

.mar5 { margin:5px }

.mar10 { margin:10px }

.mar15 { margin:15px }

.mar20 { margin:20px }

.mar30 { margin:30px }

.marL5 { margin-left:5px }

.marL10 { margin-left:10px }

.marL15 { margin-left:15px }

.marL20 { margin-left:20px }

.marL30 { margin-left:30px }

.marR5 { margin-right:5px }

.marR10 { margin-right:10px }

.marR15 { margin-right:15px }

.marR20 { margin-right:20px }

.marR30 { margin-right:30px }

.marT5 { margin-top:5px }

.marT10 { margin-top:10px }

.marT15 { margin-top:15px }

.marT20 { margin-top:20px }

.marT30 { margin-top:30px }

.marT40 { margin-top:40px }

.marB5 { margin-bottom:5px }

.marB10 { margin-bottom:10px }

.marB15 { margin-bottom:15px }

.marB20 { margin-bottom:20px }

.marB30 { margin-bottom:30px }

.marB40 { margin-bottom:40px }

.pad0 { padding:0!important }

.pad5 { padding:5px }

.pad10 { padding:10px }

.pad15 { padding:15px }

.pad20 { padding:20px }

.pad30 { padding:30px }

.padL5 { padding-left:5px }

.padL10 { padding-left:10px }

.padL15 { padding-left:15px }

.padL20 { padding-left:20px }

.padL30 { padding-left:30px }

.padL55 { padding-left:55px }

.padR5 { padding-right:5px }

.padR10 { padding-right:10px }

.padR15 { padding-right:15px }

.padR20 { padding-right:20px }

.padR30 { padding-right:30px }

.padT5 { padding-top:5px }

.padT10 { padding-top:10px }

.padT15 { padding-top:15px }

.padT20 { padding-top:20px }

.padT30 { padding-top:30px }

.padB5 { padding-bottom:5px }

.padB10 { padding-bottom:10px }

.padB15 { padding-bottom:15px }

.padB20 { padding-bottom:20px }

.padB30 { padding-bottom:30px }

.padTR5 { padding:5px 5px 0 0 }

.padTR10 { padding:10px 10px 0 0 }

.padTR15 { padding:15px 15px 0 0 }

.padTR20 { padding:20px 20px 0 0 }

.padTB5 { padding:5px 0 }

.padTB10 { padding:10px 0 }

.padTB15 { padding:15px 0 }

.padTB20 { padding:20px 0 }

.padTL5 { padding:5px 0 0 5px }

.padTL10 { padding:10px 0 0 10px }

.padTL15 { padding:15px 0 0 15px }

.padTL20 { padding:20px 0 0 20px }

.padRB5 { padding:0 5px 5px 0 }

.padRB10 { padding:0 10px 10px 0 }

.padRB15 { padding:0 15px 15px 0 }

.padRB20 { padding:0 20px 20px 0 }

.padBL5 { padding:0 0 5px 5px }

.padBL10 { padding:0 0 10px 10px }

.padBL15 { padding:0 0 15px 15px }

.padBL20 { padding:0 0 20px 20px }

.padLR5 { padding:0 5px }

.padLR10 { padding:0 10px }

.padLR15 { padding:0 15px }

.padLR20 { padding:0 20px }

.marTR5 { margin:5px 5px 0 0 }

.marTR10 { margin:10px 10px 0 0 }

.marTR15 { margin:15px 15px 0 0 }

.marTR20 { margin:20px 20px 0 0 }

.marTB5 { margin:5px 0 }

.marTB10 { margin:10px 0 }

.marTB15 { margin:15px 0 }

.marTB20 { margin:20px 0 }

.marTL5 { margin:5px 0 0 5px }

.marTL10 { margin:10px 0 0 10px }

.marTL15 { margin:15px 0 0 15px }

.marTL20 { margin:20px 0 0 20px }

.marRB5 { margin:0 5px 5px 0 }

.marRB10 { margin:0 10px 10px 0 }

.marRB15 { margin:0 15px 15px 0 }

.marRB20 { margin:0 20px 20px 0 }

.marBL5 { margin:0 0 5px 5px }

.marBL10 { margin:0 0 10px 10px }

.marBL15 { margin:0 0 15px 15px }

.marBL20 { margin:0 0 20px 20px }

.marLR5 { margin:0 5px }

.marLR10 { margin:0 10px }

.marLR15 { margin:0 15px }

.marLR20 { margin:0 20px }

.font10 { font-size:77% }

.font11 { font-size:10px; line-height:13px; }

.font12 { font-size:93% }

.font13 { font-size:100% }

.font14 { font-size:108% }

.font15 { font-size:116% }

.font16 { font-size:123.1% }

.font17 { font-size:131% }

.font18 { font-size:138.5% }

.font19 { font-size:146.5% }

.font20 { font-size:153.9% }

.fontS { font-size:10px }

.fontM { font-size:12px }

.fontL { font-size:14px }

.fontLL { font-size:16px }

.fontXL { font-size:20px }

.fontN { font-weight:normal!important }

.LH12 { line-height:1.2 }

.LH13 { line-height:1.3 }

.LH14 { line-height:1.4 }

.LH15 { line-height:1.5 }

.LH16 { line-height:1.6 }

.LH17 { line-height:1.7 }

.LH18 { line-height:1.8 }

.LH19 { line-height:1.9 }

.LH20 { line-height:2 }

.vaT { vertical-align:top }

.vaM { vertical-align:middle }

.vaBe { vertical-align:baseline }

.vaBo { vertical-align:bottom }

/* Kerning firefox3*/
p.kerning, x:-moz-any-link, x:default {
text-align:justify
}

/* Kerning IE8 and below*/
p.kerning { text-justify: inter-ideograph\9; }

/* Kerning IE9*/
p.kerning:not(:target) { text-justify: inter-ideograph\9; }

/* CLEAR FIX*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
}

.clearfix { display: inline-block; }

* html .clearfix { height: 1%; }

.clearfix { display: block; }

* html .clearfix { zoom: 1 } /* IE6 */

*:first-child+html .clearfix { zoom: 1 } /* IE7 */