/* === ヘッダー部分のスタイル === */

.position  {
    width:100%;
    height:90%;
    text-align:center
}
.box  {
    border:solid 1px #33cc66;
    background-color:#CEFFFF;
    width:640px;
    height:520px;
    margin-left:auto;
    margin-right:auto
}

.head   {background-color: #ffffcc ; 
                 width: 100% ;
                 height:50px}
.head1  {
    width: 141px;
    margin-top:auto;
    margin-bottom:auto
}
.head2  {
    padding-left:9px;
    margin-top:auto;
    margin-bottom:auto;
}
.head h1      {
    color: gray;
    font-size: 12px;
    font-weight:900;
    margin-bottom:1px;
}
.head div  {
    color: gray;
    font-size: 13px;
    font-weight:900;
}
.head a {
    color:#808080;
    text-decoration:none;
    font-weight:bold;
}
.head a:hover  { 
    color: #ff6600 
}

/* === サイドバー部分のスタイル === */

.side_main  {
    width:100%;
}

/* === サイドバーとコンテンツ部分のスタイル === */

.side   { background-color: #ffffcc; width: 180px; height: 448px }
.side  {
    vertical-align:top;
}
.side div   {
    color: white;
    font-size: 15px;
    background-color: #33cc66;
    padding: 8px 12px;
    border-bottom: 1px solid white;
    font-weight:bold;
}
.side a { color: white; text-decoration: none }
.side a:hover  { color: gray }
/* === コンテンツ部分のスタイル === */

.main  {
    vertical-align:top
}
.main  {
    width:460px;
    padding-left:30px;
    padding-right:30px;
}
.main h1  {
    color:#808080;
    font-size:16px;
    margin-top:25px;
    margin-bottom:5px;
    font-weight:bold;
    border-bottom: dashed 1px #0000FF;
    padding-bottom:4px;
}
.main h2  {
    color:#808080;
    font-size:14px;
    margin-top:25px;
    margin-bottom:5px;
    border-bottom: dashed 1px #0000FF;
    padding-bottom:4px;
}
.main h3  {
    font-size:14px;
    line-height:150%;
    margin-top:25px;
    margin-bottom:5px;
    border-bottom: dashed 1px #0000FF;
    padding-bottom:4px;
    color:#808080;
}
.main h4  {
    font-size:14px;
    color:#808080;
    line-height:125%;
    margin-top:25px;
    margin-bottom:5px;
    border-top: dashed 1px #0000FF;
    padding-top:6px;
    border-bottom: dashed 1px #0000FF;
    padding-bottom:4px;
    font-weight:bold;
}
.main h5  {
    font-size:12px;
    line-height:125%;
    margin-top:10px;
    margin-bottom:5px;
    border-top: dashed 1px #0000FF;
    padding-top:4px;
    border-bottom: dashed 1px #0000FF;
    padding-bottom:4px;
    font-weight:lighter;
}
.main h6  {
    font-size:12px;
    line-height:125%;
    margin-top:4px;
    margin-bottom:4px;
    border-bottom: dashed 1px #0000FF;
    padding-bottom:2px;
    font-weight:lighter;
}


.main p  {
    font-size:12px;
    line-height:150%;
    margin-top:5px;
    margin-bottom:5px;
}
.main ul {
    font-size: 12px;
    line-height: 125%;
    text-align:left;
    margin-left:30px;
    margin-top:10px;
    list-style-image:none;
    padding-left:-2px;
    margin-bottom:10px;
}
.main a {
    color:#808080;
    text-decoration:none;
    font-weight:bold;
}
.main a:hover  { 
    color: #ff6600 
}
.copy  {
    height:22px;
    background-color:#33cc66;
    font-size:12px;
    color:#ffffff;
    padding-left:10px;
    margin-right:0px;
    padding-top:auto;
    padding-bottom:auto;
}