﻿/* 共通設定 */
body {
	background-repeat: no-repeat;
	background-color: #000000;
	margin:0px;
}
div.pagespace{
	position:static;
	margin:0px;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}

div.top{
	position:relatibe;
	width:1024px;
	height:609px;
	margin: 0px;
}
div.topbg{
	position:relatibe;
	width:1024px;
	height:609px;
	padding:0px;
	margin: 0 auto;
}
div.enter{
	float:left;
	position:relative;
	top:298px;
	left:367px;
	margin:0 auto;
	width:422px;
	padding:0px;
}
div.head{
	position:relatibe;
	width:1100px;
	height:90px;
	background-image: url("img/spacer.png");
	margin: 0 auto;
}
div.clearfix{
	position:relative;
	clear:both;
}
div#ema{
	position:relative;
	top:7px;
	padding:0px;
}
div.menu_img{
	position:relative;
	margin-left:10px;
	float:left;
	height:24px;
	overflow:hidden;
}
div.menu_img2{
	position:relative;
	margin-left:10px;
	float:left;
	height:22px;
	overflow:hidden;
}
div#menu{
	position:relative;
	top:40px;
	padding:0px;
}
div#menu2{
	position:relative;
	display:block;
	top:40px;
	padding:0px;
}
div.logo{
	position:relative;
	height:90px;
	margin:5px 0px 5px 0px;
	padding:0px;
	background-image: url("img/logo.gif");
	float:left;
}
a.logo2{
  position: absolute;
  top: 5px;
  left: 5px;
  height: 80px;
  z-index: 100;
}
span{
	float:left;
	margin:0px;
	padding:0px;
}
img{
	border:0px;
	margin:0px;
	padding:0px;
}
img.icon{
	width:22px;
	heght:22px;
}
div.contents{
	display:block;
	position:relative;
	width:1100px;
	min-height:480px;
	margin:0 auto;
	padding:0px;
	background-image: url("img/spacer.png");
}
/*
div#top_left{
	width:10px;
	height:10px;
	background-image: url("img/top_left.jpg");
	float:left;
}
div#top_right{
	width:10px;
	height:10px;
	background-image: url("img/top_right.jpg");
	float:right;
}
div#bottom_left{
	width:10px;
	height:10px;
	background-image: url("img/bottom_left.jpg");
	float:left;
}
div#stream_area{
	background-color:#FFFFFF;
	width:100%;
	height:600px;
	float:left;
}
div#leftarea{
	background-color:#FFFFFF;
	float:left;
}
div#rightarea{
	background-color:#FFFFFF;
	float:right;
}
div#spacer{
	background-color:#FFFFFF;
	height:10px;
	width:1130px;
	float:left;
}
div#bottom_right{
	width:10px;
	height:10px;
	background-image: url("img/bottom_right.jpg");
	float:right;
}
*/
div.footer{
	position:relative;
	align:center;
	width:406px;
	height:68px;
	right:0px;
	margin:0 auto;
	padding:0px;
	color: #ffffff;
}
div.copyrights{
	position:relative;
	height:60px;
	align:center;
	padding:0px;
	text-color:#FFFFFF;
}
a.charlink:link {
	color: #F900F6;
	text-decoration: none;
	font-size: 10pt;
}
a.charlink:visited {
	color: #F900F6;
	text-decoration: none;
	font-size: 10pt;
}
a.charlink:active {
	color: #F900F6;
	text-decoration: underline;
	font-size: 10pt;
}
a.charlink:hover {
	color: #FFFF33;
	text-decoration: underline;
	font-size: 10pt;
}

/* リンクページ */
div.contents_area{
	position:relative;
	width:900px;
	height:100%;
	padding:0px 0px 0px 0px;
}
.linkarea#linkright{
	float:right;
	position:relative;
	width:350px;
	height:100px;
	margin:50px 30px 0px 0px;
	padding:0px 0px 0px 0px;
}
.linkarea#linkleft{
	float:left;
	position:relative;
	width:350px;
	height:100px;
	margin:50px 0px 0px 30px;
	padding:0px 0px 0px 0px;
}
div.bannerarea{
	position:relative;
	width:900px;
	height:200px;
	padding:0px 0px 0px 0px;
}
.bannerarea#summary{
	float:left;
	position:relative;
	width:350px;
	height:15px;
	font-size:13px;
	font-weight:bold;
	margin:5px 0px 50px 30px;
	padding:0px 0px 0px 0px;
}
.bannerarea#linkleft{
	float:left;
	position:relative;
	width:350px;
	height:200px;
	margin:50px 0px 0px 30px;
	padding:0px 0px 0px 0px;
}
/* メールページ */
#mailarea{
	float:left;
	position:relative;
	width:870px;
	height:100%;
	margin:20px 0px 0px 30px;
	padding:0px 0px 0px 0px;
}
.mail_summary_img{
	float:left;
	position:relative;
	width:611px;
	height:48px;
	margin:30px 0px 0px 30px;
	padding:0px 0px 0px 0px;
}
.mail_head_img{
	float:left;
	min-height:82px;
	position:relative;
	bottom:0px;
	top:5px;
	margin:30px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:visible;
}
#name_head{
	float:left;
	top:20px;
	left:0px;
	width:280px;
}
#mailbox{
	float:right;
	right:20px;
}
.mail_input{
	float:left;
	text-align:left;
	position:relative;
	min-height:19px;

	margin:0px 0px 0px 50px;
	padding:0px 0px 0px 0px;
	overflow:visible;
}
.mail_send_img{
	float:left;
	position:relative;
	width:870px;
	min-height:23px;
	margin:40px 0px 50px 0px;
	padding:0px 0px 0px 0px;
	overflow:visible;
}
.in{
	border:solid 5px #000000;
	font-size:20px;
}

/* プロフィールページ */
.profilearea{
	float:left;
	position:relative;
	width:870px;
	height:100%;
	margin:20px 0px 0px 30px;
	padding:0px 0px 0px 0px;
}
.profile_head_img{
	float:right;
	position:relative;
	width:870px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.profile_left{
	float:left;
	position:relative;
	bottom:0px;
	width:252px;
	height:440px;
	margin:-45px 0px 0px 35px;
	padding:0px 0px 0px 0px;
	overflow:visible;
}
.profile_area_right{
	float:right;
	position:relative;
	width:555px;
	bottom:0px;
	margin:-45px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:visible;
}
.profile_right{
	float:left;
	position:relative;
	width:555px;
	bottom:0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:visible;
}

a.menu_t1, a.menu_t1:link{
	background-image: url(img/community.gif);
	width: 125px;
	height: 24px;
	display: block;
}
a.menu_t1:hover {
	background-position: 0 27px;
	color: #000000;
}
a.menu_t2, a.menu_t2:link{
	background-image: url(img/twitter.gif);
	width: 80px;
	height: 24px;
	display: block;
}
a.menu_t2:hover {
	background-position: 0 27px;
	color: #000000;
}
a.menu_t3, a.menu_t3:link{
	background-image: url(img/mail.gif);
	width: 48px;
	height: 24px;
	display: block;
}
a.menu_t3:hover {
	background-position: 0 27px;
	color: #000000;
}
a.menu_t4, a.menu_t4:link{
	background-image: url(img/blog.gif);
	width: 45px;
	height: 24px;
	display: block;
}
a.menu_t4:hover {
	background-position: 0 27px;
	color: #000000;
}
a.menu_t5, a.menu_t5:link{
	background-image: url(img/photo.gif);
	width: 63px;
	height: 24px;
	display: block;
}
a.menu_t5:hover {
	background-position: 0 27px;
	color: #000000;
}
a.menu_t6, a.menu_t6:link{
	background-image: url(img/wiki.gif);
	width: 49px;
	height: 24px;
	display: block;
}
a.menu_t6:hover {
	background-position: 0 27px;
	color: #000000;
}

a.menu_u1, a.menu_u1:link{
	background-image: url(img/amazon.gif);
	width: 105px;
	height: 24px;
	display: block;
}
a.menu_u1:hover {
	background-position: 0 22px;
	color: #000000;
}
a.menu_u2, a.menu_u2:link{
	background-image: url(img/rakuten.gif);
	width: 106px;
	height: 24px;
	display: block;
}
a.menu_u2:hover {
	background-position: 0 22px;
	color: #000000;
}
a.menu_u3, a.menu_u3:link{
	background-image: url(img/chikuran.gif);
	width: 174px;
	height: 24px;
	display: block;
}
a.menu_u3:hover {
	background-position: 0 23px;
	color: #000000;
}
a.menu_u4, a.menu_u4:link{
	background-image: url(img/zan9.gif);
	width: 80px;
	height: 24px;
	display: block;
}
a.menu_u4:hover {
	background-position: 0 23px;
	color: #000000;
}
a.menu_u5, a.menu_u5:link{
	background-image: url(img/hatoroda.gif);
	width: 122px;
	height: 24px;
	display: block;
}
a.menu_u5:hover {
	background-position: 0 23px;
	color: #000000;
}
a.menu_u6, a.menu_u6:link{
	background-image: url(img/wm.gif);
	width: 60px;
	height: 24px;
	display: block;
}
a.menu_u6:hover {
	background-position: 0 23px;
	color: #000000;
}