@charset "utf-8";
/***** トップページ用 *************************************/

@import "default.css";

/***** ヘッダ *********************************************/
.header
{
	margin:0;
}
.header p
{
	margin-top:30px;
}
.header form p
{
	font-size:90%;
	margin:5px 0 0;
}
.header img
{
	float:right;
	max-width:100%;
	width:400px;
	height:auto;
	margin:-25px 0 30px 15px;
}
.body
{
	clear:both;
	margin:0;
}
/***** コンテンツ *****************************************/
#MENU1
{
	float:left;
	width:30%;
}
#MENU2
{
	float:right;
	width:30%;
}
#CONTENTS h2
{
	display:none;
}
#CONTENTS dl
{
	list-style:none none;
	margin:10px 0;
	padding:0;
	min-width:10em;
}
#CONTENTS dt
{
	background:#bdf url("/img/css/top-dt-right.png") center right repeat-y;
	font-variant:small-caps;
	letter-spacing:2px;
}
#MENU2 dt
{
	text-align:left;
}
#MENU1 dt
{
	display:block;
	text-align:right;
}
#CONTENTS dd
{
	display:none;
}
#CONTENTS dt a
{
	background:transparent url("/img/css/top-dt-left.png") center left repeat-y;
	display:block;
	font-size:90%;
	font-weight:bold;
	padding:8px 30px;
	text-decoration:none;
}
#MENU2 a:before
{
	color:#012;
	content:"★";
	font-size:115%;
	margin:0 5px 0 0;
}
#MENU1 a:after
{
	color:#012;
	content:"★";
	font-size:115%;
	margin:0 0 0 5px;
}
#MENU1 a:hover:after,
#MENU2 a:hover:before
{
	color:#09c;
}
#MENU1 a[hreflang]:before,
#MENU2 a[hreflang]:after
{
	content:" [" attr(hreflang) "]";
	font-size:80%;
	font-variant:normal;
	letter-spacing:0;
	margin:0 5px;
}
#CONTENTS dt a:hover
{
	color:#f30;
	text-shadow:0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white;
}

.menu-about,
.menu-blog,
.menu-flash
{
	margin:0.6em 0 0.6em 20px;
}
.menu-history,
.menu-twitter
{
	margin:0.6em 16px 0.6em 4px;
}
.menu-tkool,
.menu-software
{
	margin:0.6em 4px 0.6em 16px;
}
.menu-profile,
.menu-forum,
.menu-werewolf
{
	margin:0.6em 20px 0.6em 0;
}

/***** 更新状況 *******************************************/
#HISTORY
{
	margin:0 30% 15px;
	min-width:10em;
}
#HISTORY h2
{
	border-style:double double;
	border-width:3px 3px 0;
	margin:0 15px;
	padding:3px;
	text-align:center;
}
#HISTORY h2:before,
#HISTORY h2:after
{
	content:"◆";
	font-size:80%;
	margin:0 10px;
	vertical-align:text-top;
}
#HISTORY dl
{
	border-color:#69c;
	border-style:double;
	border-width:0 3px 3px;
	font-size:80%;
	margin:0 15px;
	padding:3px;
}
#HISTORY dt
{
	border-color:#9cf;
	border-style:dashed;
	border-width:1px 0 0;
	font-weight:bold;
}
#HISTORY ul
{
	list-style:none none;
	margin:0;
	padding:0;
}

/***** サイト内檢索 ***************************************/
#GOOGLE
{
	margin:0 30%;
	text-align:center;
}
#KEYWORD
{
	max-width:15em;
	width:90%;
}
#GOOGLE fieldset
{
	border-color:#69c;
	border-style:solid;
	border-width:1px;
	font-size:90%;
	margin:0 15px;
	padding:8px 10px;
}
.search-range
{
	list-style:none none;
	margin:5px 0;
	padding:0;
}
.search-range li
{
	display:inline;
	margin:0 5px;
	padding:0;
}

/***** 一言コメント ***************************************/
#COMMENT
{
	text-align:center;
}
#COMMENT dl,
#COMMENT dt,
#COMMENT dd,
#GOOGLE dl,
#GOOGLE dt,
#GOOGLE dd,
.control-buttons,
.control-buttons li
{
	display:inline;
	list-style:none none;
	margin:0;
	padding:0;
}
#COMMENT dt,
#GOOGLE dt
{
	display:none;
}
#MESSAGE
{
	max-width:30em;
	width:80%;
}

/**********************************************************/
#LINK_MESSAGE
{
	font-size:60%;
	margin-left:95px;
}
#LINK_MESSAGE img
{
	display:block;
	margin:0 auto;
}
#COUNTER
{
	float:left;
	margin:0;
	padding:10px 0 0;
}
/***** GetFirefox *****************************************/
.get-firefox
{
	list-style:none none;
	margin:-31px 0 0;
	padding:0;
	text-align:left;
}