/******************************* youmedia *******************************/
HTML { 
	SCROLLBAR-FACE-COLOR: #F7F7F7;
	SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
	SCROLLBAR-SHADOW-COLOR: #E5E5E5;
	SCROLLBAR-3DLIGHT-COLOR: #E5E5E5;
	SCROLLBAR-ARROW-COLOR: #999999;
	SCROLLBAR-DARKSHADOW-COLOR: #F7F7F7
}

body {
	color: #666666;
	background-color:transparent;
	margin: 0px;
	padding: 0px;
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 11px;
	line-height: 14px;
	overflow: auto;
}

#head {
	height: 100px;
	width: 100%;
	padding: 0px;
	margin: 0px;
	background: url("../image/bg-ue.gif") repeat-x;
}

#menu {	
	width: 430px;
	height: 100px;
	padding: 79px 0px 3px 0px;
	margin: 0px;
	font-size: 12px;
	line-height: 16px;
	text-align: right;
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
}

#main{
	width: 790px;
	margin: 0px;
	padding: 0px;
}

#left {
	width: 200px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#right{
	width: 590px;
	padding: 0px;
	margin: 0px;
	float: right;
}

#foot{
	height: 20px;
	width: 100%;
	padding: 5px;
	margin: 10px 0px 0px 0px;
	background: #FFCCCC url("../image/bg-sita.gif");
	font-size: 10px;
	text-align: center;
}
/******************************* youmedia *******************************/

td {
	font-family:"ＭＳ Ｐゴシック", Osaka, arial, verdana;
	font-size:12px;
	line-height:120%;
	color:#666666;
	text-decoration: none;
	word-break:break-all;
}

a:link, 
a:visited {COLOR:#666666; TEXT-DECORATION:none;}
a:hover, 
a:active {COLOR:#ff6600; TEXT-DECORATION:none;}

a.base:link, 
a.base:visited {COLOR:#666666; TEXT-DECORATION:none;}
a.base:hover, 
a.base:active {COLOR:#ff6600; TEXT-DECORATION:none;}

a.line:link, 
a.line:visited {font-size:11px; COLOR:#666666; TEXT-DECORATION:underline;}
a.line:hover, 
a.line:active {font-size:11px; COLOR:#ff6600; TEXT-DECORATION:underline;}

a.redline:link, 
a.redline:visited {color:#FF0000; text-decoration:underline; font-weight:bold;}
a.redline:hover, 
a.redline:active {color:#ffffff; background-color:#FF0000; text-decoration:none;}

#noticearea a:link, 
#noticearea a:visited {COLOR:#FF6600; text-decoration:underline;}
#noticearea a:hover, 
#noticearea a:active {color:#ffffff; background-color:#FF0000; text-decoration:none;}

.fontred{
color:#FF0000;
}

.fontredbold{
color:#FF0000;
font-weight:bold;
}

/* member */
.font_s {font-size:11px; line-height:12px;}

/* avatar style */
.t_dotted {
	padding:5px;
	border-width:1px;
	border-color:#7CDBCA;
	border-style:dotted;
}

.t_dotted01 {
	padding:5px;
	border-width:1px;
	border-color:#FD9AC9;
	border-style:dotted;
}

.closet_text
{
	COLOR:#006666;
	FONT-SIZE:8pt;
}

.closet_text02
{
	COLOR:#666666;
	FONT-SIZE:9pt;
}

.text
{
	COLOR:#0000FF;
	FONT-SIZE:9pt;
}
.text:link, 
.text:visited
{
	 FONT-SIZE: 9pt; LINE-HEIGHT:120%; COLOR: #0000FF; TEXT-DECORATION: none
}

.text:hover
{
	FONT-SIZE: 9pt;COLOR: #0000FF; TEXT-DECORATION: underline
}
.text:active
{
	FONT-SIZE: 9pt;COLOR: #0000FF; TEXT-DECORATION: none
}

.pop_text
{
	COLOR:#CC0066;
	FONT-SIZE:9pt;
}

.pop_text02
{
	COLOR:#FF6699;
	FONT-SIZE:9pt;
	FONT-WEIGHT: bold;
}

.pop_text03
{
	COLOR:#666666;
	FONT-SIZE:9pt;
	FONT-WEIGHT: bold;
}
.pop_text04
{
	COLOR:#999999;
	FONT-SIZE:9pt;
}

.left_text01
{
	COLOR:#666666;
	FONT-SIZE:8pt;
}

.cart_t
{
	COLOR:#666666;
	FONT-SIZE:9pt;
}
.cart_t:link, 
.cart_t:visited
{
	 FONT-SIZE: 9pt; LINE-HEIGHT:120%; COLOR: #666666; TEXT-DECORATION: none
}

.cart_t:hover
{
	FONT-SIZE: 9pt;COLOR: #FF9000; TEXT-DECORATION: underline
}
.cart_t:active
{
	FONT-SIZE: 9pt;COLOR: #666666; TEXT-DECORATION: none
}

.hp_t01
{
	COLOR:#3D8588;
	FONT-SIZE:9pt;
	FONT-WEIGHT: bold;
}

.list-title {font-size: 11pt; color:#333333; text-decoration: none; font-weight:bold;}

/* club */
.club_title
{
	COLOR:#FFFFFF;
	FONT-SIZE:9pt;
}
.club_title:link, 
.club_title:visited
{
	 FONT-SIZE: 9pt; LINE-HEIGHT:120%; COLOR: #FFFFFF; TEXT-DECORATION: none
}

.club_title:hover
{
	FONT-SIZE: 9pt;COLOR: #FFFFFF; TEXT-DECORATION: underline
}
.club_title:active
{
	FONT-SIZE: 9pt;COLOR: #FFFFFF; TEXT-DECORATION: none
}

.club_m
{
	COLOR:#222222;
	FONT-SIZE:9pt;
}
.club_m:link, 
.club_m:visited
{
	 FONT-SIZE: 9pt; LINE-HEIGHT:120%; COLOR: #222222; TEXT-DECORATION: none
}

.club_m:hover
{
	FONT-SIZE: 9pt;COLOR: #222222; TEXT-DECORATION: underline
}
.club_m:active
{
	FONT-SIZE: 9pt;COLOR: #222222; TEXT-DECORATION: none
}

.club_ablum
{
	COLOR:#145BAC;
	FONT-SIZE:9pt;
}
.club_ablum:link, 
.club_ablum:visited
{
	 FONT-SIZE: 9pt; LINE-HEIGHT:120%; COLOR: #145BAC; TEXT-DECORATION: none
}

.club_ablum:hover
{
	FONT-SIZE: 9pt;COLOR: #145BAC; TEXT-DECORATION: underline
}
.club_ablum:active
{
	FONT-SIZE: 9pt;COLOR: #145BAC; TEXT-DECORATION: none
}

/* crears main style */
.input {HEIGHT:18px; FONT-SIZE:9pt; BACKGROUND-COLOR:#ffffff;BORDER:1 solid #B9B9B9;}
.select {FONT-SIZE:9pt; HEIGHT:18px; COLOR:#666666; BACKGROUND-COLOR:#ffffff;BORDER:1 solid #E0E0E0;}

/* LEFT Cell COLOR Change */
#menu-table{
	BORDER-TOP:1px solid #FDC571;
	BORDER-BOTTOM:1px solid #FAF3DE;
}

/* Loading */
#loadingMsg {
	POSITION:absolute;
	WIDTH:300; HEIGHT:100;
	TOP:-1000; LEFT: -1000;
	VISIBILITY:visible;
	filter: Alpha(Opacity=80);
	z-index: 1000;
}

/* develop */
form {margin:0;}
input {font-size:11px; font-family:"ＭＳ Ｐゴシック", Osaka, arial,verdana;}
textarea {font-size:12px; font-family:"ＭＳ Ｐゴシック", Osaka, arial, verdana;}

.pad0 {padding:0;}
.input_pw {font-size:11px; font-family:arial,verdana;}
.textPrice {border:0px; color:#666666; text-align:right; padding:1 0 0 0; font-size:12px; font-weight:normal; word-spacing:-1px;}
.textPrice1 {border:0px; color:#FF6699; text-align:right; padding:1 0 0 0; font-size:12px; font-weight:bold; word-spacing:-1px;}
.textPrice2 {border:0px; color:#0000FF; text-align:right; padding:1 0 0 0; font-size:12px; font-weight:normal; word-spacing:-1px;}
.itemname {font-size: 9pt; color:#cc0066; text-decoration: none;}
.itemname_mq {background-color:transparent; border:0px none; height=14;width=100; color:#CC0066; font-size: 9pt; cursor:default;}


/* adspace */

.adspace{
	width:560px;
	text-align:right;
	color:#333333;
	font-size: 11px;
	line-height: 19px;
	margin: 0px;
	padding: 0px;
}

.adspace02{
	width:468px;
	text-align:right;
	color:#333333;
	font-size: 10px;
	line-height: 16px;
	margin: 10px auto 0px auto;
	padding: 0px;
}



/* アバターコンテスト購買部バナー468×60 */


#aba_con_468_60{
	margin: 40px 0px 10px 55px ;
	padding: 0px ;
}


/*---------------------------------*/

#noticearea #gotobtnarea {
width:520px;
margin:0 auto;
text-align:center;
}

#noticearea #gotobtnarea table {
margin:0 auto;
width:520px;
}

#noticearea #gotobtnarea table td {
width:260px;
}

#gotosummerfes , #gotostore {
width:230px;
height:34px;
text-indent:-9999px;
margin:0 15px;
}
#gotosummerfes {background:url(../image/main/etc/btn_goto_summerfes.gif) no-repeat left bottom;}
#gotostore {background:url(../image/main/etc/btn_goto_store.gif) no-repeat right bottom;}

#gotosummerfes a , #gotostore a {
display:block;
width:230px;
height:34px;
}

#gotosummerfes a {background:url(../image/main/etc/btn_goto_summerfes.gif) no-repeat left top;}
#gotostore a {background:url(../image/main/etc/btn_goto_store.gif) no-repeat right top;}

#gotostore a:hover , #gotosummerfes a:hover {
background:none;
}

/*黒板表示用*/
#kokuban-group{
background:url(../ext/img/kokuban_group-friend.gif) no-repeat bottom left;
width:588px;
height:195px;
}

#zaikousei{
background:url(../ext/img/kokuban_zaikousei-friend.gif) no-repeat bottom left;
width:588px;
height:195px;
}

#kokuban-chat {
background:url(../ext/img/kokuban_chat-friend.gif) no-repeat bottom left;
width:588px;
height:195px;
}

#kokuban-koubaibu {
background:url(../ext/img/kokuban_koubaibu-friend.gif) no-repeat bottom left;
width:588px;
height:195px;
}

/*右にくる場合↓*/
#zaikousei p , #kokuban-chat p {
text-indent:-10000px;
font-size: 12px;
line-height: 16px;
color:#FFFFFF;
margin :0 0 0 400px;
}

/*左にくる場合↓*/
#kokuban-group p {
text-indent:-10000px;
font-size: 12px;
line-height: 16px;
color:#FFFFFF;
margin :0 0 0 30px;
}


/*全部に適用する*/
#zaikousei p a , #kokuban-group p a , #kokuban-chat p a {
display:block;
width:160px;
height:150px;
outline:none;
}

/*購買部専用*/
#kokuban-koubaibu p {
text-indent:-10000px;
font-size: 12px;
line-height: 16px;
color:#FFFFFF;
margin :0 0 0 240px;
}

#kokuban-koubaibu p a{
display:block;
width:150px;
height:140px;
outline:none;
}

#kokuban-koubaibu #mallcontest{
padding-left:50px;
margin-top:5px;
}

#kokuban-koubaibu #mallcontest img{
margin-left:10px;
}

/*===============================================
　　　　  　　　clearfixセット
　　　　Netspace、Mac IE非対応簡略版
===============================================*/

.clearfix { /zoom : 1; }

.clearfix:after {
content:'';
display:block;
clear:both;
}

/*-----------------------------------------------

アバターサンプル表示

----------------------------------------------- */

#avatarsample {
width:550px;
text-align:center;
/zoom : 1; }

#avatarsample:after {
content:'';
display:block;
clear:both;
}

#avatarsample h5 {
	background:url(../img/bg_h5.gif) no-repeat;
	width:550px;
	height:30px;
	text-align:left;
	line-height:30px;
	padding-left:20px;
	font-size:12px;
	color:#633;
	clear:both;	
}






#avatarsample hr {
display:none;
}

#avatarsample h4 {
background:url(../image/avatar/title_h4-favo.gif) no-repeat;
width:550px;
height:30px;
text-indent:-10000px;
}

#avatarsample h4#specialsale {
	background:url(../image/avatar/title_h4-sale.gif) no-repeat;
}

#avatarsample .recommend {
clear:both;
background:url(../img/dot.gif) repeat-x left bottom;
padding:0;
margin:0;
clear:both;
}

#avatarsample .dotline {
	background:url(../image/avatar/dot_line.gif) repeat-y top right;
}

#avatarsample .recommend p {
	text-align:right;

	padding-right:2em;
	padding-bottom:20px;
	clear:both;
	/*background:#F00;*/
}

#avatarsample .recommend .gotobtn p {
	text-align:right;
	margin-top:10px;
	padding-right:2em;
	padding-bottom:20px;
}


#avatarsample .avatar_list {
width:265px;
_width:250px;
margin-bottom:10px;
_margin-bottom:0px;
float:left;
margin-left:10px;
/*background:#0C9;*/
}

#avatarsample .avatar_list strong {
	color:#F00;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
	display:inline;
}


#avatarsample .avatar_box {
width:100px;
height:120px;
background:url(../image/avatar/box.gif) no-repeat;
padding:9px;
margin:0 auto;
float:left;
}

#avatarsample .ul_list {
width:130px;
height:150px;
float:left;
text-align:center;
}


#avatarsample .ul_list ul {
margin:10px 0 0 0;
padding:0;
text-align:center;
list-style:none;
}

#avatarsample .ul_list ul li {
display:block;
height:25px;
}



.sampleimg_right {
float:right;
margin:0 0 15px 15px;
}

.sampleimg_left {
float:left;
margin:0 15px 15px 0;
}

.gradeetc {
	clear:both;
	margin:0;
	padding:0;
	text-align:left;
}

.gradeetc li {
	clear:both;
	margin:0;
	padding:0;
	vertical-align:top;
	list-style:none;
	text-indent:0;
}

.clearfloat {
clear:both;
}
/*-----------------------------------------------

購買部用CSS

----------------------------------------------- */

.rankno {
font-size:12px;
font-weight:bold;
color:#FF6666;
}

.rankno:link , .rankno:visited , .rankno:active {
font-size:12px;
line-height:120%;
color:#FF6666;
text-decoration:none;
}

.rankno:hover
{
font-size:12px;
line-height:120%;
color:#FF6666;
text-decoration:underline;
}

.addvotes {
margin:5px 0 0 0;
padding:0;
font-size:11px;
text-align:center;
}




/*-----------------------------------------------

fes2008　アバコン学祭SP専用CSS

----------------------------------------------- */
#fes2008 {
background:url(../ext/img/mainimg_fes2008.jpg) no-repeat;
position:relative;
margin-top:10px;
width:575px;
height:240px;
}

#avaleft {
float:left;
width:398px;
}

#avaright {
float:right;
width:160px;
height:220px;
padding:10px 10px 0 0;
}

#fes2008 #avacontxt {
margin:90px 0 0 75px;
width:250px;
}

#fes2008 #avacontxt p#prtext {
font-size:12px;
line-height:1.3em;
color:#660000;
margin:0;
padding:0;
}

p#usernamearea {
font-size:13px;
font-weight:bold;
color:#339999;
text-align:center;
margin:0 0 5px 0;
padding:0;
}

#fes2008 #avaconlink {
position:absolute;
top:188px;
left:194px;
width:197px;
height:40px;
}

#noticelist a b {
color:#FF3300;
font-weight:bold;
}

#noticelist a:hover b {
color:#FF9900;
font-weight:bold;

}






/*----------------------------------------------------
機能拡張用
---------------------------------------------------*/

.libraryimages {
margin-top:3px;
}

table.hp_style font {
line-height:140%;
}


a.underbar:link, 
a.underbar:visited {color:#FF9933; border-bottom: solid 1px #FF9933;}
a.underbar:hover, 
a.underbar:active {color:#FF0000; border-bottom: solid 1px #FF0000;}

/*----------------------------------------------------
ミニHP　イベントコンテンツ用
---------------------------------------------------*/

/*先生一覧プルダウン*/
#teacherselect {
text-align:right;
margin-bottom:5px;
}
/*--------------------------
イベント一覧ページ
--------------------------*/

/*枠線確保*/
#listarea {
padding:5px;
background:#E2E2E2;
padding:3px;
margin-bottom:5px;
}

#list_all {
border:solid 1px #CCCCCC;
background:#FFFFFF;
padding:0 5px 5px 5px;
}

#list_all #btbs_msg {
	margin:10px 10px 5px 10px;
}

#list_all #btbs_msg #btbs_title {
	background:#E0E0E0;
	padding:5px;
	text-align:center;
}



div.eventlist {
clear:both;
height:60px;
background:url(../image/minihp_popup/common/dot.gif) repeat-x left bottom;
padding:5px 0px;
font-size:10px;
}

/*div.eventlist p.t_title {
width:300px;
color:#999999;
font-weight:bold;
font-size:11px;
padding:4px 0 0 10px;
text-decoration:underline;
margin-bottom:5px;
background:url(../image/minihp_popup/common/icon_dot.gif) no-repeat 0px 7px #FF0000;
}*/
div.eventlist p {
margin:0px;
line-height:1.3;
}



div.eventlist img {
float:left;
margin:0 5px 0 0;
border:none;
width:60px;
}

div.eventlist input {
float:right;
}

div.eventlist dl {
margin:0;
padding:0;
}

div.eventlist dt {
color:#999999;
font-weight:bold;
font-size:11px;
padding:5px 0 0 75px;
text-decoration:underline;
margin-bottom:3px;
background:url(../image/minihp_popup/common/icon_dot.gif) no-repeat 65px 3px;
/*background:#0C9;★★★*/
}

div.eventlist a.thickbox {
	float:right;



}

div.eventlist dd {
	/*background:#F00;★★★*/
}







/*--------------------------
アイテム一覧ページ
--------------------------*/

div.itemlist {
float:left;
width:226px;
_width:223px;
height:75px;
background:url(../image/minihp_popup/common/dot.gif) repeat-x left bottom;
font-size:10px;
margin:0 5px;
display:inline;
}

div.itemlist img {
float:left;
margin:5px 5px 5px 0;
border:solid 1px #999999;
background:#FFFFCC;
}

div.itemlist p {
margin:0px;
line-height:1.3;
}

div.itemlist dl {

margin:0;
padding:0;
}
div.itemlist dt {
color:#999999;
font-weight:bold;
font-size:11px;
padding:6px 0 0 75px;
text-decoration:underline;
margin-bottom:5px;
background:url(../image/minihp_popup/common/icon_dot.gif) no-repeat 65px 7px;
}

div.itemlist  p.t_title {
color:#999999;
font-weight:bold;
font-size:11px;
padding:6px 0 0 75px;
text-decoration:underline;
margin-bottom:5px;
background:url(../image/minihp_popup/common/icon_dot.gif) no-repeat 65px 7px;
}

/*div.eventlist , div.itemlist {
clear:both;
height:60px;
background:url(../image/minihp_popup/common/dot.gif) repeat-x left bottom;
padding:5px 0px;
font-size:10px;
}

div.eventlist p , div.itemlist p {
margin:0px;
line-height:1.3;
}

div.eventlist img {
float:left;
margin:0 5px 0 0;
border:none;
}

div.itemlist img {
float:left;
margin:0 5px 0 0;
border:solid 1px #999999;
background:#FFFFCC;
}

p.t_title {
color:#999999;
font-weight:bold;
font-size:11px;
padding:4px 0 0 75px;
text-decoration:underline;
margin-bottom:5px;
background:url(../image/minihp_popup/common/icon_dot.gif) no-repeat 65px 7px;
}*/

/*--------------------------
イベント詳細ページ
--------------------------*/

#eventDetails {
position:relative;
margin:10px 5px;
height:210px;

}

div#eventDetails img {
float:left;
margin:0 10px 0 0;
border:none;
}


/*--------------------------
イベント詳細ページ
--------------------------*/
div.favorability {
clear:both;
height:100px;

padding:5px 0px;
font-size:10px;
}

div.favorability p {
margin:0px;
line-height:1.3;
}

div.favorability img {
float:left;
margin:0 5px 0 0;
border:none;
}

.titlebar {
width:100%;
height:18px;
background:url(../image/minihp_popup/common/dot.gif) repeat-x left bottom;
}

.teacherName {
width:285px;
padding-left:5px;
float:left;
font-size:12px;
font-weight:bold;
color:#999999;

}
.heartLevel {
width:150px;
float:left;
text-align:right;
}



.t_comment {
clear:both;
background:url(../image/minihp_popup/balloon.gif) no-repeat 65px 8px;
height:50px;
padding:5px 0;
}

p.baloon {
float:right;
width:350px;
_width:370px;
height:50px;
padding:8px 25px 0 0;
_padding:8px 20px 0 0;
display:inline;

}




/*----------------------------------------------------
転科テストお知らせ用
---------------------------------------------------*/

#noticearea #coursechange {
background:url(../img/test/bg_notice.jpg) no-repeat;
width:575px;
height:1170px;
margin:0 auto;
padding:15px 0 0 0;
font-size:12px;
line-height:1.5;
}

#noticearea #coursechange h1 {
background:url(../img/test/change/notice_h1.gif) no-repeat;
width:506px;
height:103px;
text-indent:-9999px;
margin:0 34px;
padding:0;
}

#noticearea #coursechange #outline {
background:url(../img/test/bg_outline.gif) no-repeat;
width:465px;
height:360px;
_height:380px;
padding:20px 40px 0 40px;
margin:0 0 0 14px;
}

#noticearea #coursechange #outline p {
width:465px;
padding:0;
margin:0 0 18px 0;
}

#noticearea #coursechange #bonusquiz {
background:url(../img/test/bg_bonusquiz.jpg) no-repeat;
width:545px;
height:265px;
_height:275px;
margin:0 0 0 14px;
padding:10px 0 0 0;
}

#noticearea #coursechange #bonusquiz h2 {
background:url(../img/test/test_h2.gif) no-repeat;
width:353px;
height:37px;
text-indent:-9999px;
border:none;
padding:0;
margin:0 0 0 96px;
}

#noticearea #coursechange #bonusquiz p {
width:310px;
margin:10px 0 0 35px;
}



/*----------------------------------------------------
ボタン
---------------------------------------------------*/

#noticearea a.button , #noticearea a.bigbutton {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 12px/100% Arial, Helvetica, sans-serif;
	padding: .3em 1em .40em 1em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

#noticearea a.bigbutton {
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .50em 2em;
}

#noticearea a.button:hover , #noticearea a.bigbutton:hover {
	text-decoration: none;
}

#noticearea a.button:active ,#noticearea a.bigbutton:active {
	position: relative;
	top: 1px;
}

#noticearea a.button:visited , #noticearea a.bigbutton:visited {
	color:#ffffff;
	text-decoration: none;
}



/*btn_red*/
#noticearea a.btn_red {
	color: #fef4e9;
	border: solid 1px #D95B5B;
	background: #FF8888;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFA6A6), to(#FF6A6A));
	background: -moz-linear-gradient(top,  #FFA6A6,  #FF6A6A);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA6A6', endColorstr='#FF6A6A');
}
#noticearea a.btn_red:hover {
	background: #FF6A6A;
	background: -webkit-gradient(linear, left top, left bottom, from(#FF8888), to(#F84545));
	background: -moz-linear-gradient(top,  #FF8888,  #F84545);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF8888', endColorstr='#F84545');
}
#noticearea a.btn_red:active {
	color: #f7bfba;
	background: -webkit-gradient(linear, left top, left bottom, from(#FF6A6A), to(#FFA6A6));
	background: -moz-linear-gradient(top,  #FF6A6A,  #FFA6A6);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF6A6A', endColorstr='#FFA6A6');
}

/*btn_blue*/
#noticearea a.btn_blue {
	color: #fef4e9;
	border: solid 1px #288aca;
	background: #56b4f3;
	background: -webkit-gradient(linear, left top, left bottom, from(#56b4f3), to(#349cdf));
	background: -moz-linear-gradient(top,  #56b4f3,  #349cdf);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#56b4f3', endColorstr='#349cdf');
}
#noticearea a.btn_blue:hover {
	background: #349cdf;
	background: -webkit-gradient(linear, left top, left bottom, from(#349cdf), to(#0773bb));
	background: -moz-linear-gradient(top,  #349cdf,  #0773bb);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#349cdf', endColorstr='#0773bb');
}
#noticearea a.btn_blue:active {
	color: #83c4ee;
	background: -webkit-gradient(linear, left top, left bottom, from(#349cdf), to(#56b4f3));
	background: -moz-linear-gradient(top,  #349cdf,  #56b4f3);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#349cdf', endColorstr='#56b4f3');
}


/*btn_green*/
#noticearea a.btn_green {
	color: #fef4e9;
	border: solid 1px #3ca554;
	background: #80d594;
	background: -webkit-gradient(linear, left top, left bottom, from(#80d594), to(#4aba63));
	background: -moz-linear-gradient(top,  #80d594,  #4aba63);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#80d594', endColorstr='#4aba63');
}
#noticearea a.btn_green:hover {
	background: #4aba63;
	background: -webkit-gradient(linear, left top, left bottom, from(#4aba63), to(#2b9b44));
	background: -moz-linear-gradient(top,  #4aba63,  #2b9b44);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4aba63', endColorstr='#2b9b44');
}
#noticearea a.btn_green:active {
	color: #8ee2a1;
	background: -webkit-gradient(linear, left top, left bottom, from(#4aba63), to(#80d594));
	background: -moz-linear-gradient(top,  #4aba63,  #80d594);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4aba63', endColorstr='#80d594');
}

/*blue*/
#noticearea a.blue {
	color: #ffffff;
	border: solid 1px #E96B6B;
	background: #3dc4cf;

		background: -webkit-gradient(linear, left top, left bottom, from(#3dc4cf), to(#1b699d));
	background: -moz-linear-gradient(top,  #3dc4cf,  #1b699d);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#3dc4cf', endColorstr='#1b699d');
}
#noticearea a.blue:hover {
	background: #35a2d4;
	background: -webkit-gradient(linear, left top, left bottom, from(#88dee5), to(#347cad));
	background: -moz-linear-gradient(top,  #88dee5,  #347cad);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#88dee5', endColorstr='#347cad');
}
#noticearea a.blue:active {
	color: #3dc4cf;
	background: -webkit-gradient(linear, left top, left bottom, from(#347cad), to(#88dee5));
	background: -moz-linear-gradient(top,  #347cad,  #88dee5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#347cad', endColorstr='#88dee5');
}


/*orange*/
#noticearea a.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
#noticearea a.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
#noticearea a.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}