@charset "UTF-8";


/******************************************
	reset
******************************************/

div,h1,h2,p,ul,li,
dl,dt,dt {
	margin:0;
	padding:0;
}

/******************************************
	float , clear
******************************************/
.fl {float:left;}

.fr {float:right;}

.clear {clear:both;}



/******************************************
	margin
******************************************/
.mb01 {margin-bottom:1px;}
.mb06 {margin-bottom:6px;}
.mb07 {margin-bottom:7px;}
.mb09 {margin-bottom:9px;}
.mb12 {margin-bottom:12px;}
.mb18 {margin-bottom:18px;}
.mb24 {margin-bottom:24px;}
.mb36 {margin-bottom:36px;}
.mb46 {margin-bottom:46px;}
.mb57 {margin-bottom:57px;}
.mb50 {margin-bottom:50px;}
.mb69 {margin-bottom:69px;}
.mb80 {margin-bottom:80px;}


.ml12 {margin-left:12px;}
.ml24 {margin-left:24px;}
.ml36 {margin-left:36px;}

/******************************************
	font-size
******************************************/

.txt10 {font-size:10px;}
.txt14 {font-size:14px;}
.txt16 {font-size:16px;}

/******************************************
	text-margin
******************************************/
p.mb06 {margin-bottom:06px;}
p.mb12 {margin-bottom:12px;}
p.mb18 {margin-bottom:18px;}
p.mb57 {margin-bottom:57px;}
p.mb80 {margin-bottom:80px;}

p.ml12 {margin-left:12px;}
p.ml148 {margin-left:148px;}
p.ml220 {margin-left:220px;}

/******************************************
	text-align
******************************************/

.t-align-left {text-align:left;}
.t-align-center {text-align:center;}
.t-align-right {text-align:right;}


/******************************************
	image
******************************************/
img {
	border:none;
	margin:0;
	padding:0;
}

/******************************************
	link
******************************************/

a {
	color:#FFFFFF;
	text-decoration:none;
}

a.underline {text-decoration:underline;}

/******************************************
	font color
******************************************/

.red {color:#610000;}

li.download a:hover {color:#610000;}

.caution {color:#FF0000;font-size:10px;}

/******************************************
	body
******************************************/
body {
	color:#FFFFFF;
	background-color:#000000;
	margin:0;
	padding:0;
	font-family:Arial , "Lucida Grande" , Verdana , ヒラギノ角ゴ Pro W3, "Hiragino Kaku Gothic Pro" ,Osaka, "MS UI Gothic", Gothic,  sans-serif;
	vertical-align:baseline;
	font-size:12px;
	text-align:center;
}

/******************************************
	wrapper
******************************************/

div#wrapper {
	width :660px;
	margin:0px auto;
	padding:50px 0 0 0;
	text-align:left;
}
	
/******************************************
	header
******************************************/

div#header {
	width:660px;
	height:156px;
}

div#header h1 {
	width:120px;
	height:41px;
	margin:0;
	padding:0;
}

div#header h2 {
	font-size:23px;
	height:23px;
	padding-top:18px;
}

.log-out {
	padding:9px 3px 0 0;
}

div#header ul {
	list-style-type:none;
	padding-top:15px;
	width:469px;
}

div#header ul.select_btn {
	list-style-type:none;
	padding-top:15px;
	width:469px;
	float:left;
}
div#header ul li {
	background:url(../images/icon_arrow_02.gif) #000000 no-repeat left ;
	padding-left:17px;
}
div#header ul.select_btn li.download {
	background:url(../images/icon_arrow_02.gif) #000000 no-repeat left ;
	padding-left:17px;
	font-size:16px;
	display:block;
}


/*****ID PHOTO space*****/

div.id-photo {
	width:173px;
	height:84px;
	padding:9px;
	background-color:#191919;	
}

.photo {
	border:#B8B8B8 1px;
}

.id {
	width:95px;
	margin-top:35px;
	text-align:center;
}



/******************************************
	main-contents
******************************************/
div#main-contents {
	width:654px;
	margin:0 3px ;
	padding:25px 0 ;
	border-top:#660000 2px solid;
	border-bottom:#660000 2px solid;
}

dt {
	width:146px;
	height:16px;
	text-align:right;
	background-color:#191919;
	float:left;
	padding:4px 0;
	margin:0 5px 0 0;
}

* html dt { margin:0 2px 0 0}

*:first-child+html dt {margin:0 2px 0 0;}


dd {
	width:488px;
	height:16px;
	padding:4px 0;
	margin:0;
}


input {
	font-size:smaller;
}


ul {
	list-style-type:none;
}

li {
	display:inline;
	background:url(../images/icon_arrow_01.gif) #000000 no-repeat left ;
	padding:0 20px 0 10px;
}

/*****picture.html table*****/

th,td {text-align:center;}

th {background:#191919;}

th.date {width:154px;}

th.name {width:107px;}

th.title {width:130px;}

th.file {width:153px;}

th.size {width:102px;}

th {height:30px;}

td {background:#969696;
	height:24px;}

td.send,
td.back {background-color:#000000;
	height:15px;}

td.delete {background-color:#000000;}

td.even-number {background:#ACACAC;}


/******************************************
	footer
******************************************/

div#footer {
	width:660px;
	height:18px;
	padding-top:2px;
}