@charset "UTF-8";
/* CSS Document */
/*---------------------------------------------------------------
  common.css ver.0
-----------------------------------------------------------------*/

/* Reset CSS */
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, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0; 
padding: 0; 
border: 0; 
font-size: 100%; 
font: inherit;  
text-decoration: none; 
line-height: inherit;
background-repeat: no-repeat; 
vertical-align: baseline; 
box-sizing: border-box; 
}
h1,h2,h3,h4,h5,h6,strong { } 
address,em { font-style: normal; } 

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block; 
}

blockquote, q { quotes: none; }
blockquote: before, blockquote: after, q:before, q:after { content: ''; content: none; }
ol, ul {
list-style: none; 
-moz-padding-inline-start   : 0; 
-webkit-padding-inline-start: 0; 
-o-padding-inline-start     : 0; 
padding-inline-start        : 0; 
}
table {
border-collapse: collapse; 
border-spacing: 0; 
}


/* BASE CSS */
html {
height: auto; width: 100%; font-size: 62.5%;
}
body {
  -webkit-text-size-adjust: 100%;
font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Verdana, Roboto, "Droid Sans", sans-serif;
color: #444; 
font-size: 1.8em; 
font-weight: 500; 
line-height: 1.5; 
position: relative; 
width: 100%; 
height: auto;
}
section {
margin: 0 auto; 
overflow: hidden; 
clear: both; 
}
div {
margin: 0 auto;
clear: both; 
}
a { text-decoration: none;} 
img { max-width: 100%; vertical-align: bottom; height: auto; } 
img.bd_c { border: 1px solid #cccccc; } 


/* font-style 
------------------------------------------------------------- */
.normal { font-style: normal !important; font-weight: normal !important; } 
.bold { font-weight: bold; } 
.aster { margin-left: 1.5em; text-indent: -1.5em } 
.aster:before { display: inline; content: "※"; padding-right: 0.5em; } 

/* text-align 
------------------------------------------------------------- */
.tl { text-align: left !important; } .tl > * { margin-right: auto; margin-left: 0; } 
.tr { text-align: right !important; } .tr > * { margin-left: auto; margin-right: 0; } 
.tc { text-align: center !important; } .tc > * { margin-left: auto; margin-right: auto; } 


/* list-style 
------------------------------------------------------------- */
.circle li, .disc li, .square li { margin-left: 1.5em; } 
.circle li li, .disc li li, .square li li { margin-left: 1.8em; } 
ol.num li { margin-left: 1.5em; } 
ol.num li li { margin-left: 1.8em; } 

.circle { list-style-type: circle; } 
.disc   { list-style-type: disc; } 
.square { list-style-type: square; } 
ol.num  { list-style-type: decimal; } 

li.notype { list-style-type: none !important; margin-left: 0.5em !important; } 

li.aster { list-style-type: none !important; margin-left: 1.5em; text-indent: -1.5em } 
li.aster:before { display: inline; content: "※"; padding-right: 0.5em; } 


/* display 
------------------------------------------------------------- */
.none { display: none !important; }


/* clearfix 
------------------------------------------------------------- */
.clear:after, 
.clearfix:after {
  content: "."; 
  display: block; 
  clear: both; 
  width: 0; 
  height: 0; 
  font-size: 0; 
  visibility: hidden; 
}
.clear, 
.clearfix {
  min-height: 1px; 
}
* html .clear, 
* html .clearfix {
  height: 1px; 
  /*\*//*/
  height: auto; 
  overflow: hidden; 
  /**/
}