@charset "utf-8";

/* ------------------------------------------------------------------------ *
 *
 *   DoEvery
 *   Web開発チーム
 *
 *   SharedFile [ 無料なのに事前登録なしで、ファイル共有ができるサービス ]
 *
 * ------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------ *
 * ベース
 * ------------------------------------------------------------------------ */
* {
    padding: 0px;
    margin: 0px;
    font-size: 100%;
}

/* ------------------------------------------------------------------------ *
 * リンク
 * ------------------------------------------------------------------------ */
a:link    { color: #006633; }
a:visited { color: #4D824D; }
a:hover   { color: #A9D54F; }
a:active  { }

/* ------------------------------------------------------------------------ *
 * タグ
 * ------------------------------------------------------------------------ */
img {
    border: none;
}

h1 {
    margin-bottom: 20px;
    font-size: 120%;
    font-weight: bold;
    text-align: center;
}

h2 {
    margin-bottom: 15px;
    font-size: 110%;
    font-weight: bold;
    text-align: center;
}

h3,h4,h5,h6 { }

strong {
    font-weight: bold;
}

/* ------------------------------------------------------------------------ *
 * 固有クラス
 * ------------------------------------------------------------------------ */
.DoEvery {
	font: italic bold 150% "Times New Roman", Times, serif; 
}

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

/* ------------------------------------------------------------------------ *
 * 共通構造
 * ------------------------------------------------------------------------ */
body {
    width: 100%;
    margin-top: 30px;
    font-family: "MS Sans Serif", Geneva, sans-serif;
    font-size: 80%;
    color: #000000;
    text-align: center;
}

#wrap {
    width: 600px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
}

#logo {
    text-align: center;
}

#upload {
    margin-top: 20px;
    text-align: center;
}

.file {
    margin-right: 10px;
}

#hname {
    margin-right: 5px;
    margin-left: 5px;
    font-weight: bold;
}

.submit {
    margin-top: 15px;
    margin-bottom: 10px;
    display: block;
}

#ads {
    margin-top: 15px;
    margin-bottom: 15px;
}

#footer {
    clear: both;
    margin-top: 75px;
    text-align: center;
}

/* ------------------------------------------------------------------------ *
 * TOP Only
 * ------------------------------------------------------------------------ */
#top_body {
    height: 100%;
    background: #FFFFFF url(../images/body_bg.gif) no-repeat fixed right bottom;
}

/* ------------------------------------------------------------------------ *
 * Download Only
 * ------------------------------------------------------------------------ */
#DownloadWrap #ContentLeft #logo {
    text-align: left;
}

#DownloadWrap #ContentLeft h1 {
    padding-bottom: 30px;
    margin-top: -45px;
    margin-left: 200px;
}

#DownloadWrap #ContentLeft #property {
}

#DownloadWrap #ContentLeft #newfile {
    padding: 10px;
    border: 2px solid #D0D0D0;
    text-align: left;
    background-color: #F4F4F4;
}

#DownloadWrap #ContentRight a {
    border-style: none;
}

#DownloadWrap #ContentRight img {
    border-style: none;
}

#upload_exp {
    padding: 15px;
    font-size: 120%;
    text-align: center;
}

#newfile {
    padding: 15px;
    margin-top: 0px;
    border: 2px solid #CCCCCC;
    background-color: #F0F0F0;
}

#filelist {
    margin-top: 20px;
}

#filelist table {
    width: 100%;
    border-top-color: #00CCFF;
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: #00CCFF;
    border-right-style: solid;
    border-right-width: 1px;
}

#filelist th {
    height: 30px;
    border-bottom-color: #33CCFF;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #33CCFF;
    border-left-style: solid;
    border-left-width: 1px;
    text-align: center;
}

#filelist td {
    height: 25px;
    border-bottom-color: #00CCFF;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #00CCFF;
    border-left-style: solid;
    border-left-width: 1px;
    vertical-align: middle;
    text-align: center;
}

#filelist .filename {
    text-align: left;
	padding:2px 4px;
}

#DownloadWrap {
    width: 900px;
    margin-right: auto;
    margin-left: auto;
}

#ContentLeft {
    float: left;
    width: 600px;
}

#ContentRight {
    float: right;
    height: 700px;
    width: 200px;
    padding-left: 100px;
}

#postedFile {
	border:1px solid gray;
	padding:20px 20px;
	margin:10px 20px 50px;
	background-color:#cdf;
}

#postedFile .message {
	font-size:140%;
	color:#064
}

#postedFile .url {
	margin:5px 20px 20px;
	padding:3px;
	border:1px solid #666;
	background-color:#fff
}

div.aikotoba {
	text-align:center;
	margin-left:400px;
	padding:4px;
	background-color:#e0e0e0;
	border-left:2px solid #CCCCCC;
	border-top:2px solid #CCCCCC;
	border-right:2px solid #CCCCCC;
}
span.after {
	background-color:#49b8ff;
	margin-right:8px;
}
span.after a {
	font-size:80%;
}
span.before {
	background-color:#faa;
	margin-right:8px;
}
span.before a {
	font-size:80%;
}
div.input_form {
	display:none;
	position:absolute;
	top:200px;
	left:400px;
	background-color:white;
	width:280px;
	height:120px;
	text-align:center;
	border:2px solid #55f;
	padding:10px
}


/* ------------------------------------------------------------------------ *
 * Restriction Only
 * ------------------------------------------------------------------------ */
#restriction {
    margin-left: 100px;
}

#restriction p {
    margin-bottom: 10px;
    font-weight: bold;
}

#restriction ul {
    margin-left: 30px;
}

#restriction li {
    margin-bottom: 8px;
    list-style-type: decimal;
}

/* ------------------------------------------------------------------------ *
 * Plan Only
 * ------------------------------------------------------------------------ */
#plan {
    margin-left: 15px;
}

#plan p {
    margin-bottom: 10px;
    font-weight: bold;
}

#plan ul {
    margin-left: 25px;
    list-style-type: none;
}

#plan ul li {
}

#plan ul li ul {
    margin-top: 5px;
    margin-bottom: 10px;
    font-style: normal;
    list-style-type: decimal;
}

#plan ul li ul li {
    margin-bottom: 5px;
}

/* ------------------------------------------------------------------------ *
 * DnD Only
 * ------------------------------------------------------------------------ */

#howto {
}

#howto h2 {
    text-align: left;
}

#howto h3 {
    margin-bottom: 10px;
    text-indent: -9999px;
}

#howto #firefox {
    background: url(../images/dnd_h3_firefox.png) no-repeat;
    height: 20px;
}

#howto #chorme {
    background: url(../images/dnd_h3_chorme.png) no-repeat;
    height: 20px;
}

#howto p {
    margin-bottom: 20px;
    margin-right: 10px;
    margin-left: 10px;
}

#howto .image_center {
    margin: 10px auto;
    text-align: center;
}

#howto dl {
    margin-left: 15px;
    margin-bottom: 20px;
}

#howto dt {
}

#howto dd {
    margin-bottom: 5px;
    margin-left: 15px;
}