@charset "shift_jis";
/* ========================================================================== */
/*                                                                            */
/*   ひよこみNet CSS          -HIYOKOMI Net CSS-                              */
/*                                                                            */
/*                            Author   :  蒼風みくも (Mikumo Aokaze)          */
/*                            WebSite  :  http: //hiyokomi.net/               */
/*                                                                            */
/* ========================================================================== */


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
 *                                                   *
 *  スタイルのリセット                               *
 *                                                   *
 *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

@import url("yui_reset.css");
@import url("yui_fonts.css");



/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
 *                                                   *
 *  全体要素                                         *
 *                                                   *
 *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/*=====================================*
 *  html/body
 *=====================================*/

html {
	min-height: 100%;
	background: #FEF9E2 url(back.gif) repeat 0% 0%;
}

body {
	padding: 20px 0px 25px 0px;
	color: #202030;
}

/*=====================================*
 *  リンク
 *=====================================*/

a:link {
	color: #0000E0;
}
a:visited {
	color: #A010B0;
}
a:active {
	color: #008888;
}
a:hover {
	color: #008888;
}


/*=====================================*
 *  強調
 *=====================================*/

em {
	font-style: normal;
	font-weight: bold;
	color: #CC3060;
}
small {
	font-weight: normal;
	font-size: 93%;
}



/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
 *                                                   *
 *  ヘッダーブロック                                 *
 *                                                   *
 *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/*=====================================*
 *  ヘッダ
 *=====================================*/

div#header {
	position: relative;
	width: 56em;
	margin: 0px auto;
	background: #FFFFFF;
	border-top: 30px solid #F4A460;
	font-size: 108%;
}

h1 {
	border-bottom: 2px dashed #CC9966;
	margin: 0px 1em;
	padding: 5px 0px 5px 1em;
}

div#header p{
	position: absolute;
	bottom: 10px;
	right: 1.2em;
	color: #555555;
	font-size: 85%;
	line-height: 1.5;
}



/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
 *                                                   *
 *  コンテンツブロック                               *
 *                                                   *
 *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/*=====================================*
 *  コンテンツ全体
 *=====================================*/

div#content {
	overflow: hidden;
	clear: both;
	width: 56em;
	margin: 0px auto;
	padding: 20px 0px 40px 0px;
	background: #FFFFFF;
	font-size: 108%;
	letter-spacing: 0.1em;
}


/*=====================================*
 *  カテゴリリスト
 *=====================================*/

div.category {
	float: left;
	margin: 10px 0.5em 0px 2.5em;
	padding: 0px;
}

h2 {
	padding: 5px 0px 6px 1em;
	border-width: 0.15em 0.15em 0px 0.15em;
	border-style: solid;
	color: #FFFFFF;
	font-weight:bold;
}

div.category dl {
	border-width: 0px 0.15em 0.15em 0.15em;
	border-style: solid;
	padding: 25px 0px 5px 1em;
}

div.category dt {
	padding: 5px 0px 5px 25px;
	letter-spacing: 0.1em;
	font-weight: bold;
}

div.category dd{
	font-size: 93%;
	margin: 5px 0px 25px 0px;
	line-height: 1.4;
}


/*=====================================*
 *  カテゴリ別設定
 *=====================================*/

/*---------------------------*
 *  二次創作
 *---------------------------*/
div.category#work {
	width: 26em;
}

div.category#work h2 {
	background: #55BB66;
	border-color: #55BB66;
}

div.category#work dl {
	border-color: #55BB66;
}

div.category#work dt {
	background: url(listmark_1.gif) no-repeat 0px 50%;
	font-size: 108%;
}

div.category#work dd {
	margin-left: 4em;
}

/*---------------------------*
 *  ツール系
 *---------------------------*/
div.category#tool {
	width: 22em;
}

div.category#tool h2 {
	background: #5599CC;
	border-color: #5599CC;
}

div.category#tool dl {
	border-color: #5599CC;
}

div.category#tool dt {
	background: url(listmark_2.gif) no-repeat 0px 50%;
	padding-left: 22px;
}

div.category#tool dd {
	margin-left: 23px;
}



/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
 *                                                   *
 *  フッターブロック                                 *
 *                                                   *
 *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/*=====================================*
 *  フッター
 *=====================================*/
div#footer {
	clear: both;
	width: 56em;
	margin: 0px auto;
	border-bottom: 30px solid #F4A460;
	background: #FFFFFF;
	font-size: 108%;
}

div#footer p {
	border-top: 2px dashed #CC9966;
	margin: 0px 1em;
	padding: 10px 0px 10px 0px;
	font-size: 85%;
	text-align: right;
}



/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
 *                                                   *
 *  IE6用スタイル                                    *
 *                                                   *
 *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/*=====================================*
 *  カテゴリリスト
 *=====================================*/

* html body div.category {
	float: left;
	margin: 10px 0em 0px 1.5em;
	padding: 0px;
}