*{
	margin:0;
	padding:0;
}
body{
/*	width:780px;*/
	margin:0 4%;
	background:#FFE;
}
a{
	color:#26F;
	text-decoration:none;
}
a:visited{
	color:#26F;
}
a:hover{
	text-decoration:underline;
}

/*ロゴ*/
h1{
	color:#FA4;
	font-size:2em;
	text-align:left;
	float:left;
height:80px;
}
img{
	border:none;
}

.cm1{/*広告スペース*/
	width:468px;
	height:60px;
	margin-top:8px;
	float:right;
}

/*トップメニュー*/
#topmenu{
	font-size:80%;
	clear:both;
	background:url(./img/menuback.gif) repeat-x #FB6;
	border-top:solid 1px #FDB;
	border-bottom:solid 1px #EB7;
	border-left:solid 1px #FEC;
	border-right:solid 1px #FEC;
	list-style:none;
	padding:1px 1em;
height:1.5em;
}
#topmenu li{
float:left;
background:url(./img/menuback.gif) repeat-x #FB6;
}

#welcome{
	clear:both;
	float:left;
}
#help{
	float:right;
	font-size:80%;
}
#headerbottom{
	clear:both;
	width:100%;
	margin-bottom:0.5em;
}
.note{
	font-size:70%;
}
.point{/*ポイント表示*/
	font-size:120%;
	font-weight:bold;
	color:#00F;
}
#pagebottom{/*「ホームページへ」上の水平線*/
	clear:both;
	width:100%;
}
.errmes{
	color:#FFF;
	background:#F00;
	font-weight:bold;
	margin:0;
	padding-left:1em;
}

/*トップナビゲーション吹き出し*/
#topnavi{
	margin-bottom:1em;
	background:url(./img/balloon2.gif) no-repeat;
}
#topnavi img{
	float:left;
}
#topnavi #topballoon{
	margin-left:84px;
	background:#DDD;
	background:url(./img/Balloon_BottomRight.gif) no-repeat bottom right;
	height:100%;/*IE6対策*/
}
#topnavi h2{
	color:#630;
	border-top:solid 1px #888;
	padding:0;
	background:#FFF;
}
#topnavi h2 img{
	float:none;
}
#topnavi .errmes{
	color:#F00;
	background:#FFF;
}
#topnavi .attention{
	font-weight:bold;
}
#topnavi #topballoon #balloon_head{
	background:url(./img/Balloon_TopRight.gif) no-repeat top right;
	margin-left:24px;
	padding-right:24px;
}
#topnavi #topballoon #balloon_body{
	background:url(./img/Balloon_BottomLeft.gif) no-repeat bottom left;
}
#topnavi #topballoon #balloon_body p{
	padding-left:2em;
	border-left:solid 1px #888;
	border-right:solid 1px #888;
	background:#FFF;
}
#topnavi #topballoon #balloon_body #balloon_bottom{
	border:none;
	border-bottom:solid 1px #888;
	margin-left:1em;
	padding-left:1em;
	margin-right:24px;
}

/*==== 主にindex.php用 help ====*/
/*--メニュー--*/
#menu{
	width:240px;
	margin-bottom:1em;
	float:left;
}
#menu h2{
	padding-left:18px;
	background:url(./img/mark.gif) no-repeat #FB6 left 2px;
}
.menu1{
	border:solid 1px #FA4;
	margin-bottom:1em;
	background:#FEC;
}
.menu1 h2{
	font-size:1em;
	color:#630;
	border-bottom:solid 1px #D82;
	padding:0.1em 0.3em;
}
#magazine{
clear:both;
	min-height:68px;
	_height:68px;/*IE6対策*/
}
#magazine img{
	float:left;
	margin:1em 1em 0 0;
}
.menu1 h3{
	font-size:1em;
	margin:0 1em;
	color:#E00;
}
.menu1 h3 a{
	text-decoration:underline;
	color:#030;
}
.menu1 p{
	font-size:80%;
	margin-left:1em;
}
#menu .button{
	text-align:center;
	list-style:none;
	margin-bottom:1em;
}
#menu .button a{
height:100%;/*IE6対策*/
	padding:0.4em;
	display:block;
	background:#FB6 url(./img/buttonback.gif) repeat-x;
	border-top:solid 3px #FEC;
	border-bottom:solid 3px #EB7;
	border-left:solid 3px #FEC;
	border-right:solid 3px #DB8;
	text-decoration:none;
}
#menu .button a:hover{
	position:relative;
	top:-1px;
	left:-1px;
}
#menu .button a:active{
	position:relative;
	top:1px;
	left:1px;
}
#menu .button .help{
	padding:0;
	font-size:80%;
margin-bottom:1em;
}
#menu #registed li{
	float:left;
	width:50%;
}

#menu #newsmenu{/*過去のNEWS*/
	list-style:none;
	margin-left:24px;
	font-size:1.5em;
}

/*--サイド広告バナー--*/
#menu .ad_side2{
	text-align:center;
}
#menu #ad_side{
	text-align:center;
	margin-bottom:1em;
}
#menu .menu_ad{/*menu部のAdSense(product,mypage)*/
	background:#FFF;
	padding:0 20px;
}

.ranking{
	background:#FFF;
	margin-top:1em;
	border:solid 2px #FA4;
}
.ranking h2{
	color:#630;
	background:#FC8;
	border-bottom:solid 1px #DB7;
	font-size:1em;
	padding:0.1em 0.3em;
}
.ranking h3{
	font-size:90%;
	font-weight:normal;
}
.ranking p{
	font-size:80%;
	margin-left:1em;
}
.ranking .mychar{
	float:left;
}
.ranking .No1{
	min-height:48px;
	border:dotted 2px #F8C;
	background:#FFE;
}
.ranking .No1 h3{
	font-weight:bold;
}
.ranking .No1 .rank{
	color:#E80;
	text-decoration:underline;
}
.ranking .No1 p{
	margin-left:48px;
}

/*--メイン--*/
#main{
	margin-bottom:1em;
	margin-left:260px;
}
#news{
	margin-bottom:1em;
	background:#FFF;
	border:solid 1px #FD8;	
}
#news h2{
	font-size:1em;
	margin-bottom:1em;
	background:url(./img/indexnews.gif) no-repeat left center #FEC;
	border-bottom:solid 1px #DB7;
	padding:0.1em 20px;
	color:#630;
}
#news h3{
	border-left:solid 6px;
	border-bottom:solid 1px;
	margin:1em 1em 0;
	padding-left:0.5em;
	font-size:1em;
	color:#630;
}
#news h3 .date{
	font-size:80%;
	font-weight:normal;
}
#news p{
	margin-left:2em;
	margin-right:1em;
	font-size:90%;
}
#news .notice a{
	color:#E66;
}
#news #more{
	margin-right:2em;
	text-align:right;
}
/*作品一覧*/
#latest{
	background:#FFF;
	border:solid 5px #DB8;
	border:solid 5px #A62;
	margin-bottom:10px;
}
#latest h2{
	height:36px;
	background:url(./img/indexbg.gif) repeat-x #DB9;
	padding:0;
	border-top:solid 1px #A84;
	border-right:solid 1px #FDA;
	border-bottom:solid 1px #A84;
}

#latest p{
	margin-left:1em;
}

#latest .rss{
	float:right;
	margin:2px;
	font-size:10px;
}
#latest .rss span{
	padding:0 4px;
	vertical-align:top;
	color:#F80;
}

#tag{/*マイページも*/
	margin:2px 0 4px;
	padding-left:4px;
	height:24px;
	background:url(./img/tagbg.gif) repeat-x #FFF;
}
#tag li{
	display:inline;
}

#latest .item{
	margin:0 1em;
	padding:0.5em 0;
	min-height:52px;
	color:#222;
	border-top:dashed 1px #000;
}
#latest h3{
	font-size:1em;
	margin-left:64px;
}
#latest .item p{
	margin-left:64px;
	font-size:80%;
}
#latest .item .image{
	margin-left:0;
	float:left;
}

.pagelink{
	border-top:solid 1px;
	text-align:center;
	margin:0 1em;
}
.thumb{
	float:right;
	margin:1px;
}

/*--フッタ--*/
#footer{
	clear:both;
	width:100%;
}

/*==== product.php,post.php作品表示 ====*/
.product{
overflow-x:hidden;/*IE6用*/
width:99%;/*IE6用*/
	border-left:solid 2px #888;
	border-top:solid 2px #BBB;
	border-right:solid 2px #EEE;
	border-bottom:solid 2px #DDD;
	background:#FFF;
}
.product img,.product object{
	display:block;
	margin:0 auto;
text-align:center;/*IE6用*/
}
.product img{
	width:100%;
	height:auto;
}
.product p{
	padding:1em;
}