
body{
	background:#336699;
	margin:0;
	color:#777777;
	font-size:12px;
	line-height:1.3em;
	letter-spacing:0px;
	}

a{
	text-decoration:none;
	color:#CC9900;
	}

a:link{
	color:#0099cc;
	}
a:visited{
	color:#0099cc;
	}
a:hover {
	color:#405A6C;
	}
a:active {
	color:#333333;
	}

#contents{
	width:711px;
	background:#fff;
	margin:0 auto;
	}

h1{
	background-image:url("images/top-img.gif");
	background-repeat:no-repeat;
	width:711px;
	height:191px;
	margin:0;
	position:relative;
	}

	h1 a{
		border:none;
		display:block;
		width:120px;
		height:50px;
		position:absolute;
		top:10px;
		right:6px;
		text-indent:-999em;
		overflow:hidden;
		}

h3{
	margin:0;
	text-indent:-999em;
	overflow:hidden;
	}

h4{
	color:#336699;
	background:url("images/point.gif");
	background-repeat:no-repeat;
	background-position:0 2px;
	font-size:12px;
	margin:7px 0;
	padding:0 0 0 15px;
	}

p{
	margin:0 0 10px 15px;
	text-align:left;
	border-bottom:1px #cccccc;
	border-bottom-style:dashed;
	padding-bottom:10px;
	}

p#bot{
	margin:0 0 5px 15px;
	text-align:left;
	border:none;
	padding-bottom:5px;
	}

#main{
	width:711px;
	margin:0;
	padding:0;
	}

/*--メニューここから--*/
#menu{
	background-image:url("images/menu.gif");
	background-repeat:no-repeat;
	width:711px;
	height:29px;
	margin:0;
	position:relative;
	}

	#menu ul{
		list-style-type:none;
		margin:0;
		padding:0;
		position:absolute;
		top:0;
		left:4px;
		}

	#menu li{
		margin:0;
		padding:0;
		height:29px;
		float:left;
		font-size:1px;
		background-repeat:no-repeat;
		}

	#menu a{
		display:block;
		height:29px;
		text-indent:-999em;
		overflow:hidden;
		}

	#menu-top{
		width:56px;
		background-image:url("images/menu-top.gif");
		}
		
	#top #menu-top{
		width:56px;
		background-image:url("images/menu-top-on.gif");
		}

	#menu-profile{
		width:92px;
		background-image:url("images/menu-pro.gif");
		}

	#profile-all #menu-profile{
		width:92px;
		background-image:url("images/menu-pro-on.gif");
		}

	#menu-gallery{
		width:91px;
		background-image:url("images/menu-gal.gif");
		}

	#gallery-all #menu-gallery{
		width:91px;
		background-image:url("images/menu-gal-on.gif");
		}

	#gallery-pic #menu-gallery{
		width:91px;
		background-image:url("images/menu-gal-on.gif");
		}

	#menu-favorite{
		width:100px;
		background-image:url("images/menu-fav.gif");
		}

	#favorite-all #menu-favorite{
		width:100px;
		background-image:url("images/menu-fav-on.gif");
		}

	#menu-blog{
		width:67px;
		background-image:url("images/menu-blo.gif");
		}

	#blog-all #menu-blog{
		width:67px;
		background-image:url("images/menu-blo-on.gif");
		}
/*--メニューここまで--*/

.clear{
	border:none;
	height:1px;
	font-size:1px;
	clear:both;
	margin:0;
	padding:0;
	}

#col_left{
	float:left;
	width:484px;
	margin:0 0 7px 0;
	padding:0;
	position:relative;
	/*
	border:1px solid;
	*/
	}

#mainarea {
	font-weight:normal;
	margin:0 3px 0 14px;
	padding:3px 0 7px 0;
	border:1px solid #ccc;
	/*
	border:1px solid;
	*/
	}

#info{
	background-image:url("images/title-info.gif");
	background-repeat:no-repeat;
	width:470px;
	height:20px;
	margin:15px 0 13px 13px;
    padding:0;
	}

#info-left{
	background-image:url("images/title-info.gif");
	background-repeat:no-repeat;
	width:470px;
	height:20px;
	margin:3px 0 0 13px;
    padding:0;
	}

#gall-pic{
	width:353px;
	margin:0 auto;
	padding:10px 0 15px 0;
	text-align:center;
	overflow:hidden;
	}

	#gall-pic img{
		margin:0 0 5px 0;
		padding:7px;
		border:1px solid;
		border-color:#999999;
		}

	#gall-pic p{
		width:350px;
		margin:10px 0;
		padding:10px 0;
		overflow:hidden;
		border-top:1px #999999;
		border-top-style:dashed;
		border-bottom:1px #999999;
		border-bottom-style:dashed;
		}

#fav-picture{
	width:445px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	}

#fav-left{
	float:left;
	width:155px;
	margin:0;
	padding:0;
	overflow:hidden;
	}

	#fav-left img{
		margin:6px 8px 0px 0;
		padding:0 5px 5px 2px;
		}

#fav-com{
	color:#336699;
	float:left;
	width:140px;
	margin:0;
	padding:0 0 0 3px;
	overflow:hidden;
	text-align:right;
	}

#fav-right{
	float:right;
	width:290px;
	margin:6px 0 0 0;
	padding:0;
	overflow:hidden;
	}

	#fav-right p{
		margin:0;
		padding:0;
		border:none;
		}

#main-left{
	width:430px;
	padding:0 10px 0 10px;
	margin:0 auto;
	overflow:hidden;
	/*
	border:1px solid;
	*/
	}

	#main-left p{
		background:url("images/point.gif");
		background-repeat:no-repeat;
		background-position:0 2px;
		margin:7px 0 0 0;
		padding:0 0 10px 15px;
		text-align:left;
		border-bottom:1px #cccccc;
		border-bottom-style:dashed;
		}

#point-left{
	width:430px;
	padding:0 10px 20px 10px;
	margin:0 auto;
	overflow:hidden;
	/*
	border:1px solid;
	*/
	}

#no-point-left{
	width:430px;
	padding:0 10px 10px 10px;
	margin:0 auto;
	overflow:hidden;
	/*
	border:1px solid;
	*/
	}
#photo-left{
	width:450px;
	margin:3px auto;
	padding:5px 0 0 10px;
	overflow:hidden;
	}

		#photo-left span{
		width:90px;
		float:left;
		}

		#sorairo-date{
			width:80px;
			text-align:center;
			padding:.3em 0;
			}

#link-left{
	width:450px;
	margin:3px auto;
	padding:5px 0 0 0;
	overflow:hidden;
	}

		#link-left span{
		margin:5px auto;
		width:35px;
		float:left;
		}

#col_right{
	float:right;
	width:218px;
	margin:0;
	padding:0;
	/*
	border:1px solid;
	*/
	}

#col_right_info{
	float:right;
	width:218px;
	height:730px;
	margin:0;
	padding:0;
	/*
	border:1px solid;
	*/
	}

#counter{
	width:200px;
	margin:0;
	padding:0;
	overflow:hidden;
	text-align:right;
	}

#sora{
	background-image:url("images/sorairo.gif");
	background-repeat:no-repeat;
	width:207px;
	height:150px;
	margin:1px 0 10px 3px;
	padding:0;
	position:relative;
	}

#sora-link{
	width:80px;
	margin:0;
	padding:16px 0 0 14px;
	overflow:hidden;
	text-align:center;
	}

	#sora-link img{
		width:80px;
		margin:0 0 2px 0;
		padding:0;
		}

		#sora-link span{
			color:#fff;
			margin:0;
			padding:0;
			line-height: 1.5em;
			}

		#sora-link #photo{
			position:absolute;
			bottom:7px;
			right:15px;
			width:11px;
			height:11px;
			text-indent:-999em;
			overflow:hidden;
			}

#sorairo{
	position:relative;
	width:207px;
	margin:8px 0 10px 3px;
	padding:0;
	}

	#sorairo-t{
		background-image:url("images/box-sora.gif");
		background-repeat:no-repeat;
		position:relative;
		width:207px;
		height:39px;
		}

#face{
	position:relative;
	width:207px;
	margin:8px 0 10px 3px;
	padding:0;
	}

	#face-t{
		background-image:url("images/box-face.gif");
		background-repeat:no-repeat;
		position:relative;
		width:207px;
		height:39px;
		}

#face-m{
	width:110px;
	margin:0 auto;
	}
	
	#face-m img{
		margin:0;
		}

#non{
	position:relative;
	width:207px;
	margin:0 0 0 3px;
	padding:0;
	}

	#non-t{
		background-image:url("images/box0.gif");
		background-repeat:no-repeat;
		position:relative;
		width:207px;
		height:39px;
		}

#right-menu{
	position:relative;
	width:207px;
	margin:8px 0 0 3px;
	padding:0 0 3px 0;
	}

#w-index{
	color:#fff;
	font-weight:bold;
	margin:5px 0 0 0;
	padding:10px 0 0 20px;
	text-align:left;
	line-height: 1.5em;
	font-family:Verdana;
	}

#box-m{
	background-image:url("images/box-bg.gif");
	background-repeat:repeat-y;
	position:relative;
	width:207px;
	padding:4px 0 0 0;
	}

#box-thum{
	width:147px;
	margin:0 auto;
	border:0;
	}

		#box-thum span{
		line-height:1.5em;
		margin:0 4px 0 2px;
		border:0;
		}

#box-prof{
	width:130px;
	margin:0 0 0 30px;
	padding-bottom:4px;
	}

	#box-prof p{
		line-height:1.4em;
		background:url("images/point.gif");
		background-repeat:no-repeat;
		background-position:0 2px;
		margin:7px 0 0 0;
		padding:0 0 0 15px;
		text-align:left;
		border:none;
		}

#photo-box{
	width:100px;
	margin:0 auto;
	padding-bottom:4px;
	border:0;
	}

	#photo-box span{
		font-size:12px;
		line-height: 1.5em;
		background:url("images/point.gif");
		background-repeat:no-repeat;
		background-position:0 1px;
		margin:8px 0;
		padding:0 0 2px 15px;
		}

#box-copy{
	width:150px;
	margin:0 auto;
	}

#box-copy img{
	float:right;
	width:80px;
	margin:5px 2px 0 5px;
	}

#clap{
	width:207px;
	margin:0;
	padding:0;
	overflow:hidden;
	}

	#clap INPUT{
		float:left;
		width:43px;
		margin:5px 5px 5px 21px;
		padding:0;
		}
	
	#clap #coment{
		float:right;
		width:115px;
		margin:0 21px 0 0;
		padding:0;
		}

#non-tinfo{
	background-image:url("images/box-infot.gif");
	background-repeat:no-repeat;
	position:relative;
	width:207px;
	height:39px;
	}

#box-info{
	background-image:url("images/box-info.gif");
	background-repeat:repeat-y;
	position:relative;
	width:207px;
	padding:4px 0 0 0;
	}

#box-binfo{
	background-image:url("images/box-infob.gif") ;
	background-repeat:no-repeat;
	color:white;
	position:relative;
	right:0;
	width:207px;
	height:32px;
	}

#mail{
	height:1em;
	margin-top:20px;
	margin-bottom:1em;
	}

#bana31{
	width:155px;
	margin:0 auto 10px auto;
	padding:0;
	overflow:hidden;
	}

	#bana31 img{
		float:left;
		width:31px;
		margin:0;
		padding:0;
		}

#bana88{
	width:155px;
	margin:0 auto;
	padding:0 0 6px 0;
	overflow:hidden;
	}

	#bana88 img{
		float:left;
		width:88px;
		margin:0;
		padding:0;
		}

#rectangle{
	width:120px;
	margin:0 auto;
	padding:0 0 6px 0;
	overflow:hidden;
	}

	#rectangle img{
		float:left;
		width:120px;
		margin:0;
		padding:0;
		}

#bana-coment{
	float:right;
	width:60px;
	margin:8px 0 0 0;
	padding:0;
	}

#box-b{
	background-image:url("images/box-bottom.gif") ;
	background-repeat:no-repeat;
	color:white;
	position:relative;
	right:0;
	width:207px;
	height:32px;
	}
		
		#box-b span{
			font-size:11px;
			margin:0 auto;
			padding:10px 0 0 0;
			display:block;
			width:140px;
			text-align:center;
			}

#pan{
	background:#eeeeee;
	color:#888888;
	font-size:11px;
	text-align:left;
	margin:11px 0 0 15px;
	padding:3px 0 3px 10px;
	}

#day{
	text-align:right;
	margin:0px;
	}

#more{
	background:#eeeeee;
	text-align:right;
	padding:2px 6px;
	margin:20px 0 0 3px;
	line-height:1.3em;
	font-family:Arial, Helvetica, sans-serif;
	}

	#more a{
		background:url("images/point.gif");
		background-repeat:no-repeat;
		background-position:0 2px;
		margin:7px 0 0 0;
		padding:0 0 0px 15px;
		text-align:left;
		border:none;
		}
#cc{
	margin:0 0 10px 15px;
	text-align:left;
	border-bottom:1px #cccccc;
	border-bottom-style:dashed;
	padding-bottom:10px;
	}

#cc img{
	float:left;
	margin:0 5px 3px 0;
	padding:0;
	}

#up{
	background:#eeeeee;
	color:#888888;
	text-align:right;
	margin:13px 2px 0 15px;
	padding:3px 10px 3px 0;
	font-family:Arial, Helvetica, sans-serif;
	}

	#up a{
		background:url("images/up.gif");
		background-repeat:no-repeat;
		background-position:0 2px;
		margin:7px 0 0 0;
		padding:0 0 0px 15px;
		text-align:right;
		border:none;
		}

#foot{
	background-image:url("images/foot.gif");
	background-repeat:no-repeat;
	color:#ffffff;
	width:711px;
	height:60px;
	margin-top:0;
	position:relative;
	}

	#foot span{
		color:#ffffff;
		border:none;
		display:block;
		width:240px;
		height:18px;
		position:absolute;
		bottom:13px;
		right:8px;
		overflow:hidden;
		}

trigger#activate {
			background-image:url(clap-b.gif);
			background-repeat:none;
			}