@charset "UTF-8";

*{margin:0px;padding:0px;}
body,html{height:100%;}

/***********************[　基本　]*************/

body{
background-color:#554236;
color:#D7C4BB;
}


header{
padding-top:5px;}

footer{
padding:8px;
border-top:1px solid #dfdfdf;
color:gray;
text-align:right;
}

nav{
display:block;
width:100%;
background-color:#E16B8C;
color:#D7C4BB;
padding:15px 0px;
}

aside{
width:250px;
display:block;
position:absolute;
right:0px;
padding:8px 0px;

border-top:1px solid #d1d1d1;
border-bottom:1px solid #d1d1d1;

font-size:85%;
color:#005CAF;
}

article{
margin-bottom:30px;
margin-left:15px;
line-height:16pt;
}

nav a:link{color:#D7C4BB;}
nav a:active{color:red;}
nav a:visited{color:#954A45;}
nav a:hover{color:red;}

/***********************[　ID　]*************/
#body{
min-width:1000px;
padding:15px 0px;
}


.siro{padding:10px;
}

#side{
padding:8px;
}

.left{float:left;width:260px;}
.right{float:left;width:610px;}





/***********************[　構造体　]*************/
.window{
display:block;
height:150px;
width:150px;
color:#D7C4BB;
text-align:center;
background-color:#D7C4BB;
}

.window h1{
padding-top:35px;
color:#D7C4BB;}

.memo{
font-size:90%;
color:#D7C4BB;
background-color:skyblue;
padding:5px;
margin:8px;
}

.right article{width:600px;}

.right article div{
border-width:0px;
border-style: solid;
border-color: gray;
padding:8px;
margin:18px;}

.left article{
width:250px;
margin-top:18px;
}


.top article{
border-width:15px 1px 1px;
border-style: solid;
border-color: #954A45;
background-color:#D7C4BB;
padding:8px;
margin:18px;
-moz-columns: 180px auto;
-webkit-columns: 180px auto;
-o-columns: 180px auto;
-ms-columns: 180px auto;
}

/***********************[　見出し　]*************/
h1{
font-size:50px;
color:#afafaf;
font-weight:700;
font-family:courier;
}

h1.title{margin:50px;line-height:0%;}

h2{
font-size:18px;
color:#0089A7;
margin:8px 0px;}

h3{
font-size:16px;
color:#51A8DD;
margin:8px 0px;}


/***********************[　汎用　]*************/

table{
 border-collapse: collapse;
 border:1px solid gray;
 table-layout:500px;
font-size:80%;
line-height:150%;
 }
 
 caption{
 font-size:120%;
 font-weight:bold;
 padding:5px;
 color:tomato;}
 tr,td,th{border:1px solid gray;}
td,th{padding:4px;}
th{background-color:#954A45}

.note{
font-size:80%;
line-height:120%;
padding:5px 0px 15px 5px;
}

.def{
font-size:10pt;
color:#202020;
margin:0px;
padding:0px;
line-height:100%;
}

b{color:red;}

hr{
border-top:1px dotted #D7C4BB;
border-bottom:1px;
margin:8px 0px;
}


dt{font-weight:bold;margin-top:10px;color:#0089A7;}
dd{padding:5px}


li{
padding-left:12px;
list-style-position:inside;
padding-bottom:10px;
}

.tdftad li a{color:#0089A7;}

.clf{
clear:left;
padding:40px 0px 20px 0px;
text-align:center;}