@charset "utf-8";

/* -----------------------------------------------

 * ブラウザ解釈値リセット＆設定ファイル

 *

 * LastUpdate : 15/07/15

----------------------------------------------- */

@import url(https://fonts.googleapis.com/css?family=Quattrocento+Sans:400,700);

/* RESET
----------------------------------------------------------------------------------------------------*/
a, abbr, acronym, address, applet, article, aside, audio, 
b, big, blockquote, body, caption, canvas, center, cite, code,
dd, del, details, dfn, dialog, div, dl, dt, em, embed, 
fieldset, figcaption, figure, form, footer, 
header, hgroup, h1, h2, h3, h4, h5, h6, html, 
i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,
object, ol, output, p, pre, q, ruby, 
s, samp, section, main, small, span, strike, strong, sub, summary, sup, 
tt, table, tbody, tfoot, thead, time, tr, th, td,
u, ul, var, video { 
  font-family: inherit; 
  font-size: 100%; 
  font-weight: inherit; 
  font-style: inherit; 
  vertical-align: baseline; 
  white-space: normal;
  margin: 0; 
  padding: 0; 
  border: 0; 
  outline: 0;
  background: transparent; 
  line-height: 1.5;/* base line height */
  text-align: left;
}

textarea { 
  font-family: inherit; 
  font-size: 100%; 
  font-weight: inherit; 
  font-style: inherit; 
  vertical-align: baseline; 
  margin: 0; 
  padding: 0; 
  border: 0; 
  outline: 0;
  background: transparent; 
  line-height: 1.5;/* base line height */
  text-align: left;
}


article, aside, details, figcaption, figure, footer, header, hgroup,
menu, nav, section, main { 
  display: block; 
}
                  
ol, ul  { 
  list-style: none; 
}
blockquote, q {
  quotes: none; 
}

table { 
  border-collapse: collapse; 
  border-spacing: 0; 
}


/* ----------------------------------------------

 * 設定をしなおす

---------------------------------------------- */
/*html,body {
   -webkit-text-size-adjust: none;
}*/

body {
  margin: 0 auto;
  padding: 0 auto;
    font-size:15px;
  text-align: center; /* box centering */
  color: #00205e;
  font-family: "Quattrocento Sans",cursive,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
table {
  margin : 0;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
}

img {
  vertical-align: bottom;
  border: none;
}


/* ----------------------------------------------

 * アンカータグの設定

---------------------------------------------- */
a {outline:none;}


a,a:hover,a:hover img {
  -webkit-transition: 0.7s !important;
  -moz-transition: 0.7s !important;
  -o-transition: 0.7s !important;
  transition: 0.7s !important;
  text-decoration: none;
}

a img:hover,a:hover {
  filter: alpha(opacity=75) !important;
  -moz-opacity:0.75 !important;
  opacity:0.75 !important;
}

/* ----------------------------------------------

 * 要素を左右中央寄せ

---------------------------------------------- */

.taC {
  text-align: center !important;
}

.taR {
  text-align: right !important;
}

.taL {
  text-align: left !important;
}

.txtR {
  text-align:right;
}

.posL {
  float: left;
}

.posR {
  float: right;
}



.caption {
  font-size: 83% !important;
}

.mb10 {
  margin-bottom: 10px;
}
.mt10 {
  margin-top: 10px;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}


/* ----------------------------------------------
 * clearfix
---------------------------------------------- */
/*for IE 5.5-7*/
.clr {
  zoom: 1;
  display: inline-table;
}

/*for modern browser*/
.clr:after {
  content:".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}

* html .clr {
  height: 1%;
  display:inline-table;
  /*\*/display:block;/**/
}

/* Hides from IE-mac \*/
* html .clr {
  height: 1%;
}

.clr {
  display: block;
}
/* End hide from IE-mac */


input[type="text"],textarea,input[type="tel"],input[type="email"]{
  padding:10px;
  margin:0!important;
  display: block;
  background: #eee;
  border: none;
}

input[type="submit"] {
  -webkit-appearance: none;
}

.must {
  color: #D50909;
}