@charset "UTF-8";

  /**
   * 管理ページ CSS
   *
   * @author  HAKKO Development Co.,Ltd. az'Ciel division (H.N)
   * @version 2010.12.01
   *
   */

/**
//=========================================//
//-------------ベーシック設定--------------//
//=========================================//
*/

/*フォント指定*/
* {

	font-family : "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック", "MS P Gothic",Verdana,Arial, Helvetica, sans-serif, "メイリオ", Meiryo;
	/*
font-family : "ＭＳ ゴシック";
*/
	line-height : 100%;
}

html {

	font-size : 84%;
}

body {

	margin     : 0px;
	background : #CECECE url(../images/sys/bg_body.png) repeat;
	text-align : center;
}

div.clear-both {

	clear : both;
}

.nowrap {

	white-space : nowrap;
}

/*リンク色*/
a {

	color           : #00F;
	text-decoration : none;
}

/*オンマウスリンク色*/
a:visited {

	color           : #990066;
	text-decoration : none;
}

/*オンマウスリンク色*/
a:hover{

	color           : #F00;
	text-decoration : underline
}

span.detail,
a.detail {

	background  : url("../images/sys/detail.png") no-repeat;
	padding     : 1px 4px 2px 20px;
	display     : inline-block;
	min-height  : 16px;
}

span.print,
a.print {

	background  : url("../images/sys/print.png") no-repeat;
	padding     : 1px 4px 2px 20px;
	display     : inline-block;
	min-height  : 16px;
}

span.edit,
a.edit {

	background  : url("../images/sys/page_white_edit.png") no-repeat;
	padding     : 1px 4px 2px 20px;
	display     : inline-block;
	min-height  : 16px;
}

span.delete,
a.delete {

	background  : url("../images/sys/bin_empty.png") no-repeat;
	padding     : 1px 4px 2px 20px;
	display     : inline-block;
	min-height  : 16px;
}

span.restriction,
a.restriction {

	background  : url("../images/sys/group_key.png") no-repeat;
	padding     : 1px 4px 2px 20px;
	display     : inline-block;
	min-height  : 16px;
}

span.lock,
a.lock {

	background  : url("../images/sys/locked.png") no-repeat;
	padding     : 1px 4px 2px 20px;
	display     : inline-block;
	min-height  : 16px;
}

span.unlock,
a.unlock {

	background  : url("../images/sys/edit.png") no-repeat;
	padding     : 1px 4px 2px 20px;
	display     : inline-block;
	min-height  : 16px;
}

span.topic,
a.topic {

	background  : url("../images/sys/page.png") no-repeat;
	padding     : 1px 4px 2px 20px;
	display     : inline-block;
	min-height  : 16px;
}

span.article,
a.article {

	background  : url("../images/sys/message.png") no-repeat;
	padding     : 1px 4px 2px 20px;
	display     : inline-block;
	min-height  : 16px;
}


span.disabled {

	filter     : alpha(opacity=32);
	-moz-opacity : 0.32;
	opacity    : 0.32;
}

* html span.disabled {

	color : #999;
}

* html a.delete {

	padding-right : 16px;
}
* html span.delete {

	padding-right : 12px;
}

span.logout,
a.logout {

	background : url("../images/sys/key_go.png") no-repeat;
	padding    : 1px 4px 2px 20px;
}

a.external {

	background  : url("../images/sys/external.png") no-repeat 2px 3px;
	padding     : 1px 4px 2px 16px;
	display     : inline-block;
}

a.link {

	background  : url("../images/sys/external.png") no-repeat 2px 3px;
	padding     : 1px 4px 2px 16px;
}

a.forum {

	background  : url("../images/sys/application.png") no-repeat 0px 0px;
	padding     : 1px 4px 2px 20px;
}

.hidden {

	display    : none;
	visibility : hidden;
}

/**
//=========================================//
//-------------共通レイアウト--------------//
//=========================================//
*/

/*全体コンテナ*/
#container {

	background   : #FFF url(../images/sys/sidebar_bg.png) repeat-y scroll 9px 0;
	/*background : #FFF url(../images/sys/sidebar_bg2.png) repeat-y scroll left;*/
	color        : #362928;
	margin       : 0px auto;
	text-align   : justify;
	width        : 100%;
}

/*サイドバーコンテナ*/
#sidebarContainer {

	float         : left;
	text-align    : left;
	padding       : 12px 0 0 0;
	width         : 167px;
	/*
min-height    : 416px;
*/
/*
	background    : #EEE url(../images/sys/sidebar_top.png) no-repeat top left;
  /*background : transparent url(../images/sys/sidebar_top2.png) no-repeat top left;*/
}

/*メインコンテナ*/
#contentContainer {

	float          : right;
	padding-bottom : 38px;
	text-align     : left;
	width          : 100%;
	margin-left    : -167px;
}

/*コンテンツエリア*/
#content {

	min-width  : 780px;
	min-height : 380px;
	margin     : 0 16px 32px 184px;
}

/*ヘッダー*/
#pageHeader {

	background          : url(../images/sys/bg_th.png) repeat-x 0 -190px;
	height              : 28px;
	list-style-image    : none;
	list-style-position : outside;
	list-style-type     : none;
	text-align          : left;
	min-width           : 740px;
}

/**
//=========================================//
//-----------サブメニュータブ--------------//
//=========================================//
*/
div.subTabs,
div.tabs,
#subTabs,
#tabs {

	height        : 26px;
	margin        : 16px 0 12px 0;
	line-height   : normal;
	border-bottom : solid 1px #CCC;
	position      : relative;
}

div.subTabs,
#subTabs {

	border-bottom : solid 1px #BCD2E6;
}

div.subTabs ul,
div.tabs ul,
#subTabs ul,
#tabs ul {

	float      : left;
	margin     : 0 0 0 0;
	padding    : 10px 10px 0 20px;
	list-style : none;
	position   : absolute;
	bottom     : 0px;
}

div.subTabs ul,
#subTabs ul {

	padding : 10px 10px 0 40px;
}

div.subTabs li,
div.tabs li,
#subTabs li,
#tabs li {

	display : inline;
	margin  : 0;
	padding : 0;
}

div.tabs a,
#tabs a {

	float           : left;
	background      : url(../images/sys/tableftB.gif) no-repeat left top;
	margin          : 0;
	padding         : 0 0 0 4px;
	text-decoration : none;
	cursor          : hand;
}

div.tabs a span,
#tabs a span {

	float          : left;
	display        : block;
	background     : url(../images/sys/tabrightB.gif) no-repeat right top;
	padding        : 5px 15px 4px 6px;
	color          : #666;
	letter-spacing : 0.1em;
}

div.subTabs a,
#subTabs a {

	float           : left;
	background      : url(../images/sys/tableft1.gif) no-repeat left top;
	margin          : 0;
	padding         : 0 0 0 4px;
	text-decoration : none;
	cursor          : hand;
}

div.subTabs a span,
#subTabs a span {

	float          : left;
	display        : block;
	background     : url(../images/sys/tabright1.gif) no-repeat right top;
	padding        : 5px 15px 4px 6px;
	color          : #666;
	letter-spacing : 0.1em;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */

div.subTabs li.active a span,
div.subTabs a:hover span,
div.tabs li.active a span,
div.tabs a:hover span,
#subTabs li.active a span,
#subTabs a:hover span,
#tabs li.active a span,
#tabs a:hover span {

	color : #000;
}

div.subTabs li.active a,
div.tabs li.active a,
#subTabs li.active a,
#tabs li.active a {

	background-position : 0% -42px;
}

div.subTabs li.active a:hover,
div.tabs li.active a:hover,
#subTabs li.active a:hover,
#tabs li.active a:hover {

	background-position : 0% -42px;
text-decoration : none;}

div.subTabs a:hover,
div.tabs a:hover,
#subTabs a:hover,
#tabs a:hover {

	background-position : 0% -42px;
}

div.subTabs li.active span,
div.subTabs a:hover span,
div.tabs li.active span,
div.tabs a:hover span,
#subTabs li.active span,
#subTabs a:hover span,
#tabs li.active span,
#tabs a:hover span {

	background-position : 100% -42px;
}

div.subTabs h3,
div.tabs h3,
#subTabs h3,
#tabs h3 {

	float          : right;
	line-height    : 120%;
	padding        : 0 12px 0 0;
	margin         : 0;
	text-align     : right;
	color          : #999;
	color          : #999\9;
	font-size      : 1.4em;
	font-weight    : bold;
	font-family    : Verdana;
	letter-spacing : 0.2em;
/*
	color          : #FFF;
	text-shadow    : 0 0 6px #1e5747;
*/
}

* html div.subTabs h3,
* html div.tabs h3,
* html #subTabs h3,
* html #tabs h3 {

	color          : #999;
}

*:first-child+html div.subTabs h3,
*:first-child+html div.tabs h3,
*:first-child+html #subTabs h3,
*:first-child+html #tabs h3 {

	margin : 4px 0 0 0;
	color  : #999\9;
}

div.subTabs h4,
#subTabs h4 {

	line-height    : 100%;
	margin         : 0;
	padding        : 6px 12px 0 0;
	text-align     : right;
	color          : #4a87bd;
	font-size      : 1.2em;
	font-weight    : bold;
	font-family    : Verdana;
	white-space    : nowrap;
	letter-spacing : 0.1em;
}

/**
//=========================================//
//----------------コントロール-------------//
//=========================================//
*/

div.controls {

	margin : 0 0 8px 0;
}

/**
//=========================================//
//-----------------カテゴリ----------------//
//=========================================//
*/

#forum_categories,
#categories {

	margin        : 8px 0 0 0;
}

#forum_categories ul,
#categories ul {

	margin     : 0;
	padding    : 10px 10px 0 0;
	list-style : none;
}

#forum_categories li,
#categories li {

	font-size     : 1.2em;
	font-weight   : bold;
	background    : url("../images/sys/folder.png") no-repeat scroll 0 0 transparent;
	display       : block;
/*
	float         : left;
	height        : 20px;
	white-space   : nowrap;
	min-width     : 8em;
*/
	margin        : 2px 10px 12px 10px;
	padding       : 1px 6px 4px 24px;
	border-bottom : #ccc solid 1px;
}

#forum_categories li {

	float : left;
}


#forum_categories li.up,
#categories li.up {

	font-size     : 1.0em;
	font-weight   : normal;
	background    : none;
	display       : block;
	/*
float         : left;
*/
	height        : 22px;
/*
	min-width     : 2em;
*/
	margin        : 0px 10px 8px 10px;
	padding       : 0px 0 0 0px;
	border-bottom : none;
}

#forum_categories li.up {

	float : left;
}


#forum_categories li.active,
#categories li.active {

	background   : url("../images/sys/folder_open.png") no-repeat scroll 0 0 transparent;
	font-weight  : bold;
}

/*フォーラムカテゴリ*/
#forum_categories li {

	background   : url("../images/sys/application_cascade.png") no-repeat scroll 0 0 transparent;
}

#forum_categories li.active {

	background   : url("../images/sys/application_cascade.png") no-repeat scroll 0 0 transparent;
}

#categories li.active a,
#forum_categories li.active a {

	color        : #333333 !important;
}

#forum_categories li span,
#categories li span {

	font-size   : 0.8em;
	font-weight : normal;
	color       : #666;
	display     : inline-table;
	/*
text-indent : 1em;
*/
	margin      : 0 0 0 12px;
	line-height : 110%;
}

div.category_detail {

	margin      : 0px 8px 12px 12px;
	line-height : 120%;
}

div.forum_category_detail {

	margin      : 8px 8px 2px 12px;
	line-height : 120%;
}

/* サブカテゴリ
 * --------------------------------------------------------
 * */

#file_sub_categories,
#sub_categories {

	margin         : 8px 12px 12px 24px;
	border         : #CCC solid 1px;
	display        : inline-block;
	vertical-align : top;
	border-radius         : 4px;
	-moz-border-radius    : 4px;
	-webkit-border-radius : 4px;
}

#file_sub_categories ul,
#sub_categories ul {

	margin     : 0;
	padding    : 4px;
	list-style : none;
}

#file_sub_categories li,
#sub_categories li {

	font-size    : 1.0em;
	background   : url("../images/sys/application.png") no-repeat scroll 0 0 transparent;
	display      : block;
	/*
	float        : left;
	height       : 16px;
*/	margin       : 2px 10px;
	padding      : 2px 0 0 20px;
	white-space  : nowrap;
}

#sub_categories li {

	float        : left;
}

#file_sub_categories li {

	background   : url("../images/sys/folder.png") no-repeat scroll 0 3px transparent;
	margin       : 4px;
	padding-top  : 4px;
	line-height  : 110%;
}


#file_sub_categories li.active,
#sub_categories li.active {

	background   : url("../images/sys/application.png") no-repeat scroll 0 0 transparent;
	font-weight  : bold;
}

#file_sub_categories li.active {

	background   : url("../images/sys/folder_open.png") no-repeat scroll 0 0 transparent;
}

#file_sub_categories li.active a,
#sub_categories li.active a {

	color        : #333 !important;
}

#file_sub_categories li span,
#sub_categories li span {

	font-size   : 0.9em;
	font-weight : normal;
	color       : #666;
	/*
display     : inline-table;
*/
	margin      : 0 64px 0 12px;
	max-width   : 586px;

	line-height : 110%;
	white-space : normal;
}

div.add_file_enabled,
div.add_file {

	background     : url("../images/sys/add.png") no-repeat scroll 0 0 transparent;
	height         : 20px;
	margin         : 0 8px 0 12px;
	padding        : 2px 12px 0 22px;
	vertical-align : baseline;
	float          : left;
}

div.add_file_enabled {

	background     : url("../images/sys/locked.png") no-repeat scroll 0 0 transparent;
}

* html div.add_file {

	margin         : 0 8px 0 5px;
	padding        : 2px 12px 0 22px;
}
div.add_topic_article {

	background     : url("../images/sys/add.png") no-repeat scroll 0 0 transparent;
	height         : 20px;
	margin         : 10px 8px 0 0;
	padding        : 2px 2px 0 22px;
	vertical-align : baseline;
	float          : left;
}


div.attention {

	-webkit-border-radius   : 4px;
	-moz-border-radius      : 4px;
	border-radius           : 4px;
	color        : #F00;
	padding      : 4px;
	margin       : 4px 0;
	border       : #F00 solid 1px;
}

/**
//=========================================//
//--------------ポップアップ---------------//
//=========================================//
*/

/*全体コンテナ*/
#popupContainer {

	background : #FFFFFF;
	color      : #362928;
	margin     : 0px auto;
	text-align : justify;
	width      : 100%;
}

/*ヘッダー*/
#popupHeader {

	background-color : #0066FF;
  /*background    : #FFF url(../images/sys/header.jpg);*/
	height           : 60px;
	text-align       : left;
}

/*ページヘッダタイトル*/
div#popupHeaderTitle {

	color       : #FFF;
	font-size   : 1.0em;
	text-align  : right;
	line-height : 160%;
	padding     : 6px 20px 3px 0px ;
}

/*コンテンツエリア*/
#popupContent {

	margin-left  : 16px;
	margin-right : 16px;
	min-width    : 460px;
}

#popupFooter {

	font-family      : Verdana;
	font-size        : 12px;
	background-color : #0066FF;
	margin-top       : 15px;
	text-align       : center;
	padding          : 10px;
	color            : #FFF;
	height           : 80px;
	clear            : both;
}

/**
//=========================================//
//--------------ユーザー共通---------------//
//=========================================//
*/

/*ページタイトル*/
h1 {

	color       : #333;
	text-indent : 1.5em;
	font-size   : 18px;
	font-weight : bold;
	line-height : 100%;
	height      : 24px;
	padding     : 2px 0px 2px 0px;
	margin      : 16px 0px 12px 0px;
}
h1 span {

	visibility : hidden;
}

/**
//=========================================//
//-----------------ヘッダー----------------//
//=========================================//
*/

/*ページヘッダタイトル*/
div#pageTitle {

	line-height    : 100%;
	padding        : 3px 16px 0 0;
	text-align     : right;
	color          : #FFF;
	font-size      : 1.4em;
	font-weight    : bold;
	font-family    : Verdana;
	letter-spacing : 0em ;
	text-shadow    : 2px 2px 0px #13169b;
}

/*サブタイトル*/
span.subTitle {

	color          : #FFF;
	font-size      : 1.6em;
	font-weight    : bold;
	font-family    : Verdana;
	letter-spacing : 0em ;
}

/*AZ_TODO:重複*/
div.pageHeaderTitle,
#pageHeaderTitle {

	color          : #666;
	font-weight    : bold;
	text-align     : left;
	letter-spacing : 0.5em;
	border-left    : 8px solid #CCC;
	border-bottom  : 1px solid #CCC;
	border-top     : 1px solid #FFF;
	border-right   : 1px solid #FFF;
	padding        : 2px 16px 2px 12px;
	margin         : 12px 0px 12px 0px;
	float          : left;
}

div.searchCond {

	color : #333;
}

#pageHeader img {

	float   : left;
	padding : 0;
	margin  : 6px 0 0 12px;
}

/**
//=========================================//
//-------------サイドメニュー--------------//
//=========================================//
*/

#navcontainer {

	font-size : 12px;
	width     : 167px;
	padding   : 0px 0px 0px 0px;
}

#navcontainer ul {

	list-style : none;
	margin     : 0px 0px 4px 0px;
	padding    : 0px;
}

#navcontainer li {

	text-indent : 0.2em;
	font-size   : 12px;
	list-style  : none
}

#navcontainer ul.sub {

	/margin-top : -12px;
}

#navcontainer ul.sub li {

	text-indent : 1.0em;
	line-height : 120%;
}

#navcontainer ul.sub li a {

	padding-bottom : 4px;
}


#navcontainer li img {

	margin         : 0px 4px 0px 0px;
	vertical-align : middle;
}

#navcontainer div.top,
#navcontainer h2 {

	display         : block;
	padding         : 6px 0px;
	margin          : 0;
	text-indent     : 1.6em;
	text-decoration : none;
	border-bottom   : 1px dashed #CCC;
	background-color : #e6e6e6;
	font-weight     : normal;
	color           : #666;
}

#navcontainer h2.user {

	color            : #1f5c4b;
	background-color : #abe2d3;
}


#navcontainer a {

	display         : block;
	color           : #333;
	text-decoration : none;
	padding         : 4px 0px 1px 4px;
	margin          : 0px;
}

*:first-child+html #navcontainer a {

	display         : block;
	color           : #333;
	text-decoration : none;
	padding         : 6px 0px 2px 6px;
	margin          : 0px;
}

#navcontainer a:hover {

	/*color          : #FFF;
	background-color : #2485EF;
	background-color : #CCC;*/
	background-color : #DEF3EE;
/*
	background-image : url(../images/sys/edit.png);
*/
}

*:first-child+html #navcontainer a:hover {

	/*color          : #FFF;*/
	background-color : #CCC;
}

#navcontainer li.active a {

	color      : #FFF;
	background : url(../images/sys/bg_th.png) repeat-x 0 -200px;
}

*:first-child+html #navcontainer li.active a:hover {

	/*color          : #FFF;*/
	background-color : #2485EF;
}

#navcontainer div.loginout a {

	text-indent : 0.2em;
	margin      : 16px 0px 32px 12px;
	padding     : 6px  0px 4px 18px;
	font-size   : 12px;
	background  : url(../images/sys/logout.png) no-repeat left;
}

#navcontainer div.loginout a:hover {

	color          : #F00;
	background     : url(../images/sys/login.png) no-repeat left;
		/*text-shadow : #CCC -1px -1px 1px;*/
}

span.listMark {

	color : #999;
}

#footer {

	font-family      : Verdana;
	font-size        : 12px;
	background-color : #0066FF;
	background       : url(../images/sys/bg_th.png) repeat-x 0 -28px;
	margin-top       : 14px;
	text-align       : center;
	padding          : 10px 0px 0px 0px;
	line-height      : 100%;
	color            : #FFF;
	height           : 22px;
	min-width        : 740px;
	clear            : both;
/*
	position         : absolute;
	bottom           : 0px;
	right            : 0px;
	width            : 100%;
*/
}

#footer div.pageTop {

	margin         : -42px 2px 0 0;
	line-height    : 100%;
	letter-spacing : 0.1em;
	position       : absolute;
	right          : 18px;
}

/**
//=========================================//
//----------------ログイン-----------------//
//=========================================//
*/

div.loginForm {

	margin     : 24px 0 0 0;
	width      : 100%;
	height     : 320px;
	background : url(../images/sys/login_bg.jpg) no-repeat bottom left;
}

div.loginForm div.fieldTitle {

	background  : url("../images/sys/task_todo.png") no-repeat scroll 0px 3px;
	text-indent : 1em;
	margin      : 4px 0;
}

div.loginForm table {

	border-radius         : 4px;
	-moz-border-radius    : 4px;
	-webkit-border-radius : 4px;

	box-shadow         : 0 0 8px rgba(128,128,128,.5);
	-moz-box-shadow    : 0 0 8px rgba(128,128,128,.5);
	-webkit-box-shadow : 0 0 8px rgba(128,128,128,.5);

	width      : 240px;
	border     : 1px solid #CCC;
	background : #FFF;
	margin     : 0 auto 0 auto ;
}

div.loginForm tr {


	color : #333;
}

div.loginForm th,
div.loginForm td {

	vertical-align : middle;
	padding        : 4px 12px;
}

div.loginForm th {

	font-weight      : bold;
	width            : 80px;
	padding          : 4px;
	white-space      : nowrap;
	background-color : #EAEAEA;
	text-align       : left;
	vertical-align   : top;
}

div.loginForm th.topHead {

	-moz-border-radius-topright : 4px;
	-moz-border-radius-topleft  : 4px;
	border-top-left-radius      : 4px;
	border-top-right-radius     : 4px;
	width          : 380px;
	background     : #CCC url(../images/sys/bg_th.png) repeat-x 0 -200px;
	color          : #FFFFFF;
	font-weight    : bold;
	letter-spacing : 0.6em;
	padding        : 8px 4px;
	text-align     : center;
	text-shadow    : 1px 1px 0 #13169B;
}

div.loginForm th.sideHead {

	background : #CCC url(../images/sys/side_head.png) repeat-y;
	text-align : left;
	padding    : 12px 4px;
	width      : 100px;
}

div.loginForm th.bottomHead {

	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft : 4px;
	border-bottom-left-radius     : 4px;
	border-bottom-right-radius    : 4px;

	width      : 100%;
	background : #CCC url(../images/sys/bg_th.png) repeat-x 0 -20px;
	text-align : center;
	padding    : 12px 0px;
}

div.loginForm td {

	background-color : #F9F9F9;
}

div.loginForm input.textBox {

	width : 192px;
}

div.loginForm input.disabled {

	width            : 160px;
	margin           : 1px 0px;
	padding          : 2px;
	background-color : #EEE;
	border           : 1px solid #7F9DB9;
}

/*ログインボタン*/
div.loginForm input.btn {

	width   : 100px;
	height  : 28px;
	cursor  : pointer;
}

div.loginMsg {

	width      : 360px;
	text-align : left;
	color      : #666;
	border     : 1px solid #FFF;
	margin     : 1px 0px;
	padding    : 0px;
}

div.logout {

	text-align : center;
	margin     : 16px 0px;
}

div.loginForm div.radio {

	margin      : 8px 0px;
	line-height : 140%;
	color       : #666;
}

div.loginForm div.radio input,
div.loginForm div.radio label {

	margin         : 3px 0px;
	cursor         : pointer;
	vertical-align : middle;
	white-space    : nowrap;
}

div.loginNotice {

	width            : 360px;
	font-size        : 1.1em;
	text-align       : center;
	border           : 1px solid #00F;
	padding          : 4px 0px;
	margin           : 4px 0px;
	color            : #00F;
	background-color : #EEF;
	clear            : both;
}

/*
div.loginError {

	width            : 238px;
	font-size        : 1.1em;
	text-align       : center;
	border           : 1px solid #F00;
	padding          : 4px 0px;
	margin           : 12px auto 2px auto;
	color            : #F00;
	background-color : #FEE;
}
*/

div.loginError {

	background  : url(../images/sys/error_icon.png) no-repeat scroll 0 3px;
	padding          : 4px 0px 4px 24px;
	margin           : 4px auto;
	color            : #F00;
}

/**
//=========================================//
//------------新ログインフォーム-----------//
//=========================================//
*/

div.loginForm form {

	float  : right;
	width  : 240px;
	margin : 0 8px 0 16px;
}

/*ログインフォーム注意書き*/
div.loginForm ul {

	color      : #666;
	list-style : none;
	margin     : 0 240px 0 4px;
	padding    : 8px 0;
}

div.loginForm li {

	line-height : 128%;
	list-style  : none outside none;
	margin      : 0 12px 0 10px;
	text-indent : -1em;
}

/**
//=========================================//
//----------------トップ-------------------//
//=========================================//
*/

div.systemStatus {

	clear : both;
}

div.systemStatus ul {

	margin : 12px 0px 12px 20px;
	width  : 520px;
}

div.systemStatus li {

	color      : #666;
	margin     : 2px 0px;
	list-style : circle;
}

div.systemStatus li.attention,
div.systemStatus li.attention a {

	color           : #F00;
	font-weight     : bold;
	text-decoration : none;
}

div.systemStatus li.attention a:hover {

	text-decoration : underline
}

/**
//=========================================//
//---------------コンテンツ----------------//
//=========================================//
*/

div.pageContents {

	clear       : both;
	text-align  : left;
	line-height : 120%;
	color       : #666;
	padding     : 0px 0px 12px 0px;
}

div.pageContents pre {

	border      : 1px solid #CCC;
	margin      : 8px 0px;
	padding     : 4px;
	line-height : 110%;
	width       : 99%;
	height      : 460px;
	overflow-x  : scroll;
	overflow-y  : scroll;
}

div.pageContents p {

	margin      : 8px 0px;
	line-height : 120%;
}

div.pageContents iframe {

	margin      : 8px 0px;
	line-height : 120%;
	border      : 1px solid #CCC;
	height      : 480px;
	width       : 780px;
}

/*下部説明書き*/
div.helpDescription,
#helpDescription {

	margin                : 12px 0;
	width                 : 100%;s
	clear                 : both;
}

div.helpSpace {

	background-color      : #FFFFEE;
	color                 : #666;
	border-radius         : 4px;
	-moz-border-radius    : 4px;
	-webkit-border-radius : 4px;
	border                : 1px solid #CCCCCC;
	padding               : 8px;
	margin                : 12px 0;
}

div.warnings {

	background-color      : #ffecec;
	color                 : #FF0000;
}

div.attentions {

	background-color      : #ffff80;
	color                 : #333;
}

div.helpDescription li,
#helpDescription li {

	text-indent : -1em;
	list-style  : none;
	line-height : 128%;
	margin      : 0px 12px 0px 10px;
}

div.helpDescription li img,
#helpDescription li img {

	margin : 0px 4px 2px 2px;
}

ul.note {

	border  : #CCC 1px solid;
	margin  : 24px 0 0 12px;
	padding : 4px 8px;
	border-radius         : 4px;
	-moz-border-radius    : 4px;
	-webkit-border-radius : 4px;

}

ul.note li {

	color       : #666;
	text-indent : -1em;
	list-style  : none;
	line-height : 128%;
	margin      : 0px 12px 0px 10px;
}

/*デバッグ説明書き*/
#debugDescription {

	border-radius         : 4px;
	-moz-border-radius    : 4px;
	-webkit-border-radius : 4px;
	background-color      : #ffdfdf;
	color                 : #666;
	text-align            : left;
	border                : 1px solid #CCCCCC;
	margin                : 32px 12px 12px 12px;
	padding               : 0 0 32px 0;
	clear                 : both;
}

#debugDescription div {

	line-height           : 120%;
}

div.debugSpace {

	padding : 8px;
}

#debugDescription li {

	font-size   : 0.9em;
	list-style  : circle;
	line-height : 128%;
	margin      : 4px 12px 4px 10px;
}

#debugDescription li img {

	margin : 0px 4px 2px 2px;
}




/**
//=========================================//
//-------------サイドメニュー--------------//
//=========================================//
*/

/*サイドメニューの項目名*/
div.adminMenuTitle {

	font-weight    : normal;
	color          : #666;
	letter-spacing : 0.2em;
	margin         : 10px;
	padding        : 4px 0px;
	/*
border-bottom  : 1px dashed #CCC;
*/
}

div.userMenuBlock,
div.menuBlock {

	border : 1px solid #CCCCCC;
	margin : 8px 0 8px 8px;
	border-radius         : 4px;
	-moz-border-radius    : 4px;
	-webkit-border-radius : 4px;
}

div.userMenuBlock {

	border : 1px solid #7dd5bc;
}

/*サイドメニューのログインユーザ名*/
div.loginUser {

	font-weight : normal;
	color       : #666;
	margin      : 0 0 10px 12px;
	padding     : 4px 0px;
}

* html div.loginUser {

	margin      : 0 0 10px -6px;
}


/**
//=========================================//
//-----------情報登録フォーム--------------//
//=========================================//
*/

div.editForm {

	overflow   : auto;
	overflow-y : hidden;
	clear      : both;
}

div.overflowShow {

	overflow   : visible !important;
	overflow-y : visible !important;
}

*:first-child+html div.editForm {

	overflow   : auto;
	overflow-y : hidden;
	clear      : both;
	padding    : 0px 0px 12px 0px;
}

div.editForm table {

	-webkit-border-radius : 4px;
	-moz-border-radius    : 4px;
	border-radius         : 4px;
	width                 : 100%;
	border                : 1px solid #CCC;
	background-color      : #FFF;
	margin                : 8px 0px;
	clear                 : both;
}

div.editForm th,
div.editForm td {

	padding : 4px;
}

div.editForm th.ctr,
div.editForm td.ctr {

	text-align : center;
}

div.editForm td.hd {

	white-space : nowrap;
}

div.editForm th a {

	text-align : center;
	color      : #FFF;
}

div.editForm th a:hover {

	text-align : center;
	color      : #ffff00;
}

div.editForm td {

	background-color : #F9F9F9;
	line-height: 128%;
/*vertical-align  : top;*/
}
/*
div.editForm td span {

	font-family : "ＭＳ ゴシック", "MS Gothic",Verdana,Arial, Helvetica, sans-serif, "メイリオ", Meiryo;
}
*/


div.editForm tr.error {

	vertical-align : top;
}

/*tinymce用*/
td.mce table {

	width  : 50%;
	margin : 0px;
	border : 0px;
}

/*データが無い場合*/
div.editForm td.nodata {

	background-color : #F9F9F9;
	padding          : 36px 16px;
}

div.editForm td.nowrap_ctr {

	text-align  : center;
	white-space : nowrap;
}

div.editForm p.note {

	clear       : both;
	color       : #666;
	line-height : 110%;
	margin      : 2px 0px;
	padding     : 0px 0px 0px 12px;
	text-indent : -1em;
}

div.editForm ul.note {

	color       : #666;
	font-size   : 0.9em;
	list-style  : none;
}

div.editForm ul.note li {

	line-height : 128%;
	list-style  : none;
	margin      : 0 0 0 10px;
	text-indent : -1em;
}

div.editForm dl.note {

	font-size   : 12px;
	clear       : both;
	color       : #666;
	line-height : 110%;
	margin      : 2px 0px;
	padding     : 0px 0px 2px 12px;
}

div.editForm dl.note dt {

	clear     : both;
	float     : left;
	font-size : 12px;
	margin    : 0;
	padding   : 0;
	width     : 100px;
}

div.editForm dl.note dd {

	font-size : 12px;
	margin    : 0;
	padding   : 0 8px 2px 100px;
}


div.editForm dl.note2 {

	font-size   : 12px;
	clear       : both;
	color       : #666;
	line-height : 110%;
	margin      : 8px 0px;
	padding     : 0px 0px 2px 12px;
}

div.editForm dl.note2 dt {

	clear     : both;
	float     : left;
	font-size : 12px;
	margin    : 0;
	padding   : 6px 0 0 0;
	width     : 64px;
	heght     : 32px;
}

div.editForm dl.note2 dd {

	font-size : 12px;
	margin    : 0;
	padding   : 0;
	heght     : 32px;
}

div.editForm th.admin,
div.editForm th.sideHead,
div.editForm th {

	color            : #333;
	font-weight      : normal;
	text-align       : left;
	padding          : 4px;
	/*
white-space      : nowrap;
*/
	background-color : #EAEAEA;
	vertical-align   : top;
}

div.editForm th.sideHead {

	background  : #EFEFEF url(../images/sys/task_todo.png) no-repeat 4px 7px;
	width       : 160px;
	max-width   : 160px;
	padding     : 4px 2px 4px 16px;
	line-height : 120%;
}

div.editForm th.admin {

	background-color : #FEE2DE;
}

tr.topHead th,
div.editForm th.topHeadAdmin,
div.editForm th.topHead {

	background       : #CCC url(../images/sys/bg_th.png) repeat-x 0 -200px;
	color            : #FFF;
	font-weight      : normal;
	text-align       : left;
	background-color : #999;
	padding          : 8px 4px;
	text-shadow      : 1px 1px 0 #13169B;
	vertical-align   : middle;
}

div.editForm th.article {

	background-image : none;
	background-color : #E6E6E6;
	color            : #333;
	text-shadow      : 1px 1px 0 #FFF;
}

th.topright {

	border-top-right-radius     : 4px;
	-moz-border-radius-topright : 4px;
}

th.topleft {

	border-top-left-radius     : 4px;
	-moz-border-radius-topleft : 4px;
}

th.top {

	border-top-right-radius     : 4px;
	border-top-left-radius      : 4px;
	-moz-border-radius-topright : 4px;
	-moz-border-radius-topleft  : 4px;
}

div.editForm th.topHeadAdmin {

	background-color : #FF6633;
}

input[type=text],
input[type=password],
select,
textarea {

	border                : 1px solid #aaa;
	transition            : border linear .2s,box-shadow linear .2s;
	-moz-transition       : border linear .2s,-moz-box-shadow linear .2s;
	-webkit-transition    : border linear .2s,-webkit-box-shadow linear .2s;
	border-radius         : 3px 3px 3px 3px;
	-moz-border-radius    : 3px 3px 3px 3px;
	-webkit-border-radius : 3px 3px 3px 3px;
	padding               : 2px;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus,
textarea:focus,
select:focus {

	outline            : none;
	/*
border-color       : rgb(100,128,255)!important;
*/
	border-color       : rgb(82,168,152)!important;

	box-shadow         : 0 0 8px rgba(80,214,178,0.5);
	-moz-box-shadow    : 0 0 8px rgba(80,214,178,0.5);
	-webkit-box-shadow : 0 0 8px rgba(80,214,178,0.5);
}


div.editForm select {

	margin : 1px 0px;
}

div.editForm input {

	margin  : 1px 0px;
	padding : 2px;
}

div.editForm textarea {

	margin  : 1px 0px;
	padding : 2px;
	width   : 98%;
	height  : 12em;
}

* html div.editForm textarea {

	width : 96%;
}

div.editForm textarea.caption {

	height : 3em;
}

div.editForm tr.odd td,
div.editForm tr.even td {

	line-height : 120%;
}

div.editForm tr.odd td {

	background-color : #F6F6F6;
}

div.editForm tr.even td{

	background-color : #E9E9E9;
}

div.editForm tr.h2ems {

	vertical-align : top;
}

div.editForm td.h2ems {

	vertical-align : top;
	height : 3.6em;
	white-space : nowrap;
}

div.editForm td.h2ems a {

	display : block;
}

div.editForm td div.file_title {

	color                 : #666;
	position              : absolute;
	background            : #F9F9F9;
	padding               : 2px 4px 2px 4px;
	margin                : 2px 0 0 24px;
	border                : #999 solid 1px;
	border-radius         : 2px;
	-moz-border-radius    : 2px;
	-webkit-border-radius : 2px;
}

div.editForm  tr.even div.file_title {

	background-color : #E9E9E9;
}

div.editForm  tr.odd div.file_title {

	background-color : #F6F6F6;
}

div.editForm tr.focus td{

	border : 1px solid #008040;
}

div.editForm tr.add td{

	background-color : #FFFFFF;
	border-top       : #CCC 1px solid;
}

div.editForm tr.odd:hover td,
div.editForm tr.even:hover td {

	background-color : #def3ee;
}

div.err input,
div.err select,
div.err textarea {

	border           : 1px solid #F00 !important;
	background-color : #FEE;
	margin           : 1px 0px;
	padding          : 2px;
}

div.editForm input.roworder {

	margin-top       : 0;
	margin-bottom    : 0;
}

div.editForm input.searchBtn,
div.err input.searchBtn {

	color      : #666;
	border     : none;
	background : url(../images/sys/search.png) no-repeat left;
	margin     : 1px 4px;
	padding    : 0px 0px 0px 20px;
	width      : 48px;
	height     : 20px;
	cursor     : pointer;
}

div.editForm input.zip {

	width : 64px;
}

div.editForm input.w100p {

	width : 98%;
}
/*IE6*/
* html div.editForm input.w100p {

	width : 96%;
}

div.editForm input.p96 {

	width : 96%;
}

div.editForm input.w16 {

	width : 16px;
}

div.editForm input.w32 {

	width : 32px;
}

div.editForm input.w64 {

	width : 64px;
}

div.editForm input.w128 {

	width : 128px;
}

div.editForm input.w160 {

	width : 160px;
}

div.editForm input.w192{

	width : 192px;
}

div.editForm input.w256{

	width : 256px;
}

div.editForm input.w320{

	width : 320px;
}

div.editForm input.w384{

	width : 384px;
}

div.editForm input.w400{

	width : 400px;
}

div.editForm img {

	margin         : 2px 4px;
	vertical-align : middle;
}

div.editForm div.fileup {

	margin : 8px 0px 2px;
}

div.editForm img.icon {

	margin         : 0 4px;
}

div.editForm div.radio {

	margin : 3px 0px;
}

div.editForm div.radio input {

	margin         : 3px 3px;
	cursor         : pointer;
	vertical-align : middle;
}

html:not(:target) div.editForm div.radio label {

	white-space : nowrap;
}
html:not([lang*=""]) div.editForm div.radio label {

	white-space : nowrap;
}

/*IE6*/
* html div.editForm div.radio input {

	white-space : normal;
}

/*
 * Submitボタン行
 */
div.editForm th.bottomHead {

	border-bottom-left-radius         : 4px;
	border-bottom-right-radius        : 4px;
	-moz-border-radius-bottomleft     : 4px;
	-moz-border-radius-bottomright    : 4px;
	-webkit-border-radius-bottomleft  : 4px;
	-webkit-border-radius-bottomright : 4px;
	background                        : #CCC url(../images/sys/bg_th.png) repeat-x 0 0;
	color                             : #FFF;
	font-weight                       : normal;
	text-align                        : center;
	background-color                  : #999;
	padding                           : 0 4px;
}

div.editForm form {

	margin : 0px;
}

div.editForm input.file {

	height  : 20px;
	margin  : 0px;
	padding : 2px;
}

label {

	cursor : pointer;
}

label.selectAll {

	display          : block;
	background-color : #EAEAEA;
	margin           : 0px;
	padding          : 0px;
}

div.finishMsg {

	margin  : 0px;
	padding : 16px;
}

div.formConfirm {

	margin      : 12px 0 0 0;
	color       : #666;
	line-height : 120%;
	clear       : both;
}

/**
//=========================================//
//-------------ステータスサイン------------//
//=========================================//
*/

span.active,
span.inactive,
span.bofore,
span.after,
span.stop {

	display : block;
	width   : 56px;
	padding : 4px 2px;
}
/*---アクティブ---*/
span.active {

	color            : #0000ff;
	background-color : #b5e6ff;
	border           : #0000ff solid 1px;
}
/*---インアクティブ---*/
span.inactive {

	color            : #ff0000;
	background-color : #ffc8c8;
	border           : #ff0000 solid 1px;
}
/*---以前---*/
span.bofore {

	color            : #008000;
	background-color : #bbffbb;
	border           : #008000 solid 1px;
}
/*---以後---*/
span.after {
	color            : #333;
	background-color : #CCC;
	border           : #333 solid 1px;
}
/*---停止---*/
span.stop {

	color            : #333;
	background-color : #ffff80;
	border           : #848400 solid 1px;
}

/**
//=========================================//
//-----------------------------------------//
//=========================================//
*/

div.editorDescription {

	font-size   : 0.92em;
	color       : #666;
	line-height : 120%;
	margin      : 4px 0px;
	padding     : 0px;
}

div.pastYear {

	font-size  : 0.92em;
	text-align : right;
	margin     : 0px 26px 0px 0px;
}

div.pastYear span.current {

	font-weight : bold;
}

/*---中央寄せボタン群---*/
div.center_btn {

	text-align  : center;
	margin      : 8px 0 4px;
	padding     : 0px;
	white-space : nowrap;
}

/*---右寄せボタン群---*/
form.right_btn,
div.right_btn {

	float       : right;
	margin      : 8px 0px 4px 8px;
	padding     : 0px;
	white-space : nowrap;
}
/*---左寄せボタン群---*/
form.left_btn,
div.left_btn {

	float       : left;
	margin      : 8px 0px 4px 2px;
	padding     : 0px;
	white-space : nowrap;
}

/*---画像登録フォーム---*/
div.imageForm {

	border-bottom : 1px dotted #CCC;
	padding       : 3px 0px 3px 0px;
}

div.imageForm img {

	border           : 1px solid #CCC;
	background-color : #FFF;
	margin           : 2px 4px 2px 0;
	padding          : 2px;
}


/*---必須---*/
div.editForm span.required {

	color     : #F00;
	font-size : 0.8em;
}

span.required {

	color          : #FF0000;
	font-size      : 12px;
	margin         : 0px 2px;
	vertical-align : top;
}

/*---幅---*/
.w32px {
	width : 32px;
}
.w64px {
	width : 64px;
}
.w128px {
	width : 128px;
}
.w192px {
	width : 192px;
}
.w256px {
	width : 256px;
}
.w320px {
	width : 320px;
}

/**
//=========================================//
//-------------フォームエラー--------------//
//=========================================//
*/

td.parallel div.err,
td.parallel div.notErr {

	float  : left;
	margin : 0px 6px 0px 0px;
}

div.err .err_str {
	color       : #F00;
	line-height : 120%;
}

div.error {

	background  : #FFEEEE url(../images/sys/error_icon.png) no-repeat scroll 150px 3px;
	border      : 1px solid #FF0000;
	color       : #FF0000;
	margin      : 4px 0px;
	padding     : 4px 0px;
	text-align  : left;
	text-indent : 176px;
	height      : 14px;
	-moz-border-radius    : 4px;
	-webkit-border-radius : 4px;
	border-radius : 4px;
		clear       : both;
}

/*IE7*/
*:first-child+html div.error {

	padding : 6px 0px 3px 0px;
}

div.alert {

	text-align  : left;
	border      : 1px solid #00F;
	padding     : 4px 0px;
	margin      : 4px 0px;
	color       : #F00;
	background  : #d9ecff;
	text-indent : 1em;
	clear       : both;
}

div.alert a {

	color           : #F00;
	text-decoration : underline;
}

div.notice {

	width            : 100%;
	text-align       : center;
	border           : 1px solid #00F;
	padding          : 4px 0px;
	margin           : 4px 0px;
	color            : #00F;
	background-color : #EEF;
	clear            : both;
}
/**
//=========================================//
//----------------ページング---------------//
//=========================================//
*/

div.paging {

	width   : 100%;
	line-height : 120%;
	height  : 1em;
	margin  : 2px 0px 2px 0px ;
	padding : 2px 0px;
	clear   : both;
}
div.page_navi {

	float : right;
}
div.page_total {
	float       : left;
	margin      : 0 0 0 4px;
}

/**
//=========================================//
//----------------詳細表示-----------------//
//=========================================//
*/

/*---ページトップへ---*/
div.gotoPageTop {

	text-align : right;
	margin     : 12px 2px 2px 0px;
	padding    : 2px 0px;
}

div.document {

	margin : 8px 0px 32px 0px ;
}

div.document div.title {

	width            : 98%;
	text-align       : left;
	font-size        : 1.2em;
	color            : #333;
	background-color : #EAEAEA;
	border           : 1px solid #CCC;
	margin           : 8px 0px;
	padding          : 4px 0px 4px 8px;
}

div.document div.date_division {

	color      : #333;
	text-align : right;
}

div.document div.documentBody {

	font-size   : 1.1em;
	line-height : 1.6em;
	color       : #666;
	margin      : 16px 0px;
}

div.document div.file {

	color : #333;
}

div.msgPage {

	margin  : 8px 0px;
	height  : 160px;
	padding : 4px 0px 4px 8px;
}

div.noticeForAdmin {

	line-height : 1.2em;
	color       : #666;
	margin      : 16px 0px;
}

/**
//=========================================//
//------------------Developer--------------//
//=========================================//
*/

#debugContainer {

	background-color : #FFFFEE;
	color            : #666;
	border           : 1px solid #CCCCCC;
	margin           : 4px 0px;
	width            : 99%;
}


#debugContainer li,
#debugContainer li{

	font-size   : 12px;
	text-indent : -1em;
	list-style  : none;
	line-height : 120%;
	margin      : 0px 12px 0px 10px;
}

#debugContainer pre{

	font-size   : 12px;
	line-height : 110%;
}

div.tplname {

	text-align : right;
	margin     : 4px 20px;
	color      : #999;
}

/**
//=========================================//
//----------------更新情報-----------------//
//=========================================//
*/

div#topInfo div.topInfoTitle {

	color          : #2266AA;
	background     : url(../images/user/h1_info_list.png) repeat-x scroll left bottom;
	letter-spacing : 0.5em;
	font-weight    : bold;
	height         : 18px;
	padding        : 2px 4px 2px 6px;
	margin         : 12px 0px 0px 0px;
}

div.topInfoTitle div.title {

	margin : 2px 0px 0px 0px;
	float  : left;
}

div.topInfoTitle div.icon {

	float          : right;
	margin         : 0px 0px 0px 0px;
	font-weight    : normal;
	letter-spacing : 0.2em;
	line-height    : 100%;
	padding        : 0;
}

div.topInfoTitle div.icon img {

	margin         : 0px 0px 0px 0px;
	vertical-align : text-bottom;
}

div#topInfo {

	margin : 0px;
}

div#topInfo table {

	width           : 100%;
	margin          : 8px 0px;
	border-collapse : collapse;
}

div#topInfo td {

	border-bottom  : 1px dotted #CCC;
	padding        : 4px 0px;
	vertical-align : top;
	text-align     : left;
}

div#topInfo table td.image{

	width      : 120px;
	text-align : right;
}

div#topInfo h3 {

	background  : url(../images/user/b_arrow.gif) no-repeat left top;
	font-weight : bold;
	padding     : 0px 0px 0px 16px;
	line-height : 128%;
}

div#topInfo span.date {

	color       : #666;
	font-weight : normal;
}

div#topInfo div.description {

	color       : #484848;
	line-height : 128%;
	margin      : 6px 0px;
}

/**
//=========================================//
//----------------その他-------------------//
//=========================================//
*/

dl.security {

}
dl.security dt {

	font-weight : bold;
	margin      : 4px;
}
dl.security dd {

	width       : 480px;
	text-indent : -0.5em;
	padding     : 0px 0px 0px 24px;
	margin      : 4px 4px 12px 4px;
}
ul.pageMenu {

	width      : 480px;
	margin     : 24px 4px 4px 24px;
	list-style : circle;
}
ul.pageMenu li {

	line-height : 110%;
	margin      : 6px 24px;
}

div#content h2 {

	border-left    : 5px solid #CCC;
	border-bottom  : 1px solid #CCC;
	color          : #666;
	text-indent    : 0.5em;
	letter-spacing : 0.5em;
	font-size      : 14px;
	font-weight    : bold;
	line-height    : 100%;
	height         : 16px;
	padding        : 2px 0px 2px 0px;
	margin         : 8px 0px 12px 0px;
}

div#content p.n2ote2 {

	color       : #484848;
	line-height : 120%;
	padding     : 0px;
	margin      : 8px 0px 8px 12px;
}

form.create_btn {
	margin-left : 16px;
}


div.vote {
	margin           : 2em 5em 2em 5em;
	padding          : 1em 1em 1em 1em;
	border           : 1px solid #CCC;
	background-color : #EFEFEF;
}

span.topicTitle {

	font-size   : 14px;
	font-weight : bold;
}

div.previewLink {

	/*
background : url(../images/sys/form.gif) no-repeat left top;
*/
	float      : right;
	margin     : 0 6px 0 0;
	padding    : 1px 0 0 22px;
	height     : 20px;
}

/*IE6*/
* html div.previewLink {

	padding : 2px 0 0 22px;
}

div.previewLink img {

	vertical-align : sub;
}

* html div.previewLink img {

	vertical-align : middle;
}


.ime-inactive {

	ime-mode : inactive;
}

.ime-active {

	ime-mode : active;
}

/**
//=========================================//
//---------------都道府県選択--------------//
//=========================================//
*/

select#state optgroup {

	font-style  : normal;
	font-weight : bold;
	color       : #666;
	padding     : 4px 0px 2px 2px;
	border-top  : 1px dotted #666;
}

select#state option {

	font-style  : normal;
	font-weight : normal;
	color       : #333;
	padding     : 0px 0px 0px 16px;
}

div.class-select {

	padding       : 6px 0;
	border-bottom : 1px solid #CCC;
}

div.class-select h6 {

	margin : 2px 0 4px 0;
}


.left {

	text-align : left;
}

.right {

	text-align : right;
}

.center {

	text-align : center;
}

/**
//=========================================//
//-------------ボタンデザイン--------------//
//=========================================//
*/

input.btn {

	margin  : 1px 4px;
}

div.editForm input.sbtn {

	margin  : 1px 3px;
	padding : 1px 2px;
}

/*ボタン*/
div.editForm input.subBtn {

	margin  : 1px 0px;
	padding : 1px 2px;
}

/*表組みの外のボタン*/
div.btn {

	text-align : center;
}

div.btn input {

	margin  : 12px 0px;
	padding : 4px 0px !important;
	width   : 160px;
}

html > body button,
html > body input[type=submit] {

	background-color : #999 !important;
	font-size        : 1.0em;
	line-height      : 140%;
	min-height       : 20px;
	padding          : 1px 3px;
}


html:first-child input[type=submit] {

	padding          : 4px;
}

/*
 * Submitボタン
 */
html > body div.editForm th.bottomHead input {

	margin           : 12px;
	padding          : 4px 0px;
	width            : 240px;
	font-size        : 1.1em;
}

html > body div.loginForm th.bottomHead input {

	width            : 128px;
	font-size        : 1.1em;
}

/*モダンブラウザのみ*/
body:nth-of-type(1) div.editForm th.bottomHead input,
body:nth-of-type(1) div.loginForm th.bottomHead input {

	background-color : transparent !important;
}

/*IE6*/
* html div.editForm th.bottomHead input {

	margin           : 12px;
	padding          : 4px 0px;
	font-size        : 1.1em;
	width            : 160px;
}

html > body button,
html > body input[type=submit] {

	cursor                  : pointer;
	display                 : inline;
	border-width            : 1px;
	border-style            : solid;
	border-color            : #ccc #444 #111 #444;
	border-color            : rgba(255,255,255,0.7) rgba(0,0,0,0.3) rgba(0,0,0,0.6) rgba(0,0,0,0.3);
	color                   : white;
	text-shadow             : rgba(0,0,0,0.45) 0 -1px 0;
	-webkit-box-shadow      : rgba(0,0,0,0.75) 0px 0px 3px;
	-moz-box-shadow         : rgba(0,0,0,0.75) 0px 0px 3px;
	box-shadow              : rgba(0,0,0,0.75) 0px 0px 3px;
	-webkit-border-radius   : 4px;
	-moz-border-radius      : 4px;
	border-radius           : 4px;
	background              : transparent -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.6)), color-stop(0.5, rgba(255,255,255,0.15)), color-stop(0.5, rgba(255,255,255,0.01)), to(transparent));
	background              : transparent -moz-linear-gradient(top, rgba(255,255,255,0.6), rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.01) 50%, transparent);
	filter                  : progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80FFFFFF', endColorstr='#00FFFFFF');
	-webkit-background-clip : padding-box;
}

html > body button:hover,
html > body input[type=submit]:hover {

	border-top-color        : rgba(255,255,255,0.65);
	-webkit-box-shadow      : rgba(0,0,0,128,0.75) 0px 0px 3px;
	-moz-box-shadow         : rgba(0,0,0,0.75) 0px 0px 3px;
	box-shadow              : rgba(0,0,0,0.75) 0px 0px 3px;
	background              : -webkit-gradient(linear, left top, left bottom, from(rgba(220,220,220,0.6)), color-stop(0.5, rgba(100,100,100,0.2)), color-stop(0.5, rgba(0,0,0,0.21)), to(rgba(0, 0, 0, 0.20)));
	background              : -moz-linear-gradient(top, rgba(220,220,220,0.6), rgba(100,100,100,0.2) 50%, rgba(0,0,0,0.21) 50%, rgba(0, 0, 0, 0.20));
	filter                  : progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99dcdcdc', endColorstr='#33000000');
	-webkit-background-clip : padding-box;
}

html > body button:active,
html > body input[type=submit]:active {

	border-top-color        : rgba(255,255,255,0.2);
	border-left-color       : rgba(0,0,0,0.4);

	background              : -webkit-gradient(linear, left top, left bottom,
	                                               from(rgba(180,180,180,0.6)),
                                      color-stop(0.5, rgba(80,80,80,0.6)),
																			color-stop(0.5, rgba(40,40,40,0.6)),
                                                   to(rgba(20, 20, 20, 0.5)));
	background              : -moz-linear-gradient(top, rgba(180,180,180,0.6),
                                                      rgba(80,80,80,0.2) 50%,
                                                      rgba(0, 0, 0, 0.21) 50%,
                                                      rgba(0, 0, 0, 0.20));

	filter                  : progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80969696', endColorstr='#59000000');
	-webkit-box-shadow      : inset 0 0 2px rgba(0,0,0,0.75), rgba(0,0,0,0.75) 0px 0px 3px;
	-moz-box-shadow         : inset 0 0 2px rgba(0,0,0,0.75), rgba(0,0,0,0.75) 0px 0px 3px;
	box-shadow              : inset 0 0 2px rgba(0,0,0,0.75), rgba(0,0,0,0.75) 0px 0px 3px;
	-webkit-background-clip : padding-box;
}

html > body button[disabled=disabled],
html > body input[disabled=disabled],
html > body input[disabled=disabled]:hover,
html > body input[disabled=disabled]:active {

	cursor                  : not-allowed;
	background-color        : #e1e1e1 !important;
	border-width            : 1px;
	border-style            : solid;
	border-color            : #ccc #444 #111 #444;
	border-color            : rgba(255,255,255,0.7) rgba(0,0,0,0.3) rgba(0,0,0,0.6) rgba(0,0,0,0.3);
	color                   : #FFF;
	text-shadow             : rgba(0,0,0,0.45) 0 -1px 0;
	-webkit-box-shadow      : rgba(180,180,180,0.75) 0px 0px 3px;
	-moz-box-shadow         : rgba(180,180,180,0.75) 0px 0px 3px;
	box-shadow              : rgba(180,180,180,0.75) 0px 0px 3px;
	-webkit-border-radius   : 4px;
	-moz-border-radius      : 4px;
	border-radius           : 4px;
	background              : transparent -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.6)), color-stop(0.5, rgba(255,255,255,0.15)), color-stop(0.5, rgba(255,255,255,0.01)), to(transparent));
	background              : transparent -moz-linear-gradient(top, rgba(255,255,255,0.6), rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.01) 50%, transparent);
	filter                  : progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80FFFFFF', endColorstr='#00FFFFFF');
	-webkit-background-clip : padding-box;
}

ul.li_download {

	margin       : 12px 0;
}
ul.li_download li {

	list-style   : none;
	margin       : 0 30px 0 8px;
	line-height  : 20px;
}

ul.li_download span {

	color       : #666;
	font-size   : 0.88em;
	display     : inline-block;
	margin-left : 6px
}

div.hd {

	margin   : 24px 0 0 0;
	padding  : 0 0 4px 0;
	border-bottom  : 1px solid #ccc;
}


div.hd h4 {

	color       : #666;
	font-size   : 1.1em;
	font-weight : bold;
	text-indent : 0.8em;
	float       : left;
}

div.hd h4 img {

	margin      : 0 4px 0 0;
}

div.hd span.note {

	color       : #666;
	font-size   : 1.0em;
	text-indent : 0.8em;
	display     : inline-block;
	margin      : 2px 0 0 0;
}

div.hd span.attention {

	color       : #F00;
	font-size   : 0.9em;
	text-indent : 0.8em;
	display     : inline-block;
	font-weight : normal;
	margin      : 2px 0 0 0;
}

p.description {

	margin   : 24px 0 24px 24px;
	padding  : 0 0 4px 0;
	float       : left;
}


ul#footPath {

	color     : #333333;
	font-size : 1em;
	margin    : 12px 0 0 0;
	padding   : 8px 16px 8px 0;
}

ul#footPath li {

	background  : url("../images/sys/footpath.png") no-repeat scroll 4px 3px transparent;
	display     : inline;
	padding     : 0 0 0 20px;
	text-indent : 1em;
}

ul#footPath li.top {

	background  : url("../images/sys/lm01.gif") no-repeat scroll 8px 2px transparent;
}

ul.note_index {

	font-weight : bold;
	font-size   : 2.0em;
	margin      : 18px 0 0 18px;
	list-style  : none;
	text-shadow : rgba(0,0,0,0.45) 3px 3px 6px;
	width       : 760px;
	white-space : nowrap;
}

ul.note_index a,
ul.note_index a:visited {

	color : #808080;
}

ul.note_index li {

	float      : left;
	margin     : 0 8px;
	padding    : 12px;
	width      : 330px;
	text-align : center;
}

ul.note_index img {

	margin-right : 12px;
	display      : block;
	margin       : 0 auto;
}

ul.note_index li:hover {

	-webkit-box-shadow      : rgba(78, 195, 163,0.75) 0px 0px 12px;
	-moz-box-shadow         : rgba(78, 195, 163,0.75) 0px 0px 12px;
	box-shadow              : rgba(78, 195, 163,0.75) 0px 0px 12px;
	-webkit-border-radius   : 8px;
	-moz-border-radius      : 8px;
	border-radius           : 8px;

}

ul.note_index li a:hover{

	color                   : rgb(78, 195, 163);
}

ul.note_index li.fileserver a:hover{

	color                   : #ff8000;
}

ul.note_index li.fileserver:hover {

	-webkit-box-shadow      : rgba(255, 128, 0,0.75) 0px 0px 12px;
	-moz-box-shadow         : rgba(255, 128, 0,0.75) 0px 0px 12px;
	box-shadow              : rgba(255, 128, 0,0.75) 0px 0px 12px;
}

* html ul.note_index img {

	margin-right : 12px;
	display      : block;
	margin       : 0 0 0 6px;
}

ul.note_index span {

	margin-right : 4px;
	display      : block;
}

div.topic_edit_delete,
div.article_edit_delete {

	text-align : right;
	margin     : 8px 0 0 0;
	padding    : 6px 0 0 0;
	border-top : #CCC dashed 1px;
}


/*---画像--*/
div.images {

	padding       : 3px 0px 3px 0px;
}

div.images img {

	border           : 1px solid #CCC;
	background-color : #FFF;
	margin           : 2px 4px 2px 0;
	padding          : 2px;
}