@charset "utf-8";

/* =========================================================
	TEXT
========================================================= */
/* TEXT SIZE
--------------------------------------------------------- */
.txt10 { font-size: 86.66% !important; }
.txt12 { font-size: 100% !important; }
.txt14 { font-size: 116% !important; }
.txt16 { font-size: 131% !important; }


/* TEXT COLOR
--------------------------------------------------------- */
.txtRed { color: #FF0000 !important; }
.txtGray { color: #666666 !important; }
.txtBlue { color: #00a7ff !important; }


/* TEXT ALIGN
--------------------------------------------------------- */
.left   { text-align: left !important; }
.center { text-align: center !important; }
.right  { text-align: right !important; }


/* =========================================================
	BORDER
========================================================= */
.borderT { border-top:1px dotted #6F7B8C !important; }
.borderB { border-bottom:1px dotted #6F7B8C !important; }
.borderR { border-right: 1px dotted #6F7B8C !important; }

/* =========================================================
	BACKGROUND-COLOR
========================================================= */
.bgYellow { background-color: #FCFCC3 !important; }
.bgBlue { background-color: #E4EFF7 !important; }
.bgGreen { background-color: #F2FCE0 !important; }

/* =========================================================
	INDENT
========================================================= */
.indent1 { text-indent: 1em !important; }
.indent1p1 { text-indent: -1.0em !important; padding:0 0 0 1.0em; }
.indent2 { text-indent: 2em !important; }

/* =========================================================
	ERROR
========================================================= */
.error {
	border: 1px solid #FF9999;
	color: #FF0000;
	font-weight: bold;
	font-size: 116%;
	padding: 10px;
	margin: 10px 0px;
}
.error li {
	margin:5px 0px;
}

/* =========================================================
	FORM
========================================================= */
.txtmode1 { ime-mode: active; }
.txtmode2 { ime-mode: inactive; }



/* =========================================================
	DISPLAY
========================================================= */
.block { display: block !important;}



/* =========================================================
	擬似テーブル
========================================================= */
.pseudoTable span {
	display: table-cell !important;
	vertical-align: middle !important;
}
* html .pseudoTable span {
	display: inline !important;
	zoom: 1 !important;
}
*:first-child+html .pseudoTable span {
	display: inline !important;
	zoom: 1 !important;
}



/* =========================================================
	LIST
========================================================= */
/* イメージ定義リスト（フロート）
--------------------------------------------------------- */
dl.floatlist        { overflow: hidden; }
dl.floatlist dt     { float: left; }
dl.floatlist dt img { display: block; }
dl.floatlist dd     { zoom: 1; margin: 0px }


/* イメージ定義リスト（ポジション）
--------------------------------------------------------- */
dl.thumblist           { position: relative; }
dl.thumblist dt        { position: relative; zoom: 1; }
dl.thumblist dt img    { position: absolute; top: 0px; left: 0px; }
dl.thumblist dl dt     { position: static; }
dl.thumblist dl dt img { position: static; }


/* イメージ置換リスト
--------------------------------------------------------- */
ul.imagelist {
	font-size: 1px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.imagelist li { overflow: hidden; }

ul.imagelist li a,
ul.imagelist li span {
	text-decoration: none;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
}



/* =========================================================
	MARGIN
========================================================= */
.marginT0   { margin-top    :  0px !important; }
.marginT5   { margin-top    :  5px !important; }
.marginT10  { margin-top    : 10px !important; }
.marginT15  { margin-top    : 15px !important; }
.marginT20  { margin-top    : 20px !important; }
.marginT25  { margin-top    : 25px !important; }
.marginT30  { margin-top    : 30px !important; }
.marginT40  { margin-top    : 40px !important; }
.marginT50  { margin-top    : 50px !important; }
.marginT70  { margin-top    : 70px !important; }
.marginT80  { margin-top    : 80px !important; }
.marginT90  { margin-top    : 90px !important; }
.marginT100 { margin-top    :100px !important; }
.marginR5   { margin-right  :  5px !important; }
.marginR10  { margin-right  : 10px !important; }
.marginR20  { margin-right  : 20px !important; }
.marginB5   { margin-bottom :  5px !important; }
.marginB10  { margin-bottom : 10px !important; }
.marginB20  { margin-bottom : 20px !important; }
.marginB30  { margin-bottom : 30px !important; }
.marginL0   { margin-left   :  0px !important; }
.marginL5   { margin-left   :  5px !important; }
.marginL10  { margin-left   : 10px !important; }
.marginL20  { margin-left   : 20px !important; }
.marginL25  { margin-left   : 25px !important; }
.margin0    { margin        : 0px  !important; }
.margin10   { margin        : 10px !important; }



/* =========================================================
	PADDING
========================================================= */
.paddingT0  { padding-top    :  0px !important; }
.paddingT5  { padding-top    :  5px !important; }
.paddingT10 { padding-top    : 10px !important; }
.paddingT15 { padding-top    : 15px !important; }
.paddingT20 { padding-top    : 20px !important; }
.paddingT25 { padding-top    : 25px !important; }
.paddingT30 { padding-top    : 30px !important; }
.paddingT60 { padding-top    : 60px !important; }
.paddingL0  { padding-left   :  0px !important; }
.paddingL10 { padding-left   : 10px !important; }
.paddingL25 { padding-left   : 25px !important; }
.paddingL40 { padding-left   : 40px !important; }
.paddingB5  { padding-bottom :  5px !important; }
.padding5   { padding        : 5px !important; }
.padding10  { padding        : 10px !important; }
.paddingR0 { padding-right   : 0px  !important; }
.paddingR5 { padding-right   : 5px  !important; }
.paddingR10 { padding-right  : 10px !important; }
.paddingR40 { padding-right  : 40px !important; }



/* =========================================================
	FLOAT
========================================================= */
.floatL { float:  left !important; }
.floatR { float: right !important; }

img.floatL, img.floatR { display: block;}



/* =========================================================
	CLEAR
========================================================= */
.revers { float: none !important;}
.clear  { clear: both !important; }
br.clear {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}


/* CLEAR FIX
--------------------------------------------------------- */
.clearfix {	/*display: inline-block !important;*/zoom:1 !important; }
.clearfix:after {
	content: "." !important;
	display: block !important;
	height: 0px !important;
	clear: both !important;
	visibility: hidden !important;
}
/* Hides from IE-mac \*/
* html .clearfix{
  height: 1%;
  overflow: visible;
}
/* End hide from IE-mac */

/* =========================================================
	IMAGE FIT
========================================================= */
.fit {
	line-height: 0px !important;
	font-size: 0px !important;
}
.fit img {
	line-height: 0px !important;
	vertical-align: bottom !important;
}

/* =========================================================
	TEXTAREA ANALYSER
========================================================= */
div.grippie {
	background: #EEEEEE url(../../images/grippie.png) no-repeat scroll center 2px;
	border-color: #DDDDDD;
	border-style: solid;
	border-width: 0pt 1px 1px;
	cursor: s-resize;
	height: 9px;
	overflow: hidden;
}
.resizable-textarea textarea {
	display: block;
	margin-bottom: 0pt;
	width: 95%;
	height: 20%;
	line-height: 1.5;
}