body {
	margin: 0em 0.5em ;
	padding: 4px 10px;
	background-color:#ffffff;
	font-size: 9pt;
	font-weight: normal;
	}
h1{
	font-size: 22pt;
	font-weight: bold;
	color: white;
	background-color: #666699;
	text-align: center;
	margin: 0.2em 1em 0.2em;
	padding: 0.2em 0.2em 0.2em 0.2em;
	text-indent: 1.5em;
	border-style: none;
	}
h1.list{
	font-size: 18pt;
	font-weight: bold;
	color: white;
	background-color: #666699;
	text-align: center;
	margin: 0.2em 1em 0.2em;
	padding: 0.2em 0.2em 0.2em 0.2em;
	text-indent: 1.5em;
	border-style: none;
	}
h1.clef{
	font-size: 30pt;
	font-weight: 900;
	color: #666666;
	background-color: transparent;
	text-align: left;
	margin: 0.5em 0em;
	padding: 0.2em;
	border-style: none;
	}
h1.item{
	font-size: 17pt;
	font-weight: 900;
	color: #333399;
	background-color: transparent;
	text-align: center;
	margin: 0.5em 1em 0.5em;
	padding: 0.2em 0.2em 0.2em 0.2em;
	text-indent: 1.5em;
	border-style: solid none;
	border-color: #cccccc;
	border-width: 1px;
	}
h2{
	font-size: 11pt;
	font-weight: normal;
	color: #ffffff;
	background-color: #9999cc;
	margin: 0.5em 1em;
	padding: 0em 0.5em;
	text-align: center;
	border-color: #336666;
	border-style: none;
	border-width: 1px;
	}
h3{
	color: #339999;
	background-color: transparent;
	margin: 1em 2em 0.7em 0.5em;
	padding: 0.1em 0.5em 0.1em 3em;
	border-style: none none solid;
	border-color: #99cc99;
	border-width: 1px;
	font-size: 13pt;
	font-weight: bold;	
	line-height: 130%;
	text-align: left;
	}
ul{
	line-height: 120%;
	font-weight: normal;
	list-style-type: none;
	text-align: left;
	text-indent: 1em;
	margin: 0.5em 0.5em 0.5em 1em;
	padding: 0.5em 0.5em 0.5em 0em;
	}
ol{
	line-height: 120%;
	font-weight: normal;
	text-indent: 1em;
	list-style-type: decimal;
	margin: 10em;
	padding: 0.2em 3em 0.1em 1em;
	}
li{
	font-size: 9pt;
	font-weight: normal;
	border-style: none none solid;
	text-align: left;
	text-indent: 1em;
	border-color: silver;
	border-width: 1px;
	margin: 0.2em 0.2em 0.2em 2em;
	}
dl{
	background-color: #cccccc;
	color: #666666;
	margin: 0.5em 1em 0.5em;
}
dt{
	margin: 0.2em 1em 0.2em;
	font-size: 9pt;
	font-weight: bold;
}
dd{
	margin: 0.2em 0.5em 0.2em 4em;
	font-size: 8.5pt;
}
ul.item{
	line-height: 130%;

	border-style: none;
	margin: 1em 1em 1em 2em;
}
li.item{
	line-height: 130%;
	font-size: 9pt;
	font-weight: normal;
	border-style: none;
	margin: 1em 4em 2em 3em;
	list-style-type: disc;
	list-style-image: url(./img/square_item.gif);
	list-style-position: inside;
}
li.top{
	border-style: none;
	margin: 0em 0.3em 0.4em;
	font-size: 9pt;
	}

h4{
	font-size: 11pt;
	color: #9999cc;
	background-color: transparent;
	font-weight:bold;
	margin: 1em 1em 0.5em;	
	text-align: center;
	line-height: 100%;
	}
strong{
	color:#990000;
	background-color:transparent;
	font-weight: bold;
	}
em{
	background-color:transparent;
	font-weight: bold;
	font-style: normal;
	}
table{
    border-collapse: collapse;
    empty-cells: show;
	clear: both;
	max-width: 100%;
	border-style: none;
	border-color: white;
	border-width: 0;
	}
table.list{
	background-color: transparent;
	border-color: #cccccc;
	border-width: thin;
	border-style: solid;
	margin: 0.3em 1em 0.3em 1em;
	}

tr{
	border-color: #cccccc;
	border-top-width: 3px;
	border-bottom-width: 6px;
	border-right-width: 3px;
	border-left-width: 3px;
	}
th{
	color: white;
	font-size: 9pt;
	font-weight: normal;
	background-color: #999999;
	border-color: #cccccc;
	border-top-width: 3px;
	border-bottom-width: 6px;
	border-right-width: 3px;
	border-left-width: 3px;
	text-align: left;
	}
td{
	empty-cells: show;
	font-size: 9pt;
	font-weight: normal;
	border-color: #cccccc;
	border-width: 3px;
	padding: 0.1em 0.3em 0.1em;
	}
td.topimage{
	width: 60%;
	padding: 1em 2em 0em;
	}
td.contents{
	width: 70%;
	padding: 0em 2em;
	}
td.topmenu{
	width: 40%;
	color: #808080;
	background-color: #b0c4de;
	padding: 0.5em;
	}
td.undermenu{
	color: #808080;
	padding-bottom: 3em;
	padding-left: 10%;
	padding-right: 2em;
	padding-top: 0em;
	}
td.title{
	padding: 0px;
		vertical-align: bottom;
}
td.rightmenu{
	width: 30%;
	color: #808080;
	background-color: #b0c4de;
}

/*     p              */

p{
	font-size: 10pt;
	line-height: 150%;
	margin: 6pt 0pt;
	max-width: 100%;
	}
p.written{
	font-size: 10pt;
	line-height: 150%;
	margin: 1pt 0pt 8pt;
	max-width: 100%;
	text-align: center;
	color: #666666;
	}
p.explain{
	font-size: 9pt;
	color: #808080;
	background-color: white;
	padding: 0.2em 4em;
	margin: 0.2em;
	text-align: left;
	}
p.intro{
	font-size:8.5pt;
	margin: 0.2em 2em 0.5em;
	padding: 0.3em 1em;
	border-style: solid;
	border-color: #999999;
	border-width: 1px;
	text-align: left;
	}
p.itext1{
	font-size:8.5pt;
	margin: 0em 3em 0.2em;
	text-align: left;
	}
/* p */
/* メニュー見出し */
p.title{
	font-size:10pt;
	margin: 2em 1em 0.1em 20%;
	padding: 0em 1em 0em 1em;
	color: #003399;
	text-align: right;
	font-weight: bold;
	border-style: none solid solid none;
	border-width: 0px 6px 1px 0px;
	border-color: white #9999cc #9999cc white;
	background-color: transparent;
	}
/* メニューの内容 */ 
p.rigsmall{
	font-size:9pt;
	line-height: 130%;
	margin: 0em 1em 0.2em;
	padding: 0em 0em 0.2em;
	text-align: right;
	background-color: transparent;
	color: #808080;
	}
p.fattitle{
	font-size:13pt;
	margin: 2em 1em 0.1em 20%;
	padding: 0em 0.3em;
	color: #9999cc;
	text-align: right;
	font-weight: bold;
	border-style: none;
	background-color: #transparent;
	}
p.cleftext{
	font-size: 9pt;
	margin: 0.2em 0.5em 0em;
	padding: 0.1em 0.3em 0em;
	}
p.cleftext_memo{
	font-size: 9pt;
	margin: 0.2em 0.5em 0em;
	padding: 0.1em 1em 0em 3em;
	text-align: left;
	}
p.memo{
	background-color: transparent;
	color: #666666;
	font-size: 9pt;
	margin: 0.2em 0.5em 0em;
	padding: 0.1em 0.3em 0em;
	}
p.pageindex{
	width: 50%;
	background-color: transparent;
	color: #9999cc;
	text-align: right;
	font-size: 9pt;
	margin: 0% 0% 5% 40%;
	padding: 0.1em 0.3em 0em;
	border-style : none none solid;
	border-color: #cccccc;
	border-width: 1px;
	}
p.item{
	margin: 0em 0em 0.2em;
	padding: 0em;
	line-height: 100%;
	}
p.author{
	font-size:8pt;
	margin: 0em 0em 2em;
	padding: 0em 3em 0em;
	text-align: right;
	background-color: transparent;
	border-style: solid none solid none;
	border-width: 1px;
	border-color: #cccccc;
	color: #666666;
	}
p.rights{
	font-size:9pt;
	margin: 1em 0em 2em;
	padding: 0em 3em 0.2em;
	text-align: left;
	background-color: #999999;
	color: white;
	}
p.accesscounter{
	margin: 0em 1em 0.2em;
	padding: 0em 0em 0.2em;
	text-align: center;
	font-size: 11pt;
	font-weight: normal;
	font-family: Chicago,"Century Gothic",Verdana,"Times New Roman";
	color: #999999;
}
p.dialogue{
	font-size:9pt;
	line-height: 130%;
	margin: 0em 0em 0.2em;
	padding: 0em 0em 0.2em;
	text-align: left;
	background-color: transparent;
	color: #999999;
	}
span.reader{
	color: #99cc66;
	}
div.dialoguethread{
	margin: 0.5em 1em 0.5em 5em;
	text-align: left;
	border-style: solid;
	border-width: 1px;
	border-color: #ffffff;
	background-color: #99cc99;
	}

address{
	font-size; 8.5pt;
	font-style: italic;
	margin: 2% 20%;
	color: #999999;
	}

img{
    border:none;
    border-width: 0pt;
    margin: 0px 0px;
    padding: 0px;
    vertical-align: text-bottom;
	}
img.ico{
    border:none;
    border-width: 0pt;
    margin: 0px 3px;
    padding: 0px;
    vertical-align: middle;
	}
img.bar{
    border:none;
    border-width: 0pt;
    margin: 0px;
    padding: 0px;
	}
img.imgleft{
    /* position: absolute; */
    margin: 0px 6px;
    float: left;
    clear: left;
    }
img.imgright{
    /* position: absolute; */
    float: right;
    clear: right;
    }
	
/********* div *********/

div{
	clear: both;
	}
div.menubar{
	margin: 0%;
	padding: 0em 0em;
	background-color: #ffffff;
	color: #808080;
	/*text-align: right;*/
	font-size: 10pt;
	/*width: 50%*/
	/*float: right;*/
	clear: none;
	}
div.right_of_bar{
	margin: 0px;
	width: 70%;
	padding: 0em 0em;
	background-color: #ffffff;
	color: #808080;
	text-align: right;
	font-size: 10pt;
	float: right;
	clear: right;
	}
div.left_of_bar{
	margin: 0px;
	width: 25%;
	padding: 0.5em 0em 0em 2em;
	background-color: #ffffff;
	color: black;
	text-align: left;
	font-size: 10pt;
	float: left;
	clear: both;
	}
div.menubar_right{
	margin: 0%;
	padding: 0em 0em;
	background-color: #ffffff;
	color: #808080;
	text-align: left;
	font-size: 10pt;
	width: 5%;
	float: right;
	clear: both;
	}
div.menubar_left{
	margin: 0%;
	padding: 0em 0em;
	background-color: #ffffff;
	color: #808080;
	text-align: center;
	font-size: 10pt;
	width: 5%;
	float: left;
	clear: both;
	}
div.contents{
	margin: 0em 0em 2em 0em;
	padding: 0em 0em;
	background-color: #ffffff;
	color: #000000;
	width: 95%;
	float:right;
	clear: none;
	}
div.image_contents{
	margin: 0%;
	padding: 0em 0em;
	background-color: #ffffff;
	color: #808080;
	width: 60%;
	float:left;
	clear: none;
	}
div.index_contents{
	margin: 0%;
	padding: 0em 0em;
	background-color: #ffffff;
	color: #808080;
	float: right;
	width: 40%;
	clear: none;
	}
div.item{
	background-color: #ffffff;
	border-style: solid;
	border-width: 1pt;
	border-color: white;
	padding: 0.5em;
	margin: 0% 10%;
	}
div.toptitle{
	padding: 1em 3em;
	width: 80%;
	background-color: #ffffff;
	color: #808080;
	font-size: 11pt;
	}
div.rigline{
	margin: 0.5em 1em 0.5em 5em;
	padding: 0em 1em 0.5em;
	font-size: 9pt;
	text-align: right;
	color: #808080;
	border-style: none none solid;
	border-width :1px;
	border-color: #cccccc;
	}
div.clef{
	background-color: transparent;
	border-style: solid;
	border-width: 1px;
	border-color: silver;
	padding: 0.5em;
	margin: 0% 10%;
	}

div.centerblank{
	margin: 0.5em 1em 0.5em 5em; 
	border-style: none;
	background-color: transparent;
	}
div.box{
	color:black;
	background-color:#ffffff;
	margin: 1em 5em 1.5em;
	border-style: solid;
	border-width: 1px;
	border-color: #cccc99;
	}
div.votebox{
	color:#000066;
	background-color:#ccffff;
	margin: 1em 5em 1.5em;
	padding: 1em;
	border-style: solid;
	border-width: 1px;
	border-color: #99cc99;
	}
div.menublock{
	color: #ccffff;
	background-color: #9999ff;
	padding: 0em 0.5em;
	font-size: 9pt;
	}
div.menu_top{
	color: #003333;
	background-color: white;
	border-width: 2px;
	border-style: none;
	margin: 0em;
	padding: 0.5em;
	width: 32%;
	float: left;
	/*clear: both;*/
	}
div.menu{
	color: #003333;
	background-color: #b0c4de;
	border-width: 2px;
	border-style: solid;
	border-color: #9999ff;
	margin: 0em 0em 0em 1em;
	padding: 1em 0.5em 1em 0.5em ;
	width: 22%;
	float: left;
	/*clear: both;*/
	}

div.maincontents{
	background-color: transparent;
	border-style: none;
	margin: 0em;
	padding: 0.5em;
	width: 72%;
	float: right;
	clear: right;
	}
div.maincontents_top{
	background-color: transparent;
	border-style: none;
	margin: 0em;
	padding: 0.5em;
	width: 63%;
	float: right;
	clear: right;
	}
div.social{	
	width:300px;
	height: 30px;
	margin: 10px 2em 2em 170px;
	padding: 5px 10px;
	
	background-color: #cccccc;
	}
div.socialleft{
	width: 100px;
	float: left;
	text-align: right;
	}
div.socialright{
	width: 200px;
	float: right;
	clear: right;
	}
div.searchbox{
	background-color: #99cc99;
	color: green;
	border-style: none;
	margin: 0.5em 0.2em;
	padding: 0.1em 0.2em 0em;
	}
input{
	border-style: solid;
	border-color: #99cc99;
	border-width: 2px 1px 1px 2px;
	/*padding: 0px 1px;*/
	font-size: 9pt;
	}
input.inputbutton{
	border-style: none solid solid none;
	border-width: 1px 2px 2px 1px;
	border-color: silver #808080 #808080 silver;
	background-color: #6699cc;
	color: white;
	font-size: 9pt;
}
input.redbutton{
	border-style: none solid solid none;
	border-width: 1px 2px 2px 1px;
	border-color: silver #808080 #808080 silver;
	background-color: red;
	color: white;
	font-size: 9pt;
}
select{
	border-style: solid;
	border-color: #99cc99;
	border-width: 2px 1px 1px 2px;
	padding: 0px 1px;
	font-size: 9pt;
	font-weight: normal;
	}
textarea{
	border-style: solid;
	border-color: #99cc99;
	border-width: 2px 1px 1px 2px;
	margin: 0.2em 0em 0.2em 0.2em;
	padding: 0px 1px;
	font-size: 9pt;
	font-weight: normal;
	}
hr{
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px;
}
q{
	background-color: #cccc99; 
	color: #333300;
	quotes: none;
	}
blockquote{
	margin: 1em 3em 1em 4em;
	padding: 0.2em 1em;
	background-color: #cccc99; 
	font-size: 10pt;
	color: #333300;
}
cite{
	color: #666633;
	font-size: 9pt;
	font-style: italic;
}
.code{
	margin: 1em 3em;
	padding: 0.2em 1em;
	background-color: #669966;
	color: #ffffcc;
	font-weight: medium;
	text-align: left;
}
.fat { 
	font-weight:bold;
	font-size: 13pt;
	color:#669966;
	background-color:transparent;
	}
.red { color:red; font-weight:bold; }
.small{ font-size:small; font-weight:normal; }
.graysmall{
	font-size: 9pt;
	color: #808080;
}
.timesmall{ 
	font-size:8pt; 
	font-weight:normal; 
	color: #666666;
	}

.xsmall{ font-size:9pt; font-weight:normal; }
span#titleposition{
	font-size: 9pt;
	color: #666666;
	background-color: transparent;
}
span.itemtitle{
	
	font-size:12pt;
	font-weight: bold;
	color: #666666;
}
span.childitem{
	font-size:10pt;
	color: #663366;
	font-weight: bold;
}
span.subcategory{
	font-size:9pt;
	color: #99cc99;
}
.rig{ text-align: right;}
.cent{ text-align: center;}
:link {
	color: #6666cc;
	background-color:transparent;
	text-decoration: none;
	}
:visited{
	color: #666699;
	background-color:transparent;
	text-decoration: none;
	}
a:hover{
	color: #3333cc;
	text-decoration: underline;
	}
a:active{
	color:#330099;
	text-decoration: underline;
}
div.top_musique{
	height: 264px;
	width: 100%;
	background: url(img/musique.jpg) center center no-repeat;
}
div.top_arts{
	height: 264px;
	width: 100%;
	background: url(img/arts.jpg) center center no-repeat;
}
div.top_textes{
	height: 264px;
	width: 100%;
	background: url(img/textes.jpg) center center no-repeat;
}
div.top_litterature{
	height: 264px;
	width: 100%;
	background: url(img/litterature.jpg) center center no-repeat;
}
div.top_technique{
	height: 264px;
	width: 100%;
	background: url(img/technique.jpg) center center no-repeat;
}
div.top_produit{
	height: 264px;
	width: 100%;
	background: url(img/produit.jpg) center center no-repeat;
}
div.top_links{
	height: 264px;
	width: 100%;
	background: url(img/links.jpg) center center no-repeat;
}
/* clefs用ランダムパターン */
div.pattern0{
	
	background-color: transparent;
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
	padding: 0.5em;
	margin: 1pt;
	}
div.pattern1{
	
	background-color: transparent;
	color: #666666;
	border-style: none;
	border-width: 1px;
	border-color: white;
	padding: 0.5em;
	margin: 1pt;
	}
div.pattern2{
	
	background-color: #ccccff;
	color: #003300;
	border-style: none;
	border-width: 2px;
	border-color: #cccc99;
	padding: 0.5em;
	margin: 1pt;
	}
div.pattern3{
	
	background-color: #ffffcc;
	color: #999966;
	border-style: solid;
	border-width: 1px;
	border-color: #cccc99;
	padding: 0.5em;
	margin: 1pt;
	}
div.pattern4{
	
	background-color: #99cc99;
	color: #336633;
	border-style: none;
	border-width: 1px;
	border-color: white;
	padding: 0.5em;
	margin: 1pt;
	}
div.pattern5{
	
	background-color: #cc9999;
	color: #666666;
	border-style: solid;
	border-width: 2px;
	border-color: #996666;
	padding: 0.5em;
	margin: 1pt;
	}
div.pattern6{
	
	background-color: transparent;
	color: #996699;
	border-style: solid;
	border-width: 1px;
	border-color: #cc99cc;
	padding: 0.5em;
	margin: 1pt;
	}
div.pattern7{
	
	background-color: #cccc99;
	color: #666600;
	border-style: none;
	border-width: 1px;
	border-color: green;
	padding: 0.5em;
	margin: 1pt;
	}
div.pattern8{
	
	color: #333300;
	background-color: #cccccc;
	border-style: none;
	border-width: 1px;
	border-color: green;
	padding: 0.5em;
	margin: 1pt;
	}
div.pattern9{
	
	background-color: transparent;
	color: #666666;
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
	padding: 0.5em;
	margin: 1pt;
	}