/*

ver2018.03.16

03.16 negative-margin追加
08.28 line-height追加

*/

/* === 共通 === */

/* 標準指定 */

body {
	
line-height: 1.3; /* IE paddingなしで文字が切れない最小 */
font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'hirakakupro-w3', 'ＭＳ Ｐゴシック', sans-serif;
font-size: 88%; /* 14px相当 */
	color:  #222;
	line-height: 1.5;}
	
/* webフォント 読み込み */
@font-face {
font-family: 'dinFs';
src: url('font/dinFs.eot'); /* IE9 Compat Modes */
src: url('font/dinFs-ie.eot') format('embedded-opentype'), /* IE6-IE8 */
     url('dinFs.woff') format('woff'), /* Modern Browsers */
     url('font/dinFs.ttf')  format('truetype') /* Safari, Android, iOS */
}

.dinf { font-family: 'dinFs', 'Arial', sans-serif; letter-spacing: -0.025em; padding-right: 2px; padding-left: 2px; *font-weight: bold; font-size: 200%}	

a { color: #0176ed; }

a:hover { text-decoration: underline;}
a span:hover {text-decoration:underline}

.ss  {font-size: 78%;}  /* 11px相当（xpでは10px）*/
.sm  {font-size: 85%;}  /* 12px相当 */
.mm  {font-size: 93%;}  /* 13px相当 */
.lg  {font-size: 114%;} /* 16px相当 */
.xlg {font-size: 128%;} /* 18px相当 */

h1, h2, h3, h4, h5, h6, table {font-size: 100%;}

img {border: 0; /* vertical-align: bottom; */}
label {cursor: pointer;}

p { margin: 0.5em 0;}

b { font-weight: bold;}

/* HTML5 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary{
display:block;
}

/* === リンク === 
a         {color: #09f;}
a:visited {color: #004D8E;}
a:hover   {color: #006bb2;}
a:hover.opa {filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;}
a.link img {vertical-align: middle; margin-left: 3px;}
*/
.blank { background: url(../../common/images/icon_blank.png) no-repeat right;
padding-right: 16px; }


/* clearfix */
.clr:after  {content: "."; display: block; clear: both; visibility: hidden; height: 0;}
.clr {zoom: 1; }


/* インデント */
.indent { 
padding-left: 1em;
text-indent: -1em;}
.indent-2 { 
padding-left: 2em;
text-indent: -2em;}
.indent-3 { 
padding-left: 3em;
text-indent: -3em;}


/* 文字 */
.bold { font-weight: bold!important;}
.f-black { color: #222;}
.f-gray { color: #777; }
.f-red { color: #ce4119; }
.f-orange { color: #d76407;}
.f-yellow { color: #F4A600}

/* 文字揃え */
.t-center { text-align: center;}
.t-left { text-align: left;}
.t-right { text-align: right;}
.v-top { vertical-align: top!important}

/* 線 */
.b-gray { border: 1px solid #dbdbdb;}
.no-border { border: none!important;}


/* 背景 */
.type-white { background: #fff; border: 1px solid #9c9c9c; }
.type-gray { background: #eee;}


/* margin-top */
.mt-15 { margin-top: -15px!important;}
.mt-10 { margin-top: -10px!important;}
.mt-05 { margin-top: -5px!important;}
.mt00 { margin-top: 0!important;}
.mt05 { margin-top: 5px!important;}
.mt10 { margin-top: 10px!important;}
.mt15 { margin-top: 15px!important;}
.mt20 { margin-top: 20px!important;}
.mt25 { margin-top: 25px!important;}
.mt30 { margin-top: 30px!important;}
.mt35 { margin-top: 35px!important;}
.mt40 { margin-top: 40px!important;}
.mt50 { margin-top: 50px!important;}
.mt60 { margin-top: 60px!important;}
.mt70 { margin-top: 70px!important;}

/* margin-bottom */
.mb-15 { margin-bottom: -15px!important;}
.mb-10 { margin-bottom: -10px!important;}
.mb-05 { margin-bottom: -5px!important;}
.mb00 { margin-bottom: 0!important;}
.mb05 { margin-bottom: 5px!important;}
.mb10 { margin-bottom: 10px!important;}
.mb15 { margin-bottom: 15px!important;}
.mb20 { margin-bottom: 20px!important;}
.mb25 { margin-bottom: 25px!important;}
.mb30 { margin-bottom: 30px!important;}
.mb35 { margin-bottom: 35px!important;}
.mb40 { margin-bottom: 40px!important;}
.mb50 { margin-bottom: 50px!important;}
.mb60 { margin-bottom: 60px!important;}
.mb70 { margin-bottom: 70px!important;}

/* margin-right */
.mr-15 { margin-right: -15px!important;}
.mr-10 { margin-right: -10px!important;}
.mr-05 { margin-right: -5px!important;}
.mr00 { margin-right: 0!important;}
.mr05 { margin-right: 5px!important;}
.mr10 { margin-right: 10px!important;}
.mr15 { margin-right: 15px!important;}
.mr20 { margin-right: 20px!important;}
.mr25 { margin-right: 25px!important;}
.mr30 { margin-right: 30px!important;}
.mr40 { margin-right: 40px!important;}
.mr50 { margin-right: 50px!important;}
.mr60 { margin-right: 60px!important;}
.mr70 { margin-right: 70px!important;}

/* margin-left */
.ml-15 { margin-left: -15px!important;}
.ml-10 { margin-left: -10px!important;}
.ml-05 { margin-left: -5px!important;}
.ml00 { margin-left: 0!important;}
.ml05 { margin-left: 5px!important;}
.ml10 { margin-left: 10px!important;}
.ml15 { margin-left: 15px!important;}
.ml20 { margin-left: 20px!important;}
.ml25 { margin-left: 25px!important;}
.ml30 { margin-left: 30px!important;}
.ml40 { margin-left: 40px!important;}
.ml50 { margin-left: 50px!important;}
.ml60 { margin-left: 60px!important;}
.ml70 { margin-left: 70px!important;}

/* margin */
.ma00 { margin: 0!important;}
.ma10 { margin: 10px!important;}
.ma15 { margin: 15px!important;}
.ma20 { margin: 20px!important;}
.ma25 { margin: 25px!important;}
.ma30 { margin: 30px!important;}
.ma35 { margin: 35px!important;}
.ma40 { margin: 40px!important;}
.ma50 { margin: 50px!important;}
.ma60 { margin: 60px!important;}

/* paddnig-top */
.pt00 { paddnig-top: 0!important;}
.pt10 { paddnig-top: 10px!important;}
.pt15 { paddnig-top: 15px!important;}
.pt20 { paddnig-top: 20px!important;}
.pt25 { paddnig-top: 25px!important;}
.pt30 { paddnig-top: 30px!important;}
.pt35 { paddnig-top: 35px!important;}
.pt40 { paddnig-top: 40px!important;}
.pt50 { paddnig-top: 50px!important;}
.pt60 { paddnig-top: 60px!important;}
.pt70 { paddnig-top: 70px!important;}

/* paddnig-bottom */
.pb00 { paddnig-bottom: 0!important;}
.pb10 { paddnig-bottom: 10px!important;}
.pb15 { paddnig-bottom: 15px!important;}
.pb20 { paddnig-bottom: 20px!important;}
.pb25 { paddnig-bottom: 25px!important;}
.pb30 { paddnig-bottom: 30px!important;}
.pb35 { paddnig-bottom: 35px!important;}
.pb40 { paddnig-bottom: 40px!important;}
.pb50 { paddnig-bottom: 50px!important;}
.pb60 { paddnig-bottom: 60px!important;}
.pb70 { paddnig-bottom: 70px!important;}

/* paddnig-right */
.pr00 { paddnig-right: 0!important;}
.pr10 { paddnig-right: 10px!important;}
.pr15 { paddnig-right: 15px!important;}
.pr20 { paddnig-right: 20px!important;}
.pr25 { paddnig-right: 25px!important;}
.pr30 { paddnig-right: 30px!important;}

/* paddnig-left */
.pl00 { paddnig-left: 0!important;}
.pl10 { paddnig-left: 10px!important;}
.pl15 { paddnig-left: 15px!important;}
.pl20 { paddnig-left: 20px!important;}
.pl25 { paddnig-left: 25px!important;}
.pl30 { paddnig-left: 30px!important;}

/* paddnig */
.pa00 { paddnig: 0!important;}
.pa10 { paddnig: 10px!important;}
.pa15 { paddnig: 15px!important;}
.pa20 { paddnig: 20px!important;}
.pa25 { paddnig: 25px!important;}
.pa30 { paddnig: 30px!important;}
.pa35 { paddnig: 35px!important;}
.pa40 { paddnig: 40px!important;}
.pa50 { paddnig: 50px!important;}
.pa60 { paddnig: 60px!important;}


/* line-height */
.lh10 { line-height: 1!important;}
.lh11 { line-height: 1.1!important;}
.lh12 { line-height: 1.2!important;}
.lh13 { line-height: 1.3!important;}
.lh14 { line-height: 1.4!important;}
.lh15 { line-height: 1.5!important;}
.lh16 { line-height: 1.6!important;}
.lh17 { line-height: 1.7!important;}
.lh18 { line-height: 1.8!important;}
.lh19 { line-height: 1.9!important;}
.lh20 { line-height: 2!important;}
.lh21 { line-height: 2.1!important;}
.lh22 { line-height: 2.2!important;}
.lh23 { line-height: 2.3!important;}
.lh24 { line-height: 2.4!important;}
.lh25 { line-height: 2.5!important;}
.lh26 { line-height: 2.6!important;}
.lh27 { line-height: 2.7!important;}
.lh28 { line-height: 2.8!important;}
.lh29 { line-height: 2.9!important;}
.lh30 { line-height: 3!important;}

/* 横幅980px */
.w980 {
	width: 980px;
	margin: 0 auto;}