@charset "utf-8";

/* -------------------------------------------------------------------
 *
 * 	Style info	: 汎用性のあるCLASS or ID定義
 *	Since		: 2007-04-24
 *  Modified    : 2010-11-18
 *	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: #ffffff !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: #000000 !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: #c10000 !important;
}

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

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

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

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

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

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

/* -------------------------------------------------------------------
 * ACCESSIBILITY etc
 * ------------------------------------------------------------------- */

.accessibility {
	display: none;
}

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

/* -------------------------------------------------------------------
 * FONT STYLE
 * ------------------------------------------------------------------- */

.size10 {
	font-size: 84%;
}

.size14 {
	font-size: 117%;
}

.size16 {
	font-size: 134%;
}

/* -------------------------------------------------------------------
 * PARAGRAPH ALIGN - 段落の整形
 * ------------------------------------------------------------------- */
 
.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;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}

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

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


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

/* 上に余白 */
.top00 {
	margin-top: 0 !important;
	padding-top: 0 !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;
}

.left50 {
	margin-left: 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;
}