@charset "utf-8";

/* Browser Reset
-------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
  margin:0;
  padding:0;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
fieldset,img {
  border:0;
}
address,caption,cite,code,dfn,em,strong,th,var,optgroup {
  font-style:inherit;
  font-weight:inherit;
}
li {
  list-style:none;
}
caption,th {
  text-align:left;
}
h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight:normal;
}
hr {
  display:none;
}

/* Common Style
-------------------------------------------------*/
body {
  margin:0; padding:0;
  color:#333;
/*  font-size:81.25%;*/
  font-size:0.75em;
  font-family:Arial, Helvetica, sans-serif;
  text-align:center;
}
a:link {
  color:#00479D;
  text-decoration:underline;
}
a:visited {
  color:#00479D;
  text-decoration:underline;
}
a:hover {
  color:#00479D;
  text-decoration:none;
}
a:active {
  color:#00479D;
  text-decoration:none;
}
#wrapper {
  width:920px;
  margin:0 auto;
}
body .space {
  padding-top:39px;
}
#header {
  height:115px;
  background:url("../images/header_bg.gif") no-repeat 0px 0px;
  text-align:left;
}
#gNav {
  clear:both;
  margin:5px 10px 0 10px;
  text-align:left;
}
#topMain {
  clear:both;
  margin:0 10px 5px 10px;
}
#topcontents {
  clear:both;
  margin:0 10px;
  text-align:left;
}
#contents {
  clear:both;
  margin:20px 10px 0 10px;
  text-align:left;
}
#main {
  float:left;
  width:670px;
}
#side {
  float:right;
  width:200px;
}
#footer {
  clear:both;
  height:90px;
  margin-top:20px;
  background:url("../images/footer_bg.gif") no-repeat 0px 0px;
}
.offscreen {
  position:absolute;
  left:-1000em;
}
.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
} /*IE7以外のモダンブラウザ向け*/
.clearfix{ display:inline-block; } /*IE7およびMacIE5向け*/
/*Hides from IE-mac\*/
* html .clearfix{ height:1%; }
.clearfix{ display:block; }
/*End hide from IE-mac*/ /*IE6以前向け*/


/* Header Style
-------------------------------------------------*/
#headerLeft {
  float:left;
}
#headerLeft .logo {
  position:relative;
  top:30px;
  left:25px;
}
#headerLeft .sNav {
  position:relative;
  top:40px;
  left:25px;
  color:#666;
  font-weight:bold;
  font-size:12px;
  text-align:center;
}
#headerLeft .sNav a:link {
  color:#666;
  text-decoration:none;
}
#headerLeft .sNav a:visited {
  color:#666;
  text-decoration:none;
}
#headerLeft .sNav a:hover {
  color:#00479D;
  text-decoration:underline;
}
#headerLeft .sNav a:active {
  color:#00479D;
  text-decoration:underline;
}
#headerRight {
  float:right;
  width:405px;
  height:65px;
  margin:25px 40px 0 0;
  border-right:1px solid #CCC;
  border-left:1px solid #CCC;
}
#headerRight h1 {
  margin:10px 15px 3px 15px;
  font-weight:bold;
}
#headerRight img {
  margin:0 15px 0 10px;
}

/* gNav Style
-------------------------------------------------*/
#gNav li {
  float:left;
}

/* Main Style(HOME)
-------------------------------------------------*/
#main .topPr01 {
  margin-top:10px;
  background:url("../images/top_pr_bg01.gif") no-repeat 0px 0px;
}
#main .topPr02 {
  background:url("../images/top_pr_bg02.gif") no-repeat 0px 0px;
}
#main .topPr03 {
  background:url("../images/top_pr_bg03.gif") no-repeat 0px 0px;
}
#main .topPr01 h3, .topPr02 h3, .topPr03 h3 {
  margin-left:115px;
  padding:15px 0 0 0;
}
#main .topPr01 p, .topPr02 p, .topPr03 p {
  margin:5px 20px 40px 120px;
  line-height:1.5em;
}
#main .topContact {
  height:120px;
  background:url("../images/contact_bg.jpg") no-repeat 0px 0px;
}
#main .topContact img {
  position:relative;
  top:58px;
  left:273px;
}
#main .seikaPr01 {
  background:url("../images/seika_pr_bg01.gif") no-repeat 0px 0px;
}
#main .seikaPr01 h3 {
  margin-left:110px;
  padding:15px 0 0 0;
}
#main .seikaPr01 p {
  margin:5px 20px 15px 115px;
  line-height:1.5em;
}

#main .seikaPoint1 {
  width:630px;
  height:110px;
  background:url("../images/seika_point1_bg.gif") no-repeat 0px 0px;
}
#main .seikaPoint1 .leftPoint {
  float:left;
  width:315px;
}
#main .seikaPoint1 .leftPoint h3 {
  padding:23px 0 14px 90px;
  color:#FFF;
  font-size:1.333em;
}
#main .seikaPoint1 .leftPoint h3 span {
  font-size:.75em;
}
#main .seikaPoint1 .leftPoint .price {
  padding:5px 0 11px 0;
  color:#00479D;
  text-align:center;
}
#main .seikaPoint1 .leftPoint .price span {
  font-size:2.308em;
  font-weight:bold;
}
#main .seikaPoint1 .rightPoint {
  float:right;
  width:315px;
}
#main .seikaPoint1 .rightPoint h3 {
  padding:23px 0 14px 125px;
  color:#FFF;
  font-size:1.333em;
}
#main .seikaPoint1 .rightPoint .price {
  padding:0px 0 0px 0;
  color:#00479D;
}
#main .seikaPoint1 .rightPoint .price .left {
  float:left;
  padding:0 0 0 20px;
  backgournd:#EEE;
}
#main .seikaPoint1 .rightPoint .price .left span {
  font-size:2.308em;
  font-weight:bold;
}
#main .seikaPoint1 .rightPoint .price .center {
  float:left;
  padding:10px 10px 0 10px;
  font-size:1.692em;
}
#main .seikaPoint1 .rightPoint .price .right {
  float:left;
}
#main .seikaPoint1 .rightPoint .price .right span {
  display:inline-block;
  margin-top:4px;
  font-size:1.769em;
  font-weight:bold;
}
#main .seikaPoint2 {
  width:630px;
  background:url("../images/seika_point2_bg.gif") repeat-y 0px 0px;
}
#main .seikaPoint2 .left {
  float:left;
  width:315px;
}
#main .seikaPoint2 .left p {
  padding:5px 20px 5px 20px;
  line-height:1.5em;
}
#main .seikaPoint2 .right {
  float:right;
  width:315px;
}
#main .seikaPoint2 .right p {
  padding:5px 20px 5px 20px;
  line-height:1.5em;
}
#main .seikaPoint3 {
  width:630px;
  height:10px;
  margin-bottom:20px;
  background:url("../images/seika_point3_bg.gif") no-repeat 0px 0px;
}

#main .seikaPlan {
  height:105px;
  margin:0 20px;
  padding:0 10px;
  background:url("../images/seika_plan_bg.gif") no-repeat 0px 0px;
}
#main .seikaPlan .left {
  float:left;
  width:305px;
  height:105px;
}
#main .seikaPlan .left .plan {
  float:left;
  width:100px;
  padding:37px 0 43px 0;
  color:#FFF;
  text-align:center;
}
#main .seikaPlan .left .ue {
  padding:25px 0 5px 0;
  color:#00479D;
}
#main .seikaPlan .left .ue span {
  font-size:1.538em;
  font-weight:bold;
}
#main .seikaPlan .left .shita {
  padding:3px 0 0 0;
  color:#00479D;
}
#main .seikaPlan .left .shita span {
  font-size:1.538em;
  font-weight:bold;
}
#main .seikaPlan .right {
  float:right;
  width:305px;
  height:105px;
}
#main .seikaPlan .right .plan {
  float:left;
  width:110px;
  padding:37px 0 0 0;
  color:#FFF;
  text-align:center;
}
#main .seikaPlan .right .ue {
  padding:20px 0 3px 0;
  color:#00479D;
}
#main .seikaPlan .right .ue span {
  font-size:1.538em;
  font-weight:bold;
}
#main .seikaPlan .right .shita {
  padding:3px 0 0 0;
  color:#00479D;
}
#main .seikaPlan .right .shita span {
  font-size:1.538em;
  font-weight:bold;
}
#main .seikaPlan .right .attention {
  color:#FF0000;
  text-align:right;
}



#main .koteiPr01 {
  background:url("../images/kotei_pr_bg01.gif") no-repeat 0px 0px;
}
#main .koteiPr01 h3 {
  margin-left:115px;
  padding:15px 0 0 0;
}
#main .koteiPr01 p {
  margin:5px 20px 15px 120px;
  line-height:1.5em;
}


#main .koteiPoint1 {
  width:630px;
  height:110px;
  background:url("../images/kotei_point1_bg.gif") no-repeat 0px 0px;
}
#main .koteiPoint1 .left {
  float:left;
  width:315px;
}
#main .koteiPoint1 .left h3 {
  padding:23px 0 14px 90px;
  color:#FFF;
  font-size:1.333em;
}
#main .koteiPoint1 .left h3 span {
  font-size:.75em;
}
#main .koteiPoint1 .left .price {
  padding:5px 0 11px 0;
  color:#00479D;
  text-align:center;
}
#main .koteiPoint1 .left .price span {
  font-size:2.308em;
  font-weight:bold;
}
#main .koteiPoint1 .right {
  float:right;
  width:315px;
}
#main .koteiPoint1 .right h3 {
  padding:23px 0 14px 125px;
  color:#FFF;
  font-size:1.333em;
}
#main .koteiPoint1 .right .price {
  padding:5px 0 11px 0;
  color:#00479D;
  text-align:center;
}
#main .koteiPoint1 .right .price span {
  font-size:2.308em;
  font-weight:bold;
}
#main .koteiPoint2 {
  width:630px;
  background:url("../images/kotei_point2_bg.gif") repeat-y 0px 0px;
}
#main .koteiPoint2 .left {
  float:left;
  width:315px;
}
#main .koteiPoint2 .left p {
  padding:5px 20px 5px 20px;
  line-height:1.5em;
}
#main .koteiPoint2 .right {
  float:right;
  width:315px;
}
#main .koteiPoint2 .right p {
  padding:5px 20px 5px 20px;
  line-height:1.5em;
}

#main .koteiPlan {
  width:630px;
  height:138px;
  background:url("../images/kotei_point3_bg.gif") no-repeat 0px 0px;
  text-align:center;
}
#main .koteiPlan .left {
  float:left;
  width:315px;
  margin-top:65px;
}
#main .koteiPlan .left h3 {
  margin:0 10px 0 50px;
}
#main .koteiPlan .left h3 span {
  font-size:1.538em;
  font-weight:bold;
}
#main .koteiPlan .left p {
  margin:3px 10px 0 50px;
}
#main .koteiPlan .right {
  float:right;
  width:315px;
  margin-top:65px;
  text-align:center;
}
#main .koteiPlan .right h3 {
  margin:0 50px 0 10px;
}
#main .koteiPlan .right h3 span {
  font-size:1.538em;
  font-weight:bold;
}
#main .koteiPlan .right p {
  margin:3px 50px 0 15px;
}

#main .title {
  margin:0 0 15px 0;
}
#main .subtitle {
  margin:0 0 20px 0;
}
#main .section {
  margin:0 20px 20px 20px;
}
#main .section2 {
  margin:0 30px 20px 20px;
}
#main .section3 {
  margin:0 20px;
}
#main .section4 {
  margin:0 20px 20px 20px;
  text-align:center;
}
#main .section p, .section2 p {
  margin-bottom:25px;
  line-height:1.5em;
}
#main .section .sitemaplist li {
  line-height:1.5em;

}
#main .tableoutline {
  width:630px;
  border:1px solid #E8E8E8;
}
#main .tableoutline th {
  width:120px;
  padding:10px;
  vertical-align:top;
  background:#F5F5F5;
  border:1px solid #E8E8E8;
}
* html #main .tableoutline th {
  font-size:0.75em;
  font-weight:normal;
}
#main .tableoutline td {
  width:460px;
  padding:10px 15px;
  border:1px solid #E8E8E8;
}
* html #main .tableoutline td {
  font-size:0.75em;
  font-weight:normal;
}
#main .stepNav span {
  margin:0 10px;
}
#main .stepNav span.active {
  margin:0;
  padding:1px 5px;
  background:#FFFCE3;
  border:1px solid #FFCFB5;
  font-weight:bold;
}
#main .formoutline {
  width:630px;
  border:1px solid #E8E8E8;
}
#main .formoutline th {
  width:120px;
  padding:10px;
  vertical-align:top;
  background:#F5F5F5;
  border:1px solid #E8E8E8;
}
* html #main .formoutline th {
  font-size:.75em;
  font-weight:normal;
}
#main .formoutline td {
  width:460px;
  padding:10px 15px 10px 15px;
  border:1px solid #E8E8E8;
}
* html #main .formoutline td {
  font-size:.75em;
  font-weight:normal;
}
#main .formoutline .text {
  width:150px;
}
#main .formoutline .mtext {
  width:40px;
}
#main .formoutline .textarea {
  width:100%;
}
#main .formoutline p {
  margin-bottom:10px;
}
#main .attention {
  margin:10px 0;
}
#main .warning {
  padding:5px;
  background:#FFFCE3;
  border:1px solid #FFCFB5;
}
#main .button {
  margin-top:15px;
  text-align:center;
}
#main .buttonimg1 {
  display:block;
  width:93px;
  height:39px;
  margin:0 auto;
  padding:0;
  border:0;
  background: url("../images/btn_next.gif") no-repeat 0px 0px;
  text-indent: -9999px;
  font-size: 0px;
  line-height: 0px;
  cursor:pointer;
}
#main .buttonimg1:hover,
#main .buttonimg1:focus {
  background: url("../images/btn_next_org.gif") no-repeat 0px 0px;
}
#main .buttonimg2 {
  display:block;
  width:93px;
  height:39px;
  margin:0 auto;
  padding:0;
  border:0;
  background: url("../images/btn_submit.gif") no-repeat 0px 0px;
  text-indent: -9999px;
  font-size: 0px;
  line-height: 0px;
  cursor:pointer;
}
#main .buttonimg2:hover,
#main .buttonimg2:focus {
  background: url("../images/btn_submit_org.gif") no-repeat 0px 0px;
}


/* Side Style
-------------------------------------------------*/
#side .banner {
  margin-bottom:10px;
}
#side .pmark {
  margin:50px 0;
}

/* Footer Style
-------------------------------------------------*/
#footer .pagetop {
  position:relative;
  top:2px;
  right:30px;
  text-align:right;
}
#footer .fNav ul {
  margin:15px 0 8px 0;
}
#footer .fNav li {
  display:inline;
  padding-right:5px;
  padding-left:5px;
  border-right:1px solid #333;
}
#footer .fNav li.last {
  border:none;
}
#footer .fNav li a:link {
  color:#333;
  text-decoration:none;
}
#footer .fNav li a:visited {
  color:#333;
  text-decoration:none;
}
#footer .fNav li a:hover {
  color:#00479D;
  text-decoration:underline;
}
#footer .fNav li a:active {
  color:#00479D;
  text-decoration:underline;
}
#footer .copyright {
  clear:both;
}