* {
 margin:0;
 padding:0;
}

html   {
    font-size:1.0em;
}
body  {
    font-size:100%;
    line-height: 170%;
    color: #333333;
     FONT-FAMILY: "ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
    background-image:url(images/bg_leaf_h08.jpg);
  background-repeat: repeat-x ;
    background-color: #DFFEDF;
  background-attachment: fixed;
}
blockquote {
    margin: 0.5em 3em 0.5em 3em;
}
pre  {
    font-size:100%;
    line-height: 65%;
    FONT-FAMILY: "ＭＳ ゴシック",monospace;
}

ruby {
  line-height: 250% !important;
  vertical-align: text-bottom !important;
}

rt {
  line-height: 110% !important;
  font-size: 80% !important;
  text-decoration:none !important;
}

table {
    line-height: 170%;
}
p {
    line-height: 170%;
        padding: 0px;
        margin:  10px;
}

a,
a:link,
a:visited {
    color : navy;
    text-decoration: underline;
}

a:hover,
a:active {
        color:white;
    background-color: #3366AA;
    text-decoration: none;
}

h1 {                                  /*ページタイトル*/
    margin: 10px 0px 10px 0px;
    padding: 0px;
    font-size: 26px;
    line-height: 35px;
    color : navy;
}

h2 {                                    /*記事タイトル*/
    margin: 5px 0px 5px 0px;
    padding: 0px;
    font-size:130%;
    line-height: 150%;
}
h3 {                                    /*サブタイトル*/
    margin: 0px 0px 0px 0px;
    padding: 0px;
    font-size:100%;
    line-height: 120%;
    color : navy;
}

h4 {
    font-size: 110%;
    padding: 0px;
    margin:  15px 0px 0px 0px; 
    font-style : normal;
    color : blue;
    font-weight : bold;
}

h5 {
    font-size: 100%;
    padding: 0px;
    margin:  15px 0px 0px 0px; 
    font-style : normal;
    color : blue;
    font-weight : bold;
}

form {
    margin: 0px;
    padding: 0px;
}
textarea {
    font-size: 100%;
    background-color : white;
    border : 1px solid gray;
    margin: 4px;
    padding: 4px;
}
input {
    font-size: 100%;
    background-color : white;
    border : 1px solid gray;
    margin: 4px;
    padding: 4px;
}
select {
    font-size: 100%;
    background-color : white;
    border : 1px solid gray;
    margin: 4px;
    padding: 4px;
}

ol {
  margin-left: 30px;
  line-height: 1.1em; 
}

ul {
  margin-left: 30px;
  line-height: 1.1em; 
}
li {
  margin-left: 0px;
  margin:  0.6em 0 0.6em 0;
}

ul.wide {
  margin-left: 20px;
  list-style-image:url(images/bullet106.gif);
}
ul.wide li {
  margin:  0.6em 0 0.6em 0;
}

ul.top {
  margin-left: 20px;
  line-height: 1.1em; 
  list-style-image:url(images/bullet106.gif);
}
ul.top li {
  margin:  0.6em 0 0.6em 0;
}

ul.sub1 {
  margin-left: 10px;
  line-height: 1.1em; 
  list-style-image:url(images/line.gif);
}
ul.sub1 li {
  margin:  0.6em 0 0.6em 0;
}

ul.none {
  margin-left: 20px;
  line-height: 1.1em; 
  list-style:none;
  list-style-image:none;
}
ul.none li {
  margin:  0.6em 0 0.6em 0;
}

.align-right {
  text-align:right;
}

#container {
 width:100%;
}

.layout-center {
  margin-top: 0px;
  width:100%;
  clear:both;
  text-align:center
}

.layout-left70 {
   margin-left: 20px;
  width:68%;
  float:left;
}
* html .layout-left70 {    /*IE6以下用*/
   margin-left: 10px;
  width:66%;
}

.layout-left30 {
  width:28%;
  float:left;
}
* html .layout-left30 {    /*IE6以下用*/
  width:26%;
}

.layout-right30 {
  width:28%;
  float:right;
}
* html .layout-right30 {    /*IE6以下用*/
  width:26%;
}

.layout-left40 {
  width:38%;
  float:left;
}
* html .layout-left30 {    /*IE6以下用*/
  width:36%;
}

.layout-right60 {
  width:58%;
  float:right;
}
* html .layout-right60 {    /*IE6以下用*/
  width:56%;
}

.layout-left50 {
  width:48%;
  float:left;
}
* html .layout-left50 {    /*IE6以下用*/
  width:46%;
 }

.layout-right50 {
  width:48%;
  float:right;
}
* html .layout-right50 {    /*IE6以下用*/
  width:46%;
}

.waku-clear{
  clear:both;
}
.waku{ 
  padding:0;
  margin:0;
  text-align:left;
} 

.waku-half {
  padding:0;
  margin:0;
  text-align:left;
 width:93%;
}
* html .waku-half {    /*IE6以下用*/
  width:96%;
}

.waku-top { 
  line-height:10px;
  color:#fff;
  margin:0px 5px;
  padding:0px 0px;
  background:url(images/waku-tate.gif) repeat;
} 

.waku-side{ 
  margin:0px 0px;
  padding:0px 10px;
  background:url(images/waku-yoko.gif) repeat;
}
.waku-title { 
  font-weight: bold; 
  margin:0px 0px;
  padding:5px 10px;
  background: #fff;
  border-bottom: 3px dotted #6AC;
  color: navy;
}

.waku-title-half { 
  font-weight: bold; 
  margin:0px 0px;
  padding:5px 10px;
  background: #fff;
  border-bottom: 3px dotted #6AC;
  color: navy;
  text-align:center;
}

.waku-content{ 
  margin:0px 0px;
  padding:3px 10px;
  background: #fff;
}

#pagetitle {
  width:90%;
  margin-top:10px;
  margin-left:auto;
  margin-right:auto;
}

#pagetitle-logo {
  width:150px;
  float:left;
  text-align:center;
}

#pagetitle-title {
  margin-left:150px;
  text-align:center;
}

#pagetitle-visit {
  margin-right:20px;
  text-align:right;
}

#globalnavi {
  list-style: none;
  line-height: 170%;
}
#globalnavi li {
  display:inline;
  margin:10px 2px 10px 2px;
}
#pagenavi {
  list-style: none;
  line-height: 170%;
}
#pagenavi li {
  display:inline;
  margin:10px 7px 10px 7px;
}

#log {
  margin-left: 30px;
  float: left;
}

#sidebar {
  margin-right: 30px;
  float: left;
}

#footer {
  width: 97%;
  margin-left: auto;
  margin-right: auto;
  text-align:center
}

.indent {
  padding: 0px;
  margin:  0px 0px 0px 30px;
}
.button{
    background-color :  #9ACEDF;
}
.mahoref_self {
    color : dimgray;
    background-color :#9ACEDF;
}

.hline TD {
    padding : 3px 15px 3px 15px;
    BORDER-BOTTOM: #666666 1px solid;
    BORDER-TOP: none;
    BORDER-LEFT: none;
    BORDER-RIGHT: none;
}
.hline TH {
    color : #000000;
    background-color :  #cccccc;
    BORDER-BOTTOM: #666666 1px solid;
}
.hline BLOCKQUOTE {
    margin: 0;
}

#pageguide {
  margin-left: 40px;
  padding-left: 0;
}

#findinsite {
  float: right;
}

#postit {
    background-color :  #ffffcc;
    text-align:left;
    border: black 1px solid;
    width: 500px; 
    padding : 10px;
    margin-left: auto;
    margin-right: auto;
}
#waku-log {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

#waku-mokuji {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

#waku-ne {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}

#ranking {
  padding-left:2.5em;
}
#ranking li {
  margin:  0.6em 0 0.6em 0;
}

#soft-icon {
  float:left;
  margin-left:30px;
}
#soft-spec {
  float:left;
  margin-left:15px;
  margin-right:15px;
}
.clear-both {
  clear:both;
}


/*----- LAYOUT ------------*/
DIV.innerblock {
  BORDER-STYLE: none; 
  PADDING: 8px; 
}
DIV.col1 {
  PADDING: 0px;
}
DIV.col1 DIV.innerblock {
  BORDER-STYLE: none; 
  PADDING: 5px;
}
DIV.col2 {
  PADDING: 0px;
}
DIV.col2 DIV.innerblock {
  BORDER-STYLE: none; 
  PADDING: 5px;
  MARGIN: 0px 5px;
}
DIV.col3 {
  PADDING: 0px;
}
DIV.col3 DIV.innerblock {
  BORDER-STYLE: none;
  PADDING: 5px;
  MARGIN: 0px 5px;
}
DIV.lay2col {
  BORDER-STYLE: none;
  MARGIN-TOP: 10px;
  WIDTH: 100%;
}
DIV.lay2col DIV.col1 {
  BORDER-STYLE: none; 
  WIDTH: 49%;
  FLOAT: left;
}
DIV.lay2col DIV.col2 {
  BORDER-STYLE: none; 
  WIDTH: 49%;
  FLOAT: left;
}
DIV.lay3col {
  BORDER-STYLE: none;
  MARGIN-TOP: 10px; 
  WIDTH: 100%;
}
DIV.lay3col DIV.col1 {
  BORDER-STYLE: none; 
  WIDTH: 33%;
  FLOAT: left;
}
DIV.lay3col DIV.col2 {
  BORDER-STYLE: none; 
  WIDTH: 33%;
  FLOAT: left;
}
DIV.lay3col DIV.col3 {
  BORDER-STYLE: none; 
  WIDTH: 33%;
  FLOAT: left;
}