@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	font-family: 'メイリオ', 'Mayryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: small;
	background-color: #39C;
	;
	background-image: url(bg.jpg);
}
#alpha{
width:630px;
float:right;
}
#alpha-inner{
width:550px;
margin-left:50px;
}
#beta{
width:260px;
float:left;
}
#beta-inner{
width:240px;
}
#beta-inner ul{
margin:0;
}
#beta-inner li{
list-style-type: none;
margin:0 0 1em 0;
}


a{
color: #4c7200;
text-decoration:none;
}
a:link {
color: #4c7200;
text-decoration:none;
}
a:visited {
color: #669801;
text-decoration:none;
}
a:hover {
color: #669801;
text-decoration:underline;
}
a:active {
color: #669801;
text-decoration:underline;
}


#container {
	width: 900px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	position: static;
	background-color: #ffffff;
	background-image: url(bg2.jpg);
}
#logo {
	height: 250px;
	width: 490px;
	margin-top: -50px;
	margin-left: 10px;
	float: left;
}
#logo-form {
	height: 250px;
	width: 490px;
	margin-top: -80px;
	margin-left: 220px;
	float: left;
}

#topics {
padding: 10px;
float: left;
height: 120px;
width: 280px;
margin-left: 560px;
border: 1px solid #AFE617;
position: relative;
margin-top: -180px;
overflow: auto;
background-color: #FAFFEE;
scrollbar-face-color:#c7e78b; /*スクロールバー本体の色*/
scrollbar-highlight-color: #9ebe62; /*スクロールバー左側（上）の影*/
scrollbar-shadow-color: #9ebe62; /*スクロールバー右側（上）の影*/
scrollbar-3dlight-color: #9ebe62; /*スクロールバーの左側（下）の影*/
scrollbar-arrow-color: #86a749; /*矢印の色*/
scrollbar-track-color: #d9f4a6; /*背面の色*/
scrollbar-darkshadow-color: #07281a;
color: #669900;
}
.naiyou {
padding: 7px;
color: #333;
line-height: 180%;
height: 10em;
}
.naiyou li {
list-style-type: none;
margin-left:5px;
}

#monday {
float: left;
width: 199px;
margin-left: 25px;
background-color: #bbe3ff;
}

#tuesday {
float: left;
width: 199px;
margin-left: 18px;
background-color: #ffd2e7;
}
#wednesday {
float: left;
width: 199px;
margin-left: 18px;
background-color: #ffe689;
}
#thursday {
float: left;
width: 199px;
margin-left: 18px;
background-color: #FF8080;
}

img {
border:0;
}
.clear {
clear: both;
height: 1px;
}
.clear30 {
clear: both;
height:30px;
}
.personality {
height: 147px;
width: 199px;
}
.personality img{
display:inline;
}

#footer {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 20px;
	color: #fff;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #9CE800;
}
#fmlogo {
	width: 136px;
	height: 103px;
	margin-top: 0px;
	margin-left: 750px;
	position: relative;
	padding-top: 20px;
}

.categoryMonday {
background-image: url(bg-monday.jpg);
background-repeat: no-repeat;
background-position: center top;
}
.categoryMonday #container {
width: 900px;
margin-top: 136px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
background-image: url(head-monday.jpg);
background-repeat: no-repeat;
}

.categoryTuesday {
background-image: url(bg-tuesday.jpg);
background-repeat: no-repeat;
background-position: center top;
}
.categoryTuesday #container {
width: 900px;
margin-top: 136px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
background-image: url(head-tuesday.jpg);
background-repeat: no-repeat;
}

.categoryWednesday {
background-image: url(bg-wednesday.jpg);
background-repeat: no-repeat;
background-position: center top;
}
.categoryWednesday #container {
width: 900px;
margin-top: 136px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
background-image: url(head-wednesday.jpg);
background-repeat: no-repeat;
}

.categoryThursday {
background-image: url(bg-thursday.jpg);
background-repeat: no-repeat;
background-position: center top;
}
.categoryThursday #container {
width: 900px;
margin-top: 136px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
background-image: url(head-thursday.jpg);
background-repeat: no-repeat;
}






.logo-archives {
width:402px;
height:192px;
position: relative;
float: left;
margin-top: 23px;
margin-left: 20px;
}

.logo-archives {
width:402px;
height:192px;
position: relative;
float: left;
margin-top: -99px;
margin-left: 21px;
}
.archivespersonality {
float: left;
height: 190px;
width: 281px;
margin-left: 35px;
margin-top: -99px;
}
#pics {
background-color: #FAFFEE;
margin: 10px auto 50px auto;
height: 80px;
width: 800px;
border-top: 1px solid #AFE617;
border-bottom: 1px solid #AFE617;
overflow:hidden;
}
#pics img {
display:inline;
margin-left: 4px;
margin-top: 10px;
}
.ent{
margin-bottom:20px;
border: 1px solid #AFE617;
background-color: #FAFFEE;
padding:10px;
}
.sidedate{
font-size:xx-small;
}
.mail{
width:232px;
height:50px;
float:left;
margin-left:515px;
margin-top:-250px;
}











.wrap {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	font-size: small;
	line-height: 160%;
	text-align:center;
}
.wrap h1{
color: #690;
}
.wrap label{
color: #690;
}

/* ----------- My Form ----------- */
.myform{
margin:0 auto;
width:480px;
padding:14px;
}

/* ----------- stylized ----------- */
#stylized{
	border:solid 1px #b7ddf2;
	background-color:#F9FCEF;
	line-height: 120%;
	margin-top: 30px;
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#fom label{
display:block;
font-weight:bold;
text-align:right;
width:200px;
float:left;
}
#fom #friend2 label{
display:block;
font-weight:bold;
text-align:right;
width:100px;
float:left;
}
#fom #friend3 label{
display:block;
font-weight:bold;
text-align:right;
width:50px;
float:left;
}


#fom .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:190px;
}
#fom input{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:250px;
	margin:2px 0 20px 10px;
}

#fom textarea{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:250px;
margin:2px 0 20px 10px;
}
#narrow {
	float:left;
	width:80px;
}
#narrow2 {
	float:left;
	width:180px;
}
#narrow input {
	width:30px;
	display:inline;
}
#narrow2 input {
	width:170px;
	display:inline;
}
#narrow .small, #narrow2 .small{
	color:#666666;
	display:inline;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:15px;
	vertical-align: baseline;
}
#fiend {
	width:250px;
	float:left;
	text-align: center;
	margin-left: 120px;
	margin-bottom:-10px;
}
#friendname input {
	float:left;
	width:150px;
}
#friendage input{
	float:left;
	width:30px;
}
#friendage .small{
	color:#666666;
	display:inline;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:15px;
	vertical-align: baseline;
}
#radio {
	width:40px;
	float:left;
}
#radio input {

	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:20px;
	margin:2px 0 20px 10px;
}
#stylized button{
float:left;
margin-left:10px;
width:50px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}
.spacer{clear:both; height:1px;}
.red {
	color: #F00;
	font-weight: normal;
}
.green{
font-weight:bold;
color: #690;
}
.small2{
	color:#666666;
	display:inline;
	font-size:11px;
	font-weight:normal;
	width:15px;
	vertical-align: baseline;
}

.bg1 {
	background-color: #E05518;
	text-align: center;
}
.cont {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #669900;
}
.txt-l {
	font-size: 170%;
	font-weight: bold;
	color: #3974AE;
}
.pan {
	font-size: x-small;
	text-align: right;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
}