@charset "utf-8";

/*---------reset---------*/

html, body, a, abbr, acronym, address, area, b, bdo, big, blockquote, button, caption, cite, code,col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, hr, i, img,
ins, kbd, label, legend, li, map, object, ol, p, param, pre, q, samp, small, span, strong, sub,sup, table, tbody, td, textarea, tfoot, th, thead, tr, tt, ul, var {
margin: 0;
padding: 0;
list-style: none;
font-size: 15px;
font-weight: normal;
font-style: normal;
line-height: 150%;
font-family: 'Comfortaa', cursive, sans-serif;
letter-spacing: 0.08em;
}

img {
border: none;
max-width: 100%;
height: auto;
}

ul {
list-style-type: none;
}

ul li img {
vertical-align: bottom;
}

h1,h2,h3,h4,h5,h6,p {
color: #a8804c;
}

body {
font-family: 'Montserrat', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Verdana, Arial, Helvetica,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
-webkit-text-size-adjust: 100%;
width: 100%;
word-break: break-all;
background: #ddf0db url("../images/mainbk.png");
background-size: 9%;
}


html {
overflow-y: scroll;
width: 100%;
-webkit-font-smoothing: antialiased;
}

a {
color: #444;
outline: none;
text-decoration: underline;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}

a:hover {
color: #999;
filter: alpha(opacity=50);
-moz-opacity:0.50; /*FF*/
opacity:0.50;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
text-decoration: underline;
}

.alink{
color: #444;
font-weight: bold;
}

a:hover img.alp{
filter:alpha(opacity=50); /*IE*/
-moz-opacity:0.50; /*FF*/
opacity:0.50;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}


.corporatecolor01{color: #071E4B;}

::selection {
background: #333333; /* Safari */
color: #ffffff;
}

::-moz-selection {
background: #333333;  /* Firefox */
color: #ffffff;
}


/* 印刷用 */
@media print {
 body{
  overflow-y: visible !important;
  overflow-x: visible !important;
 }
 #wrapper{
  overflow-y: visible !important;
 }
}