@charset "UTF-8";
/* CSS Document */

/* 汎用クラスの指定。
   必要に応じて追記可能ですが、汎用クラスの範疇に入らないものは記述しないでください。
--------------------------------------------------------------*/

/*form { margin: 0px; padding: 0px; }

a img { border: none; }

h1,h2,h3,h4,h5 { font-size: 100%; font-weight: normal; line-height:1.4; }
h1 img,
h2 img,
h3 img,
h4 img,
h5 img {
    vertical-align: bottom;
}

img {
    vertical-align: bottom;
}*/

/* 回り込み解除 
--------------------------------------------------------------*/
.clear_both { clear: both; display: block;  }
hr { display: none; }

/* クリアフィックス */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
    display: block;
	min-height:1%;  /* for IE 7*/
}

/*------------------------------------ Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*---------------------------------- End hide from IE-mac */

/* リスト
--------------------------------------------------------------*/
ul.type_none { list-style-type: none; }

ul li img {             /* 文字可変時の画像のずれをおさえる */
	font-size: 0;
    line-height: 0;
    vertical-align: bottom;
}

/* パディング
--------------------------------------------------------------*/
.pb00 { padding-bottom: 0px !important; }
.pb05 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }

.pt00 { padding-top: 0px !important; }
.pt05 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }


/* マージン
--------------------------------------------------------------*/
.mb00 { margin-bottom: 0px !important; }
.mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }

.mt00 { margin-top: 0px !important; }
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt80 { margin-top: 80px !important; }
.mt100 { margin-top: 100px !important; }

.ml00 { margin-left: 0px !important; }
.ml05 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }

.mr00 { margin-right: 0px !important; }
.mr05 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }


/* ポジション
--------------------------------------------------------------*/
.positionLeft { text-align: left !important; }
.positionCenter { text-align: center !important; }
.positionRight { text-align: right !important; }

.margin-auto { margin:0 auto; }


/* 注文
--------------------------------------------------------------*/
.caution { text-indent: -0.95em; margin-left: 0.95em; }



/* 縦位置
--------------------------------------------------------------*/
.vt { vertical-align: top !important; }
.vm { vertical-align: middle !important; }
.vb { vertical-align: bottom !important; }


/* 下つき・上つき文字
--------------------------------------------------------------*/
sub {
    position:relative;
	bottom: -0.1em;
	vertical-align:baseline;
}

sup {
    position:relative;
	bottom: 0.5em;
	vertical-align:baseline;
	font-size: 1.0rem;
}