@charset "utf-8";

* {
	margin		: 0;
	padding		: 0;
	font-family: "Helvetica Neue", Arial, "Noto Sans JP", sans-serif;;
}

body {
	padding		: 1rem auto;
	margin		: 0;
	background-image: url('/images/bgnd.gif');
	background-repeat: repeat-x;  
	background-attachment: fixed;
	background-position :left top;
	font-size	: 16px;
	color		: #666;
}


/**********************************
	Page's Container.
**********************************/
#container {
	background-color: #F5F5F5;
	border-radius: 0.5rem;
	max-width	: 700px;
	margin		: 0 auto;
}


/**********************************
	Header
**********************************/
header {
	padding		: 1rem 0;
	height		: 3rem;
}
h1 {
	color		: #5595FF;
	font-size	: 2rem;
	font-family	: 'HG創英角ﾎﾟｯﾌﾟ体';
	letter-spacing	: 1px;
	text-align	: left;
	padding		: 2px 15px;
	margin		: 0px 0px 0px 27px;
	float		: left;
}
h1 a, h1 a:hover,
h1 a:active, h1 a:visited {
	text-decoration	: none;
	color		: #5595FF;
}
header img {
	border		: none;
	margin		: 0px 10px 0px 7px;
}
header div {
	color		: #999999;
	font-size	: 11px;
	letter-spacing	: 1px;
	font-weight	: normal;
	text-align	: right;
	float		: right;
	margin		: 0;
	padding		: 10px 15px;
}
header div a {
	text-decoration	: none;
	color		: #888888;
}
header div a:hover {
	color		: #444444;
}
header div img {
	border		: none;
	vertical-align	: middle;
	width		: 15px;
	height		: 15px;
}


/**********************************
	Main Body
**********************************/
#contents {
	margin		: 0 2rem;
	padding		: 0 0 0.5rem 0;
	border-left	: solid #95D5FF 1px;
	border-bottom	: solid #95D5FF 1px;
	border-right	: solid #95D5FF 1px;
	border-radius	: 0 0 0.5rem 0.5rem;
}
#contents h2 {
	border-top	: solid #66AAFF 4px;
	border-bottom	: solid #66AAFF 4px;
	background-color: #95D5FF;
	color		: #FFFFFF;
	padding		: 0.3rem 1rem;
	font-size	: 1.5rem;
	margin		: 0 0 0.5rem 0;
}
#contents h3 {
	border-top	: solid #7FB8FF 3px;
	border-bottom	: solid #7FB8FF 3px;
	background-color: #BFE6FF;
	margin		: 1rem 1rem 0.5rem 1rem;
	padding		: 0rem 1rem;
	font-size	: 1.2rem;
}
#contents p,
#contents ul,
#contents ol,
#contents dl {
	margin		: 0.5rem 1rem;
	line-height	: 1.3rem;
}
#contents a {
	color		: #5055B4;
}
#contents a:hover {
	color		: #7A7EC6;
}
#contents #navi {
	margin		: 1.5rem 0 0 0;
	text-align	: center;
}
#contents .b {
	font-weight	: bold;
}

/**********************************
	.code	Code.
**********************************/
.code {
	border		: solid #555 1px;
	margin		: 0.5rem 1rem;
	padding		: 0.2rem 0.5rem;
	color		: #333;
	font-family	: 'ＭＳ ゴシック';
}
.code .b {
	color		: blue;
}
.code .g {
	color		: green;
}
.code .r {
	color		: #A31515;
}


/**********************************
	Footer
**********************************/
footer {
	margin		: 1rem 0;
	padding		: 0.5rem 0;
	text-align	: center;
	font-size	: 0.8rem;
	font-style	: italic;
	line-height	: 1.5rem;
	background-color: #C3E0FF;
	border-radius: 0 0 0.5rem 0.5rem;
}