/*---------------------------------------
clear用 */
.clr {clear:both;}
.clr_left {clear:left;}
.clr_right {clear:right;}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* clear用
---------------------------------------*/

/*---------------------------------------
/* リンクカラー設定 
a.nor:link {text-decoration:underline; color:#000066;}
a.nor:visited {text-decoration:underline;color:#000066;}
a.nor:hover {text-decoration:none; color:#000066;}

a:link {text-decoration:underline;color:#009900;}
a:visited{text-decoration:underline;color:#006600;}
a:active {text-decoration:underline;color:#000066;}
a:hover {text-decoration:none; color:#CC0000;}
*/
/*
a.ared:link {text-decoration:underline; color:#FF0000}
a.ared:visited{text-decoration:underline;color:#FF0000}
a.ared:active {text-decoration:underline;color:#FF0000}
a.ared:hover {text-decoration:none; color:#333399}

a.awhite:link {text-decoration:underline;color:#FFFFFF;}
a.awhite:visited{text-decoration:underline;color:#FFFFFF;}
a.awhite:active {text-decoration:underline;color:#FFFFFF;}
a.awhite:hover {text-decoration:none; color:#CC0000;}
/* リンクカラー設定
---------------------------------------*/

/*---------------------------------------
コンポーネント作成エリア */
.fl_left {float:left;}
.fl_right {float:right;}
.text_right {text-align:right !important;}
.text_left {text-align:left !important;}
.text_center {text-align:center !important;}
.pointer {cursor:pointer; text-decoration:underline;}
/* コンポーネント作成エリア
---------------------------------------*/

/*###########################################################
FONT COLOR設定 */

/*原色*/
.f_red {color: #ff0000 !important;} /*レッド*/
.f_blue {color: #0000cc !important;} /*ブルー*/
.f_green {color: #008000 !important;} /*グリーン*/
.f_black {color: #000000 !important;} /*ブラック*/
.f_white {color: #ffffff !important;} /*ホワイト*/
.f_orange {color: #ffa500 !important;} /*オレンジ*/
.f_yellow {color: #ffff00 !important;} /*イエロー*/
.f_purple {color: #800080 !important;} /*パープル*/
.f_pink {color: #ffc0cb !important;} /*ピンク*/

/*淡い色*/
.f_lblue {color: #00ccff !important;} /*ライトブルー*/
.f_llblue {color:#f0f8ff !important;} /*アリスブルー*/
.f_lrose {color: #ffe4e1 !important;} /*ミスティローズ*/
.f_lyellow {color: #ffffe0 !important;} /*ライトイエロー*/
.f_lgreen {color: #90ee90 !important;} /*ライトグリーン*/
.f_lpink {color: #ffb6c1 !important;} /*ライトピンク*/

/*濃い色*/
.f_dred {color: #990000 !important;} /*ダークレッド*/
.f_dgreen {color: #006400 !important;} /*ダークグリーン*/
.f_dorange {color: #ff8c00 !important;} /*ダークオレンジ*/
.f_dpurple {color: #8b008b !important;} /*ダークマゼンダ*/
.f_dpink {color:#db7093 !important;} /*ダークピンク*/
.f_dblue {color:#00008b !important;} /*ダークブルー*/

/* FONT COLOR設定
-----------------------------------------------------------*/

/*###########################################################
BG COLOR設定 */

/*原色*/
.bg_red {background-color: #ff0000 !important;} /*レッド*/
.bg_blue {background-color: #0000cc !important;} /*ブルー*/
.bg_green {background-color: #008000 !important;} /*グリーン*/
.bg_black {background-color: #000000 !important;} /*ブラック*/
.bg_white {background-color: #ffffff !important;} /*ホワイト*/
.bg_orange {background-color: #ffa500 !important;} /*オレンジ*/
.bg_yellow {background-color: #ffff00 !important;} /*イエロー*/
.bg_purple {background-color: #800080 !important;} /*パープル*/
.bg_pink {background-color: #ffc0cb !important;} /*ピンク*/

/*淡い色*/
.bg_lblue {background-color: #00ccff !important;} /*ライトブルー*/
.bg_llblue {background-color:#f0f8ff !important;} /*アリスブルー*/
.bg_lrose {background-color: #ffe4e1 !important;} /*ミスティローズ*/
.bg_lyellow {background-color: #ffffe0 !important;} /*ライトイエロー*/
.bg_lgreen {background-color: #90ee90 !important;} /*ライトグリーン*/
.bg_lpink {background-color: #ffb6c1 !important;} /*ライトピンク*/

/*濃い色*/
.bg_dred {background-color: #990000 !important;} /*ダークレッド*/
.bg_dgreen {background-color: #006400 !important;} /*ダークグリーン*/
.bg_dorange {background-color: #ff8c00 !important;} /*ダークオレンジ*/
.bg_dpurple {background-color: #8b008b !important;} /*ダークマゼンダ*/
.bg_dpink {background-color:#db7093 !important;} /*ダークピンク*/
.bg_dblue {background-color:#00008b !important;} /*ダークブルー*/

/* BG COLOR設定
-----------------------------------------------------------*/

/*###########################################################
横幅指定 */
.w10 {width: 10px !important;}
.w15 {width: 15px !important;}
.w20 {width: 20px !important;}
.w30 {width: 30px !important;}
.w40 {width: 40px !important;}
.w50 {width: 50px !important;}
.w60 {width: 60px !important;}
.w70 {width: 70px !important;}
.w80 {width: 80px !important;}
.w90 {width: 90px !important;}
.w100 {width: 100px !important;}
.w110 {width: 110px !important;}
.w120 {width: 120px !important;}
.w130 {width: 130px !important;}
.w140 {width: 140px !important;}
.w150 {width: 150px !important;}
.w160 {width: 160px !important;}
.w170 {width: 170px !important;}
.w180 {width: 180px !important;}
.w190 {width: 190px !important;}
.w200 {width: 200px !important;}
.w210 {width: 210px !important;}
.w220 {width: 220px !important;}
.w230 {width: 230px !important;}
.w240 {width: 240px !important;}
.w250 {width: 250px !important;}
.w260 {width: 260px !important;}
.w270 {width: 270px !important;}
.w280 {width: 280px !important;}
.w290 {width: 290px !important;}
.w300 {width: 300px !important;}
.w330 {width: 330px !important;}
.w350 {width: 350px !important;}
.w400 {width: 400px !important;}
.w450 {width: 450px !important;}
.w500 {width: 500px !important;}
.w550 {width: 550px !important;}
.w600 {width: 600px !important;}
.w760 {width: 760px !important;}
.w800 {width: 800px !important;}
.w880 {width: 880px !important;}
.w900 {width: 900px !important;}
.w920 {width: 920px !important;}
.w940 {width: 940px !important;}
.w960 {width: 960px !important;}

/* 横幅指定
-----------------------------------------------------------*/

/* IMEモード */
.active {ime-mode: active;}
.inactive {ime-mode: inactive;}