* {
font-size: 100%;
font-weight: normal;
font-style: normal;
margin: 0;
padding: 0;
list-style-type: none; }
img {
border-style: none; }
body {
font-family: HiraMaruPro-W4, "ＭＳ Ｐゴシック";
color: #444;
font-size: 90%;
background-color: #fcd17a; }

strong {
color: #f60; }

a:link {
color: #390; }
a:visited {
color: #360; }
a:hover { color: #f90;
text-decoration: underline;}
a:active { }
/*=========================*/
div#header {
font-size: 80%;
background-color: #fbfbfb;
background-image: url(img/bg_header.gif);
background-repeat: repeat-x;
background-position: left bottom; }

div#header ul {
background-image: url(img/logo.gif);
background-repeat: no-repeat;
background-position: 9px bottom;
text-align: right;
width: 650px;
min-height: 20px;
margin-right: auto;
margin-left: auto;
padding-top: 5px;
padding-left: 130px; }

div#header ul li {
margin: 3px;
padding: 3px;
display: inline; }
div#header ul li.here {
background-color: #c6e587;
display:      inline; }
div#page {
width: 780px;
margin-right: auto;
margin-left: auto; }
ul#menu {
text-align: right;
margin-top: -20px;
margin-right: 41px;
margin-bottom: -2px; }
ul#menu li {
background-image: url(img/bg_menu.gif);
background-repeat: repeat-y;
background-position: 0 5px;
margin-right: 3px;
margin-left: 0;
display: inline; }
div#footer {
font-size: 80%;
line-height: 180%;
text-align: center;
clear: both;
margin-top: 5px;
padding-top: 5px; }
/*====================*/
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{
display:inline-table;
}
/*macIE¥*/
*html .clearfix{height:1%;}
.clearfix{display:block;}
/*macIE*/
.clearfix{
  zoom:1;
}
/*===================*/
/*div#submenu {
font-size: 90%;
background-image: url(img/bg_side_top.jpg);
background-repeat: no-repeat;
background-position: 0 top;
width: 155px;
float: right;
min-height: 200px;
margin-top: 10px;
padding-top: 80px;
padding-left: 5px; }*/
div#contents {
background-image: url(img/bg_sketch.jpg);
background-repeat: repeat-y;
background-position: 0 18px;
width: 780px;
float: left;
margin-bottom: 10px; }
div#contents div.ctop {
background-image: url(img/bg_sketch_top.jpg);
background-repeat: no-repeat;
background-position: 0 top;
padding-top: 20px; }

div#contents div.cbottom {
background-image: url(img/bg_sketch_bottom.jpg);
background-repeat: no-repeat;
background-position: 0 bottom;
min-height: 382px;
padding-bottom: 43px;
padding-left: 40px; }
div#main {
/*background-image: url(img/sideline.gif);
background-repeat: repeat-y;
background-position: right 0;*/
width: 520px;
min-height: 360px; }
div#contents h1 {
color: #300;
font-size: 110%;
width: 460px;
margin: 10px 20px 0;
padding: 4px; }
div#contents h2 {
color: #390;
font-size: 110%;
width: 460px;
margin:             20px 20px 10px 30px;
padding:            4px 4px 4px 10px;
border-bottom:      1px dotted #666; }
/*div#contents h3 {
color:         #fff200;
background-color: #390;
margin:        10px 20px 0 30px;
padding:       2px 2px 2px 10px; }*/
div#contents h3 {
color: #390;
font-weight: bold;
margin-left: 30px; }
div#contents p {
line-height: 180%;
text-indent: 1em;
margin-top: 20px;
margin-right: 0;
margin-left: 30px; }
div#contents p.image {
text-indent: 0;
margin-left: 15px; }
div#contents p.conimage {
text-indent: 0;
margin-left: 15px;
padding-top: 50px; }

div#contents p.para {
text-indent: 0; }
div#contents p.sample {
font-size: 80%;
background-color: #f3ead9;
background-image: url(img/bg_sample.gif);
background-repeat: repeat-x;
text-indent: 0;
padding: 5px;
border: solid 1px #669945; }
div#contents p.caution {
font-size:         80%;
background-color: #fefeec;
text-indent:       0;
padding:           5px;
border:            solid 1px #ccc; }
div#contents ul li {
margin-top: 3px;
margin-bottom: 3px;
margin-left: 40px;
list-style-type: square; }
div#contents ul#menu li {
margin-top: 3px;
margin-bottom: 3px;
margin-left: 0;
list-style-type: square; }
div#contents table {
font-size: 90%;
background-color: #fff;
width: 490px;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 30px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
order-top-style: solid; }
div#contents th {
background-color: #fae2a4;
padding: 5px;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc; }
div#contents td {
background-color: #f9f1ec;
padding: 5px 5px 5px 10px;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc; }
div#submenu {
width: 200px;
float: right; }
div#submenu p {
font-size: 90%;
background-image: url(img/bg_side_top.jpg);
background-repeat: no-repeat;
background-position: 24px 0;
text-indent: 0;
width: 200px;
margin-left: 0;
padding-top: 80px; }
div#submenu p img {
vertical-align: middle;


 }

p.totop {
font-size: 80%;
text-align: right;
margin-top: 20px;
margin-bottom: 20px;
border-bottom: 1px dotted #999;
 }
/*contact*/
p.contact {
padding-bottom: 80px; }