﻿@charset "utf-8";

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

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

body {
    font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Osaka", Verdana, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
}

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

hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

/*画像のボーダー設定*/

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:#ce3a4e; }
.pink { color:#e38692; }
.green { color:#2eb7a7; }
.orange { color:#ff6600; }
.blue { color:#319bc5; }
.black { color:#000000; }
.brown { color: #7e481e; }

/*サイズ*/
.fontb { font-weight:bold !important; }
.font10 { font-size:10px !important; }
.font12 { font-size:12px !important; }
.font14 { font-size:14px !important; }
.font10 { font-size:10px !important; }
.font12 { font-size:12px !important; }
.font13 { font-size:13px !important; }
.font16 { font-size:16px !important; }
.font18 { font-size:18px !important; }
.font20 { font-size:20px !important; }
.font22 { font-size:22px !important; }
.font24 { font-size:24px !important; }

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


/**** パディング設定 *****/
.pt10 { padding-top: 10px !important; }
.pt20 { padding-top: 20px !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; }

/*下マージン*/
.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; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb55 { margin-bottom:55px !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; }

/*右マージン*/
.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; }