/* 全般設定 */
body {color:#333333; background:#FFFFFF; margin:0; padding:0; line-height:1.6; font-size:small; font-family:"メイリオ","Meiryo",Verdana,"MS UI Gothic","Trebuchet MS",Tahoma,Arial,sans-serif; text-align:center;letter-spacing:0.03em;}

table {width:100%; border-collapse:collapse;}
table td {vertical-align:top; margin:2px; padding:5px;}
th {background:color:#C0262C; padding:5px; vertical-align:middle;font-size:small;color:#C0262C;}
th a {color:#F4F8FB; text-decoration:none;}
th a:hover {text-decoration:none;}

#container {width:960px; margin:0 auto; text-align:left; border-left:#BC9381 10px solid; padding-left:30px;border-right:#BC9381 10px solid; padding-right:30px;}

dd {margin-left:0px; padding-left:0px;}


/* 全般的なリンクの設定 */
a {color:#0066FF; background:inherit;}
a:hover {color:#DB800F; background:inherit;}
p {padding-bottom: 8px; padding-top:0px; margin-top:0px;}

/* 一般タグの設定 */
h1 {font-size:medium; padding:2px; background:#C0262C; color:#FFFFFF; font-weight:bold; overflow:hidden; margin-bottom:20pt; margin-top:0px;padding-left:10px;}
h2 {border-bottom: 1px solid #C0262C; border-left: 8px solid #C0262C; font-size:medium; font-weight:bold; color:#C0262C; font-weight:bold; overflow:hidden;margin-bottom:10px; padding-left:5px; padding-right:5px; padding-top:0px; margin-top:20px;padding-bottom:0px; }
h3 {border-bottom: 1px dashed #C0262C; font-size:small; font-weight:bold; color:#C0262C; font-weight:bold; overflow:hidden;margin-bottom:10px; padding-left:0px; padding-right:5px; padding-top:3px; padding-bottom:0px; }
h4 {font-size: small; padding-bottom:1px; margin-bottom:1px; font-weight:bold; color:#C0262C; font-weight:bold; overflow:hidden;}
h5 {}

/* リスト表示の設定 中央左右のブロックなどで使用 */
ul {margin:0px; padding:0px; text-align:left;}
li {margin-left:15px; list-style:square; text-align:left;}
.li-color {color:#C0262C;}
.li-text {color:#333333;}

input.formButton {}

/* ヘッダーの定義 */
#header {margin:0px 0; background:url(people.jpg) no-repeat right;}
#header .logo {width:150px; vertical-align:middle;padding-bottom:30px;}
#header .logo img {padding-top:20px; padding-bottom:0px; margin-bottom:0px;}
#header .topmenu {vertical-align:bottom;padding-left:30px;}
#header .announce {text-align:center; vertical-align:middle;}
#header .announce a {color:#E0691A;}
#header .search_field {background:#fff url(searchbg.gif) no-repeat center right; color:#808080; font-weight:bold; padding:5px 20px 5px 10px; border-right:5px solid #fff;}
#header form {margin:0;}

.search_form {text-align:right;}
input.search {width:292px; height:16px; border:0; background:#FFF url(input.gif) no-repeat; padding:4px; color:#E0691A; font-weight:bold;}
input.submit {background:#E0691A url(submit.gif) no-repeat center left; border:0; padding:4px 0; width:65px; height:24px; margin:0 15px 1px 0; color:#FFF; font: bold 1em Arial, Sans-Serif;}

.grey {color:#808080; background:inherit; font-weight:normal;}

/*左ブロックの定義*/
#leftcolumn {width:220px; padding:5px;}
/*左ブロックタイトルの定義*/
#leftcolumn .blockTitle {padding:2px; background:#BC9381; color:#FFFFFF; font-weight:bold;font-size:medium;overflow:hidden; margin-bottom:0pt; margin-top:0px;padding-left:10px;}
/*左ブロックコンテンツの定義*/
#leftcolumn .blockContent {padding:5px; background:#ffffff; margin-bottom:5px;}

/* 左ブロック　メインメニューの定義*/
#mainmenu a {display:block; margin:0; padding:5px;}
#mainmenu a.menuTop {padding-left:0px; border-bottom: 1px dashed #BC9381; }
#mainmenu a.menuMain {padding-left:0px; border-bottom: 1px dashed #BC9381; }
#mainmenu a.menuSub {padding-left:15px; border-bottom: 1px dashed #BC9381; background:#f3e2d9;}

/*左ブロック　ユーザーメニューの定義*/
#usermenu a {display:block; margin:0; padding:5px; border-bottom:3px dotted #fff;}
#usermenu a.menuTop {padding-left:3px; border-bottom:3px dotted #fff;}
#usermenu a.highlight {background-color:#fcc;}

/*  ---start--- 活動一覧用 2009.08.01 added by irino machi-pot */

/*左ブロックの定義*/
#leftcolumn2 { width:190px; padding:5px;}
/*左ブロックタイトルの定義*/
#leftcolumn2 .blockTitle {padding:2px; background:#C0262C; color:#fff; font-weight:bold;}
/*左ブロックコンテンツの定義*/
#leftcolumn2 .blockContent {padding:5px; background:#ffffff; margin-bottom:5px;}
#mainmenu a.menu01 {padding-left:0px; font-weight:bold;text-decoration:none;}
#mainmenu a.menu02 {font-size:10pt;padding-left:0px;}
#mainmenu div.menu03 {font-size:10pt;padding-left:10px;line-height:1;}

/*  ---end--- 活動一覧用 2009.08.01 added by irino machi-pot */

/*中央ブロック全体の定義*/
#centercolumn {background:#FFF; padding-left:30px;padding-right:30px;}
#centercolumn img {padding:10px;}

/*中央-中央ブロックの定義*/
#centerCcolumn {}
#centerCcolumn .blockTitle {padding:2px; background:#C0262C; color:#FFFFFF; font-weight:bold;font-size:medium;overflow:hidden; margin-bottom:0pt; margin-top:0px;padding-left:10px;}
#centerCcolumn .blockContent {background:#FFF; padding-top:10px; margin-bottom:10px;}

/*中央-左ブロックの定義*/
#centerLcolumn {width:50%; padding:0 3px 0 0;}
#centerLcolumn .blockTitle {padding:2px; background:#C0262C; color:#FFFFFF; font-weight:bold;font-size:medium; padding:3px 5px; overflow:hidden; margin-bottom:0pt; margin-top:0px;margin-right:20px;padding-left:10px;}
#centerLcolumn .blockContent {background:#FFF; padding-top:10px; padding-right:20px; margin-bottom:10px;}

/*中央-左ブロックの定義2*/
#content .cL {width:58%; padding:0 10px 0 0; float:left;}
#content .cL-blockTitle {padding:2px; background:#C0262C; color:#FFFFFF; font-weight:bold;font-size:medium; padding:3px 5px; overflow:hidden; margin-bottom:0pt; margin-top:0px;margin-right:20px;padding-left:10px;}
#content .cL-blockContent {background:#FFF; padding-top:10px; padding-right:20px; margin-bottom:10px;}

/*中央-右ブロックの定義*/
#centerRcolumn {width:50%; padding:0 0 0 3px;}
#centerRcolumn .blockTitle {padding:2px; background:#C0262C; color:#FFFFFF; font-weight:bold;font-size:medium; padding:3px 5px; overflow:hidden; margin-bottom:0pt; margin-top:0px;margin-left:20px;padding-left:10px;}
#centerRcolumn .blockContent {background:#FFF; padding-top:10px; padding-left:20px; margin-bottom:10px;}

/*中央-右ブロックの定義2*/
#content .cR {width:38%; padding:0 0 0 10px; float:right;}
#content .cR-blockTitle {padding:2px; background:#C0262C; color:#FFFFFF; font-weight:bold;font-size:medium; padding:3px 5px; overflow:hidden; margin-bottom:0pt; margin-top:0px;margin-left:20px;padding-left:10px;}
#content .cR-blockContent {background:#FFF; padding-top:10px; padding-left:20px; margin-bottom:10px;}

#content {text-align:left; padding-top:5px;}


/*フッタブロックの定義*/
#footerbar {text-align:center; border-top:1px solid #BC9381; font-size:11pt; padding:8px 0;}

/* フォーラムなどの外枠*/
.outer {border: 1px solid #DDDDDD;}
/* フォーラムなどの投稿情報欄 */
.head {background:#f3e2d9; padding:5px; font-weight:bold; border:1px solid #DDDDDD;}
/* フォーラムなどの交互に色が変わる部分 */
.even {background: #f9f9f9; padding: 5px; border:1px solid #DDDDDD;}
.odd {background: #FFFFFF; padding: 5px; border:1px solid #DDDDDD;}
tr.even td {background: #f9f9f9; padding:5px; border:1px solid #DDDDDD;}
tr.odd td {background: #FFFFFF; padding:5px; border:1px solid #DDDDDD;}
/* フォーラムなどのフッター */
.foot {background:#E4EFF3; padding: 5px; font-weight: bold; border:1px solid #DDDDDD;}

/* 最新ニュースの枠1 */
#centerCcolumn .item {}
/* 最新ニュースのタイトルバー */
#centerCcolumn .itemHead {padding-bottom:2px; background:#CFE7E9; color:#DB800F;font-size:medium;font-weight:bold;padding-left:10px;padding-right:5px;padding-top:5px;margin-top:10px;}
/* 最新ニュースの投稿情報欄 */
#centerCcolumn .itemInfo {text-align: left; padding-bottom:0px; padding-top:5px; background:#fff;}
/* 最新ニュースのタイトルの設定 */
#centerCcolumn .itemTitle a {font-weight:bold; text-decoration:underline; font-size:medium;color:#0066FF; background:inherit;}
/* 最新ニュースの投稿者 */
#centerCcolumn .itemPoster {font-size:90%;}
/* 最新ニュースの投稿日 */
#centerCcolumn .itemPostDate {font-size:small;font-weight:bold;}
/* 最新ニュースのステータス */
#centerCcolumn .itemStats {font-size:90%;}
/* 最新ニュースのコンテンツ部分 */
#centerCcolumn .itemBody {padding:0px 0px; margin-bottom:10px;}
#centerCcolumn .itemText {margin-top: 0px; margin-bottom: 0px;}
/* 最新ニュースの1文字目 */
#centerCcolumn .itemText:first-letter {}
/* 最新ニュースのフッター */
#centerCcolumn .itemFoot {text-align: right; padding:5px; background:#FFF;}
#centerCcolumn .itemAdminLink {font-size:90%;}
#centerCcolumn .itemPermaLink {font-size:90%;}


/* 最新ニュースの枠2 */
 #centerRcolumn .item {}
/* 最新ニュースのタイトルバー */
 #centerRcolumn .itemHead {padding-bottom:2px; background:#FFFFFF; color:#DB800F;font-size:medium;font-weight:bold;padding-left:5px;padding-right:5px;padding-top:5px;margin-top:5px;}
/* 最新ニュースの投稿情報欄 */
 #centerRcolumn .itemInfo {text-align: left; padding-bottom:0px; padding-top:5px; background:#fff;}
/* 最新ニュースのタイトルの設定 */
 #centerRcolumn .itemTitle a {font-weight:bold; text-decoration:underline; font-size:medium;color:#0066FF; background:inherit;}
/* 最新ニュースの投稿者 */
 #centerRcolumn .itemPoster {font-size:90%;}
/* 最新ニュースの投稿日 */
 #centerRcolumn .itemPostDate {font-size:small;font-weight:bold;}
/* 最新ニュースのステータス */
 #centerRcolumn .itemStats {font-size:90%;}
/* 最新ニュースのコンテンツ部分 */
 #centerRcolumn .itemBody {padding:0px 0px; margin-bottom:10px;}
 #centerRcolumn .itemText {margin-top: 0px; margin-bottom: 0px;}
/* 最新ニュースの1文字目 */
 #centerRcolumn .itemText:first-letter {}
/* 最新ニュースのフッター */
 #centerRcolumn .itemFoot {text-align: right; padding:5px; background:#FFF;}
 #centerRcolumn .itemAdminLink {font-size:90%;}
 #centerRcolumn .itemPermaLink {font-size:90%;}


/* 最新ニュースの枠3 */
#centerLcolumn  .item {}
/* 最新ニュースのタイトルバー */
#centerLcolumn  .itemHead {padding-bottom:2px; background:#FFFFFF; color:#DB800F;font-size:medium;font-weight:bold;padding-left:5px;padding-right:5px;padding-top:5px;margin-top:5px;}
/* 最新ニュースの投稿情報欄 */
#centerLcolumn  .itemInfo {text-align: left; padding-bottom:0px; padding-top:5px; background:#fff;}
/* 最新ニュースのタイトルの設定 */
#centerLcolumn  .itemTitle a {font-weight:bold; text-decoration:underline; font-size:medium;color:#0066FF; background:inherit;}
/* 最新ニュースの投稿者 */
#centerLcolumn  .itemPoster {font-size:90%;}
/* 最新ニュースの投稿日 */
#centerLcolumn  .itemPostDate {font-size:small;font-weight:bold;}
/* 最新ニュースのステータス */
#centerLcolumn  .itemStats {font-size:90%;}
/* 最新ニュースのコンテンツ部分 */
#centerLcolumn  .itemBody {padding:0px 0px; margin-bottom:10px;}
#centerLcolumn  .itemText {margin-top: 0px; margin-bottom: 0px;}
/* 最新ニュースの1文字目 */
#centerLcolumn  .itemText:first-letter {}
/* 最新ニュースのフッター */
#centerLcolumn  .itemFoot {text-align: right; padding:5px; background:#FFF;}
#centerLcolumn  .itemAdminLink {font-size:90%;}
#centerLcolumn  .itemPermaLink {font-size:90%;}

/* 最新ニュースの枠4 */
#centercolumn .item {}
/* 最新ニュースのタイトルバー */
#centercolumn .itemHead {padding-bottom:2px; background:#CFE7E9; color:#C0262C;font-size:medium;font-weight:bold;padding-left:10px;padding-right:5px;padding-top:5px;margin-top:10px;}
/* 最新ニュースの投稿情報欄 */
#centercolumn .itemInfo {text-align: left; padding-bottom:0px; padding-top:5px; background:#fff;}
/* 最新ニュースのタイトルの設定 */
#centercolumn .itemTitle a {font-weight:bold; text-decoration:underline; font-size:medium;color:#0066FF; background:inherit;}
/* 最新ニュースの投稿者 */
#centercolumn .itemPoster {font-size:90%;}
/* 最新ニュースの投稿日 */
#centercolumn .itemPostDate {font-size:small;font-weight:bold;}
/* 最新ニュースのステータス */
#centercolumn .itemStats {font-size:90%;}
/* 最新ニュースのコンテンツ部分 */
#centercolumn .itemBody {padding:0px 0px; margin-bottom:10px;}
#centercolumn .itemText {margin-top: 0px; margin-bottom: 0px;}
/* 最新ニュースの1文字目 */
#centercolumn .itemText:first-letter {}
/* 最新ニュースのフッター */
#centercolumn .itemFoot {text-align: right; padding:5px; background:#FFF;}
#centercolumn .itemAdminLink {font-size:90%;}
#centercolumn .itemPermaLink {font-size:90%;}

#centercolumn .li-color {color:#C0262C;}
#centercolumn .li-text {color:#333333;}



div.errorMsg { background: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; font-weight: bold; padding: 10px;}
div.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; font-weight: bold; padding: 10px;}
div.resultMsg { background-color : #CCCCCC; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;}

/* Xoopsコードを記述する部分 */
div.xoopsCode { background: #FFFFFF; border: 1px inset #000080; padding: 0px 6px 6px 6px;}

/* 引用部分の定義 */
div.xoopsQuote { background: #FFFFFF; border: 1px inset #000080; padding: 0px 6px 6px 6px;}


.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: 10px; color: #2F5376; font-weight:bold; border: 1px solid silver; background-color: #ffffff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #2F5376; font-weight:bold; font-size: 10px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 10px;font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: smaller}
.comDateCaption {font-weight: bold; font-style: normal;}



/*トップメニュー　プロジェクト用*/

div.project{
margin:0;
padding-top:0px;
margin-top:0px;
}

div.project ul{
list-style:none;
/*width:600px;*/
padding-top:0px;
margin-top:0px;
}

div.project ul li {
list-style:none;
float:left;
}

div.project p{
padding:5px 0 0 8px;
font-size:85%;
line-height:0;
color:#a00e15;
}

/* メニュー */

div#tabs{
    font-size:small;
  margin:0 5px 16px 0px;
}

div#tabs ul{
    list-style:none;
    margin:12px 0;
    padding:0;
}

div#tabs ul li{
    display:inline;
    margin:0;
}

div#tabs ul li a{
    padding:0px 8px;
    float:left;
    text-decoration:none;
    margin:0;
    display:block;
    border-right:1px solid #C0262C;
}

div#tabs ul li a:hover{
    background:#DB800F;
    color:#FFF;
    text-decoration:none;
}

div#tabs ul li a.active{
    background:#EAEAEA;
    color:#7F9298;
}

div#tabContent{   
    font-size:20px;
    color:#C0262C;
    font-weight:bold;
    margin-left:12px;
    margin-bottom:50px;
}

.date {font-size:9pt;}




	/* Download Icon (disable: Win IE,Opera) - designed by argon */
/* css_layout.php also has settings of outlink and https link */
#centercolumn a[href$=".asf"]:before {margin: 0 2px; content:url(images/_common/text_files/asf.gif);}
#centercolumn a[href$=".css"]:before {margin: 0 2px; content:url(images/_common/text_files/css.gif);}
#centercolumn a[href$=".js"]:before  {margin: 0 2px; content:url(images/_common/text_files/js.gif);}
#centercolumn a[href$=".pl"]:before  {margin: 0 2px; content:url(images/_common/text_files/pl.gif);}
#centercolumn a[href$=".txt"]:before {margin: 0 2px; content:url(images/_common/text_files/txt.gif);}
#centercolumn a[href$=".asp"]:before {margin: 0 2px; content:url(images/_common/text_files/asp.gif);}
#centercolumn a[href$=".cxx"]:before {margin: 0 2px; content:url(images/_common/text_files/cxx.gif);}
#centercolumn a[href$=".odt"]:before {margin: 0 2px; content:url(images/_common/text_files/odt.gif);}
#centercolumn a[href$=".plx"]:before {margin: 0 2px; content:url(images/_common/text_files/plx.gif);}
#centercolumn a[href$=".vbs"]:before {margin: 0 2px; content:url(images/_common/text_files/vbs.gif);}
#centercolumn a[href$=".bas"]:before {margin: 0 2px; content:url(images/_common/text_files/bas.gif);}
#centercolumn a[href$=".doc"]:before {margin: 0 2px; content:url(images/_common/text_files/doc.gif);}
#centercolumn a[href$=".docx"]:before {margin: 0 2px; content:url(images/_common/text_files/doc.gif);}
/*#centercolumn a[href$=".doc"]:before {margin: 0 2px; content:url(images/_common/text_files/doc_blue.gif);}*/
/*#centercolumn a[href$=".docx"]:before {margin: 0 2px; content:url(images/_common/text_files/doc_blue.gif);}*/
#centercolumn a[href$=".pas"]:before {margin: 0 2px; content:url(images/_common/text_files/pas.gif);}
#centercolumn a[href$=".py"]:before  {margin: 0 2px; content:url(images/_common/text_files/py.gif);}
#centercolumn a[href$=".cgi"]:before {margin: 0 2px; content:url(images/_common/text_files/cgi.gif);}
#centercolumn a[href$=".pda"]:before {margin: 0 2px; content:url(images/_common/text_files/pda.gif);}
#centercolumn a[href$=".pdf"]:before {margin: 0 2px; content:url(images/_common/text_files/pdf.gif);}
#centercolumn a[href$=".rb"]:before  {margin: 0 2px; content:url(images/_common/text_files/rb.gif);}
#centercolumn a[href$=".cpp"]:before {margin: 0 2px; content:url(images/_common/text_files/cpp.gif);}
#centercolumn a[href$=".java"]:before {margin: 0 2px; content:url(images/_common/text_files/java.gif);}
#centercolumn a[href$=".rtf"]:before {margin: 0 2px; content:url(images/_common/text_files/rtf.gif);}
/* #centercolumn a[href$=".php"]:before {margin: 0 2px; content:url(images/_common/text_files/php.gif);} */
/* #centercolumn a[href$=".htm"]:before {margin: 0 2px; content:url(images/_common/text_files/htm.gif);} */
/* #centercolumn a[href$=".html"]:before {margin: 0 2px; content:url(images/_common/text_files/htm.gif);} */

#centercolumn a[href$=".aac"]:before {margin: 0 2px; content:url(images/_common/audio_files/aac.gif);}
#centercolumn a[href$=".cda"]:before {margin: 0 2px; content:url(images/_common/audio_files/cda.gif);}
#centercolumn a[href$=".m4a"]:before {margin: 0 2px; content:url(images/_common/audio_files/m4a.gif);}
#centercolumn a[href$=".ogg"]:before {margin: 0 2px; content:url(images/_common/audio_files/ogg.gif);}
#centercolumn a[href$=".wma"]:before {margin: 0 2px; content:url(images/_common/audio_files/wma.gif);}
#centercolumn a[href$=".aiff"]:before {margin: 0 2px; content:url(images/_common/audio_files/aiff.gif);}
#centercolumn a[href$=".fla"]:before {margin: 0 2px; content:url(images/_common/audio_files/fla.gif);}
#centercolumn a[href$=".mid"]:before {margin: 0 2px; content:url(images/_common/audio_files/mid.gif);}
#centercolumn a[href$=".ram"]:before {margin: 0 2px; content:url(images/_common/audio_files/ram.gif);}
#centercolumn a[href$=".ape"]:before {margin: 0 2px; content:url(images/_common/audio_files/ape.gif);}
#centercolumn a[href$=".iso"]:before {margin: 0 2px; content:url(images/_common/audio_files/iso.gif);}
#centercolumn a[href$=".mp3"]:before {margin: 0 2px; content:url(images/_common/audio_files/mp3.gif);}
#centercolumn a[href$=".wav"]:before {margin: 0 2px; content:url(images/_common/audio_files/wav.gif);}

#centercolumn a[href$=".cab"]:before {margin: 0 2px; content:url(images/_common/compression_files/cab.gif);}
#centercolumn a[href$=".gca"]:before {margin: 0 2px; content:url(images/_common/compression_files/gca.gif);}
#centercolumn a[href$=".lzh"]:before {margin: 0 2px; content:url(images/_common/compression_files/lzh.gif);}
#centercolumn a[href$=".msi"]:before {margin: 0 2px; content:url(images/_common/compression_files/msi.gif);}
#centercolumn a[href$=".rar"]:before {margin: 0 2px; content:url(images/_common/compression_files/rar.gif);}
#centercolumn a[href$=".sit"]:before {margin: 0 2px; content:url(images/_common/compression_files/sit.gif);}
#centercolumn a[href$=".tgz"]:before {margin: 0 2px; content:url(images/_common/compression_files/tgz.gif);}
#centercolumn a[href$=".tar.gz"]:before {margin: 0 2px; content:url(images/_common/compression_files/tgz.gif);}
#centercolumn a[href$=".zip"]:before {margin: 0 2px; content:url(images/_common/compression_files/zip.gif);}

#centercolumn a[href$=".ai"]:before {margin: 0 2px; content:url(images/_common/graphic_files/ai.gif);}
#centercolumn a[href$=".gif"]:before {margin: 0 2px; content:url(images/_common/graphic_files/gif.gif);}
#centercolumn a[href$=".jpg"]:before {margin: 0 2px; content:url(images/_common/graphic_files/jpg.gif);}
#centercolumn a[href$=".jpeg"]:before {margin: 0 2px; content:url(images/_common/graphic_files/jpg.gif);}
#centercolumn a[href$=".pct"]:before {margin: 0 2px; content:url(images/_common/graphic_files/pct.gif);}
#centercolumn a[href$=".psd"]:before {margin: 0 2px; content:url(images/_common/graphic_files/psd.gif);}
#centercolumn a[href$=".svg"]:before {margin: 0 2px; content:url(images/_common/graphic_files/svg.gif);}
#centercolumn a[href$=".tif"]:before {margin: 0 2px; content:url(images/_common/graphic_files/tif.gif);}
#centercolumn a[href$=".eps"]:before {margin: 0 2px; content:url(images/_common/graphic_files/eps.gif);}
#centercolumn a[href$=".ico"]:before {margin: 0 2px; content:url(images/_common/graphic_files/ico.gif);}
#centercolumn a[href$=".png"]:before {margin: 0 2px; content:url(images/_common/graphic_files/png.gif);}
#centercolumn a[href$=".psp"]:before {margin: 0 2px; content:url(images/_common/graphic_files/psp.gif);}
#centercolumn a[href$=".tga"]:before {margin: 0 2px; content:url(images/_common/graphic_files/tga.gif);}
#centercolumn a[href$=".xls"]:before {margin: 0 2px; content:url(images/_common/graphic_files/xls.gif);} /*categoried by coloring*/
#centercolumn a[href$=".xlsx"]:before {margin: 0 2px; content:url(images/_common/graphic_files/xls.gif);} /*categoried by coloring*/

#centercolumn a[href$=".air"]:before {margin: 0 2px; content:url(images/_common/system_files/air.gif);}
#centercolumn a[href$=".bin"]:before {margin: 0 2px; content:url(images/_common/system_files/bin.gif);}
#centercolumn a[href$=".dll"]:before {margin: 0 2px; content:url(images/_common/system_files/dll.gif);}
#centercolumn a[href$=".fon"]:before {margin: 0 2px; content:url(images/_common/system_files/fon.gif);}
#centercolumn a[href$=".jar"]:before {margin: 0 2px; content:url(images/_common/system_files/jar.gif);}
#centercolumn a[href$=".ttc"]:before {margin: 0 2px; content:url(images/_common/system_files/ttc.gif);}
#centercolumn a[href$=".bat"]:before {margin: 0 2px; content:url(images/_common/system_files/bat.gif);}
#centercolumn a[href$=".dbp"]:before {margin: 0 2px; content:url(images/_common/system_files/dbp.gif);}
#centercolumn a[href$=".exe"]:before {margin: 0 2px; content:url(images/_common/system_files/exe.gif);}
#centercolumn a[href$=".ics"]:before {margin: 0 2px; content:url(images/_common/system_files/ics.gif);}
#centercolumn a[href$=".mdb"]:before {margin: 0 2px; content:url(images/_common/system_files/mdb.gif);}
#centercolumn a[href$=".ttf"]:before {margin: 0 2px; content:url(images/_common/system_files/ttf.gif);}

#centercolumn a[href$=".asf"]:before {margin: 0 2px; content:url(images/_common/video_files/asf.gif);}
#centercolumn a[href$=".dvix"]:before {margin: 0 2px; content:url(images/_common/video_files/dvix.gif);}
#centercolumn a[href$=".mp4"]:before {margin: 0 2px; content:url(images/_common/video_files/mp4.gif);}
#centercolumn a[href$=".ppt"]:before {margin: 0 2px; content:url(images/_common/video_files/ppt.gif);}
#centercolumn a[href$=".avi"]:before {margin: 0 2px; content:url(images/_common/video_files/avi.gif);}
#centercolumn a[href$=".flv"]:before {margin: 0 2px; content:url(images/_common/video_files/flv.gif);}
#centercolumn a[href$=".mpg"]:before {margin: 0 2px; content:url(images/_common/video_files/mpg.gif);}
#centercolumn a[href$=".swf"]:before {margin: 0 2px; content:url(images/_common/video_files/swf.gif);}
#centercolumn a[href$=".mov"]:before {margin: 0 2px; content:url(images/_common/video_files/mov.gif);}
#centercolumn a[href$=".odp"]:before {margin: 0 2px; content:url(images/_common/video_files/odp.gif);}
#centercolumn a[href$=".wmv"]:before {margin: 0 2px; content:url(images/_common/video_files/wmv.gif);}

#centercolumn a[target^="_blank"]:after{margin: 0 2px; content:url(images/_common/window.png);}
a.noicon:before,a.noicon:after {margin: 0 !important; content:"" !important;}

#centercolumn a[href^="http:"]:after{
	margin: 0 2px;
	content: url(images/_common/ouklink.png);
}
#centercolumn a[href^="https:"]:after {
	margin: 0 2px;
	content: url(images/_common/lock.png);
}
#centercolumn a[href^="http://machi-pot.org"]:after {
	margin: 0;
	content: "";
}

