@charset "utf-8";

/*** リンク設定 ***/

@import url("user_pc.css") screen and (min-width: 1080px);
@import url("user_sp.css") screen and (max-width: 1079px);

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}


/*** BODY ***/

  
body {background-color: #F5F5F5;  font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
#wrap {background-color: #F5F5F5; }
#footer  {background-color: #DCDCDC; }
/*** フォント設定 ***/

a:link {color:#555;}
a:visited {color:#555;}
a:active {color: #555;}
a:hover {color: #555; text-decoration: none;}

/*** スタイル定型 ***/

.title_h1 {background-color: #4E85B7; color: #ffffff; height: 50px; line-height: 50px; padding-left: 10px; font-size: 24px;}

.center {text-align: center; width: 100%;}
.bold {font-weight: bold;}
.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pt25 {padding-top: 25px;}
.pt30 {padding-top: 30px;}
.pt35 {padding-top: 35px;}
.pt40 {padding-top: 40px;}
.pt50 {padding-top: 50px;}
.pt70 {padding-top: 70px;}
.pt90 {padding-top: 90px;}
.pt100 {padding-top: 100px;}
.pt150 {padding-top: 150px;}

.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}
.pb35 {padding-bottom:35px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}
.pb70 {padding-bottom:70px;}
.pb90 {padding-bottom:90px;}
.pb100 {padding-bottom: 100px;}
.pb150 {padding-bottom: 150px;}
.pb200 {padding-bottom: 200px;}

.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt50 {margin-top: 50px;}
.mt100 {margin-top: 100px;}

.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb50 {margin-bottom: 50px;}
.mb100 {margin-bottom: 100px;}

.lh150 {line-height: 150%;}
.lh200 {line-height: 200%;}

.fss {font-size: small;}
.fsl {font-size: large;}
.fsxl {font-size: x-large;}
.fsxxl {font-size: xx-large;}

.pan {width: 100%; padding-top: 20px; padding-bottom: 20px;}

.pan a:link {color:#4E85B7; text-decoration: none;}
.pan a:visited {color:#4E85B7; text-decoration: none;}
.pan a:active {color: #4E85B7; text-decoration: none;}
.pan a:hover {color: #4E85B7; text-decoration: underline;}