@charset "utf-8";

/* ------------------------------
	CSSテンプレート
------------------------------ */

*
{
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
}

html
{
	min-height : 100%;
}

body
{
	color : #663300;
	font-size : 80%;
	font-family : Verdana, 'ＭＳ Ｐゴシック', sans-serif;
	letter-spacing : 1px;
	line-height : 200%;
	min-height : 100%;
	border-left : 30px solid #663300;
	background : #FFEEDD;
}

a
{
	color : #3333FF;
	text-decoration : none;
	padding : 0px 0px 1px 0px;
	border-bottom : 1px solid #3333FF;
}

a:hover
{
	border-bottom : none;
}

strong
{
	color : #663300;
	font-style : italic;
	font-weight : lighter;
	text-decoration : none;
	padding : 0px 0px 1px 0px;
	border-bottom : 1px dotted #663300;
}

/* ------------------------------
	Container
------------------------------ */

div#Container
{
	padding : 0px 0px 0px 0px;
}

/* ------------------------------
	Container > Header
------------------------------ */

div#Header
{
	padding : 0px 0px 30px 30px;
}

div#Header h1
{
	font-size : 100%;
	font-weight : bold;
	line-height : 100%;
	padding : 60px 0px 0px 0px;
}

div#Header h1 a
{
	color : #663300;
	border-bottom : none;
}

div#Header p
{
	margin : 10px 0px 0px 0px;
}

/* ------------------------------
	Container > Menu
------------------------------ */

div#Menu
{
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	width : 505px;
	margin : 0px 0px 0px -5px;
	background : #663300;
}

div#Menu h2
{
	display : none;
}

div#Menu ul
{
	list-style-type : square;
	margin : 0px 0px 0px 0px;
	padding : 10px 0px 10px 20px;
}

div#Menu li
{
	display : inline;
}

div#Menu li a
{
	color : #FFEEDD;
	border-bottom : none;
}

div#Menu li:hover,
div#Menu li.selected,
{
}

div#Menu li a:hover,
div#Menu li.selected a
{
}

/* ------------------------------
	Container > Content
------------------------------ */

div#Content
{
	width : 500px;
	text-align : left;
	padding : 0px 0px 0px 0px;
}

div#Content h2
{
	font-size : 100%;
	font-weight : bold;
	text-align : right;
	margin : 30px 0px 0px 30px;
	padding : 0px 0px 0px 0px;
}

div#Content p
{
	text-indent : 1em;
	margin : 0px 0px 10px 30px;
}

div#Content div.section
{
	padding : 0px 0px 20px 30px;
}

div#Content div.section a
{
	color : orange;
	border-bottom : 1px solid #FFEEDD;
}

div#Content div.section strong
{
	color : #FFEEDD;
	border-bottom : 1px dotted #FFEEDD;
}

div#Content div.section h3
{
	font-size : 100%;
	font-weight : bold;
	text-align : right;
	margin : 0px 0px 10px 0px;
}

div#Content div.section p
{
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	color : #FFEEDD;
	text-indent : 1em;
	margin : 0px 0px 10px 0px;
	padding : 10px 20px 10px 20px;
	background : #663300;
}

div#Content div.section ul
{
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	color : #FFEEDD;
	list-style-type : square;
	margin : 0px 0px 10px 0px;
	padding : 10px 20px 10px 40px;
	background : #663300;
}

div#Content div.section ol
{
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	color : #FFEEDD;
	margin : 0px 0px 10px 0px;
	padding : 10px 20px 10px 40px;
	background : #663300;
}

/* ------------------------------
	Container > Footer
------------------------------ */

div#Footer
{
	width : 500px;
}

div#Footer ul
{
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	color : #FFEEDD;
	margin : 0px 0px 0px -5px;
	padding : 10px 0px 10px 20px;
	background : #663300;
}

div#Footer li
{
	display : inline;
}

div#Footer li:after
{
	content : "|";
	margin : 0px 0px 0px 0.5em;
}

div#Footer li.last:after
{
	content : "";
	margin : 0px 0px 0px 0px;
}

div#Footer p
{
	text-align : right;
	padding : 10px 0px 10px 0px;
}

div#Footer a
{
	color : #FFEEDD;
	text-align : right;
	border-bottom : none;
}

div#Footer a:hover
{
}