/* ==========================================================================

	 MYD Tweak CSS

	 ========================================================================== */

/* margin（外側の余白）
 * t … 上
 * r … 右
 * b … 下
 * l … 左
 */

.m0   { margin: 0 !important }
.m0-t { margin-top: 0 !important }
.m0-r { margin-right: 0 !important }
.m0-b { margin-bottom: 0 !important }
.m0-l { margin-left: 0 !important }

.m10   { margin: 10px !important }
.m10-t { margin-top: 10px !important }
.m10-r { margin-right: 10px !important }
.m10-b { margin-bottom: 10px !important }
.m10-l { margin-left: 10px !important }

.m20   { margin: 20px !important }
.m20-t { margin-top: 20px !important }
.m20-r { margin-right: 20px !important }
.m20-b { margin-bottom: 20px !important }
.m20-l { margin-left: 20px !important }

.m30   { margin: 30px !important }
.m30-t { margin-top: 30px !important }
.m30-r { margin-right: 30px !important }
.m30-b { margin-bottom: 30px !important }
.m30-l { margin-left: 30px !important }

.m40   { margin: 40px !important }
.m40-t { margin-top: 40px !important }
.m40-r { margin-right: 40px !important }
.m40-b { margin-bottom: 40px !important }
.m40-l { margin-left: 40px !important }

.m50   { margin: 50px !important }
.m50-t { margin-top: 50px !important }
.m50-r { margin-right: 50px !important }
.m50-b { margin-bottom: 50px !important }
.m50-l { margin-left: 50px !important }

.m60   { margin: 60px !important }
.m60-t { margin-top: 60px !important }
.m60-r { margin-right: 60px !important }
.m60-b { margin-bottom: 60px !important }
.m60-l { margin-left: 60px !important }

/* padding（内側の余白）
 * t…上
 * r…右
 * b…下
 * l…左
 *
 */

.p0   { padding: 0 !important }
.p0-t { padding-top: 0 !important }
.p0-r { padding-right: 0 !important }
.p0-b { padding-bottom: 0 !important }
.p0-l { padding-left: 0 !important }

.p10   { padding: 10px !important }
.p10-t { padding-top: 10px !important }
.p10-r { padding-right: 10px !important }
.p10-b { padding-bottom: 10px !important }
.p10-l { padding-left: 10px !important }

.p20   { padding: 20px !important }
.p20-t { padding-top: 20px !important }
.p20-r { padding-right: 20px !important }
.p20-b { padding-bottom: 20px !important }
.p20-l { padding-left: 20px !important }

.p30   { padding: 30px !important }
.p30-t { padding-top: 30px !important }
.p30-r { padding-right: 30px !important }
.p30-b { padding-bottom: 30px !important }
.p30-l { padding-left: 30px !important }

.p40   { padding: 40px !important }
.p40-t { padding-top: 40px !important }
.p40-r { padding-right: 40px !important }
.p40-b { padding-bottom: 40px !important }
.p40-l { padding-left: 40px !important }

.p50   { padding: 50px !important }
.p50-t { padding-top: 50px !important }
.p50-r { padding-right: 50px !important }
.p50-b { padding-bottom: 50px !important }
.p50-l { padding-left: 50px !important }

.p60   { padding: 60px !important }
.p60-t { padding-top: 60px !important }
.p60-r { padding-right: 60px !important }
.p60-b { padding-bottom: 60px !important }
.p60-l { padding-left: 60px !important }

/* カラム */

*[class*="col-"]{
	margin-left : 0.83333333333333%;
	margin-right: 0.83333333333333%;
	float: left;
	display: block;
}

.col-1  { width: 6.6666666666667% }
.col-2  { width: 15% }
.col-3  { width: 23.333333333333% }
.col-4  { width: 31.666666666667% }
.col-5  { width: 40% }
.col-6  { width: 48.333333333333% }
.col-7  { width: 56.666666666667% }
.col-8  { width: 65% }
.col-9  { width: 73.333333333333% }
.col-10 { width: 81.666666666667% }
.col-11 { width: 90% }
.col-12 { width: 98.333333333333% }

*[class*="col-"].alpha { margin-left : 0 }
*[class*="col-"].omega { margin-right: 0 }

.cl { clear: both }

/* font-weight（文字の太さ） */

.b      { font-weight: bold !important }
.normal { font-weight: normal !important }

/* font-size（文字の大きさ） */

.f8pt  { font-size: 8pt !important }
.f9pt  { font-size: 9pt !important }
.f10pt { font-size: 10pt !important }
.f11pt { font-size: 11pt !important }
.f12pt { font-size: 12pt !important }
.f13pt { font-size: 13pt !important }
.f14pt { font-size: 14pt !important }
.f15pt { font-size: 15pt !important }
.f16pt { font-size: 16pt !important }
.f17pt { font-size: 17pt !important }
.f18pt { font-size: 18pt !important }
.f19pt { font-size: 19pt !important }
.f20pt { font-size: 20pt !important }
.f21pt { font-size: 21pt !important }
.f22pt { font-size: 22pt !important }
.f23pt { font-size: 23pt !important }
.f24pt { font-size: 24pt !important }
.f25pt { font-size: 25pt !important }

/* line-height（行の高さ） */

.lh10 { line-height: 1.0 !important }
.lh11 { line-height: 1.1 !important }
.lh12 { line-height: 1.2 !important }
.lh13 { line-height: 1.3 !important }
.lh14 { line-height: 1.4 !important }
.lh15 { line-height: 1.5 !important }
.lh16 { line-height: 1.6 !important }
.lh17 { line-height: 1.7 !important }
.lh18 { line-height: 1.8 !important }
.lh19 { line-height: 1.9 !important }
.lh20 { line-height: 2.0 !important }

/*行揃え*/

.al-c { text-align: center !important }
.al-r { text-align: right !important }
.al-l { text-align: left !important }

/*見出し一行目*/

.first-line { margin-top: 0 !important }

/*文字の色*/

.red    { color: #ff0000 !important }
.blue   { color: #0000dd !important }
.green  { color: #008000 !important }
.yellow { color: #ffff00 !important }
.navy   { color: #000080 !important }
.orange { color: #ff6600 !important }
.pink   { color: #ff69b4 !important }
.purple { color: #660099 !important }
.olive  { color: #808000 !important }
.lime   { color: #00ff00 !important }
.aqua   { color: #00ffff !important }
.black  { color: #000000 !important }
.gray   { color: #cccccc !important }
.white  { color: #ffffff !important }

/*背景の色*/

.bgc-red    {background-color: #ff0000 !important }
.bgc-blue   {background-color: #0000dd !important }
.bgc-green  {background-color: #008000 !important }
.bgc-yellow {background-color: #ffff00 !important }
.bgc-navy   {background-color: #000080 !important }
.bgc-orange {background-color: #ff6600 !important }
.bgc-pink   {background-color: #ff69b4 !important }
.bgc-purple {background-color: #660099 !important }
.bgc-olive  {background-color: #808000 !important }
.bgc-lime   {background-color: #00ff00 !important }
.bgc-aqua   {background-color: #00ffff !important }
.bgc-black  {background-color: #000000 !important }
.bgc-gray   {background-color: #cccccc !important }
.bgc-white  {background-color: #ffffff !important }

/* float: left（画像などを左端に寄せ、右側にテキストが回り込む）*/

.left { float: left; margin: 0 20px 20px 0 !important }

/* float: right（画像などを右端に寄せ、左側にテキストが回り込む）*/

.right { float: right; margin: 0 0 20px 20px !important }
.cl { visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0 }