﻿@charset "utf-8";

/*
 Share Style [
----------------------------------------------------------- */
* {
	margin:0;
	padding:0;
}
body {
	background:url(image/tex4.gif);
	font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-size:80%;
	color:#424242;
}
h2,h3,h4,h5,h6 {
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, "ＭＳ Ｐゴシック", serif;
}
p,li {
	line-height:1.6;
}
p {
	margin:0 0 1em 0;
}
li {
	list-style-type:none;
}
img {
	border:0;
}
#page {
	width:780px;
	margin:0 auto;
	background:#F9F9FE;
}
/*
 Link Color [
----------------------------------------------------------- */
a {
	text-decoration:none;
}
a:link {
	color:#3399CC;
}
a:visited {
	color:#336699;
}
a:hover {
	text-decoration:underline;
}
a:active {
	color:blue;
}

/*
 header [
----------------------------------------------------------- */
h1 {
	margin:50px;
	line-height:1.8;
	font-size:160%;
}
/*
 container [
----------------------------------------------------------- */
#container {
	float:left;
	padding:0 10px;
	margin-bottom:10px;
	background:url(../img/bg_side.gif) repeat-y 150px 0px;
}
/*
 container
 side [
----------------------------------------------------------- */
#side {
	float:left;
	width:148px;
	margin-right:10px;
	background:url(image/tex5.gif) repeat-y;
	border:1px solid #CCC;
}
#side h2 {
	margin-bottom:10px;
	padding:3px 8px;
	font-size:120%;
	letter-spacing:.2em;
	text-transform:uppercase;
	background:#FFF url(image/tex2.gif) repeat-x left bottom;
}
#side ul {
	margin-left:10px;
}
#side ul li {
	margin-bottom:10px;
}
#side ul li a {
	padding:3px 5px 3px 23px;
	font-size:90%;
	line-height:120%;
	color:#6666CC;
}

/*
 container
 main [
----------------------------------------------------------- */
#main {
	float:left;
	width:600px;
}
#main h2 {
	clear:both;
	margin-bottom:10px;
	padding:10px 15px;
	background:url(image/tex1.gif) repeat-x;
	font-size:140%;
	letter-spacing:.2em;
	text-transform:uppercase;
}
#main h3 {
	margin-bottom:5px;
	padding:7px;
	background:#F3F3FF;
	border:1px solid #CCCCFF;
	font-size:115%;
	letter-spacing:.1em;
}
#main h4 {
	margin:15px 0 10px 0;
	padding-left:10px;
	border-left:3px solid #6699CC;
	font-size:115%;
	font-weight:bold;
}
#main .section {
	margin:0 10px 20px;
}
#main .section p img {
	float:right;
	margin:0 0 5px 10px;
}
#main .more {
	position:relative;
}
#main .more a {
	position:absolute;
	top:-40px;
	right:10px;
	padding:0 5px 0 18px;
	background:#FFF url(image/mark.gif) no-repeat 5px .5em;
	color:black;
}
#main .more a:hover {
	text-decoration:none;
}
#main .section ul li {
	margin-bottom:5px;
	padding-left:15px;
	background:url(image/mark.gif) no-repeat 0em .5em;
}
#main .section li a {
	margin-left:1em;
}
/*
 foot [
----------------------------------------------------------- */
#foot {
	clear:both;
	margin:10px;
	padding:5px 0 10px 0;
	text-align:center;
	border-top:1px solid #CCC;
}
#foot p {
	margin:5px 0;
}
#foot address {
	font-style:normal;
	margin:20px 0 40px 0;
}


/*
 another page[
----------------------------------------------------------- */


#main2 {
	clear:both;
	margin:5px 15px 40px;
}
#main2 h2 {
	clear:both;
	margin-bottom:10px;
	padding:10px 15px;
	background:url(image/tex1.gif) repeat-x;
	font-size:140%;
	letter-spacing:.2em;
	text-transform:uppercase;
}

#main2 h3 {
	margin-bottom:25px;
	padding:7px;
	background:#F3F3FF;
	border:1px solid #CCCCFF;
	font-size:115%;
	letter-spacing:.1em;
}

/*
 novel page[
----------------------------------------------------------- */

.novel {
	margin:10px 20px 50px 30px;
}
.novel p{
	line-height:1.75;
	font-size:105%;
}

.novellist {
	margin:10px;
	line-height:1.8;
}
.novellist a {
	text-decoration:underline;
	color:#6666CC;
}

.right{

	text-align:right;
}