@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:#000;
  font-size:0.75em;
  font-family:Arial, Helvetica, sans-serif;
  text-align:center;
}
a:link,
a:visited {
  color:#09C;
  text-decoration:underline;
}
a:hover,
a:active {
  color:#09C;
  text-decoration:none;
}

#tNav {
  width:100%;
  height:30px;
  background:url("../images/site_navi_gb.gif") repeat-x 0px 0px;
  text-align:center;
}
#wrapper {
  width:950px;
  margin:0 auto;
  text-align:left;
}
#header {
  padding:40px 0 35px 0;
}
#gNav {
  clear:both;
  margin-bottom:10px;
  text-align:left;
}
#contents {
  margin-bottom:40px;
}
#main {
  float:left;
  width:690px;
}
#sub {
  float:right;
  width:221px;
}
#footer {
  height:110px;
  background:url("../images/footer_bg.gif") repeat-x 0px 0px;
  text-align:center;
}

.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以前向け*/


/* tNav Style
-------------------------------------------------*/
#tNavInner {
  width:950px;
  margin:0 auto;
}
#tNavInner h1 {
  float:left;
  width:300px;
  padding:8px 0 7px 0;
  color:#FFF;
  text-align:left;
}
#tNavInner ul {
  float:right;
  width:650px;
  padding:8px 0 7px 0;
  text-align:right;
}
#tNavInner li {
  display:inline;
  padding:0 7px;
  border-right:1px solid #FFF;
}
#tNavInner li.last {
  border:none;
  padding:0 0 0 7px;
}
#tNavInner li a:link,
#tNavInner li a:visited {
  color:#FFF;
  text-decoration:none;
}
#tNavInner li a:hover,
#tNavInner li a:active {
  color:#FFF;
  text-decoration:underline;
}

/* header Style
-------------------------------------------------*/
#logo {
  float:left;
  width:245px;
}
#contact {
  float:right;
  width:296px;
}

/* gNav Style
-------------------------------------------------*/
#gNav li {
  float: left;
  width:158px;
}
#gNav li a {
  display:block;
  overflow:hidden;
  width:100%;
  height:0 !important;
  height /**/:57px;
  padding-top:57px;
  color:#FFFFFF;
}
/* 通常 */
#gNav li.nav01 a { background:url("../images/gnav01.gif") no-repeat 0 0;}
#gNav li.nav02 a { background:url("../images/gnav02.gif") no-repeat 0 0;}
#gNav li.nav03 a { background:url("../images/gnav03.gif") no-repeat 0 0;}
#gNav li.nav04 a { background:url("../images/gnav04.gif") no-repeat 0 0;}
#gNav li.nav05 a { background:url("../images/gnav05.gif") no-repeat 0 0;}
#gNav li.nav05 a { background:url("../images/gnav05.gif") no-repeat 0 0;}
#gNav li.nav06 a { background:url("../images/gnav06.gif") no-repeat 0 0;}
/* 現在位置 ant オンマウス */
#gNav li.nav01 a:hover,
#gNav li.nav01 a.stay { background:url("../images/gnav01_on.gif") no-repeat 0 0;}
#gNav li.nav02 a:hover,
#gNav li.nav02 a.stay { background:url("../images/gnav02_on.gif") no-repeat 0 0;}
#gNav li.nav03 a:hover,
#gNav li.nav03 a.stay { background:url("../images/gnav03_on.gif") no-repeat 0 0;}
#gNav li.nav04 a:hover,
#gNav li.nav04 a.stay { background:url("../images/gnav04_on.gif") no-repeat 0 0;}
#gNav li.nav05 a:hover,
#gNav li.nav05 a.stay { background:url("../images/gnav05_on.gif") no-repeat 0 0;}
#gNav li.nav06 a:hover,
#gNav li.nav06 a.stay { background:url("../images/gnav06_on.gif") no-repeat 0 0;}

/* contents Style
-------------------------------------------------*/
#contentsHeader {
  margin-bottom:40px;
  background:#EEE;
}
#contents .topMain {
  height:351px;
  background:url("../images/topmain_bg.jpg") no-repeat 0 0;
}
#contents .topMain h2 {
  padding:64px 0 0 38px;
  line-height:1em;
  font-size:5em;
  font-weight:bold;
}
#contents .topMain .campaign {
  padding-left:38px;
}
#contents .topMain .campaign a {
  display:block;
  overflow:hidden;
  width:469px;
  height:0 !important;
  height /**/:138px;
  padding-top:138px;
  color:#FFFFFF;
  background:url("../images/top_campaign_bn.gif") no-repeat 0 0;
}
#contents .subContents {
  width:952px;
  height:137px;
  background:url("../images/contents_title_bg.gif") no-repeat 0 0;
}
#contents .subContents h2 {
  padding:55px 0 0 40px;
  line-height:1em;
  font-size:3em;
  font-weight:bold;
}

/* main Style
-------------------------------------------------*/
#main .subTitle {
  clear:both;
  padding:13px 0 15px 35px;
  background:url("../images/subtitle_icon_four.gif") no-repeat 0 15px;
  border-top:3px solid #09C;
  color:#09C;
  font-size:1.833em;
  font-weight:bold;
}
#main .subTitle2 {
  clear:both;
  margin-bottom:15px;
  padding:5px 20px;
  background:url("../images/subtitle_icon_one.gif") no-repeat 3px 10px;
  border:1px solid #09C;
  color:#09C;
  font-size:1.5em;
  font-weight:bold;
}
#main .subTitle3 {
  color:#09C;
  font-weight:bold;
  line-height:1.75em;
}
#main .section {
  margin-bottom:35px;
}
#main .section2 {
  margin-bottom:20px;
}
#main .sectionLine {
  margin-bottom:30px;
  padding-bottom:30px;
  border-bottom:1px dashed #09C;
}
#main p {
  line-height:1.75em;
}

#main .pr123 {
  width:690px;
  height:57px;
  margin-bottom:15px;
  background:url("../images/toppr123_bg.gif") no-repeat 0 0;
}
#main .pr123 li {
  float:left;
  width:230px;
}
#main .pr123 li p {
  line-height:1.5em;
  color:#FFF;
  font-weight:bold;
}
#main .pr123 li.pr1 p {
  padding:11px 0 0 50px;
}
#main .pr123 li.pr2 p {
  padding:11px 0 0 40px;
}
#main .pr123 li.pr3 p {
  padding:11px 0 0 55px;
}

#main .promise h4 {
  margin-bottom:5px;
  padding-left:55px;
  color:#09C;
  font-weight:bold;
}
#main .promise p{
  width:590px;
  margin-bottom:15px;
}
#main .promise1 {
  background:url("../images/promise1.gif") no-repeat right 0;
}
#main .promise1 h4 {
  background:url("../images/promise1_icon.gif") no-repeat 0 0;
}
#main .promise2 {
  background:url("../images/promise2.gif") no-repeat right 0;
}
#main .promise2 h4 {
  background:url("../images/promise2_icon.gif") no-repeat 0 0;
}
#main .promise3 {
  background:url("../images/promise3.gif") no-repeat right 0;
}
#main .promise3 h4 {
  background:url("../images/promise3_icon.gif") no-repeat 0 0;
}
#main .promise4 {
  background:url("../images/promise4.gif") no-repeat right 0;
}
#main .promise4 h4 {
  background:url("../images/promise4_icon.gif") no-repeat 0 0;
}

#main .news {
  padding:15px 0 20px 0;
  border-top:1px solid #CCC;
  border-bottom:1px solid #CCC;
}
#main .news h3 {
  line-height:1.5em;
  color:#09C;
  font-size:1.5em;
}
#main .news li {
  line-height:1.5em;
}

#koteiPrice {
  width:690px;
  height:175px;
  margin-bottom:15px;
  background:url("../images/kotei_priceline.gif") no-repeat 0 0;
}
#koteiPrice .left {
  float:left;
  width:355px;
  padding-top:30px;
}
#koteiPrice .left h4 {
  float:left;
  height:30px;
  padding:0 0 7px 30px;
}
#koteiPrice .left .price span {
  padding:0 3px 0 10px;
  line-height:1em;
  font-size:2.167em;
  font-weight:bold;
}
#koteiPrice .left p {
  clear:both;
  margin:0 10px 0 30px;
}
#koteiPrice .right {
  float:right;
  width:335px;
  padding-top:30px;
}
#koteiPrice .right h4 {
  float:left;
  height:30px;
  padding:0 0 7px 0;
}
#koteiPrice .right .price span {
  padding:0 3px 0 10px;
  line-height:1em;
  font-size:2.167em;
  font-weight:bold;
}
#koteiPrice .right p {
  clear:both;
  margin:0 25px 10px 0;
}
#koteiPrice .right p span {
  font-weight:bold;
}
#koteiPrice .right p.attention {
  line-height:1.5em;
  font-size:10px;
}
#koteiPrice .left .price,
#koteiPrice .right .price,
#main .koteiAttention {
  color:#09C;
}

#main .koteiMerit {
  width:690px;
  height:68px;
  background:url("../images/kotei_merit_bg.gif") no-repeat 0 0;
}
#main .koteiMerit li {
  float:left;
}
#main .koteiMerit li.merit1 {
  width:155px;
}
#main .koteiMerit li.merit2 {
  width:153px;
}
#main .koteiMerit li.merit3 {
  width:198px;
}
#main .koteiMerit li.merit4 {
  width:184px;
}
#main .koteiMerit li p {
  line-height:1.25em;
  padding:28px 0 0 10px;
  color:#FFF;
}

#seikaPrice {
  width:690px;
  height:213px;
  margin-bottom:5px;
  background:url("../images/seika_priceline.gif") no-repeat 0 0;
}
#seikaPrice .left {
  float:left;
  width:265px;
  padding-top:30px;
}
#seikaPrice .left h4 {
  float:left;
  height:30px;
  padding:0 0 7px 30px;
}
#seikaPrice .left .price span {
  padding:0 3px 0 10px;
  line-height:1em;
  font-size:2.167em;
  font-weight:bold;
}
#seikaPrice .left p {
  clear:both;
  margin:0 20px 0 30px;
}
#seikaPrice .right {
  float:right;
  width:425px;
  padding-top:30px;
}
#seikaPrice .right h4 {
  float:left;
  height:30px;
  padding:0 0 7px 0;
}
#seikaPrice .right .price span.price1 {
  padding:0 3px;
  line-height:1em;
  font-size:1.833em;
  font-weight:bold;
}
#seikaPrice .right .price span.text {
  padding:0 5px;
  line-height:1em;
  font-size:1.333em;
  font-weight:bold;
}
#seikaPrice .right p {
  clear:both;
  margin:0 20px 0 0;
}
#seikaPrice .right p.qa {
  line-height:1.5em;
  font-size:10px;
}
#seikaPrice .left .price,
#seikaPrice .right .price,
#seikaPrice .right p.qa span,
#main .seikaAttention {
  color:#09C;
}
#main .seikaAttentionBlack {
  margin-bottom:10px;
  font-size:10px;
}


#mokutekiTokutyo {
  margin-bottom:35px;
  border-top:3px solid #09C;
}
#mokutekiTokutyo .left {
  float:left;
  width:463px;
}
#mokutekiTokutyo .left .subTitleMokuteki {
  padding:13px 0 15px 35px;
  background:url("../images/subtitle_icon_four.gif") no-repeat 0 15px;
  color:#09C;
  font-size:1.833em;
  font-weight:bold;
}
#mokutekiTokutyo .left p {
  width:450px;
}
#mokutekiTokutyo img {
  float:right;
  margin-top:20px;
}
#mokutekiTokutyo .left p.red {
  color:#F00;
}
#mokutekiPrice {
  width:690px;
  height:189px;
  margin-bottom:5px;
  background:url("../images/mokuteki_priceline.gif") no-repeat 0 0;
}
#mokutekiPrice .left {
  float:left;
  width:245px;
  padding-top:30px;
}
#mokutekiPrice .left h4 {
  float:left;
  height:25px;
  padding:0 0 7px 30px;
}
#mokutekiPrice .left .price span {
  padding:0 3px 0 10px;
  line-height:1em;
  font-size:2.167em;
  font-weight:bold;
}
#mokutekiPrice .left p {
  clear:both;
  margin:0 20px 0 30px;
}
#mokutekiPrice .right {
  float:right;
  width:445px;
  padding-top:30px;
}
#mokutekiPrice .right h4 {
  float:left;
  height:25px;
  padding:0 0 7px 0;
}
#mokutekiPrice .right .price span {
  padding:0 3px 0 10px;
  line-height:1em;
  font-size:2.167em;
  font-weight:bold;
}
#mokutekiPrice .right p {
  clear:both;
  margin:0 20px 0 0;
}
#mokutekiPrice .bottom {
  clear:both;
  width:690px;
  padding-top:15px;
}
#mokutekiPrice .bottom h4 {
  float:left;
  height:25px;
  padding:0 0 7px 30px;
}
#mokutekiPrice .bottom .price span {
  padding:0 3px 0;
  line-height:1em;
  font-size:2.167em;
  font-weight:bold;
}
#mokutekiPrice .bottom p {
  clear:both;
  margin:0 30px 0 30px;
}
#mokutekiPrice .bottom p.qa {
  line-height:1.5em;
  font-size:10px;
}
#mokutekiPrice .left .price,
#mokutekiPrice .right .price,
#mokutekiPrice .bottom .price,
#mokutekiPrice .bottom p.qa span,
#main .mokutekiAttention {
  color:#09C;
}
#main .mokutekiAttentionBlack {
  margin-bottom:10px;
  font-size:10px;
}

#main .step {
  width:691px;
  height:99px;
  background:url("../images/step_bg.gif") no-repeat 0 0;
}
#main .step li {
  float:left;
  margin-right:17px;
  line-height:1.5em;
  font-size:1.167em;
  text-align:center;
}
#main .step li.step1 {
  width:78px;
  padding-top:30px;
}
#main .step li.step2 {
  width:95px;
  padding-top:19px;
}
#main .step li.step3 {
  width:111px;
  padding-top:19px;
}
#main .step li.step4,
#main .step li.step5 {
  width:120px;
  padding-top:19px;
}
#main .step li.step6 {
  width:81px;
  margin-right:0;
  padding-top:42px;
}

#main .mitsumoriBanner a {
  display:block;
  overflow:hidden;
  width:692px;
  height:0 !important;
  height /**/:96px;
  padding-top:96px;
  color:#FFFFFF;
  background:url("../images/mitsumori_bn.jpg") no-repeat 0 0;
}

#jissekiList {
  width:690px;
  border:1px solid #09C;
  text-align:center;
}
#jissekiList th {
  width:230px;
  padding:10px 0;
  background:#E6F4FA;
  border:1px solid #09C;
  text-align:center;
}
#jissekiList td {
  width:230px;
  padding:10px 0;
  border:1px solid #09C;
  text-align:center;
}

#sitemapList li {
  margin-bottom:10px;
  padding-left:18px;
  background:url("../images/subtitle_icon_one.gif") no-repeat 0 4px;
  line-height:1.5em;
  font-size:1.167em;
}
#sitemapList li a:link,
#sitemapList li a:visited {
  color:#09C;
  text-decoration:none;
}
#sitemapList li a:hover,
#sitemapList li a:active {
  color:#09C;
  text-decoration:underline;
}

#tableOutline {
}
#tableOutline th {
  width:80px;
  padding:0 0 15px 0;
  line-height:1.5em;
  vertical-align:top;
  text-align:center;
}
#tableOutline th div {
  padding:2px 0;
  background:#CCE9F6;
}
#tableOutline td {
  width:450px;
  padding:2px 10px 15px 10px;
  line-height:1.5em;
  font-size:1.167em;
  vertical-align:top;
}
#tableOutline td span {
  font-size:0.857em;
}

#questionList {
  margin-bottom:30px;
}
#questionList li {
  padding:5px 10px 5px 33px;
  background:url("../images/question_icon_q.gif") no-repeat 8px 5px;
  font-size:1.083em;
}
#answerList .ansTitleBg {
  clear:both;
  width:691px;
  height:31px;
  margin-bottom:15px;
  background:url("../images/question_title_bg2.gif") no-repeat 0 0;
}
#answerList .ansTitle {
  padding:7px 10px 7px 33px;
  background:url("../images/question_icon_q.gif") no-repeat 8px 6px;
  font-size:1.083em;
}
#answerList p.answer {
  min-height:40px;
  height:auto !important;
  height:40px;
  margin-bottom:10px;
  padding-left:55px;
  background:url("../images/question_icon_a.gif") no-repeat 0 4px;
  font-size:1.083em;
}
#answerList .link {
  clear:both;
  margin-bottom:30px;
  text-align:right;
}

/* sub Style
-------------------------------------------------*/
#sub li {
  margin-bottom:10px;
}

/* footer Style
-------------------------------------------------*/
#footerInner {
  width:950px;
  margin:0 auto;
  text-align:left;
}
#footerLeft {
  float:left;
  width:800px;
  padding-top:20px;
}
#footerLeft ul {
  width:800px;
}
#footerLeft li {
  display:inline;
  margin-right:5px;
  padding-right:6px;
  border-right:1px solid #09C;
  line-height:1.5em;
}
#footerLeft li.last {
  border:none;
  padding:0;
}
#footerLeft li a:link,
#footerLeft li a:visited {
  color:#09C;
  text-decoration:none;
}
#footerLeft li a:hover,
#footerLeft li a:active {
  color:#09C;
  text-decoration:underline;
}
#footerLeft p {
  padding-top:20px;
}
#footerRight {
  float:right;
  width:150px;
  padding-top:10px;
  text-align:right;
}