@charaset "utf-8";

* { margin : 0 ; padding : 0 ; }

/*全体*/
body {
	width: 760px;
	font-size : 12px ; 
	background-color:#FFF;
	background-image:url(../images/body_bg.gif);
	background-position:760px;
	background-repeat:repeat-y;
	margin: 0 ;  /*画面に配置*/
	padding: 0 ;
	}

#wrapper {
	margin:0px left;
	width:760px;
	text-align:left;
	color:#333333;
	background:#ffffff;
}

/* ユーザーメニュー サイト最上部　リストがIEで崩れるのでTABLEに変更*/
#usermenu table {    
  width : 100%;
  height : 21px;
  background-color : #F5F5DC; /*背景色設定*/
  background-position : left top;  /*左上に配置*/
  padding : 0;
  margin : 0;
}

#usermenu td {    
	width : 100%;
	text-align:right;
	font-size :80% ;
}


/*ヘッダ*/
#header {
	margin:0;
	padding : 0 ;
	width : 100% ; height: 140px ;
	background : #FFF ;
	}


/*グローバルメニュー　PAGE2007本サイト用*/
#globalmenu {
	margin:0;
	padding : 0 ;
	width : 100% ; height: 50px ;
	background-color:#FFF;
	background-image:url(../images/global_menu.jpg);
	background-repeat:no-repeat;
}


/*メインボディ　nabibody contentsbody を含む*/
#mainbody {
	background:#FFF;
	padding-left : 5px ;
	padding-right : 5px ;
	padding-bottom : 0.5em ;
	margin : 0 ;
	}

/*ナビゲーション　mainbodyの中の左メニュー*/
#navibody { float : left ; width : 166px ; 
	padding-top : 0.3em ;
	padding-bottom : 0 ;
	margin :0 ;
}

/*コンテンツボディ*/
#contentsbody { float:left;margin-left:15px;margin-top : 0px ; padding:0;width:385px;}


/*フッタ*/
#footer {
	width : 100% ; height : 100%  ;
	clear : both ;
	background : #FFF ;
	padding : 0 ;
	padding-top : 10px 
	}
#footer .credit{
	border-top : 1px solid #ccc ;
	text-align : center ;
	font-size : small ;
	background : #FFF ;
	}

/* メインメニュー ユーザ向けメニュー*/
#mainmenu {
	width : 100%;
	height : 21px;   /*高さを設定*/
	background-color : #0020ec; /*背景色設定*/
	background: url(../images/mainmenu_bar_bg.gif) repeat-x 2px center;
	background-position : center top;  /*左上に配置*/
	padding : 0;
	margin : 0;
}
#mainmenu ul {
	 float : left ;  /*メニュー全体を右に揃える*/
	 list-style : none;  /*リストマークを消す*/
	 text-align : center ;  /*ボタン枠のテキストを左寄せ*/
	 padding : 0 ;
	 margin : 0;
}
#mainmenu li {
	width :108px;  /*リストの幅の設定 IE Hack*/
	float:left;  /*これで一列にリストを並ばせる*/
	padding : 0;
	margin : 0;
}
#mainmenu li a{
	font-size:95%;
	display:block;  /*リンク範囲をブロックに変更する*/
	width:100%;     /*リンク範囲の横幅は100％*/
	height : auto;  /*リンク範囲の高さを自動に：firefox必須*/
	padding : 0;
	margin : 0;
	background: url(../images/mainmenu_bar_on.gif) no-repeat 2px center;
	background-position : center top;  /*左上に配置*/
	text-decoration : none;  /*下線を表示しない*/  
	color : #FFF;
	line-height : 200%;  /*テキストの位置を調整*/
	}
#mainmenu li a:hover{
	font-size:95%;
	display:block;  /*リンク範囲をブロックに変更する*/
	width:100%;     /*リンク範囲の横幅は100％*/
	height : auto;  /*リンク範囲の高さを自動に：firefox必須*/
	padding : 0;
	margin : 0;
	background: url(../images/mainmenu_bar_off.gif) no-repeat 2px center;
	background-position : center top;  /*左上に配置*/
	text-decoration : none;  /*下線を表示しない*/  
	color : #FFF;
	line-height : 200%;  /*テキストの位置を調整*/
	}

/*ナビゲーションスタイル　mainbodyの中の左メニュー*/
#navibody .title {
	text-align : center ;
	line-height : 180% ;  /*テキストの位置を調整*/
	height: 24px ;
	background : url(../images/navibody_menu_bar.gif) no-repeat;
	background-position : center top;  /*左上に配置 IE Hack*/
	margin: 0 ;
	padding: 0 ;
	color:#FFF ;
	font-size : small ;
}

#navibody .title2 {
	text-align : center ;
	line-height : 180% ;  /*テキストの位置を調整*/
	height: 24px ;
	background : url(../images/navibody_menu_bar.gif) no-repeat;
	background-position : center top;  /*左上に配置 IE Hack*/
	margin: 0 ;
	padding: 0 ;
	color:#FFF ;
	font-size : small ;
}


#navibody ul {
	text-align : left ;  /*ボタン枠のテキストを左寄せ*/
	padding-top : 0 ; /*パディング上*/
	padding-right : 3px ; padding-left : 3px ; /*パディング左右*/
	padding-bottom : 0 ; /*パディング下*/
	margin :0 ;
	list-style : none ;
	font-size : small ;
}
#navibody li {
	width : 100% ;  /* リストの幅の設定 IE Hack 横並びはautoでもいい*/
	float:none;  /*これで一列にリストを並ばせる*/
	border-bottom : 1px dotted #999;
	padding : 0;
	margin : 0;
}
#navibody li a{
	font-size:100%;
	display:block;  /*リンク範囲をブロックに変更する*/
	width:100%;     /*リンク範囲の横幅は100％*/
	height : auto;  /*リンク範囲の高さを自動に：firefox必須*/
	padding : 0;
	margin : 0;
	text-decoration : none;  /*下線を表示しない*/  
	color : #666;
	line-height : 200%;  /*テキストの位置を調整*/
	background : url(../images/arrow-list-blue.gif) no-repeat ;
	background-position : right center;  /*左上に配置 IE Hack*/
	}
#navibody li a:hover{
	font-size:100%;
	display:block;  /*リンク範囲をブロックに変更する*/
	width:100%;     /*リンク範囲の横幅は100％*/
	height : auto;  /*リンク範囲の高さを自動に：firefox必須*/
	padding : 0;
	margin : 0;
	text-decoration : none;  /*下線を表示しない*/  
	color : #FF6600;
	line-height : 200%;  /*テキストの位置を調整*/
	background : url(../images/arrow-list-orange.gif) no-repeat ;
	background-position : right center;  /*左上に配置 IE Hack*/
	}

/*コンテンツボディ内の要素*/
/**************************　h1*/
#contentsbody h1 {
	background : url(../images/h1_arrow.gif) no-repeat 0.5em;
	background-position : left center;  /*左上に配置 IE Hack*/
	color : #5273f1 ;
	font-size : medium ;
	line-height:180%;
	padding-left : 1em ;
	margin : 0 ;
	margin-top : 0.5em ;
	margin-bottom : 0.5em ;
	border-bottom:1px dotted #ccc;
}
#contentsbody p {
	color : #333 ;
	font-size:small;
	line-height:160%;
	margin : 0 ;
}
/**************************　表　daialog*/
#contentsbody .dialog table{
	border : none;
	padding : 0 ;
	margin : 0 ;
	margin-top : 0.5em ;
	margin-bottom : 0,5em ;
	line-height : 120% ;
	width : 99% ;
	border-collapse: collapse; 
}
#contentsbody .dialog td.name {
	background-color:#5273f1;
	border-bottom:1px solid #FFF;
	border-right:1px solid #FFF;
	color:#FFF;
	width:100px;
	padding : 5px ;
	text-align : center ;
}
#contentsbody .dialog td.value {
	background-color:#AFBAE2;
	border-bottom:1px solid #FFF;
	border-right:1px solid #FFF;
	padding : 5px ;
	width:auto;
}
/**************************　表　list*/
#contentsbody .list table{
	border : none;
	padding : 0 ;
	margin : 0 ;
	margin-top : 0.5em ;
	margin-bottom : 0,5em ;
	line-height : 120% ;
	width : 99% ;
	border-collapse: collapse; 
}
#contentsbody .list th {
	background-color:#5273f1;
	border-bottom:1px solid #FFF;
	border-right:1px solid #FFF;
	color:#FFF;
	width:auto;
	padding : 5px ;
	text-align : center ;
}
#contentsbody .list td {
	background-color:#AFBAE2;
	border-bottom:1px solid #FFF;
	border-right:1px solid #FFF;
	padding : 5px ;
	width:auto;
}



.buttons .formButton input {
line-height:130%;
}


/*ログイン*/
#loginwrap {
	text-align:center;
}

#loginwrap .dialog table{
	border : none;
	padding : 0 ;
	margin : 0 ;
	line-height : 200% ;
	width : 300px ;
	border-collapse: collapse;
	
}
#loginwrap .dialog td.name {
	background-color:#5273f1;
	border-bottom:1px solid #FFF;
	border-right:1px solid #FFF;
	color:#FFF;
	width:30%;
	padding : 5px ;
	text-align : center ;
}
#loginwrap .dialog td.value {
	background-color:#AFBAE2;
	border-bottom:1px solid #FFF;
	border-right:1px solid #FFF;
	padding : 5px ;
	width:auto;
}


.login_message {
	margin:5px;
	paddng:5px;
	color:red;
	border:1px dashed red;
}

.msg {
	margin:5px;
	paddng:0px;
	color:blue;
}

.note {
	margin:5px;
	padding:0px;
	color:green;
}



textarea {
	width: 300px;
	height: 100px;
}


table,td,th,textarea,input {
    font-size: 12px;
}


form {
margin:0px;padding:0px;
}

h1,h2,h3,h4,h5,h6,h7 {
margin:2px;padding:2px;
}
.help {
	cursor:hand;
	cursor:pointer;
}

h3 {
	border-bottom:2px solid #86a3bd;
	border-left:5px solid #86a3bd;
}

h4 {
	background-color:#eeeeff;
	margin-top:5px;
	font-size:10px;
	border-bottom:1px solid #86a3bd;
}

.redh4 {
	margin-top:5px;
	font-size:10px;
	border-bottom:1px solid #fe4e4e;
}

.mini {
	font-size: 10px;
}

.name  {
	font-size:12px;
	font-weight: normal;
	background-color: #A3A38F;
}

div .dialog {
	border: 0px solid #ccc;
	display:block;
}

#mygrid {
		border: 0px solid #ccc;
}



#bodypanel {
 border: 0px solid #ccc;
 margin: 0px 0px 0px 5px;
 min-height: 400px;
}
* html #bodypanel {height:400px} /* IE Min-Height Hack */ 

#bodypanel h1 { 
	padding:3px;
	margin:10px 0 10px 0;
	font-size:14px;
	background-color: #111;
	color: #FFF;
}



#resultstring {
 font-size: 10px;
}

#searchbox {margin-bottom: 1em; overflow: hidden; width: 99%;}
.searchcommon {
width:100%;
list-style-type:none;margin: 0;padding: 0;
}
.searchcommon li input {
	display: block;
	float: left;
}

.line.all {

}

.input.allsearch {
	width: 200px;
}

#create_person {
	text-align: right;
}
#create_person a{
	border:1px solid #ccc;
	padding:3px;
}
#create_team {
	margin-top:15px;
	text-align: right;
}
#create_team a{
	font-size:10px;
	border:1px solid #ccc;
	padding:3px;
}

#preview textarea {
	width:250px;
	height:80px;
}
#preview input {
	width:250px;
}

#mode_sw_panel {margin-bottom: 1em; overflow: hidden; width: 99%;}
#mode_sw_list {width:100%; list-style-type: none;margin: 0;padding: 0;}
#mode_sw_list li{border:1px solid #CCC; padding:2px;float: left;margin-right:8px;display: block;} 
#mode_sw_panel a{text-decoration: none;color:#333}

/*更新情報　mainbodyの中の右メニュー*/
#renew { width : 166px ; 
	float:left;
	padding-top : 0.3em ;
	padding-bottom : 0 ;
	margin :0 ;
	margin-left:15px;
}

/*更新情報　mainbodyの中の右メニュー*/
#renew .title {
	text-align : center ;
	line-height : 180% ;  /*テキストの位置を調整*/
	height: 24px ;
	background : url(../images/navibody_menu_bar.gif) no-repeat;
	background-position : center top;  /*左上に配置 IE Hack*/
	margin: 0 ;
	padding: 0 ;
	color:#FFF ;
	font-size : small ;
}


#renew ul {
	text-align : left ;  /*ボタン枠のテキストを左寄せ*/
	padding-top : 0 ; /*パディング上*/
	padding-right : 3px ; padding-left : 3px ; /*パディング左右*/
	padding-bottom : 0 ; /*パディング下*/
	margin :0 ;
	list-style:none ;
	font-size : small ;
}
#renew li {
	width : 100% ;  /* リストの幅の設定 IE Hack 横並びはautoでもいい*/
	float:none;  /*これで一列にリストを並ばせる*/
	border-bottom : 1px dotted #999;
	padding-top : 5px;
	padding-bottom : 5px;
	margin : 0;
}
#renew li a{
	font-size:100%;
	display:block;  /*リンク範囲をブロックに変更する*/
	width:100%;     /*リンク範囲の横幅は100％*/
	height : auto;  /*リンク範囲の高さを自動に：firefox必須*/
	padding : 0;
	margin : 0;
	text-decoration : none;  /*下線を表示しない*/  
	color : #666;
	line-height : 120%;  /*テキストの位置を調整*/
	background-position : right center;  /*左上に配置 IE Hack*/
	}
#renew li a:hover{   
	font-size:100%;
	display:block;  /*リンク範囲をブロックに変更する*/
	width:100%;     /*リンク範囲の横幅は100％*/
	height : auto;  /*リンク範囲の高さを自動に：firefox必須*/
	padding : 0;
	margin : 0;
	text-decoration : none;  /*下線を表示しない*/  
	color : #FF6600;
	line-height : 120%;  /*テキストの位置を調整*/
	/*background : url(../images/arrow-list-orange.gif) no-repeat ;*/
	background-position : right center;  /*左上に配置 IE Hack*/
	}

/*dl用に追加したスタイルです*/

.dl{
line-height : 150%;
font-size:100%;
}

.dl dt{
font-weight:bold;
color:#336600;
}

.dl dd{
margin-left:2em;
}

 /*色つきボックスcontentsbody用*/
.box{
margin:10px;
padding:10px;
background-color:#FFCC33;
}

 /*色つきボックスcontentsbody用*/
.box2{
margin:5px;
padding:5px;
background-color:#66FFFF;
}

 /*色つきボックスcontentsbody用*/
.box3{
margin:10px;
padding:10px;
background-color:#CCFF99;
}

}