@font-face {
   font-family: 'mikachan';
   src: url("mikachan.eot");
   src: local("みかちゃん_o"), local("mikachan_o"),
   		local("みかちゃん"), local("mikachan"),
   		url("mikachan.otf") format("opentype");
}


/*
Resetting Again
Resets default browser styling
http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	/*font:13px/1.231 arial,helvetica,clean,sans-serif;*/
	font-size: 13px;
	line-height: 1.231;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea {
	/*font:99% arial,helvetica,clean,sans-serif;*/
	font-size: 99%;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	/*font-family:monospace;*/
	*font-size:108%;
	line-height:100%;
}

/* STRUCTURE */

/* 1: GLOBAL --------------------------------------------------------------- */

body {
	margin: 8px auto;
	width: 950px;
}

/* 2: LAYOUT SETS ---------------------------------------------------------- */

/* SIDEBAR */

dl {
	float: left;
	width: 230px;
	color: #000000;
	background: inherit;
	min-height: 400px;
	_height: 400px;
	text-align: right;
}

dl dt {
	margin: 24px 0 0 16px;
	padding: 0;
	border-bottom: 2px dotted #333333;
	font-size: 197%;
}

dl dd {
	margin: 0 0 1em 16px;
	padding: 1em 1em 0 0;
}

dl dd ol,
dl dd ul {
	margin: 0;
	padding: 0;
	width: 100%;
	color: #333333;
	text-align: right;
}

dl dd ol li,
dl dd ul li {
	margin: 0;
	display: block;
	list-style-type: none;
	color: #333333;
	font-size: 161.6%;
}

/* FOOTER */

ol {
	padding: 1em 0;
	clear: both;
	width: 100%;
	color: #333333;
	/*background-color: #ffffff;*/
	text-align: center;
}

ol li {
	margin: 0 8px 0 0;
	display: inline;
}


/* 3: HEADER --------------------------------------------------------------- */


/* 4: BREADCRUMBS LIST ----------------------------------------------------- */

ul li,
ul ul,
ul li ul li {
	display: inline;
}


/* 5: CONTENT -------------------------------------------------------------- */


/* 6: FORM STYLE ----------------------------------------------------------- */


/* 7: FOOTER --------------------------------------------------------------- */


/* EDITORIAL */

html {
	color: #333333;
	background-color: #ffffff;
	background-image: url(graphics/bg.jpg);
	background-repeat: repeat;
	background-position: center top;
	font-family: mikachan;
	/*font-family: WebFont;*/
	/*font-family: 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', Meiryo, 'メイリオ', serif;*/
}

body {
	font-family: mikachan;
}

a,
a:link,
a:visited {
	border-bottom: 1px dotted #333333;
	color: #333333;
	background: inherit;
	text-decoration: underline;
}

a:hover,
a:active {
	border-bottom: 2px solid #FF00FF;
	color: #333333;
	background: inherit;
	text-decoration: underline;
}

em {

}

strong {

}


/* 2: LAYOUT SETS ---------------------------------------------------------- */

/*dl dd ol li {
	list-style-type: none;
}

dl dd ul li {
	list-style-type: none;
}

dl dd ul li a:hover {
	border-bottom: 1px dotted #FF0000;
}*/


/* 3: HEADER --------------------------------------------------------------- */

h1 {
	padding-top: 1em;
	padding-bottom: 40px;
	color: #ffffff;
	font-weight: bold;
	font-size: 369%;
	text-align: center;
	text-shadow: 4px 5px 6px #333333;
}

/* 4: BREADCRUMBS LIST ----------------------------------------------------- */

ul {
	margin-top: 24px;
	margin-bottom: 16px;
	margin-left: 230px;
	padding-left: 16px;
}

ul li ul {
	margin: 0;
	padding: 0;
}

ul li ul li a {
	margin-left: 1em;
}

ul li ul li {
	padding-left: 2em;
	background-image: url(graphics/sankaku-003-02-b.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

ul li a:hover,
ul li ul li a:hover {
	border: none;
}


/* 5: CONTENT -------------------------------------------------------------- */

h2 {
	/*margin-top: 24px;*/
	/*margin-bottom: 16px;*/
	margin-left: 230px;
	padding-left: 48px;
	/*border-left: 1px solid #333333;*/
	color: #ffffff;
	background-image: url(graphics/entrytitle.gif);
	background-position: 16px center;
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 138.5%;
	text-shadow: 0 0 24px #222222;
}

h2:after {
	margin-left: 0.6em;
	padding-right: 1em;
	content: ".";
	color: #ff0000;
	background-image: url(graphics/161.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
}

h3 {
	margin-bottom: 16px;
	margin-left: 230px;
	padding-left: 16px;
	border-left: 1px solid #333333;
	font-size: 123.1%;
}

h4 {
	margin-bottom: 16px;
	margin-left: 230px;
	padding-left: 16px;
	border-left: 1px solid #333333;
	font-weight: bold;
}

h5 {

}

h6 {

}

p {
	margin-left: 230px;
	padding: 1em 0 1em 16px;
	/*border-left: 1px solid #333333;*/
	font-size: 108%;
}

/* 6: FORM STYLE ----------------------------------------------------------- */


/* 7: FOOTER --------------------------------------------------------------- */

ol li a,
ol li a:link,
ol li a:visited {
	border-bottom: 1px dotted #333333;
	color: #333333;
	text-decoration: none;
}

ol li a:hover,
ol li a:active {
	border-bottom: 1px dotted #ff00ff;
	text-decoration: underline;
}