@charset "utf-8";

/*****************************************************/
/** 基本設定 **/
/*****************************************************/

html,body { 
	margin: 0px; 
	padding: 0px; 
}

body {
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}

h1,h2,h3,h4,h5,div,p {
	margin:0px;
	padding:0px;
}

/*画像のボーダー設定*/
img  { border:0; }
a img  { border:0; }

/*リスト基本設定*/
ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

li {
	margin: 0px;
	padding: 0px;
}

/*****************************************************/
/** テキスト・レイアウト調整用 **/
/*****************************************************/

/*****  レイアウト設定  *****/
/*配置*/
.float_r { float:right; }
.float_l { float:left; }
.center { margin-left: auto !important; margin-right: auto !important; }

.cl { clear:both; }
.cl_r { clear:right; }
.cl_l { clear:left; }

.ta_c { text-align: center; }
.ta_l { text-align: left; }
.ta_r { text-align: right; }

/*回り込み解除*/
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-table; }

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


/***** テキスト設定  *****/
/*色*/
.red { color:#cc0000; }
.pink { color:#FF0099; }
.green { color:#009250; }
.orange { color:#ff6600; }
.brown { color:#67452e; }
.blue { color:#3188ef; }
.black { color:#000000; }

/*サイズ*/
.fontb,.bld { font-weight:bold !important; }
.font10 { font-size:2.4rem !important; }
.font12 { font-size:2.4rem !important; }
.font14 { font-size:2.6rem !important; }
.font16 { font-size:2.6rem !important; }
.font18 { font-size:2.8rem !important; }
.font20 { font-size:3.0rem !important; }
.font22 { font-size:3.2rem !important; }
.font24 { font-size:3.4rem !important; }

.mincho {
  font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","HG明朝E","ＭＳ 明朝",serif;
}

/***** マージン設定  *****/
/*上マージン*/
.mt0 { margin-top:0px !important; }
.mt05 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt50 { margin-top:50px !important; }

/*下マージン*/
.mb0 { margin-bottom:0px !important; }
.mb05 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb50 { margin-bottom:50px !important; }
.mb55 { margin-bottom:55px !important; }

/*左マージン*/
.ml0 { margin-left:0px !important; }
.ml05 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }
.ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }

/*右マージン*/
.mr0 { margin-right:0px !important; }
.mr05 { margin-right:05px !important; }
.mr10 { margin-right:10px !important; }
.mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }
.mr25 { margin-right:25px !important; }
.mr30 { margin-right:30px !important; }