/*** 
	
	
	UIの基本スタイル
	
	
***/

/*** デフォルト ***/
/*
	基本UI色
*/
.ctmble_menu_main_theme{
	background-color: rgba(254, 254, 254, 0.9);
}


/*
	基本コントロール色設定
*/
.ctmble_menu_main_theme_control{
	/* ctmble_menu_main_theme_background の background-color と同じ値にする */
	background-color: rgb(254, 254, 254);
	border-color: lightgray;
	color: lightgray;
}


/*
	基本二次UI色
*/
.ctmble_menu_main_theme_secondary{
	color: #007aff;
	border-color: #007aff;
}

/*
	基本UI文字設定
*/
.ctmble_menu_main_theme_text{
	color: #666666;
	font-family: HiraKakuProN-W6, HiraKakuProN-W3, メイリオ, Meiryo, sans-serif;
}



/*
	基本UI反転文字設定
*/
.ctmble_menu_main_theme_text_invert{
	color: #FEFEFE;
	font-family: HiraKakuProN-W6, HiraKakuProN-W3, メイリオ, Meiryo, sans-serif;
	background-color: #007aff;
}

/*
	基本コントロール文字設定
*/
.ctmble_menu_main_theme_control_text{
	color: #666666;
	font-family: HiraKakuProN-W6, HiraKakuProN-W3, メイリオ, Meiryo, sans-serif;
}

/*
	ビューア背景色
*/
.ctmble_menu_main_theme_background{
	background-color: rgb(254, 254, 254);
}



/*** dark shiny ***/
/*
	基本UI色
*
.ctmble_menu_main_theme{
	background-color: rgba(20, 20, 20, 0.9);
	
	background: rgb(76,76,76); 
	background: -moz-linear-gradient(-45deg,  rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(76,76,76,1)), color-stop(12%,rgba(89,89,89,1)), color-stop(25%,rgba(102,102,102,1)), color-stop(39%,rgba(71,71,71,1)), color-stop(50%,rgba(44,44,44,1)), color-stop(51%,rgba(0,0,0,1)), color-stop(60%,rgba(17,17,17,1)), color-stop(76%,rgba(43,43,43,1)), color-stop(91%,rgba(28,28,28,1)), color-stop(100%,rgba(19,19,19,1)));
	background: -webkit-linear-gradient(-45deg,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%);
	background: -o-linear-gradient(-45deg,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%);
	background: -ms-linear-gradient(-45deg,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%);
	background: linear-gradient(135deg,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=1 );

}

/*
	基本コントロール色設定
*
.ctmble_menu_main_theme_control{
	background-color: rgb(70, 70, 70);
	border-color: #FEFEFE;
	color: #FEFEFE;
}

/*
	基本二次UI色
*
.ctmble_menu_main_theme_secondary{
	color: #FEFEFE;
	border-color: #FEFEFE;
}

/*
	基本UI文字設定
*
.ctmble_menu_main_theme_text{
	color: #FEFEFE;
	font-family: HiraKakuProN-W6, HiraKakuProN-W3, メイリオ, Meiryo, sans-serif;
}

/*
	基本UI反転文字設定
*
.ctmble_menu_main_theme_text_invert{
	color: black;
	font-family: HiraKakuProN-W6, HiraKakuProN-W3, メイリオ, Meiryo, sans-serif;
	background-color: #FEFEFE;
	
	background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.64) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.64)));
	background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.64) 100%);
	background: -o-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.64) 100%);
	background: -ms-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.64) 100%);
	background: linear-gradient(135deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.64) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#a3ffffff',GradientType=1 );

}

/*
	基本コントロール文字設定
*
.ctmble_menu_main_theme_control_text{
	color: #FEFEFE;
	font-family: HiraKakuProN-W6, HiraKakuProN-W3, メイリオ, Meiryo, sans-serif;
	
}

/*
	ビューア背景色
*
.ctmble_menu_main_theme_background{
	background-color: rgb(70, 70, 70);
}
*/




/*** paper ***/
/*
	基本UI色
*
.ctmble_menu_main_theme{
	background-color: rgba(254, 254, 254, 0.9);
	
	background-image: url("bib_image/paper_front.jpg");
}

/*
	基本コントロール色設定
*
.ctmble_menu_main_theme_control{
	background-color: gray;
	background-image: url("bib_image/paper_bg.jpg");
	border-color: gray;
	color: gray;
}

/*
	基本二次UI色
*
.ctmble_menu_main_theme_secondary{
	color: gray;
	border-color: gray;
}

/*
	基本UI文字設定
*
.ctmble_menu_main_theme_text{
	color: #202020;
	font-family: HiraKakuProN-W6, HiraKakuProN-W3, メイリオ, Meiryo, sans-serif;
}

/*
	基本UI反転文字設定
*
.ctmble_menu_main_theme_text_invert{
	color: black;
	font-family: HiraKakuProN-W6, HiraKakuProN-W3, メイリオ, Meiryo, sans-serif;
	background-color: #202020;
	
	background-color: #FEFEFE;

}


/*
	基本コントロール文字設定
*
.ctmble_menu_main_theme_control_text{
	color: #202020;
	font-family: HiraKakuProN-W6, HiraKakuProN-W3, メイリオ, Meiryo, sans-serif;
	
}

/*
	ビューア背景色
*
.ctmble_menu_main_theme_background{
	background-image: url("bib_image/paper_bg.jpg");
}
*/


/*** Mold ***/
/*
	基本UI色
*
.ctmble_menu_main_theme{
	background-color: rgba(20, 20, 20, 0.9);
	
	background: rgb(246,248,249);
	background: -moz-linear-gradient(-45deg,  rgba(246,248,249,1) 0%, rgba(253,255,221,1) 32%, rgba(254,255,242,1) 51%, rgba(255,239,249,1) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(32%,rgba(253,255,221,1)), color-stop(51%,rgba(254,255,242,1)), color-stop(100%,rgba(255,239,249,1)));
	background: -webkit-linear-gradient(-45deg,  rgba(246,248,249,1) 0%,rgba(253,255,221,1) 32%,rgba(254,255,242,1) 51%,rgba(255,239,249,1) 100%);
	background: -o-linear-gradient(-45deg,  rgba(246,248,249,1) 0%,rgba(253,255,221,1) 32%,rgba(254,255,242,1) 51%,rgba(255,239,249,1) 100%);
	background: -ms-linear-gradient(-45deg,  rgba(246,248,249,1) 0%,rgba(253,255,221,1) 32%,rgba(254,255,242,1) 51%,rgba(255,239,249,1) 100%);
	background: linear-gradient(135deg,  rgba(246,248,249,1) 0%,rgba(253,255,221,1) 32%,rgba(254,255,242,1) 51%,rgba(255,239,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#ffeff9',GradientType=1 );

}

/*
	基本コントロール色設定
*
.ctmble_menu_main_theme_control{
	background-color: transparent;
	border-color: #404040;
	color: #404040;
}

/*
	基本二次UI色
*
.ctmble_menu_main_theme_secondary{
	color: #FF0000;
	border-color: #404040;
}

/*
	基本UI文字設定
*
.ctmble_menu_main_theme_text{
	color: #404040;
	font-family: HiraKakuProN-W6, HiraKakuProN-W3, メイリオ, Meiryo, sans-serif;
}

/*
	基本UI反転文字設定
*
.ctmble_menu_main_theme_text_invert{
	color: black;
	font-family: HiraKakuProN-W6, HiraKakuProN-W3, メイリオ, Meiryo, sans-serif;
	background-color: #FEFEFE;
	
	background: -moz-linear-gradient(-45deg,  rgba(248,80,50,0.3) 0%, rgba(241,111,92,0.3) 25%, rgba(246,41,12,0.3) 51%, rgba(240,47,23,0.3) 71%, rgba(231,56,39,0.3) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(248,80,50,0.3)), color-stop(25%,rgba(241,111,92,0.3)), color-stop(51%,rgba(246,41,12,0.3)), color-stop(71%,rgba(240,47,23,0.3)), color-stop(100%,rgba(231,56,39,0.3)));
	background: -webkit-linear-gradient(-45deg,  rgba(248,80,50,0.3) 0%,rgba(241,111,92,0.3) 25%,rgba(246,41,12,0.3) 51%,rgba(240,47,23,0.3) 71%,rgba(231,56,39,0.3) 100%);
	background: -o-linear-gradient(-45deg,  rgba(248,80,50,0.3) 0%,rgba(241,111,92,0.3) 25%,rgba(246,41,12,0.3) 51%,rgba(240,47,23,0.3) 71%,rgba(231,56,39,0.3) 100%);
	background: -ms-linear-gradient(-45deg,  rgba(248,80,50,0.3) 0%,rgba(241,111,92,0.3) 25%,rgba(246,41,12,0.3) 51%,rgba(240,47,23,0.3) 71%,rgba(231,56,39,0.3) 100%);
	background: linear-gradient(135deg,  rgba(248,80,50,0.3) 0%,rgba(241,111,92,0.3) 25%,rgba(246,41,12,0.3) 51%,rgba(240,47,23,0.3) 71%,rgba(231,56,39,0.3) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4df85032', endColorstr='#4de73827',GradientType=1 );


}

/*
	基本コントロール文字設定
*
.ctmble_menu_main_theme_control_text{
	color: #404040;
	font-family: HiraKakuProN-W6, HiraKakuProN-W3, メイリオ, Meiryo, sans-serif;
	
}

/*
	ビューア背景色
*
.ctmble_menu_main_theme_background{
	background: rgb(255,239,249);
	background: -moz-linear-gradient(-45deg,  rgba(255,239,249,1) 0%, rgba(254,255,242,1) 49%, rgba(253,255,221,1) 68%, rgba(246,248,249,1) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,239,249,1)), color-stop(49%,rgba(254,255,242,1)), color-stop(68%,rgba(253,255,221,1)), color-stop(100%,rgba(246,248,249,1)));
	background: -webkit-linear-gradient(-45deg,  rgba(255,239,249,1) 0%,rgba(254,255,242,1) 49%,rgba(253,255,221,1) 68%,rgba(246,248,249,1) 100%);
	background: -o-linear-gradient(-45deg,  rgba(255,239,249,1) 0%,rgba(254,255,242,1) 49%,rgba(253,255,221,1) 68%,rgba(246,248,249,1) 100%);
	background: -ms-linear-gradient(-45deg,  rgba(255,239,249,1) 0%,rgba(254,255,242,1) 49%,rgba(253,255,221,1) 68%,rgba(246,248,249,1) 100%);
	background: linear-gradient(135deg,  rgba(255,239,249,1) 0%,rgba(254,255,242,1) 49%,rgba(253,255,221,1) 68%,rgba(246,248,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeff9', endColorstr='#f6f8f9',GradientType=1 );
}
*/