@charset "Shift_JIS";

/* index.html用 */
h1 {
	font-size: 0.8em;
	font-weight:bold;
	text-align:right;
}

h2{
	text-align:right;
}

/* ヘッダー */

#navi {
	float:left;
	height:40px;
	padding:28px 0 0 15px;
}

#navi ul li {
	list-style-type:none;
	float:left;
}

#navi ul {
	width:400px;
	height:40px;
}

#navi ul li a{
	display: block;
	width: 100px;
	height: 40px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	overflow:hidden;
}

#navi ul li.navi_info a{
	background: url(../img/submenu.gif) no-repeat 0px 0px;
}

#navi ul li.navi_blog a {
	background: url(../img/submenu.gif) no-repeat -100px 0px;
}

#navi ul li.navi_mail a {
	background: url(../img/submenu.gif) no-repeat -200px 0px;
}

#navi ul li.navi_clap a {
	background: url(../img/submenu.gif) no-repeat -300px 0px;
}

#navi ul li.navi_info a:active,
#navi ul li.navi_info a:focus,
#navi ul li.navi_info a:hover {
	background-position: 0px -40px;
}

#navi ul li.navi_blog a:active,
#navi ul li.navi_blog a:focus,
#navi ul li.navi_blog a:hover {
	background-position: -100px -40px;
}

#navi ul li.navi_mail a:active,
#navi ul li.navi_mail a:focus,
#navi ul li.navi_mail a:hover {
	background-position: -200px -40px;
}

#navi ul li.navi_clap a:active,
#navi ul li.navi_clap a:focus,
#navi ul li.navi_clap a:hover {
	background-position: -300px -40px;
}


/* カウンタ */
#counter {
	padding-top:10px;
	width:100px;
	float:right;
}
#total{
	color:#333333;
	font-size:1.2em;
	line-height: 1.5em;
}
#today,#yesterday{
	color:#666666;
	font-size:0.8em;
	line-height: 1.5em;
}

/* ----- インフォ ----- */
#information {
	clear:both;
	padding: 5px 10px;
	margin:0 10px;
	width: 740px;
	height:100px;
}

#message {
	float:left;
	margin-right:10px;
	width:270px;
	height:70px;
	overflow:hidden;
	padding:25px 5px 5px 5px;
	background-image:url(../img/contents_message.gif);
}

#update {
	float:left;
	width:440px;
	height:70px;
	overflow:hidden;
	padding:25px 5px 5px 5px;
	background-image:url(../img/contents_update.gif);
	background-repeat:no-repeat;
}

#detail {
	width:440px;
	height:70px;
	overflow-y:scroll;
	scrollbar-base-color: #ffffff;
	scrollbar-arrow-color: #ffffff;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-track-color: #ffffff;
}

#update dt{
	padding-left:5px;
	font-size:0.8em;
}

#update dd{
	padding-left:20px;
}

/* ---- コンテンツ ---- */
#contents {
	clear:both;
	padding: 5px 10px;
	margin:0 10px;
	width: 740px;
	height:300px;
}

#contents div {
	float:left;
	padding:200px 5px 5px 5px;
	width:167px;
	height:95px;
	overflow:hidden;
	cursor:pointer;
}

#contents1 {
	margin-right:11px;
	background-image:url(../img/contents_illust.gif);
}

#contents2 {
	margin-right:10px;
	background-image:url(../img/contents_goods.gif);
}

#contents3 {
	margin-right:11px;
	background-image:url(../img/contents_bbs.gif);
}

#contents4 {
	background-image:url(../img/contents_link.gif);
}