@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-family:Arial, Helvetica, sans-serif;
}
a:link {
  color:#39C;
  text-decoration:underline;
}
a:visited {
  color:#39C;
  text-decoration:underline;
}
a:hover {
  color:#39C;
  text-decoration:none;
}
a:active {
  color:#39C;
  text-decoration:none;
}
#wrapper {
  border-top:4px solid #F00000;
  text-align:center;
}
body .space {
  margin-top:39px;
}
#header {
  width:850px;
  height:108px;
  margin:0 auto;
  text-align:left;
}
#gNavMainTop {
  clear:both;
  height:373px;
  background:url("../images/gnav_bg.gif") no-repeat top center;
  text-align:center;
}
#gNavMainTop2 {
  clear:both;
  height:200px;
  background:url("../images/gnav_bg.gif") no-repeat top center;
  text-align:center;
}
#gNav {
  width:850px;
  margin:0 auto;
  padding:8px 0;
  text-align:left;
}
#topMain {
  clear:both;
  width:852px;
  margin:0 auto;
  height:323px;
  background:url("../images/top_main_bg.jpg") no-repeat 0px 0px;
  text-align:left;
}
#contentsTitle {
  clear:both;
  width:852px;
  margin:0 auto;
  height:147px;
  background:url("../images/contents_title_bg.jpg") no-repeat 0px 0px;
  text-align:left;
}
#contents {
  width:850px;
  margin:38px auto 0 auto;
  text-align:left;
}
#main {
  float:left;
  width:590px;
}
#side {
  float:right;
  width:219px;
  min-height:452px;
  background:url("../images/side_bg.gif") no-repeat 0px 34px;
}
* html #side {
  height:452px;
}
#footer {
  clear:both;
  height:104px;
  margin-top:50px;
  background:url("../images/footer_bg.gif") repeat-x 0px 0px;
}
.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
-------------------------------------------------*/
#header .headerLeft {
  float:left;
  width:365px;
}
#header .headerLeft .logo {
  padding-top:31px;
}
#header .headerLeft .sNav {
  padding-top:3px;
  font-weight:bold;
  font-size:12px;
}
#header .headerLeft .sNav a:link {
  color:#333;
  text-decoration:none;
}
#header .headerLeft .sNav a:visited {
  color:#333;
  text-decoration:none;
}
#header .headerLeft .sNav a:hover {
  color:#39C;
  text-decoration:underline;
}
#header .headerLeft .sNav a:active {
  color:#39C;
  text-decoration:underline;
}
#header .contact {
  float:right;
  width:317px;
  height:93px;
  background:url("../images/header_contact.gif") no-repeat 0px 0px;
}
#header .contact h1 {
  padding:20px 0 0 15px;
  color:#F00000;
  font-size:10px;
  font-weight:bold;
}
#header .contact h1.indention {
  padding:8px 0 0 15px;
}

/* gNav Main Style
-------------------------------------------------*/
#gNav li {
  float: left;
  width: 150px;
  margin-right:25px;
}
#gNav li.last {
  margin:0;
}
#gNav li a {
  display:block;
  overflow:hidden;
  width:100%;
  height:0 !important;
  height /**/:34px;
  padding-top:34px;
  color:#FFFFFF;
}
/* 通常 */
#gNav .nav01 a { background:url("../images/gnav01.gif") no-repeat 0px 0px;}
#gNav .nav02 a { background:url("../images/gnav02.gif") no-repeat 0px 0px;}
#gNav .nav03 a { background:url("../images/gnav03.gif") no-repeat 0px 0px;}
#gNav .nav04 a { background:url("../images/gnav04.gif") no-repeat 0px 0px;}
#gNav .nav05 a { background:url("../images/gnav05.gif") no-repeat 0px 0px;}
/* 現在位置 */
#gNav .nav01 a.stay { background:url("../images/gnav01_w.gif") no-repeat 0px 0px;}
#gNav .nav02 a.stay { background:url("../images/gnav02_w.gif") no-repeat 0px 0px;}
#gNav .nav03 a.stay { background:url("../images/gnav03_w.gif") no-repeat 0px 0px;}
#gNav .nav04 a.stay { background:url("../images/gnav04_w.gif") no-repeat 0px 0px;}
#gNav .nav05 a.stay { background:url("../images/gnav05_w.gif") no-repeat 0px 0px;}
/* オンマウス */
#gNav .nav01 a:hover { background:url("../images/gnav01_w.gif") no-repeat 0px 0px;}
#gNav .nav02 a:hover { background:url("../images/gnav02_w.gif") no-repeat 0px 0px;}
#gNav .nav03 a:hover { background:url("../images/gnav03_w.gif") no-repeat 0px 0px;}
#gNav .nav04 a:hover { background:url("../images/gnav04_w.gif") no-repeat 0px 0px;}
#gNav .nav05 a:hover { background:url("../images/gnav05_w.gif") no-repeat 0px 0px;}

#topMain h2 {
  padding-top:30px;
  margin:0 0 5px 18px;
  font-size:32px;
  line-height:1.2em;
}
#topMain p {
  margin:0 0 10px 18px;
  font-size:16px;
  font-weight:bold;
}
#topMain .button01 {
  margin:0 0 5px 18px;
}
#topMain .button02 {
  margin:0 0 0 18px;
}
#contentsTitle .title {
  padding:35px 0 0 18px;
  font-size:32px;
}
#contentsTitle .title2 {
  padding:55px 0 0 18px;
  font-size:32px;
}


/* main Style
-------------------------------------------------*/
#main .subtitle {
  clear:both;
  width:588px;
  height:31px;
  margin-bottom:10px;
  background:url("../images/subtitle_bg.gif") no-repeat 0px 0px;
}
#main .subtitle h3 {
  padding:1px 10px;
  color:#FFF;
  font-size:1.692em;
  font-weight:bold;
}
#main p {
  margin-bottom:20px;
  padding-right:2px;
  line-height:1.5em;
}

#main .merritt {
  margin:5px 0 38px 0;
}
#main .merritt li {
  float:left;
  margin-right:10px;
}
#main .merritt li.last {
  margin-right:0;
}
#main .merritt li.merritt1 {
  width:175px;
  height:65px;
  background:url("../images/top_number1.gif") no-repeat 0px 0px;
}
#main .merritt li.merritt1 p {
  padding:15px 0 0 30px;
  font-weight:bold;
  line-height:1.3em;
}
#main .merritt li.merritt2 {
  width:220px;
  height:65px;
  background:url("../images/top_number2.gif") no-repeat 0px 0px;
}
#main .merritt li.merritt2 p {
  padding:7px 0 0 37px;
  font-weight:bold;
  line-height:1.3em;
}
#main .merritt li.merritt3 {
  width:175px;
  height:65px;
  background:url("../images/top_number3.gif") no-repeat 0px 0px;
}
#main .merritt li.merritt3 p {
  padding:15px 0 0 37px;
  font-weight:bold;
  line-height:1.3em;
}
#main .topPr {
  width:588px;
  height:124px;
  background:url("../images/top_pr_bg.gif") no-repeat 0px 0px;
}
#main .topPr .topPrInner {
  padding:20px 10px;
}
#main .topPr .topPrBox {
  float:left;
  width:176px;
  margin:0 20px 0 0;
}
#main .topPr .last {
  margin:0;
}
#main .topPr .topPrBox h4 {
  padding:0 0 0 5px;
  border-left:3px solid #F00000;
  color:#F00000;
  font-weight:bold;
}
#main .topPr .topPrBox p {
  margin-top:10px;
  line-height:1.3em;
  font-size:12px;
}
#pricePlan {
  clear:both;
}
#pricePlan2 {
  clear:both;
  width:587px;
}
#pricePlanLeft {
  float:left;
  width:289px;
  height:200px;
  border:1px solid #F00000;
}
#pricePlanLeft .title {
  width:289px;
  height:32px;
  background:url("../images/kotei_subtitle_bg.gif") no-repeat 0px 0px;
}
#pricePlanLeft h3 {
  padding:6px 0 6px 10px;
  color:#FFF;
  font-weight:bold;
}
#pricePlanLeft h3 span {
  font-size:16px;
}
#pricePlanLeft .price {
  padding:17px 10px 32px 10px;
  color:#F00000;
  text-align:center;
  background:url("../images/point1_bg.gif") no-repeat 0px bottom;
}
#pricePlanLeft .price span {
  font-size:26px;
  font-weight:bold;
}
#pricePlanLeft img {
  margin:0 10px;
}
#pricePlanLeft .pr p {
  margin:0;
  padding:5px 10px 0 10px;
  line-height:1.3em;
}

#pricePlanRight {
  float:right;
  width:289px;
  height:200px;
  border:1px solid #F00000;
}
#pricePlanRight .title {
  width:289px;
  height:32px;
  background:url("../images/kotei_subtitle_bg.gif") no-repeat 0px 0px;
}
#pricePlanRight h3 {
  padding:6px 0 6px 10px;
  color:#FFF;
  font-weight:bold;
}
#pricePlanRight h3 span {
  font-size:16px;
}
#pricePlanRight .price {
  padding:10px 10px 25px 10px;
  color:#F00000;
  text-align:center;
  background:url("../images/point2_bg.gif") no-repeat 0px bottom;
}
#pricePlanRight .price span {
  font-size:24px;
  font-weight:bold;
}
#pricePlanRight .price .priceLeft {
  float:left;
  text-align:left;
}
#pricePlanRight .price .priceCenter {
  float:left;
  padding:15px 0 0 0px;
  font-size:22px;
}
#pricePlanRight .price .priceRight {
  float:left;
  text-align:left;
}
#pricePlanRight img {
  margin:0 10px;
}
#pricePlanRight .pr p {
  margin:0;
  padding:5px 10px 0 10px;
  line-height:1.3em;
}
#koteiPlan {
  margin:10px 0;
  padding:10px;
  border:1px solid #F00000;
}
#koteiPlan .left {
  float:left;
  width:130px;
  height:31px;
  background:url("../images/seika_plan_bg.gif") no-repeat 0px 0px;
  text-align:center;
}
#koteiPlan .left p {
  margin:0;
  padding:4px 0 3px 0;
  color:#FFF;
  font-weight:bold;
  font-size:16px;
}
#koteiPlan .price {
  float:left;
  padding:5px 0 5px 10px;
}
#koteiPlan .price p {
  margin:0;
  color:#F00000;
}
#koteiPlan .price p span {
  font-size:16px;
  font-weight:bold;
}

#pricePlanLeft2 {
  float:left;
  width:287px;
  height:220px;
  border-top:1px solid #F00000;
  border-right:1px solid #F00000;
  border-left:1px solid #F00000;
}
#pricePlanLeft2 .title {
  width:287px;
  height:32px;
  background:url("../images/kotei_subtitle_bg.gif") no-repeat 0px 0px;
}
#pricePlanLeft2 h3 {
  padding:6px 0 6px 10px;
  color:#FFF;
  font-weight:bold;
}
#pricePlanLeft2 h3 span {
  font-size:16px;
}
#pricePlanLeft2 .price {
  padding:17px 10px 30px 10px;
  color:#F00000;
  text-align:center;
  background:url("../images/point1_bg.gif") no-repeat 0px bottom;
}
#pricePlanLeft2 .price span {
  font-size:26px;
  font-weight:bold;
}
#pricePlanLeft2 img {
  margin:0 9px;
}
#pricePlanLeft2 .pr p {
  margin:0;
  padding:5px 10px 0 10px;
  line-height:1.3em;
}
#pricePlanRight2 {
  float:right;
  width:287px;
  height:220px;
  border-top:1px solid #F00000;
  border-right:1px solid #F00000;
  border-left:1px solid #F00000;
}
#pricePlanRight2 .title {
  width:287px;
  height:32px;
  background:url("../images/kotei_subtitle_bg.gif") no-repeat 0px 0px;
}
#pricePlanRight2 h3 {
  padding:6px 0 6px 10px;
  color:#FFF;
  font-weight:bold;
}
#pricePlanRight2 h3 span {
  font-size:16px;
}
#pricePlanRight2 .price {
  padding:17px 10px 30px 10px;
  color:#F00000;
  text-align:center;
  background:url("../images/point2_bg.gif") no-repeat 0px bottom;
}
#pricePlanRight2 .price span {
  font-size:26px;
  font-weight:bold;
}
#pricePlanRight2 img {
  margin:0 9px;
}
#pricePlanRight2 .pr p {
  margin:0;
  padding:5px 10px 0 10px;
  line-height:1.3em;
}
#seikaPlan {
  width:587px;
  height:93px;
  margin-bottom:20px;
  padding-top:23px;
  background:url("../images/kotei_bg01.gif") no-repeat 0px 0px;
}
#seikaPlan .seikaPlanInner {
  border:1px solid #F00000;
}
#seikaPlan .seikaPlanInner .left {
  float:left;
  width:290px;
  padding:15px 0;
  text-align:center;
}
#seikaPlan .seikaPlanInner .left h3 {
  margin-bottom:5px;
  color:#F00000;
}
#seikaPlan .seikaPlanInner .left h3 span {
  font-size:16px;
  font-weight:bold;
}
#seikaPlan .seikaPlanInner .left p {
  margin:0;
}
#seikaPlan .seikaPlanInner .right {
  float:right;
  width:290px;
  padding:15px 0;
  text-align:center;
}
#seikaPlan .seikaPlanInner .right h3 {
  margin-bottom:15px;
  color:#F00000;
}
#seikaPlan .seikaPlanInner .right h3 span {
  font-size:16px;
  font-weight:bold;
}
#seikaPlan .seikaPlanInner .right p {
  margin:0;
}

#main .tableoutline {
  width:590px;
  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:440px;
  padding:10px 15px;
  border:1px solid #E8E8E8;
}
* html #main .tableoutline td {
  font-size:0.75em;
  font-weight:normal;
}

#main .privacyH4 {
  margin-bottom:5px;
  font-weight:bold;
}

#main .sitemapList li {
  margin-bottom:15px;
  padding-left:10px;
  line-height:1.5em;
  font-size:1.231em;
  list-style:disc inside;
  color:#00479D;
}
#main .sitemapList li a:link {
  color:#00479D;
  text-decoration:none;
}
#main .sitemapList li a:visited {
  color:#00479D;
  text-decoration:none;
}
#main .sitemapList li a:hover {
  color:#00479D;
  text-decoration:underline;
}
#main .sitemapList li a:active {
  color:#00479D;
  text-decoration:underline;
}


#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:590px;
  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:420px;
  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 .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/button_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/button_next_red.gif") no-repeat 0px 0px;
}
#main .buttonimg2 {
  display:block;
  width:93px;
  height:39px;
  margin:0 auto;
  padding:0;
  border:0;
  background: url("../images/button_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/button_submit_red.gif") no-repeat 0px 0px;
}


#main .attention li {
  margin-bottom:5px;
  font-size:12px;
}
#main .attention2 {
  margin:10px 0;
}
#main .warning {
  padding:5px;
  background:#FFFCE3;
  border:1px solid #FFCFB5;
}


/* Side Style
-------------------------------------------------*/
#side .navi {
  margin:5px 8px 0 7px;
}
#side .navi li {
  width: 203px;
  height:48px;
  margin-bottom:5px;
}
#side .navi li a {
  display:block;
  overflow:hidden;
  width:100%;
  height:0 !important;
  height /**/:48px;
  padding-top:48px;
  color:#FFFFFF;
}
/* 通常 */
#side .navi li.nav01 a { background:url("../images/side_toiawase.gif") no-repeat 0px 0px;}
#side .navi li.nav02 a { background:url("../images/side_seikyuu.gif") no-repeat 0px 0px;}
#side .navi li.nav03 a { background:url("../images/side_moushikomi.gif") no-repeat 0px 0px;}
/* 現在位置 */
#side .navi li.nav01 a.stay { background:url("../images/side_toiawase_on.gif") no-repeat 0px 0px;}
#side .navi li.nav02 a.stay { background:url("../images/side_seikyuu_on.gif") no-repeat 0px 0px;}
#side .navi li.nav03 a.stay { background:url("../images/side_moushikomi_on.gif") no-repeat 0px 0px;}
/* オンマウス */
#side .navi li.nav01 a:hover { background:url("../images/side_toiawase_on.gif") no-repeat 0px 0px;}
#side .navi li.nav02 a:hover { background:url("../images/side_seikyuu_on.gif") no-repeat 0px 0px;}
#side .navi li.nav03 a:hover { background:url("../images/side_moushikomi_on.gif") no-repeat 0px 0px;}

#side .pmark {
  margin:10px 0 0 10px;
}

/* Footer Style
-------------------------------------------------*/
#footer .navi {
  padding:25px 0 20px 0;
}
#footer .navi li {
  display:inline;
  margin-right:5px;
  padding-right:5px;
  border-right:1px solid #39C;
}
#footer .navi li.last {
  margin:0;padding:0;border:0;
}
#footer .navi li a:link {
  color:#39C;
  text-decoration:none;
}
#footer .navi li a:visited {
  color:#39C;
  text-decoration:none;
}
#footer .navi li a:hover {
  color:#39C;
  text-decoration:underline;
}
#footer .navi li a:active {
  color:#39C;
  text-decoration:underline;
}