@charset "UTF-8";

/* main.css
**************************************************************************************


/* Bread
=============================================================================*/

div.bread-area {
	width: 960px;
	padding: 14px 0 35px 0;
	margin: 0 auto;
}

div.bread-area .bread {
	width:500px;
	float:left;
	padding-top:3px;
	font-size:93%;
	
}
div.bread-area .bread-in {
	padding:0 0 0 18px;
	background:url("../../image/contents-ar001.gif") no-repeat left 5px;
	
}


/*print*/

div.bread-area div.print {
	width:254px;
	float:right;
}

div.bread-area div.print ul {
	width:254px;
}

div.bread-area div.print ul li.print001 {
	width:136px;
	height:27px;
	text-indent:-9999px;
	float:left;
}

div.bread-area div.print ul li.print001 a {
	display:block;
	width:136px;
	height:27px;
	background:url("../../image/print-btn.gif") no-repeat 0 0;
}

div.bread-area div.print ul li.print001 a:hover {
	background-position:0 -27px;
}

div.bread-area div.print ul li.print002 {
	width:118px;
	height:27px;
	text-indent:-9999px;
	float:right;
}

div.bread-area div.print ul li.print002 a {
	display:block;
	width:118px;
	height:27px;
	background:url("../../image/print-btn.gif") no-repeat -136px 0;
}

div.bread-area div.print ul li.print002 a:hover {
	background-position:-136px -27px;
}


/* Heading
=============================================================================*/

/* h1 */

div#main div.h1-area {
	margin:0 0 20px 0;
	background:url("../../image/contents-bg002.gif") no-repeat left top;
	padding:20px 0 0 0;

}

div#main div.h1-area-in {
	padding:5px 20px 40px 28px;
	line-height:1.8em;
	min-height:20px;
	_height:20px;
	background:url("../../image/contents-bg002.gif") no-repeat left bottom;
}

div#main div.h1-area h1 {
	padding:0;
}



/* h2 */
#wrapper-under .h2-area {
	margin-bottom: 10px;
	background: url("../../image/contents-bg003.gif") no-repeat left top;
	padding: 15px 0 0 0;
}

#wrapper-under .h2-deco{
	color: #FFF;
	padding: 0 20px 28px 20px;
	background: url("../../image/contents-bg003.gif") no-repeat left bottom;
}


/* h3 */
#wrapper-under .h3-area {
	margin-bottom:20px;
	padding:3px 0 3px 15px;
	background: url("../../image/contents-bg004.gif") no-repeat left top;
	border-bottom:1px solid #d6d6c9;
}

#wrapper-under .h3-deco h3 {
	font-size: 123.1%;
}


/* h4 */
#wrapper-under .h4-area {
	margin-bottom: 10px;
}

#wrapper-under .h4-deco {
	color:#926a3e;
	border-bottom:1px solid #d6d6c9;
}
#wrapper-under .h4-deco h4 {
	font-size: 123.1%;
}

/* Junction
=============================================================================*/

#wrapper-under div.junction{
	padding:0 0 30px 0;
}

#wrapper-under div.junc-left {
	width: 340px;
	float: left;
}

#wrapper-under div.junc-right {
	width: 340px;
	float: right;
}

#wrapper-under div.junction div.junction-h2-area {
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
	background: url("../../image/contents-bg007.gif") no-repeat left top;
}

#wrapper-under div.junction div.junction-h2-area h2.junction-h2 {
	font-size: 107%;
	padding: 0 5px 9px 0;
	background: url("../../image/contents-bg007.gif") no-repeat left bottom;
}

#wrapper-under div.junction div.junction-h2-area h2.junction-h2 a {
	display:block;
	text-decoration:none;
	padding:0 0 0 22px;
}

#wrapper-under div.junction-outline{
	margin: 0 auto 3px;
	background: url("../../image/contents-bg009.gif") no-repeat 0 0;
}

#wrapper-under div.junction-outline p.junction-outline-img {
	width: 110px;
	margin: 0 0 0 20px;
	text-align: center;
	float: right;
}
#wrapper-under div.junction-outline .junction-outline-tx{
	padding: 15px 0 15px 0;
	font-size: 93%;
}

#wrapper-under div.junction-outline p.junction-outline-img img {
	margin:0;
}

#wrapper-under div.junction-list-area {
	clear:both;
}

#wrapper-under ul.junction-list li {
	margin-bottom: 2px;
	font-size: 93%;
	background: url("../../image/contents-li001.gif") repeat-x left bottom;
	
}

#wrapper-under ul.junction-list li a {
	padding:5px 10px 5px 15px;
	display:block;
	background:url("../../image/contents-ar007.gif") no-repeat 5px 12px;
	_zoom:1;
}

/*画像大*/

#wrapper-under div.junction-outline-area02 p.junction-outline-img {
	width:340px;
	float:none;
	margin:0;
}

#wrapper-under div.junction-outline-area02 p.junction-outline-img img {
	margin:0;
}

#wrapper-under div.junction-outline-area02 div.junction-outline{
	padding:0;
}

#wrapper-under div.junction-outline-area02 div.junction-outline .junction-outline-tx{
	padding: 12px 0;
	background: url("../../image/contents-bg009.gif") no-repeat 0 1px;
}

/* sitemap 401 403 404 -------------------*/

div.unauthorized #wrapper-under div.junction div.junction-h2-area,
div.not-found #wrapper-under div.junction div.junction-h2-area,
div.forbidden #wrapper-under div.junction div.junction-h2-area,
div.sitemap #wrapper-under div.junction div.junction-h2-area {
	background: url("../../image/contents-bg008.gif") no-repeat left top;
}

div.unauthorized #wrapper-under div.junction div.junction-h2-area h2.junction-h2,
div.not-found #wrapper-under div.junction div.junction-h2-area h2.junction-h2,
div.forbidden #wrapper-under div.junction div.junction-h2-area h2.junction-h2,
div.sitemap #wrapper-under div.junction div.junction-h2-area h2.junction-h2 {
	background: url("../../image/contents-bg008.gif") no-repeat left bottom;
}


div.unauthorized #wrapper-under div.junction ,
div.not-found #wrapper-under div.junction ,
div.forbidden #wrapper-under div.junction ,
div.sitemap #wrapper-under div.junction{
	margin:0;
	padding:0;
}

/*第一階層*/
div.unauthorized #wrapper-under div.junction div.junction-h2-area ,
div.not-found #wrapper-under div.junction div.junction-h2-area ,
div.forbidden #wrapper-under div.junction div.junction-h2-area ,
div.sitemap #wrapper-under div.junction div.junction-h2-area {
	margin:0 auto 15px auto;
}

/*第二階層*/
div.unauthorized #wrapper-under div.junction-outline-area ,
div.not-found #wrapper-under div.junction-outline-area ,
div.forbidden #wrapper-under div.junction-outline-area ,
div.sitemap #wrapper-under div.junction-outline-area {
	margin:0 auto 10px auto;
}

div.unauthorized #wrapper-under div.junction-outline ,
div.not-found #wrapper-under div.junction-outline ,
div.forbidden #wrapper-under div.junction-outline ,
div.sitemap #wrapper-under div.junction-outline {
	margin:0;
	background:none;
}

div.unauthorized #wrapper-under div.junction-outline p.junction-link-second ,
div.not-found #wrapper-under div.junction-outline p.junction-link-second ,
div.forbidden #wrapper-under div.junction-outline p.junction-link-second ,
div.sitemap #wrapper-under div.junction-outline p.junction-link-second {
	padding:3px 0 3px 15px;
	background: url("../../image/contents-bg012.gif") no-repeat left top;
	border-bottom:1px solid #d6d6c9;
}

/*第三階層*/
div.unauthorized #wrapper-under div.junction-list-area ,
div.not-found #wrapper-under div.junction-list-area ,
div.forbidden #wrapper-under div.junction-list-area ,
div.sitemap #wrapper-under div.junction-list-area {
	margin:0 auto 30px auto;
	background:#faf8e9;
	padding:10px;
}

div.unauthorized #wrapper-under div.junction-list-area ul li ,
div.not-found #wrapper-under div.junction-list-area ul li ,
div.forbidden #wrapper-under div.junction-list-area ul li ,
div.sitemap #wrapper-under div.junction-list-area ul li {
	padding:0 10px 5px 15px;
	background:url("../../image/lnavi-ar002.gif") no-repeat 0px 5px;
}

div.unauthorized #wrapper-under div.junction-list-area ul li.clearfix ,
div.not-found #wrapper-under div.junction-list-area ul li.clearfix ,
div.forbidden #wrapper-under div.junction-list-area ul li.clearfix ,
div.sitemap #wrapper-under div.junction-list-area ul li.clearfix {
	padding:0;
	margin:0;
	background:none;
}

div.unauthorized #wrapper-under div.junction-list-area ul li.clearfix ul li ,
div.not-found #wrapper-under div.junction-list-area ul li.clearfix ul li ,
div.forbidden #wrapper-under div.junction-list-area ul li.clearfix ul li ,
div.sitemap #wrapper-under div.junction-list-area ul li.clearfix ul li {
	width:200px;
	float:left;
}


/* Outline Area
=============================================================================*/

#wrapper-under div.outline{
	width:100%;
	margin:0 auto 35px auto;
}

#wrapper-under div.outline p.subtitle{
	font-size: 138.5%;
	font-weight: bold;
	padding: 15px 0 10px 0;
	color: #ff8900;
}

#wrapper-under div.outline div.img-area{
	float:right;
	margin:0 0 10px 0;
	text-align:center;
}


/* news
=============================================================================*/

.news-list{
	width: 700px;
	position: relative;
	margin:0 0 40px 0;
}


/*一覧*/

#main .news-list p.list-link {
	width: 84px;
	height: 20px;
	position: absolute;
	top: 10px;
	right: 34px;
}

#main .news-list p.list-link a{
	width:84px;
	height:20px;
	background:url("../../image/news-bt.gif") no-repeat left top;
	text-indent:-9999px;
	display:block;
}

#main .news-list p.list-link a:hover{
	background:url("../../image/news-bt.gif") no-repeat left bottom;
}

/*RSS*/

#main .news-list p.rss {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 10px;
	right: 10px;
}

#main .news-list p.rss a{
	width:20px;
	height:20px;
	background:url("../../image/rss-icon.gif") no-repeat left top;
	text-indent:-9999px;
	display:block;
}

#main .news-list p.rss a:hover{
	background:url("../../image/rss-icon.gif") no-repeat left bottom;
}

/*リスト*/

#main .news-list dl {
	padding:10px 0;
	background:url("../../image/contents-li001.gif") repeat-x left bottom;
	font-size:93%;
}

#main .news-list dl dt {
	width:14.2em;
	display:table-cell;
	font-weight:normal;
	padding:0 0 0 5px;
	color:#868686;
	font-weight:bold;
}

#main .news-list dl dd {
	width:auto;
	display:table-cell;
	line-height:1.6em;
	padding:0 0 0 15px;
}

#main .news-list dl dd a{
	color:#444;
	text-decoration:none;
}

#main .news-list dl dd a:hover{
	color:#888;
	text-decoration:none;
}

/*アイコン*/

#main .news-list dl dt.ic001 {
	background:url("../../image/news-ic001.gif") no-repeat right 3px;
}

#main .news-list dl dt.ic002 {
	background:url("../../image/news-ic002.gif") no-repeat right 3px;
}

#main .news-list dl dt.ic003 {
	background:url("../../image/news-ic003.gif") no-repeat right 3px;
}

/*お知らせ一覧*/

.news div#main div.h1-area {
	margin:0 0 0 0;
}


div.rss-area {
	width:100%;
}
div.rss-area p.rss {
	width: 20px;
	height: 20px;
	float:right;
}
div.rss-area p.rss a {
	width:20px;
	height:20px;
	background:url("../../image/rss-icon.gif") no-repeat left top;
	text-indent:-9999px;
	display:block;
	margin:0;
}

div.rss-area p.rss a:hover {
	background:url("../../image/rss-icon.gif") no-repeat left bottom;
}


/* Anchor
=============================================================================*/

#wrapper-under div.anchor-area {
	width:707px;
	margin:0 -3px 30px -4px;
}

#wrapper-under div.anchor-area .pageindex {
	text-indent:-9999px;
	font-size:1px;
	height:40px;
	background:url("../../image/contents-bg005.gif") no-repeat left top;
}

#wrapper-under div.anchor-area ul {
	background:url("../../image/contents-bg006.gif") no-repeat left top;
	padding:21px 20px 10px 36px;
}

#wrapper-under div.anchor-area ul li {
	padding:0 10px 18px 15px;
	background:url("../../image/contents-ar006.gif") no-repeat 0 8px;
}

#wrapper-under div.anchor-area ul li.clearfix {
	padding:0;
	background:none;
}

#wrapper-under div.anchor-area ul li.clearfix ul {
	padding:0;
}

#wrapper-under div.anchor-area ul li.clearfix ul li {
	width: 192px;
	float: left;
}

/* Article + Photo
=============================================================================*/

#wrapper-under div.tx-wrapper{
	margin-bottom:20px;
}

#wrapper-under div.photo-s{
	width: 230px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}

#wrapper-under div.photo-m{
	width: 340px;
	padding: 0 0 0 20px;
}

#wrapper-under div.photo-l {
	width:100%;
	float:none !important;
}

#wrapper-under div.photo-no-scale {
	padding:0 0 0 20px;
}


#wrapper-under div.tx-pat03 div.photo-s ,
#wrapper-under div.tx-pat03 div.photo-m ,
#wrapper-under div.tx-pat03 div.photo-no-scale {
	padding:0 20px 0 0;
}



/* 画像設定 */
#wrapper-under img {
	margin:0 auto 5px auto;
}


/*キャプション*/
#wrapper-under p.cap-c { text-align:center; }
#wrapper-under p.cap-l { text-align:left; }
#wrapper-under p.cap-r { text-align:right; }


/* tx-pat02（画像が右）*/

#wrapper-under div.tx-pat02 div.img-area{
	float:right;
	margin:0 0 10px 0;
	text-align:center;
}

/* tx-pat03（画像が左）*/

#wrapper-under div.tx-pat03 div.img-area{
	float:left;
	margin:0 0 10px 0;
	text-align:center;
}

/* リスト設定 */
#wrapper-under ul.cms-contents-list-ul ,
#wrapper-under ol.cms-contents-list-ol {
	display:table;
	margin:0 0 0 5px;
}

#wrapper-under ul.cms-contents-list-ul li {
	list-style-type:disc;
	margin:0 0 0 20px;
}

#wrapper-under ol.cms-contents-list-ol li {
	list-style-type:decimal;
	margin:0 0 0 35px;
}

/* リスト設定(special内) */
#wrapper-under div.special ul.cms-contents-list-ul ,
#wrapper-under div.special ol.cms-contents-list-ol {
	display:table;
	margin:0 0 0 10px;
}

#wrapper-under div.special ul.cms-contents-list-ul li {
	list-style-type:disc;
	margin:0 0 0 35px;
}

#wrapper-under div.special ol.cms-contents-list-ol li {
	list-style-type:decimal;
	margin:0 0 0 35px;
}


/* Photo + Photo
=============================================================================*/

#wrapper-under div.img-pat01 ,
#wrapper-under div.img-pat02 {
	margin-bottom:20px;
}

#wrapper-under div.img-pat01 img ,
#wrapper-under div.img-pat02 img{
	margin:0 auto 5px auto;
}

#wrapper-under div.img-pat02  div.img-area {
	text-align:center;
}

#wrapper-under div.img-pat01 div.img-area-l {
	float: left;
	width: 340px;
	text-align: center;
}

#wrapper-under div.img-pat01 div.img-area-r {
	float: right;
	width: 340px;
	text-align: center;
}


/* Table
=============================================================================*/
#wrapper-under div.table-area {
	clear:both;
	margin:0 0 25px 0;
}

#wrapper-under div.table-area table {
	width: 700px;
	border-top: #d6d6c9 1px solid;
	border-right: #d6d6c9 1px solid;
}

#wrapper-under div.table-area table th ,
#wrapper-under div.table-area table td {
	border-left:#d6d6c9 1px solid;
	border-bottom:#d6d6c9 1px solid;
	padding:8px 10px;
	font-weight:normal;
	vertical-align:middle;
}

#wrapper-under div.table-area table th {
	background-color:#fcf2cb;
}

#wrapper-under div.table-area table th.title {
    width:130px;
	text-align:right;
}

#wrapper-under div.table-area table td.align-right{
	text-align:right;
}

#wrapper-under div.table-area table td.nowrap{
	white-space:nowrap;
}

#wrapper-under div.table-area table td div.txt-wrapper {
	padding:0 0 5px 0;
}

#wrapper-under div.table-area table td span.note-txt {
	display:block;
	padding:0 0 3px 0;
}


/*枠無*/
#wrapper-under div.table-area table.border-none,
#wrapper-under div.table-area table.border-none th,
#wrapper-under div.table-area table.border-none td {
	border-collapse:collapse;
	border:solid #FFFFFF 1px;
}


/* File Download
=============================================================================*/

#wrapper-under ul.download{
	margin-bottom:15px;
}

#wrapper-under ul.download li{
	padding:0 0 0 0;
	background: url("../../image/contents-li001.gif") repeat-x left bottom;
}
#wrapper-under ul.download li a{
	display:block;
	padding:16px 0 5px 22px;
	background: url("../../image/nomal.gif") no-repeat 2px 16px;
}

#wrapper-under ul.download li.pdf a{
	background: url("../../image/pdf.gif") no-repeat 2px 16px;
}

#wrapper-under ul.download li.xls a{
	background: url("../../image/xls.gif") no-repeat 2px 16px;
}

#wrapper-under ul.download li.xlsx a{
	background: url("../../image/xls.gif") no-repeat 2px 16px;
}

#wrapper-under ul.download li.doc a{
	background: url("../../image/doc.gif") no-repeat 2px 16px;
}

#wrapper-under ul.download li.docx a{
	background: url("../../image/doc.gif") no-repeat 2px 16px;
}

/* Plug-In
=============================================================================*/

div.plugin-area {
	padding-bottom:10px;
	margin:0 auto 25px;
	clear:both;
}

div.plugin-area-in {
	border: 3px solid #eceada;
	padding: 20px;
	margin: 20px auto;
	font-size: 93%;
	line-height: 1.6em;
}

div.plugin-area-in p.pdf-icon {
	width:160px;
	margin:0 0 0 10px;
	float:right;
}

#wrapper-under div.plugin-area-in p.pdf-icon img {
	padding:0;
	margin:0;
	border:none;
}

div.plugin-area-in p.pdf-txt {
	padding:6px 0 0 0;
}

/* flash */

div.flash-area {
    width:490px;
	margin:0 auto 20px;
}

div.flash-area div.flash-plugin {
	border: 3px solid #eceada;
	padding: 10px;
	margin: 20px auto;
	clear: both;
	font-size: 85%;
}

#wrapper-under div.flash-area div.flash-plugin img.banner-r {
	display:block;
	width:160px;
	padding:0;
	margin:0 0 0 5px;
	border:none;
	float:right;
}


/* Special Area
=============================================================================*/

#wrapper-under div.special-pat01 ,
#wrapper-under div.special-pat02 {
	margin-bottom:30px;
}
#wrapper-under div.special {
	background: url("../../image/contents-bg011.gif") repeat-y left top;
}
#wrapper-under div.special div.special-title-area {
	background: url("../../image/contents-bg010.gif") no-repeat left top;
	padding:10px 26px 8px 26px;
	border-bottom:5px solid #fff;
	color:#6f3506;
	font-weight:bold;
	font-size:123.1% ;
}

#wrapper-under div.special div.special-tx {
	
	padding:25px 20px;
}

#wrapper-under div.special img {
	text-align:center;
	float:right;
	padding:25px 20px;
}


/* Link Area
=============================================================================*/

#main div.link-area {
	padding:0;
	margin:0;
	clear:both;
}

#main div.link-area-in {
	padding:0;
	margin:0;
	clear:both;
}

#main div.link-area h2 {
	font-size:107%;
	margin: 0 0 10px 0;
	padding: 13px 0 0 0;
	background: url("../../image/contents-bg008.gif") no-repeat left top;
}
#main div.link-area h2 span {
	display: block;
	padding: 0 5px 6px 22px;
	background: url("../../image/contents-bg008.gif") no-repeat left bottom;
}

#wrapper-under div.link-area ul.str02 {
	padding:0 0 5px;
}

#wrapper-under div.link-area ul.str02 li {
	vertical-align:bottom;
}

#wrapper-under div.link-area ul li.clearfix {
	padding:0;
	margin:0;
	background:none;
}

#wrapper-under div.link-area ul li.clearfix ul {
	
	clear:both;
}

#wrapper-under div.link-area ul li.clearfix ul li {
	width: 340px;
	float: left;
	font-size: 93%;
	padding: 0 0 15px 0;
}

#wrapper-under div.link-area ul li.clearfix ul li.li-right {
	float:right;
	padding:0 0 15px 0;
}

#wrapper-under div.link-area ul li.clearfix ul li p.img {
	width:110px;
	padding-left:10px;
	float:right;
}

#wrapper-under div.link-area ul li.clearfix ul li p.sttl a {
	font-size: 107%;
	padding: 0 0 0 10px;
	display: block;
	background: url("../../image/contents-ar007.gif") no-repeat 2px 10px;
}


/* Page Navi
=============================================================================*/

#wrapper-under div.pnavi-area {
	margin: 0 0 40px 0;
}

#wrapper-under div.pnavi-area p {
	font-size:93%;
	float:right
}

#wrapper-under div.pnavi-area p a {
	padding: 0 0 0 16px;
	background: url("../../image/contents-ar005.gif") no-repeat 0 4px;
}


/* Bottom link
=============================================================================*/

div.bottomlink {
	margin:0 0 40px 0;
	clear:both;
}

div.bottomlink-in {
	width: 700px;
	float: right;
	font-size: 93%;
	position: relative;
	padding: 0 0 5px 0;
}

div.bottomlink-in p.go-home {
	float: left;
	width: 25%;

	*display: inline;
}

div.bottomlink-in p.go-home a {
	padding:0 0 0 16px;
	background:url("../../image/contents-ar002.gif") no-repeat 0 5px;
}

div.bottomlink-in p.ctop {
	float: left;
	position: absolute;
	top: 0;
	left: 25%;
	width: 50%;
	text-align: center;
}

div.bottomlink-in p.ctop a {
	padding:0 0 0 16px;
	background:url("../../image/contents-ar003.gif") no-repeat 0 5px;
}

div.bottomlink-in p.go-top {
	float: right;
	width: 25%;
	text-align: right;
}

div.bottomlink-in p.go-top a {
	padding:0 0 0 16px;
	background:url("../../image/contents-ar004.gif") no-repeat 0 5px;
}

/*mlink*/
div.mlink {
	text-align: center;
	clear: both;
	width: 960px;
	margin: 0 auto 20px;
	padding:23px 0 0 0;
	background:url("../../image/contents-bg001.gif") no-repeat left top;
}

div.mlink .mlink-in {
	background:url("../../image/contents-bg001.gif") no-repeat left bottom;
	padding:0 10px 21px 10px;
}

div.mlink ul {
	text-align:center;
	margin:0 auto;
	letter-spacing:-0.4em;
}

div.mlink ul li {
	padding:0 20px;
	border-right:1px solid #717171;
	text-align:center;
	letter-spacing:normal;/*隙間をなくすためのハック*/
	display:inline-block;
	*display: inline;
	*zoom: 1;
}

div.mlink ul li a {
	text-decoration:none;
}

div.mlink ul li a:hover {
	text-decoration:underline;
}

div.mlink ul li.end {
	border:none;
}

div.mlink ul li.current a {
	font-weight:bold;
	color:#444444;
}



/* Space Color
=============================================================================*/

#main .margin-b000{margin-bottom:0 !important;}
#main .margin-b010{margin-bottom:10px !important;}
#main .margin-b025{margin-bottom:25px !important;}
#main .margin-b050{margin-bottom:50px !important;}
#main .margin-b075{margin-bottom:75px !important;}
#main .margin-b100{margin-bottom:100px !important;}
#main .margin-b150{margin-bottom:150px !important;}

/*Color*/
span.cms-pallet-01 { color: #000000;}
span.cms-pallet-02 { color: #FF0000;}
span.cms-pallet-03 { color: #853434;}
span.cms-pallet-04 { color: #AAAAAA;}
span.cms-pallet-05 { color: #008000;}
span.cms-pallet-06 { color: #808000;}
span.cms-pallet-07 { color: #008080;}
span.cms-pallet-08 { color: #999999;}
span.cms-pallet-09 { color: #000080;}
span.cms-pallet-10 { color: #CC6600;}
span.cms-pallet-11 { color: #800080;}