/* charset */
@charset "utf-8";

/* reset */
/* -------------------------------------- */
/*
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,
strong,em,b,i,
dl,dt,dd,ul,ol,li,
img,
table,caption,tbody,tfoot,thead,tr,th,td,
pre,address,blockquote,
form,label{
	margin: 0;
	padding: 0;
	outline: 0;
	text-decoration: none;
	text-align: left;
	vertical-align: baseline;
	font-size: 100%;
	border: 0;
}
ul,ol {
	list-style: none;
}
input, select {
	vertical-align: middle;
}
img {
	vertical-align: top;
	vertical-align: bottom;
}

:focus { outline: 0; }
table {
  border-collapse: collapse;
  border-spacing: 0;
}
*/
/*
body{
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic Pro', 'ƒqƒ‰ƒMƒmŠpƒS Pro W3', Meiryo, 'ƒƒCƒŠƒI', sans-serif;
}
*/

/*clearfix*/
/*--------------------------*/
.cf:after,
.cf:before {
	content: '';
	display: table;
}
.cf:after {
	clear: both;
}
.cf {
	zoom: 1;
}

.cb{
	clear: both;
}
.fll{float: left;}
.flr{float: right;}
.tac{text-align: center;}

.dtbl{display: table;}
.dtblc{display: table-cell;}
.dn{display: none;}

.blkc{margin-left: auto;margin-right: auto;}

.whlf{width: 49%;}
.w55p{width: 55%;}
.w60p{width: 60%;}
.w70p{width: 70%;}
.w80p{width: 80%;}
.w90p{width: 90%;}
.w92p{width: 92%;}
.w94p{width: 94%;}
.w96p{width: 96%;}
.w98p{width: 98%;}
.wmax{width: 100%;}

.mac{
  margin-left: auto !important;
  margin-right: auto !important;
}

.mt00 {margin-top:   0 !important;}
.mt01p{margin-top:  1% !important;}
.mt02p{margin-top:  2% !important;}
.mt03p{margin-top:  3% !important;}
.mt04p{margin-top:  4% !important;}
.mt05p{margin-top:  5% !important;}
.mt06p{margin-top:  6% !important;}
.mt07p{margin-top:  7% !important;}
.mt08p{margin-top:  8% !important;}
.mt09p{margin-top:  9% !important;}
.mt10p{margin-top: 10% !important;}

.pt00 {padding-top:   0 !important;}
.pt01p{padding-top:  1% !important;}
.pt02p{padding-top:  2% !important;}
.pt03p{padding-top:  3% !important;}
.pt04p{padding-top:  4% !important;}
.pt05p{padding-top:  5% !important;}
.pt06p{padding-top:  6% !important;}
.pt07p{padding-top:  7% !important;}
.pt08p{padding-top:  8% !important;}
.pt09p{padding-top:  9% !important;}
.pt10p{padding-top: 10% !important;}

.fwb{font-weight: bold;}

/*
body{
  line-height: 1.4;
  background: #fff;
  font-size: 62.5%;
  color:#333;
}
*/
.inner{
	position: relative;
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
}

/* ---------------------------- container */
#contents{
  font-size: 10px;
}

.topic-path01 {
    margin: 10px 10px 10px 10px !important;
}

@media screen and (max-width:480px){
  #contents{
    font-size: 9px;
  }
}
@media screen and (min-width:481px){
  #contents{
    font-size: 15px;
  }
}