@charset "UTF-8";

/* CSS Document */

/* Reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section {
  display:block;
}

/*--------------------------------------------/
フォントサイズ(bodyに指定する値)が12pxの場合
表示したいサイズ	|	指定するサイズ
-----------------------------------------------
		10px		|		84%
		11px		|		92%
		12px		|		100%
		13px		|		109%
		14px		|		117%
		15px		|		125%
		16px		|		134%
		17px		|		142%
		18px		|		150%
		19px		|		159%
		20px		|		167%
		21px		|		175%
		22px		|		184%
		23px		|		192%
		24px		|		200%
		25px		|		209%
		26px		|		217%
/--------------------------------------------*/

body {
	color: #333333;
	font-family: "AvenirLTStd-Roman", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	/*-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;*/
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	text-size-adjust: none;
}


/* for IE6 */
* html body {
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    font-size: 75%;
}

/* for IE7 */
*:first-child+html body {
    font-size: 75%;
}

ul,li {
  list-style:none;
  margin: 0;
  padding: 0;
}

blockquote, q {
  quotes:none;
}

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

h1 {
	font-size: 160%;
}
h2{
	font-size: 130%;
}
h3{
	font-size: 125%;
}
h4{
	font-size: 115%;
	font-weight: normal;
}
h5, h6 {
	font-size: 100%;
}

img {
	border: 0;
	vertical-align:top;
	-ms-interpolation-mode: bicubic;
}

a {
	color: #3f94cc;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

hr {
  display:block;
  height:1px;
  border:0;
  border-top:1px solid #CCC;
  margin:1em 0;
  padding:0;
}

input, select {
  vertical-align:middle;
}

/* float用 */

.fl-left {
	float: left;
}
.fl-right {
	float: right;
}

.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}
/* Hides ie-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide ie-mac */

/* color */

.text-r {
	color: #F00;
}

/* margin */

.mt-space5 {
	margin-top: 5px;
}
.mt-space10 {
	margin-top: 10px;
}
.mt-space15 {
	margin-top: 15px;
}
.mt-space20 {
	margin-top: 20px;
}
.mt-space30 {
	margin-top: 30px;
}
.mt-space40 {
	margin-top: 40px;
}
.mt-space60 {
	margin-top: 60px;
}
.mb-space5 {
	margin-bottom: 5px;
}
.mb-space10 {
	margin-bottom: 10px;
}
.mb-space20 {
	margin-bottom: 20px;
}
.mb-space30 {
	margin-bottom: 30px;
}
.mb-space40 {
	margin-bottom: 40px;
}
.mb-space50 {
	margin-bottom: 50px;
}
.mb-space60 {
	margin-bottom: 60px;
}
.mb-space150 {
	margin-bottom: 150px;
}
.ml-space4 {
	margin-left: 4px;
}
.ml-space10 {
	margin-left: 10px;
}
.ml-space12 {
	margin-left: 12px;
}
.ml-space20 {
	margin-left: 20px;
}
.ml-space27 {
	margin-left: 27px;
}
.ml-space30 {
	margin-left: 30px;
}
.ml-space35 {
	margin-left: 35px;
}
.ml-space40 {
	margin-left: 40px;
}
.ml-space50 {
	margin-left: 50px;
}
.ml-space53 {
	margin-left: 53px;
}
.ml-space55 {
	margin-left: 55px;
}
.ml-space80 {
	margin-left: 80px;
}
.ml-space96 {
	margin-left: 96px;
	display: inline;
}
.ml-space100 {
	margin-left: 100px;
}
.ml-space120 {
	margin-left: 120px;
}
.mr-space5 {
	margin-right: 5px;
}
.mr-space10 {
	margin-right: 10px;
}
.mr-space15 {
	margin-right: 15px;
}
.mr-space20 {
	margin-right: 20px;
}
.mr-space30 {
	margin-right: 30px;
}
.mr-space40 {
	margin-right: 40px;
}
.mbt-space20 {
	margin: 20px 0;
}