body {
/*background-image: url(../back.jpg);*/
max-width: 90%;
margin: 0px 0px 0px 0px;
padding: 0.5em 5% 0% 5%;
color: #000000;
background-color: #d0f0ff;
}

h1{font-size:200%;}
h2{font-size:150%;color:#000080;line-height:150%;background-color:#dfdfff}
h3{font-size:140%;color:#b00040;line-height:150%;background-color:#ffdfdf}

.color_update{
color: #bb0000;
}

.update_date{
width: 5.5em;
padding: 0.5em 0.5em 0.5em 1em;
color: #000044;
font-weight: bolder;
}

# テキスト用
.il	{ /* indent-line*/
color: #000000;
line-height: 150%;
text-indent: 1em;
}
.ni	{	/* no-indent*/
color: #000000;
line-height: 150%;
text-indent: 0em;
}

.indent {
line-height: 150%;
text-indent: 0.8em;
margin: 0px 1.5em;
}

.ss_indent {
line-height: 150%;
text-indent: 0.8em;
margin: 0px 15%;
}
#------------------------------------------
p {
color: #000000;
line-height: 150%;
}

a:link {
color: #0000ff;
background-color: transparent;
}

a:visited {
color: #b000b0;
background-color: transparent;
}

a:hover {
color: #000000;
background-color: #77ffff;
}

.center{
text-align: center;
}

.right{
text-align: right;
}

.color_white{
color: #ffffff;
}

.color_red {
color: #ff0000;
}

.small {
font-size: x-small;
}

.large {
font-size: large;
}

.big {
font-size: 120%;
font-weight:bold;
}

.bg_blue {
padding: 0.2em 0.4em;
background-color: #77bbff;
}

.bg_red {
padding: 0.2em 0.4em;
background-color: #ff7777;
}
.bg_green {
padding: 0.2em 0.4em;
background-color: #99ffb0;
}

.bg_lightgreen {
padding: 0.2em 0.4em;
background-color: #c0ffc0;
}
.bg_lightblue {
padding: 0.2em 0.4em;
background-color: #bbddff;
}

.bg_lightred {
padding: 0.2em 0.4em;
background-color: #ffcccc;
}


.bg_white {
padding: 0.2em 0.4em;
background-color: #ffffff;
}

.bg_gray {
background-color: #c0c0c0;
}

.bg_lightgray {
background-color: #d8d8e8;
}

/*----------------------------------------*/

div.shortcut {
color: #000000;
background-color: #e0f0ff;
font-size: 1.2em;
padding: 0.3em;
font-weight: bold;
}

div.page {
color: #000000;
background-color: #d7e7ff;
font-size: 1.0em;
padding: 0.2em 1.5em;
}



.hide {
color: #ffffff;
background-color: #ffffff;
}

.strike {
color: #707070;
text-decoration: line-through;
}

/* プロフィール用----------------------------------------------------*/

table.profile {
margin: 0px 2em;
}

table.profile td.item1 {
width: 8em;
color: #000000;
background-color: #d0e0f0;
padding: 4px 5%;
}

table.profile td.item2 {
width: 8em;
color: #000000;
background-color: #e0f0ff;
padding: 4px 5%;
}


table.profile td.content {
color: #000000;
padding: 0.5em 1em;
}

table.profile ul {
list-style: none;
margin: 0px;
}
table.profile ul li {
height: 1.5em;
margin: 0px;
padding: 0px;
}

/* 雑記用---------------------------------------------*/

div.diary {
min-width: 100%;
margin: 0px 0px;
}

div.diary div.index {
width: 7em;
margin-top: 1em;
padding: 0.2em;
background-color: #d0e7ff;
float: left;
}

div.diary div.index ul{
list-style: none;
margin: 0.2em 1em;
}

div.diary div.shortcut {
margin: 1em 0px 0em 9em;
background: transparent;
padding: 0.2em;
float: none;
}

div.diary div.main {
color: #000000;
line-height: 150%;
margin: 0.5em 0px 1em 8em;
background-color: #ffffff;
padding: 0.2em;
}

div.diary div.head {
font-weight: bolder;
font-size: 1.2em;
}

div.diary div.title {
font-weight: bolder;
background-color: #d0e7ff;
margin: 0.2em 0em 0.2em 0.5em;
padding: 0.3em;
}

/* SS */
table.ss_shortcut {
background-color: #bbccff;
border: outset 2px #060606;
}

table.ss_list {
width: 100%;
background-color: #bbccff;
border: outset 2px #060606;
}

table.ss_long_list {
width: 70%;
background-color: #bbccff;
border: outset 2px #060606;
}

table.ss_list tr ,table.ss_shortcut tr ,table.ss_long_list tr {
background-color: #ffffff;
border: normal 2px #060606;
}

table.ss_list th ,table.ss_shortcut th ,table.ss_long_list th {
background-color: #e0e0e0;
font-weight: bold;
padding: 0.4em;
}

table.ss_list td ,table.ss_shortcut td ,table.ss_long_list td {
background-color: #ffffff;
border: normal 2px #060606;
padding: 0.4em;
text-align: center;
}


/* CG用 */
table.cg_table {
width: 90%;
margin:0.5em 5%;
}

table.cg_table caption {
text-align: left;
font-weight: bold;
}

table.cg_table td {
padding:0.5em;

}

/* リンク用 */

div.link {
min-height: 3em;
clear: both;
background-color: #ffffff;
padding: 0.4em;
margin: 0.5em 0px;
line-height: 150%;
}