/* 余白をリセット、行間広めに */
* {
	margin:0;
	padding:0;
	line-height:140%;
}

/* 画像の枠線を非表示 */
img{border:0;}

/* ページ全体の設定 */
body{
	background:#000;
	color:#EEF;
	font-size:10pt;
}

/* リンク　標準、マウス乗せ */
a:link{color:#44E;}
a:hover{color:red;}

/* 表の設定 */
table{
	width:880px;
	font-size:10pt;
	margin-bottom:20;
}

/* 表のタイトル部分です */
th{
	background:#669;
	color:#EEF;
	border-left:1px solid #CCC;
	border-top:1px solid #CCC;	
	font-weight:normal;
	padding:2 4;
	text-align:left;
}

/* 表のメイン部分です */
td{
	color:#333;
	border-left:1px solid #CCC;
	border-top:1px solid #CCC;
	padding:2 4;	
}

/* 表の行 */
tr {
	background:#FFF;
}

/* 偶数行のみclass="gray"を指定して見やすくしてみました */
.gray {
	background:#EEF;
}

/* 見出し2です */
h2{
	margin:10 0;
	color:#EEF;
	font-size:120%;
	padding:4;
	text-align:center;
	font-weight:normal;
}

/* 見出し1です */
h1{
	color:#EEF;
	font-size:180%;
	padding:10;
	text-align:center;
	font-weight:normal;
	background:#222;
}

/* 見出し4です */
h4{
	margin:10 0;
	color:#EEF;
	font-size:100%;
	padding:4;
	text-align:center;
	font-weight:normal;
}

/* 見出し3です */
h3{
	margin:10 0;
	color:#EEE;
	font-size:160%;
	padding:4;
	border-bottom:1px solid #DDD;
	font-weight:normal;
}


/* ここから主にdivのID、CLASS指定です */


/* 全体を囲む箱 */
#box{
	text-align:left;
	width:880px;
}

/* メニュー部分 */
#menu{
	background:#555;
	padding:2 4;
	margin-top:4;
	border-top:3px solid #333;
	border-bottom:3px solid #333;
}

/* メニューのリンク */
#menu a:link,#user a:link,#foot a:link{
	color:#AFA;
}

/* メニューのマウス乗せ */
#menu a:hover,#user a:hover,#foot a:hover{
	background:#333;
}

/* メニューの既読　必要を感じなかったので既読と未読色同じです */
#menu a:visited,#user a:visited,#foot a:visited{
	color:#AFA;
}

/* ユーザー名・ログイン部分 */
#user {
	text-align:left;
	margin-bottom:4;
	background:#555;
	padding:2 4;
	border-bottom:3px solid #333;
}

/* 検索ボックス */
#search {
	text-align:center;
	padding-top:10;
}

/* フッター部分 */
#foot {
	text-align:center;
	margin-top:4;
	background:#555;
	padding:2 4;
	border-top:3px solid #333;
}

/*RSSリーダー*/
.rsstc   { font-size: 12px; background-color: #669; margin: 0; padding: 0 }
.rsstc a { color: #0000ff;}
.rsstc em  { font-style: normal; font-weight: bold; margin-left: 10px; padding: 0 }
.rsstc ul   { background-color: #fdfdfd; margin: 0; padding: 0 ;border: solid 2px #669 }
.rsstc li   { list-style-type: none; padding-top: 1px; padding-bottom: 1px; padding-left: 5px; border-bottom: 1px dashed #669 }


/*フォーム*/
form.leftside{float:left;}
form.rightside{float:right;}
p.cl1{clear:both;} 

#msg {
	color:#EEF;
	font-size:120%;
	padding:3;
	text-align:center;
	font-weight:normal;
	/*background:#222;*/
	background: #800000;
	border-style: solid;
	border-color: #FF0000;
}

ul.pwd li {
    list-style: none;
	margin-top: 5px;
}

label {
    margin-right: 10px;
    width:150px;
    float: left;
}




input#button {
    display: block;
    margin: 0 auto;
}

#logo{
	position: relative;
	width: 100%;
	height: 83;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;

	background-color: rgba(0,0,0,0);
}

#logoimg{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 767px) {
	body{
		padding:2 0px;
		margin: 0px 10px;
	}
	#box{
		text-align:left;
		width:100%;
	}
	#user{
		width:100%;
		padding:5 2;
		margin-top:0;
		line-height: 0.5em
	}
	#menu{
		width:100%;
		padding:0 2;
		margin-top:0;
		line-height: 2em
	}
	table{
		width:100%;
		margin: 0 auto;
		font-size: small;
	}
	input[type="text"]{
		width: 70%;
		margin-left: 3px;
	}
	textarea{
		width: 95%;
	}
	#loginid {
		width: 20%;
	}
	#pwd {
		width: 20%;
	}
	object {
		max-width: 400px;
		width: 100%;
	}
	embed {
		max-width: 400px;
		width: 100%;
	}

	#logoimg{
		background-image: url("LRIRbanner_m.jpg");
	}
}