@charset   "Shift-JIS";
body,div,dl,dt,dd,hr,ul,ol,li,h1,h2,h3,h4,p {
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 100%;
}
body {
  margin: 0;
  padding: 0;
  font-family: 'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro','‚l‚r ‚oƒSƒVƒbƒN',sans-serif;
  line-height: 1.8;
  font-size: 12px;
  color: #696969;
  background-color: white;
  overflow: auto;
  scrollbar-darkshadow-color: white;
  scrollbar-3dlight-color: white;
  scrollbar-arrow-color: white;
  scrollbar-base-color: white;
  scrollbar-face-color: white;
  scrollbar-track-color: white;
  font-weight: normal;
  overflow: auto;
  text-align: center;
}
li {
  list-style: none;
}
#container {
  background-repeat: no-repeat;
  width: 900px;
  position: relative;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
}
#header {
  width: 900px;
  height: 253px;
  background-image: url(../img/signature_header.jpg);
  background-repeat: no-repeat;
}
#middle {
  width: 900px;
  background-image: url(../img/signature_middle.jpg);
  background-repeat: repeat-y;
}
#footer {
  width: 900px;
  height: 88px;
  background-image: url(../img/signature_footer.jpg);
  background-repeat: no-repeat;
  clear: both;
text-align:center;
}
#footer address{
padding-top: 25px;
  width: 900px;
  height: 88px;
  background-repeat: no-repeat;
  clear: both;
font-style:normal;
}
#content {
  width: 790px;
  margin: 0 0 0 60px;
}
h1 {
  width: 420px;
  height: 169px;
  background-image: url(../img/signature_logo.png);
  text-indent: -9999px;
  top: 60px;
  position: absolute;
}
#menu {
  top: 180px;
  left: 240px;
  position: absolute;
}
#header li {
  float: left;
  height: 20px;
}
#header li img {
  margin-top: 0px;
  margin-bottom: 0px;
  vertical-align: top;
}
#menu_concept a {
  background-image: url(../img/signature_concept.jpg);
  width: 104px;
  height: 38px;
  text-indent: -9999px;
  display: block;
  font-size: 100%;
}
#menu_concept a:hover {
  background-image: url(../img/signature_concept_on.jpg);
  width: 104px;
  height: 38px;
  text-indent: -9999px;
  display: block;
  font-size: 100%;
}
#menu_top a {
  background-image: url(../img/signature_top.jpg);
  width: 103px;
  height: 38px;
  text-indent: -9999px;
  display: block;
  font-size: 100%;
}
#menu_top a:hover {
  background-image: url(../img/signature_top_on.jpg);
  width: 103px;
  height: 38px;
  text-indent: -9999px;
  display: block;
  font-size: 100%;
}
#menu_price a {
  background-image: url(../img/signature_price.jpg);
  width: 91px;
  height: 38px;
  text-indent: -9999px;
  display: block;
  font-size: 100%;
}
#menu_price a:hover {
  background-image: url(../img/signature_price_on.jpg);
  width: 91px;
  height: 38px;
  text-indent: -9999px;
  display: block;
  font-size: 100%;
}
#menu_step a {
  background-image: url(../img/signature_step.jpg);
  width: 106px;
  height: 38px;
  text-indent: -9999px;
  display: block;
  font-size: 100%;
}
#menu_step a:hover {
  background-image: url(../img/signature_step_on.jpg);
  width: 106px;
  height: 38px;
  text-indent: -9999px;
  display: block;
  font-size: 100%;
}
#menu_form a {
  background-image: url(../img/signature_form.jpg);
  width: 106px;
  height: 38px;
  text-indent: -9999px;
  display: block;
  font-size: 100%;
}
#menu_form a:hover {
  background-image: url(../img/signature_form_on.jpg);
  width: 106px;
  height: 38px;
  text-indent: -9999px;
  display: block;
  font-size: 100%;
}
#menu_estimate a {
  background-image: url(../img/signature_estimate.jpg);
  width: 107px;
  height: 38px;
  text-indent: -9999px;
  display: block;
  font-size: 100%;
}
#menu_estimate a:hover {
  background-image: url(../img/signature_estimate_on.jpg);
  width: 106px;
  height: 38px;
  text-indent: -9999px;
  display: block;
  font-size: 100%;
}
#content_top {
  width: 800px;
  height: 41px;
  background-repeat: no-repeat;
  background-image: url(../img/signature_content_back_top.png);
}
#content_middle {
  width: 800px;
  background-image: url(../img/signature_content_back_midd.jpg);
  background-repeat: repeat-y;
}
#content_bottom {
  width: 800px;
  height: 28px;
  background-image: url(../img/signature_content_back_bott.png);
  clear: both;
  background-repeat: no-repeat;
}
#sidebar {
  width: 205px;
  padding-left: 25px;
  float: left;
  font-size: 80%;
  display: inline;
}
#mainbar {
  width: 485px;
  margin-left: 20px;
  margin-right: 25px;
  background-color: ;
  overflow: hidden;
  float: right;
  display: inline;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.cleafix {
  display: inline-block;
  min-height: 1%;
/*for IE 7*/
}
#mainbar .concept1 {
  width: 485px;
  height: 25px;
  background-image: url(../img/signature_concept_1.jpg);
  text-indent: -9999px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
}
#mainbar .concept2 {
  width: 485px;
  height: 25px;
  background-image: url(../img/signature_concept_2.jpg);
  text-indent: -9999px;
  margin-bottom: 10px;
}
#sidebar h3 {
  margin-bottom: 10px;
  width: 235px;
  height: 20px;
}
#sidebar p {
  margin-bottom: 10px;
  width: 205px;
}
#sidebar ul {
  margin-bottom: 10px;
  width: 205px;
}
#sidebar dl {
  margin-bottom: 10px;
  width: 205px;
}
#sidebar #side_special {
  background-image: url(../img/sidebar_title_special.jpg);
  background-repeat: no-repeat;
  text-indent: -9999px;
  width: 235px;
  height: 20px;
  margin-left: -25px;
}
#sidebar #side_archives {
  background-image: url(../img/sidebar_title_archives.jpg);
  background-repeat: no-repeat;
  text-indent: -9999px;
  width: 235px;
  height: 20px;
  margin-left: -25px;
}
#sidebar #side_topics {
  background-image: url(../img/sidebar_title_topics.jpg);
  background-repeat: no-repeat;
  text-indent: -9999px;
  width: 235px;
  height: 20px;
  margin-left: -25px;
}
#sidebar #side_links {
  background-image: url(../img/sidebar_title_links.jpg);
  background-repeat: no-repeat;
  text-indent: -9999px;
  width: 235px;
  height: 20px;
  margin-left: -25px;
}
#sidebar #side_blog {
  background-image: url(../img/sidebar_title_blog.jpg);
  background-repeat: no-repeat;
  text-indent: -9999px;
  width: 235px;
  height: 20px;
  margin-left: -25px;
}
#submenu {
  left: 340px;
  margin-top: -159px;
  position: absolute;
}
#submenu li {
  margin-left: 15px;
  width: 115px;
  height: 20px;
}
#about a {
  background-image: url(../img/signature_about.jpg);
  background-repeat: no-repeat;
  text-indent: -9999px;
  width: 115px;
  height: 20px;
  display: block;
}
#about a:hover {
  background-image: url(../img/signature_about_on.jpg);
  background-repeat: no-repeat;
}
#faq a {
  background-image: url(../img/signature_faq.jpg);
  background-repeat: no-repeat;
  width: 115px;
  height: 20px;
  text-indent: -9999px;
  display: block;
}
#faq a:hover {
  background-image: url(../img/signature_faq_on.jpg);
  background-repeat: no-repeat;
}
input {
  border-width: 1px 1px 1px 1px;
  border-style: solid solid solid solid;
  border-color: gray gray gray gray;
  background-color: white;
  width: 60px;
  height: 20px;
}
select {
  border-width: 1px 1px 1px 1px;
  border-style: solid solid solid solid;
  border-color: white white white white;
  background-color: white;
  width: 240px;
  height: 20px;
}
.upper {
  width: 240px;
  height: 15px;
  border-style: none;
}
textarea {
  border-width: 1px 1px 1px 1px;
  border-style: solid solid solid solid;
  border-color: white white white white;
  background-color: white;
  width: 400px;
  height: 130px;
  display: inline-block;
  font-size: 16px;
}
#mail_form {
  width: 485px;
  text-align: center;
}
#mail_form dd {
  width: 240px;
  height: 20px;
  padding-left: 5px;
}
#mail_form dt {
  width: 240px;
  height: 30px;
}
#send {
  width: 485px;
  height: 75px;
  text-align: center;
}
#text_area {
  margin-top: 10px;
  margin-left: 50px;
  height: 170px;
}
#estimate_textarea {
  width: 400px;
  height: 40px;
  display: inline;
}
#form_must {
  margin-left: 240px;
  width: 240px;
}
.short_check {
  width: 25px;
  border-style: none;
  background-color: #F6F6F6;
  vertical-align: middle;
  font-size: 100%;
}
.check {
  width: 25px;
  border-style: none;
  background-color: #F6F6F6;
  vertical-align: middle;
  font-size: 100%;
}
.submit {
  }
#must_title {
  width: 485px;
  height: 20px;
  background-image: url(../img/form_smalltitle.jpg);
  text-indent: -9999px;
  margin-bottom: 20px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #028BF5;
  margin-top: 10px;
}
#toi_title {
  width: 485px;
  height: 20px;
  background-image: url(../img/form_smalltitle_toi.jpg);
  text-indent: -9999px;
  margin-bottom: 20px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #028BF5;
  margin-top: 10px;
}
#free_title {
  width: 485px;
  height: 20px;
  background-image: url(../img/form_smalltitle_free.jpg);
  text-indent: -9999px;
  margin-bottom: 20px;
  margin-top: 10px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #028BF5;
}
#est_title {
  width: 485px;
  height: 20px;
  background-image: url(../img/form_smalltitle_est.jpg);
  text-indent: -9999px;
  margin-bottom: 20px;
  margin-top: 10px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #028BF5;
}
.pricebox_top {
  width: 470px;
  height: 15px;
  background-image: url(../img/pricebox_top.jpg);
  margin-left: 5px;
}
.pricebox_middle {
  width: 470px;
  background-image: url(../img/pricebox_middle.jpg);
  background-repeat: repeat-y;
  margin-left: 5px;
}
.pricebox_bottom {
  margin-bottom: 30px;
  width: 470px;
  height: 13px;
  background-image: url(../img/pricebox_bottom.jpg);
  margin-left: 5px;
}
.pricebox_contents {
  width: 460px;
  margin-left: 10px;
}
.pricebox_contents ul {
  width: 450px;
  margin-left: 0px;
  font-size: 100%;
  padding-bottom: 10px;
  list-style-type: disc;
}
.pricebox_contents li {
  margin-left: 50px;
  list-style-type: disc;
  list-style-position: outside;
}
#easy_plan {
  width: 450px;
  height: 200px;
  background-image: url(../img/plan_easy.jpg);
  background-repeat: no-repeat;
  text-indent: -9999px;
}
#basic_plan {
  width: 450px;
  height: 251px;
  background-image: url(../img/plan_basic.jpg);
  background-repeat: no-repeat;
  text-indent: -9999px;
}
#full_plan {
  width: 450px;
  height: 372px;
  background-image: url(../img/plan_full.jpg);
  background-repeat: no-repeat;
  text-indent: -9999px;
}
#cms_plan {
  width: 450px;
  height: 300px;
  background-image: url(../img/plan_cms.jpg);
  background-repeat: no-repeat;
  text-indent: -9999px;
}
#default_plan {
  width: 450px;
  height: 53px;
  background-image: url(../img/plan_default.jpg);
  background-repeat: no-repeat;
  text-indent: -9999px;
}
.stepbox_top {
  width: 470px;
  height: 15px;
  background-image: url(../img/pricebox_top.jpg);
  margin-left: 5px;
}
.stepbox_middle {
  width: 470px;
  background-image: url(../img/pricebox_middle.jpg);
  background-repeat: repeat-y;
  margin-left: 5px;
}
.stepbox_bottom {
  margin-bottom: 30px;
  width: 470px;
  height: 13px;
  background-image: url(../img/pricebox_bottom.jpg);
  margin-left: 5px;
}
.stepbox_contents {
  width: 460px;
  margin-left: 10px;
}
.stepbox_contents ul {
  width: 450px;
  margin-left: 0px;
  font-size: 90%;
  margin-bottom: 10px;
  list-style-type: disc;
}
.stepbox_contents li {
  margin-left: 50px;
  list-style-type: disc;
  list-style-position: outside;
}
.stepbox_contents dl {
  width: 410px;
  margin-left: 20px;
  padding-bottom: 10px;
}
.stepbox_contents dd {
  padding-left: 20px;
  margin-bottom: 5px;
  font-weight: bolder;
  background-image: url(../img/step_allow1.jpg);
  width: 410px;
  height: 17px;
  background-repeat: no-repeat;
  background-position: 0px 3px;
}
.stepbox_contents dt {
  font-size: 100%;
  padding-left: 10px;
}
#step1 {
  width: 450px;
  height: 86px;
  background-image: url(../img/signature_step1.jpg);
  background-repeat: no-repeat;
  text-indent: -9999px;
}
#step2 {
  width: 450px;
  height: 86px;
  background-image: url(../img/signature_step2.jpg);
  background-repeat: no-repeat;
  text-indent: -9999px;
}
#step3 {
  width: 450px;
  height: 86px;
  background-image: url(../img/signature_step3.jpg);
  background-repeat: no-repeat;
  text-indent: -9999px;
}
#step4 {
  width: 450px;
  height: 86px;
  background-image: url(../img/signature_step4.jpg);
  background-repeat: no-repeat;
  text-indent: -9999px;
}
#step5 {
  width: 450px;
  height: 86px;
  background-image: url(../img/signature_step5.jpg);
  background-repeat: no-repeat;
  text-indent: -9999px;
}
#step6 {
  width: 450px;
  height: 86px;
  background-image: url(../img/signature_step6.jpg);
  background-repeat: no-repeat;
  text-indent: -9999px;
}
#price_muryou {
  margin-top: 5px;
  width: 435px;
  height: 30px;
  font-size: 90%;
  text-align: right;
}
#concept_seo_title {
  background-image: url(../img/concept_title_seo.jpg);
  width: 480px;
  height: 130px;
  text-indent: -9999px;
  background-repeat: no-repeat;
}
#concept_seo_contents {
  background-image: url(../img/concept_contents_seo.jpg);
  width: 480px;
  height: 190px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  margin-bottom: 25px;
}
#concept_image_title {
  background-image: url(../img/concept_title_design.jpg);
  width: 480px;
  height: 130px;
  text-indent: -9999px;
  background-repeat: no-repeat;
}
#concept_image_contents {
  background-image: url(../img/concept_contents_image.jpg);
  width: 480px;
  height: 183px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  margin-bottom: 25px;
}
#concept_contents_title {
  background-image: url(../img/concept_title_contents.jpg);
  width: 480px;
  height: 130px;
  text-indent: -9999px;
  background-repeat: no-repeat;
}
#concept_contents_contents {
  background-image: url(../img/concept_contents_contents.jpg);
  width: 480px;
  height: 170px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  margin-bottom: 25px;
}
#concept_homepage_title {
  background-image: url(../img/concept_title_homepage.jpg);
  width: 480px;
  height: 130px;
  text-indent: -9999px;
  background-repeat: no-repeat;
}
#concept_homepage_contents {
  background-image: url(../img/concept_contents_homepage.jpg);
  width: 480px;
  height: 190px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  margin-bottom: 25px;
}
#concept_blog_title {
  background-image: url(../img/concept_title_blog.jpg);
  width: 480px;
  height: 130px;
  text-indent: -9999px;
  background-repeat: no-repeat;
}
#concept_blog_contents {
  background-image: url(../img/concept_contents_blog.jpg);
  width: 480px;
  height: 250px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  margin-bottom: 25px;
}
#concept_mailmagazine_title {
  background-image: url(../img/concept_title_mailmagazine.jpg);
  width: 480px;
  height: 130px;
  text-indent: -9999px;
  background-repeat: no-repeat;
}
#concept_mailmagazine_contents {
  background-image: url(../img/concept_contents_mailmagazi.jpg);
  width: 480px;
  height: 210px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  margin-bottom: 25px;
}
#concept_title_price {
  background-image: url(../img/concept_title_price.jpg);
  width: 480px;
  height: 130px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  margin-bottom: 25px;
}
#concept_title_process {
  background-image: url(../img/concept_title_process.jpg);
  width: 480px;
  height: 130px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  margin-bottom: 25px;
}
#concept_title_contact {
  background-image: url(../img/concept_title_contact.jpg);
  width: 480px;
  height: 130px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  margin-bottom: 25px;
}
#concept_title_estimate {
  background-image: url(../img/concept_title_estimate.jpg);
  width: 480px;
  height: 130px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  margin-bottom: 25px;
}
#top_homepage_banner {
  background-image: url(../img/top_homepage_banner.jpg);
  width: 480px;
  height: 240px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  margin-bottom: 25px;
}
#top_threetool_banner {
  background-image: url(../img/top_threetool_banner.jpg);
  width: 480px;
  height: 240px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  margin-bottom: 25px;
}
#top_service_banner {
  background-image: url(../img/top_service_banner.jpg);
  width: 480px;
  height: 240px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  margin-bottom: 25px;
}
.topbox_top {
  width: 470px;
  height: 15px;
  background-image: url(../img/pricebox_top.jpg);
  margin-left: 5px;
}
.topbox_middle {
  width: 470px;
  background-image: url(../img/pricebox_middle.jpg);
  background-repeat: repeat-y;
  margin-left: 5px;
}
.topbox_bottom {
  margin-bottom: 30px;
  width: 470px;
  height: 13px;
  background-image: url(../img/pricebox_bottom.jpg);
  margin-left: 5px;
}
.topbox_contents {
  width: 460px;
  margin-left: 10px;
}
.topbox_contents p {
  margin-left: 15px;
  width: 410px;
}
.topbox_contents .continue {
  text-align: right;
  width: 410px;
  font-size: 120%;
  font-weight: bolder;
}
.about_banner_top {
  width: 480px;
  height: 60px;
  background-image: url(../img/about_banner_top.jpg);
  background-repeat: no-repeat;
  margin-left: 5px;
  text-indent: -9999px;
}
.about_banner_mative {
  width: 480px;
  height: 60px;
  background-image: url(../img/about_banner_mative.jpg);
  background-repeat: no-repeat;
  margin-left: 5px;
  text-indent: -9999px;
}
.about_banner_middle {
  width: 480px;
  background-image: url(../img/about_banner_middle.jpg);
  background-repeat: repeat-y;
  margin-left: 5px;
}
.about_banner_bottom {
  width: 480px;
  height: 60px;
  background-image: url(../img/about_banner_bottom.jpg);
  background-repeat: no-repeat;
  margin-left: 5px;
  text-indent: -9999px;
}
.about_banner_middle dl {
  width: 400px;
  margin-left: 30px;
  padding-bottom: 0px;
  padding-top: 15px;
}
.about_banner_middle dd {
  padding-left: 20px;
  margin-bottom: 5px;
  font-weight: bolder;
  background-image: url(../img/step_allow1.jpg);
  width: 410px;
  height: 17px;
  background-repeat: no-repeat;
  background-position: 0px 3px;
}
.about_banner_middle dt {
  font-size: 100%;
  padding-left: 25px;
}
#concept_title_signature {
  background-image: url(../img/concept_title_signature.jpg);
  width: 480px;
  height: 130px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  margin-bottom: 25px;
  margin-left: 5px;
}
#header_contact {
  background-image: url(../img/g);
  text-indent: -9999px;
  position: absolute;
}
a{
  font-weight : bold;
  color : gray;
  text-decoration : underline;
}
a:hover{
  font-weight : bold;
  color : red;
  text-decoration : underline;
}
.arrow{
background-image: url(../img/p_arrow.jpg);
width: 480px;
  height: 30px;
background-repeat: no-repeat;
margin-top: -30px;
}
#sidebar img{
margin-bottom: 10px;
}
.kokuti{
width: 205px;
margin-bottom: -20px;
  height: 10px;
}
.backtop{
width: 480px;
text-align: right;
}
#screenshot{
position:absolute;
border:1px solid #ccc;
background:#F5F5F5;
padding:5px;
display:none;
color:#fff;
}