@charset "shift-jis";

/*///////////////////////////////////////////////////////////////////////////*/
/** Basic HTML Elements **/

*
{
	margin: 0em;
	padding: 0em;
	font-family: Verdana,"ヒラギノ角ゴ Pro W6",Tahoma,"MS UI Gothic",Osaka;
	font-size:1em;
	font-weight:inherit;
	font-style:inherit;
	text-decoration:inherit;
}

/*////////////////////////////////////*/
/** Body **/

body
{
	font-size:80%;
	line-height:1.6em;
	color: #333333;
	background-color: #FFFFFF;
}

/*///////////////////////////////////*/
/** Anchor **/

a:link, a:visited {
	color:#336699;
	text-decoration:none;
}
a:active, a:hover {
	color:#FF0000;
	text-decoration:underline;
}
a[name]:link, a[name]:visited, a[name]:active, a[name]:hover
{
	color:inherit;
	text-decoration:inherit;
}

/*///////////////////////////////////*/
/** Img **/

img
{
	vertical-align: middle;
	border-style:none;
}

/*///////////////////////////////////*/
/** Headings **/

h1, h2, h3, h4, h5, h6,
.sidetitle /* for livedoorBlog */, #side .calendarhead /* for livedoorBlog */
{
	font-weight:bold;
}
h2, h3, h4, h5, h6,
.sidetitle /* for livedoorBlog */, #side .calendarhead /* for livedoorBlog */
{
	color:#333333;
	font-size:1em;
	margin-top:2.5em;
	margin-bottom:1em;
	padding:0.3em;
	background:#EAEAEA url(h_bg.gif) repeat-x;
	border:1px solid #CCC;
}

h1
{
	height:2em;
	margin:0em;
	padding-top:0.5em;
	padding-left:1em;
	font-size:1.8em;
	color:#030;
	border-bottom:1px solid #9C9;
	background:#F0F7F0 url(h1_bg.gif) repeat-x;
}
h2,
.sidetitle /* for livedoorBlog */, #side .calendarhead /* for livedoorBlog */
{
	margin-top:3em;
	padding-left:0.5em;
	font-size:1.2em;
	border-left-width:10px;
}
h3
{
	margin-left:5px;
	padding-left:0.5em;
	border-left-width:5px;
}
h4
{
	margin-left:8px;
	padding-left:0.5em;
	border-left-width:2px;
}
h5
{
	margin-left:10px;
	padding-left:0.6em;
}
h6
{
	margin-left:10px;
	padding-left:0.7em;
	border:1px dashed #CCC;
}

h2 + h3, h3 + h4, h4 + h5, h5 + h6
{
	margin-top:1em;
}

/*///////////////////////////////////*/
/** Block Elements **/

p, dl, ol, ul, pre, blockquote, address, table,
#side .side /* for livedoorBlog */, #side .calbody /* for livedoorBlog */
{
	margin:1em 1em 1.5em 3em;
}

p,
#side .side /* for livedoorBlog */, #side .calbody /* for livedoorBlog */
{
	margin-left:2em;
}

ol, ul
{
	list-style-position: inside;
	padding-left:2em;
	margin-left:0em;
}

dt
{
	margin-left:0em;
}

dd
{
	margin:1em 0em 2em 2.2em;
}

dd > ul, dd > ol
{
	margin:0em;
}

pre, .simple-block
{
	padding:1em;
	border:1px solid #999;
}

pre
{
	overflow:auto;
}

blockquote
{
	padding:1em;
	border:1px dashed #999;
}

address
{
	font-style:normal;
}

del
{
	text-decoration:line-through;
}

/*///////////////////////////////////*/
/** Table **/

table
{
	padding:0em;
	border:1px solid #999;
	border-collapse: collapse;
}

td
{
	padding:0.5em;
	border:1px solid #999;
}

/*///////////////////////////////////*/
/** Horizontal rule **/

hr
{
	border:1px solid #DDD;
}

/*///////////////////////////////////*/
/** Inline Elements **/

em
{
	font-style: italic;
}

strong
{
	font-weight: bold;
}

code
{
}

samp
{
}

var
{
}

cite
{
}

abbr, acronym
{
	border:1px dashed;
}

/*///////////////////////////////////////////////////////////////////////////*/
/** Other General Styles **/

/** Header **/

#header
{
	width:100%;
	position:relative;
}

#logo
{
	height:50px;
	font-size:0em;
	line-height:0em;
	background:#036 url(header_bg.gif) repeat-x;
}

#navigation
{
	height:2em;
	margin:0em;
	padding-top:0.4em;
	text-align:center;
	background:#EAEAEA url(navigator_bg.gif) repeat-x;
}
#navigation li
{
	list-style-type:none;
	display:inline;
}
#navigation li a:link, #navigation li a:visited
{
	padding:0em 1em 0em 1em;
	font-size:1.2em;
	color:#000;
	text-decoration:none;
}
#navigation li a:hover, #navigation II a:active
{
	text-decoration:underline;
}

#crumb
{
	/** #headerの右下に寄せる **/
	position:absolute;
	right:0em;
	bottom:0em;
	padding:0.5em;
	font-size:1em;
	text-align:right;
}

/*///////////////////////////////////*/
/** Main **/

#main
{
	/** #side用 **/
	position:relative;
	top:0em;
	/** 余白 **/
	padding:1em 1.5em 0em 1.5em;
	/** 上部（h1下）の影 **/
	background:#FFF url(main_bg.gif) repeat-x;
}

#contents
{
	/** 右マージンを設定することで、右サイドとの余白を作る **/
	margin-right:1.5em;
	/** 右サイド用の余白260px **/
	padding-right:260px;
}

#side
{
	/** バナーとかを貼るので260px固定 **/
	width:260px;
	/** #mainの右上に寄せる **/
	position:absolute;
	top:1.5em;
	right:1.5em;
}
#side h2,
#side .sidetitle /* for livedoorBlog */, #side .calendarhead /* for livedoorBlog */
{
	/** サイドの見出しは緑 **/
	font-size:1em;
	color:#363;
	border-color:#9C9;
}
#side p,
#side .side /* for livedoorBlog */, #side .calbody /* for livedoorBlog */
{
	font-size:0.9em;
}

/*///////////////////////////////////*/
/** Footer **/

#footer
{
	margin-top:1.5em;
	padding:0.5em;
	border:1px solid #CCC;
	background:#EAEAEA url(information_bg.gif) repeat-x;
}
#footer address
{
	text-align:center;
}

#copyright
{
	text-align:center;
}

/*///////////////////////////////////////////////////////////////////////////*/
/** Classes **/

.link-list, .text-list
{
	margin-left:-1em;
	list-style-type:none;
}
.link-list li, .text-list li
{
	margin-bottom:1em;
}

/*///////////////////////////////////*/

.readmore
{
	padding-top:0.3em;
	padding-right:1em;
	text-align:right;
	border-top:1px solid #DDD;
}

/*///////////////////////////////////*/

div.banner
{
	margin-top:1em;
	margin-bottom:1em;
	text-align:center;
}

/*///////////////////////////////////*/

div.fileLink
{
	margin:1em 1em 1em 3em;
}