@charset "utf-8";

/* -------------------------------------------------------------------
 *
 * 	Style info	: 汎用性のあるCLASS or ID定義
 *	Since		: 2013-01-21
 *  Modified    : 2014-01-31
 *	Author		: kato
 *  URL			: http://mosk.co.jp/
 *  Email		: web@mosk.co.jp
 *  Company     : MOSK CREATION Co., Ltd.
 *
 * ------------------------------------------------------------------- */

/* -------------------------------------------------------------------
 * Font Color - 文字色
 * ------------------------------------------------------------------- */

.colorWhite,
.colorWhite a:link,
.colorwhite a:visited,
.colorwhite a:hover,
.colorwhite a:active {
	color: #fff !important;
}

.colorBrown,
.colorBrown a:link,
.colorBrown a:visited,
.colorBrown a:hover,
.colorBrown a:active {
	color: #7e6b5a !important;
}

.colorBlack,
.colorBlack a:link,
.colorBlack a:visited,
.colorBlack a:hover,
.colorBlack a:active {
	color: #000 !important;
}

.colorBlue,
.colorBlue a:link,
.colorBlue a:visited,
.colorBlue a:hover,
.colorBlue a:active {
	color: #385f98 !important;
}

.colorRed,
.colorRed a:link,
.colorRed a:visited,
.colorRed a:hover,
.colorRed a:active {
	color: #bd360d !important;
}

.colorPink,
.colorPink a:link,
.colorPink a:visited,
.colorPink a:hover,
.colorPink a:active {
	color: #c54f4f !important;
}

.colorOrange,
.colorOrange a:link,
.colorOrange a:visited,
.colorOrange a:hover,
.colorOrange a:active {
	color: #ffc600 !important;
}

.colorYellow,
.colorYellow a:link,
.colorYellow a:visited,
.colorYellow a:hover,
.colorYellow a:active {
	color: #ffcf7e !important;
}

.colorGreen,
.colorGreen a:link,
.colorGreen a:visited,
.colorGreen a:hover,
.colorGreen a:active {
	color: #389b2b !important;
}

.colorGray,
.colorGray a:link,
.colorGray a:visited,
.colorGray a:hover,
.colorGray a:active {
	color: #ccc !important;
}

.colorPurple,
.colorPurple a:link,
.colorPurple a:visited,
.colorPurple a:hover,
.colorPurple a:active {
	color: #aa5dbd !important;
}

/* -------------------------------------------------------------------
 * Accessibility etc - アクセシビリティ
 * ------------------------------------------------------------------- */

.accessibility { display: none;}

/* 非表示 */
.empty { visibility: hidden;}

/* -------------------------------------------------------------------
 * Font Style - 文字サイズ
 * ------------------------------------------------------------------- */

.size10 { font-size: 84%; }

.size12 { font-size: 100%; }

.size13 { font-size: 109%; }

.size14 { font-size: 117%; }

.size16 { font-size: 134%; }

/* -------------------------------------------------------------------
 * Font Weight - 文字幅
 * ------------------------------------------------------------------- */

.fontNL { font-weight: normal;}

/* -------------------------------------------------------------------
 * Paragraph Aligm - 段落の整形
 * ------------------------------------------------------------------- */
 
.alignCenter { text-align: center !important;}

.alignRight { text-align: right !important;}

.alignLeft { text-align: left !important;}

.alignTop { vertical-align: top !important;}

.alignMiddle { vertical-align: middle !important;}

.alignBottom { vertical-align: bottom !important;}

/* -------------------------------------------------------------------
 * Flort
 * ------------------------------------------------------------------- */
 
.floatLeft { float: left;}

.floatRight { float: right;}

/* -------------------------------------------------------------------
 * Clear Hack
 * ------------------------------------------------------------------- */

.clearBoth { clear: both;}

hr.clearHack {
	clear: both;
	visibility: hidden;
	height: 0;
}

/* IE 6 & below */
* html body hr.clearHack {
	margin: -7px 0 -8px;
}

/* IE 7 Only */
*+html body hr.clearHack {
	margin: -8px 0 -9px;
}

/* IE 8 Only */
html>/**/body hr.clearHack {
	margin /*\**/: 0\9;
}

/* IE 5.5-7*/
.clearfix {
	display: inline-table;
	zoom: 1;
}

/* modern browser*/
.clearfix:after {
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	content: ".";
}

/* Hides from Mac IE \*/
* html .clearfix {
	height: 0;
}

.clearfix { display: block;}
/* End hide from Mac IE */

/* -------------------------------------------------------------------
 * Blank - 余白
 * ------------------------------------------------------------------- */

/* 上に余白 */
.top00 {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.top10 { margin-top: 10px !important;}

.top15 { margin-top: 15px !important;}

.top20 { margin-top: 20px !important;}

.top25 { margin-top: 25px !important;}

.top30 { margin-top: 30px !important;}

.top40 { margin-top: 40px !important;}

.top50 { margin-top: 50px !important;}

/* 右に余白 */
.right00 {
	margin-right: 0 !important;
	padding-right: 0 !important;
}

.right10 { margin-right: 10px !important;}

.right15 { margin-right: 15px !important;}

.right20 { margin-right: 20px !important;}

.right25 { margin-right: 25px !important;}

.right30 { margin-right: 30px !important;}

.right40 { margin-right: 40px !important;}

.right50 { margin-right: 50px !important;}

/* 下に余白 */
.bottom00 {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.bottom10 { margin-bottom: 10px !important;}

.bottom15 { margin-bottom: 15px !important;}

.bottom20 { margin-bottom: 20px !important;}

.bottom25 { margin-bottom: 25px !important;}

.bottom30 { margin-bottom: 30px !important;}

.bottom40 { margin-bottom: 40px !important;}

.bottom50 { margin-bottom: 50px !important;}

/* 左に余白 */
.left00 {
	margin-left: 0 !important;
	padding-left: 0 !important;
}

.left10 { margin-left: 10px !important;}

.left15 { margin-left: 15px !important;}

.left20 { margin-left: 20px !important;}

.left25 { margin-left: 25px !important;}

.left30 { margin-left: 30px !important;}

.left40 { margin-left: 40px !important;}

.left50 { margin-left: 50px !important;}

/* 角丸 */
.radius {
	border-radius: 5px;
	box-shadow: 2px 2px 2px 0px #362313;
}