/* r-sylph.com CSS */

/* ---------- Base Elements ---------- */

/* Default Setting */
*
	{ font-size:14px; color:#321; text-align:left; line-height:1.5em; margin:0; padding:0; border:0px; font-family:"_ゴシック", sans-serif; }

/* Base Setting */
html
	{ background-color:#111; }
a
	{ color:#069; text-decoration:none; }
a:active,
a:hover
	{ color:#09f; }
a:hover
	{ text-decoration:underline; }
h1, h2, h3, h4, h5, h6
	{ font-size:16px; background-color:#eee; }
ul
	{ list-style:none; }
em
	{ color:#f00; font-style:normal; font-weight:bold; }

/* Size Setting */

/* Position Setting */
h1, h2, h3, h4, h5, h6
	{ padding-left:10px; }
em
	{ margin-right:10px; }

/* Border Setting */
h1
	{ border-left:#321 10px solid; }


/* ---------- ID Elements ---------- */

/* Base Setting */
#wrapper
	{ background:url("images/base/table.png") repeat-y center center; }
#header
	{ background:url("images/base/header.png") no-repeat; }
#header-name
	{ font-size:28px; font-weight:bold; }
#header-description
	{ font-size:12px; font-weight:normal; }
#history
	{ overflow:auto; }
#sub ul li a
	{ color:#321; background:url("images/base/menu.png") no-repeat; background-position:0px 0px; text-decoration:none; display:block; }
#sub ul li a:hover
	{ background-position:0px -20px; }

/* Size Setting */
#wrapper
	{ width:920px; }
#wrapper-fix
	{ width:900px; }
#header
	{ height:150px; }
#content,
#main
	{ min-height: 400px; }
#main
	{ width:749px; }
#sub
	{ width:150px; }
#sub ul li
	{ height:20px; }
#history
	{ height:15em; }
#footer
	{ height:30px; }

/* Position Setting */
#wrapper
	{ margin-right:auto; margin-left:auto; }
#wrapper-fix
	{ margin:0px 10px; }
#header-name
	{ position:relative; top:53px; left:110px; }
#header-description
	{ position:relative; top:46px; left:110px; }
#main-inner,
#sub-inner,
#footer-inner
	{ margin:5px; }

#sub ul
	{ margin-bottom:10px; }
#sub ul li
	{ margin-bottom:5px;  padding:2px; }
#sub ul li a
	{ padding-left:16px;  }

#main
	{ float:left; }
#sub
	{ float:right; }
#footer
	{ clear:both; }

/* Border Setting */
#header
	{ border-bottom:#aaa 1px solid; }
#main
	{ border-right:#aaa 1px solid; }
#sub ul li
	{ border:#ccc 1px solid; }
#sub ul li:hover
	{ border:#aaa 1px solid; }
#footer
	{ border-top:#aaa 1px solid; border-bottom:#aaa 1px solid; }

/* ---------- Class Elements ---------- */

/* Base Setting */

/* Size Setting */

/* Position Setting */
.inner-content
	{ margin:10px; }
.thumbnail img,
.frame
	{ padding:2px; }

.float-left
	{ float:left; }
.float-right
	{ float:right; }
.clear-both
	{ clear:both; }

/* Border Setting */
.thumbnail img,
.frame
	{ border:1px solid #ddd; }
.thumbnail img:hover
	{ border:1px solid #321; }