/* basic elements */

@import url(base.css);

body {
   background: url(images/head-back.gif) repeat-x;
   line-height: 1.5em;
}

body.one-column {
   background-image: none;
}

a {
   font-weight: bold;
   color: #0000ff;
   text-decoration: underline;
}

a:hover {
   color: #ff6600;
}

/***** containerの設定 ここから *****/
#container {
   width: 820px;
   margin: 0px auto; /* center on everything else */
   padding: 0px;
   text-align: left;
}

.one-column #container {
   width: 750px;
}

/***** containerの設定 ここまで *****/

/***** headerの設定 ここから *****/
#header {
   margin: 0px;
   padding: 0px;
   height: 162px;
}

.one-column #header {
   background: url(images/form-head.gif) no-repeat;
}

#site-logo {
   float: left;
   margin-left: 10px;
}

#mailto {
   margin-top: 55px;
   margin-left: 140px;
   padding: 0px;
}

#head-pict {
   margin-top: 10px;
   margin-left: 10px;
   padding: 0px;
}

#head-copy {
   margin-top: 5px;
   margin-left: 15px;
   padding: 0px;
}
/***** headerの設定 ここまで *****/

/***** head-infoの設定 ここから *****/
#head-info {
   clear: both;
   margin: 0px;
   padding: 0px;
}

.float-left {
   display: inline;   /* IE フロートさせた時マージンが２倍になるバグの回避 */
   float: left;
   width: 120px;
   margin-left: 30px;
}

.float-left a {
   display: block;
}

.float-right {
   display: inline;   /* IE フロートさせた時マージンが２倍になるバグの回避 */
   float: right;
   width: 550px;
}

/***** head-infoの設定 ここまで *****/

/***** h-naviの設定 ここから *****/
#h-navi {
   clear: both;
   margin-left: 6px;
   padding: 0px;
}

#h-navi ul {
   list-style-type: none;
   margin: 0px;
   padding: 0px;
}

#h-navi li {
   list-style-type: none;
   float: left;
   margin: 0px;
   padding: 0px;
}

/***** h-naviの設定 ここまで *****/

/***** contentの設定 ここから *****/
#content {
   float: left;
   width: 820px;
   margin: 0px;
   padding: 0px 0px 20px;
   background: url(images/c-back.gif) repeat-y 0 0;
   z-index: 1;
   letter-spacing: 1px;
}

.one-column #content {
   clear: both;
   display: inline;   /* IE フロートさせた時マージンが２倍になるバグの回避 */
   width: 600px;
   background: none;
   margin: 10px 0px 10px 75px;
}
/***** contentの設定 ここまで *****/

/***** mainの設定 ここから *****/
#main {
   display: inline;   /* IE フロートさせた時マージンが２倍になるバグの回避 */
   float: right;
   width: 600px;
   margin-right: 10px;
   padding: 0px;
   font-size: 14px;
}

.go {
   padding-left: 25px;
   background: url(images/link.gif) no-repeat 0 50%;
}

#main hr {
   margin: 0px;
   border-top: dashed #999999 1px;
   color: #ffffff;
   background-color: #ffffff;
   clear: both;
}

/***** mainの設定 ここまで *****/

/***** subの設定 ここから *****/
#sub {
   display: inline;   /* IE フロートさせた時マージンが２倍になるバグの回避 */
   float: left;
   width: 190px;
   margin-left: 10px;
   padding: 0px;
   font-size: 12px;
}

#sub-toiawase {
   background: url(images/side-info.gif) no-repeat 0 0;
   margin: 5px 0px 0px 10px;
   padding: 200px 3px 10px;
}

#sub-toiawase p {
   display: none;
}

#side-profile {
   margin: 20px 0px 0px 10px;
   padding: 0px;
}

#side-blog {
   margin: 0px 0px 0px 10px;
   padding: 0px;
}

#side-mitsumori {
   margin: 0px 0px 5px 3px;
}

#sub ul {
   margin: 0px;
}

.sub-list1 ul, .sub-list2 ul, .sub-list3 ul {
   margin: 0px;
   padding: 0px;
   list-style-type: none;
}

.sub-list1 li, .sub-list2 li, .sub-list3 li {
   list-style-type: none;
   line-height: 1.2;
   font-size: 12px;
   padding: 10px 0px 10px 20px;
}

.sub-list1 li, .sub-list3 li {
   border-bottom: dashed #add8e6 1px;
}

.sub-list1 li, .sub-list2 li {
   background: url(images/side-list1.gif) no-repeat 10px 50%;
}

.sub-list3 li {
   background: url(images/side-list2.gif) no-repeat 10px 50%;
}

li.bnone {
   border: none;
}

.sub-list1 li a, .sub-list3 li a {
   color: #666666;
   font-weight: bold;
   text-decoration: none;
}

.sub-list1 li a:hover {
   color: #006699;
}

.sub-list3 li a:hover {
   color: #ff6633;
}

.sub-list2 li a {
   color: #006699;
   font-weight: bold;
   text-decoration: none;
}

.sub-list2 li a:hover {
   text-decoration: underline;
   color: #006699;
}

.sub-content {
   margin: 5px 0px;
   padding: 0px;
}

#to-toiawase {
   margin: 10px;
}

.sub-contents {
   margin-top: 20px;
   margin-left: 10px;
   border: solid #999999 1px;
   background-color: #ffffff;
   width: 165px;
}

.sub-contents p {
   margin: 0px;
   padding: 0px;
   width: 137px;
}

.sub-contents2 {
   margin-top: 20px;
   margin-left: 10px;
   border-top: dashed #999999 1px;
   border-bottom: dashed #999999 1px;
   width: 165px;
}

/***** subの設定 ここまで *****/

/***** footerの設定 ここから *****/
#footer {
   clear: both;
   background: url(images/foot-back.gif) repeat-x 0 0;
   text-align: center;
}

#footer-inner {
   background: url(images/foot.gif) no-repeat 0 0;
   width: 820px;
   margin: 0px auto; /* center on everything else */
   text-align: center;
}

.one-column #footer-inner {
   background-image: none;
}

address {
   font-style: normal;
   font-size: smaller;
   padding: 10px 0px 10px 100px;
   margin: 0px;
}
/***** footerの設定 ここまで *****/

/***** naviの設定 ここから *****/
#navi-top {
   background: url(images/nabi-top.gif) no-repeat 0 0;
   margin: 20px 0px 5px;
   padding: 10px 0px 10px 40px;
   font-size: 16px;
   color: #666666;
   font-weight: bold;
}

#navi-bottom {
   background: url(images/nabi-bottom.gif) no-repeat 0 0;
   margin-top: 5px;
   padding: 7px 15px;
   font-size: 14px;
   color: #666666;
   font-weight: bold;
   text-align: right;
}

#navi {
   background: url(images/nabi-back.gif) no-repeat 0 0;
   height: 275px;
   width: 600px;
}

#navi p {
   text-indent: -9999px;
}

#to-toi, #to-mitsu {
   margin-top: 40px;
}

#to-toi {
   margin-left: 100px;
}
/***** naviの設定 ここまで *****/

/***** mapの設定 ここから *****/
#map-top {
   background: url(images/map-ue.gif) no-repeat 0 0;
   margin: 20px 0px 5px;
   padding: 10px 0px 10px 40px;
   font-size: 16px;
   color: #666666;
   font-weight: bold;
}

#map-inner {
}

#map {
   margin-top: 5px;
   padding: 10px 0px;
   font-size: 14px;
   color: #666666;
   border: solid #99cc33 1px;
}

#map td {
   padding:10px 0;
}

.area, .area2 {
   background: url(images/map-list.gif) no-repeat 0 50%;
   padding: 0px 0px 0px 12px;
   font-size: 14px;
}

.area {
   width: 200px;
}

.area3 {
   padding-left: 20px;
   font-size: 12px;
}

/***** naviの設定 ここまで *****/


/* 文字修飾の設定 */
h1 {
   background: url(images/title1-0.gif) no-repeat 0 0;
   font-size: 12px;
   padding: 0px;
   margin: 0px;
   text-align: right;
}

.one-column h1 {
   background-image: none;
}

h2 {
   clear: both;
}

h2#h2-title {
   clear: both;
   padding: 0px;
   background-color: #ffffff;
}

h3 {
   clear: both;
   background: url(images/h3-bg.gif) no-repeat 0 0;
   font-size: 16px;
   padding: 10px 0px 15px 40px;
   color: #006633;
}

h3.bg-none {
   clear: both;
   background-image: none;
   padding: 0px;
}

h3.h3-2 {
   background: url(images/h3-list2.gif) no-repeat 0 0;
}

.one-column h3 {
   background: url(images/form-h3.gif) no-repeat 0 0;
   padding-top: 17px;
   color: #0099cc;
}

h4 {
   background: url(images/h4-bg.gif) no-repeat left 50%;
   font-size: 16px;
   padding: 5px 0px 5px 30px;
   color: #0099cc;
   border-bottom: dashed #0099cc 1px;
}

h5 {
   font-size: 12px;
   color: #ff0000;
}

#sub p {
   margin: 10px 15px;
}

p {
   margin: 15px;
}

h2, h3, h4 {
   margin: 20px 0px;
}

.marg5 {
   margin: 0px 5px;
}

.mtb20 {
   margin: 20px 0px;
}

.mb0 {
   margin-bottom: 0px;
}

.mt0_tr {
   margin-top: 0px;
   text-align: right;
}

.go {
   margin-left: 5px;
}

.midashi1 {
   font-size: 14px;
}

.tell {
   font-weight: bold;
   color: #ff0000;
   font-size: 18px;
}

.yellow {
   background-color: #ffff00;
}

.bg-yellow {
   background-color: #ffff00;
}

.bg-yellow2 {
   background-color: #fff799;
   color: #666666;
   font-weight: bold;
}

.bg-pink, .bg-pink2 {
   background-color: #ffbbbb;
}

.bg-pink2 {
   color: #666666;
   font-weight: bold;
}

.bg-gray, .bg-gray2 {
   background-color: #dcdcdc;
}

.bg-orange, .bg-orange2 {
   background-color: #ffcc33;
}

.bg-gray2, .bg-orange2 {
   color: #333333;
   font-weight: bold;
   padding: 3px;
}

.red {
   color: #ff0000;
   font-weight: bold;
}

.orange {
   color: #ff6600;
   font-weight: bold;
}

.mizuiro {
   color: #3399cc;
}

.f-size1 {
   font-size: large;
}

.sirabe, .sirabe2 {
   color: #000000;
   font-size: 10px;
}

.sirabe2 {
   text-align: right;
   display: block;
}

#copy {
   background: url(images/title1-0.gif) no-repeat 0 0;
   width: 820px;
   margin: 0px auto;
   padding: 0px;
   text-align: right;
   font-weight: bold;
   color: #336699;
}

.one-column #copy {
   background-image: none;
   width: 750px;
}

#copy-inner {
   display: block;
   padding: 0px;
}

.bold {
   font-weight: bold;
}

.line-through {
   text-decoration: line-through;
}

.large {
   font-size: 140%;
}

.uline {
   text-decoration: underline;
}

.layout {
   float: right;
   margin: 0px 0px 20px 20px;
}

.l-layout {
   float: left;
   margin: 0px 20px 20px;
}

.layout1 {
   clear: both;
   width: 600px;
   margin: 10px 0px;
}

.list1 ul {
   margin: 0px;
   padding: 0px;
   list-style-type: none;
}

.list1 li {
   margin: 0px 10px 10px;
   padding: 0px 0px 0px 30px;
   list-style-type: none;
   background: url(images/list1.gif) no-repeat 0 50%;
   line-height: 1.2;
   color: #3399cc;
   font-weight: bold;
}

.list2 ul {
   margin: 0px;
   padding: 0px;
   list-style-type: none;
}

.list2 li {
   margin: 0px 10px 10px;
   padding: 0px 0px 0px 30px;
   list-style-type: none;
   background: url(images/list2.gif) no-repeat 0 50%;
   line-height: 1.2;
   color: #666666;
   font-weight: bold;
}

.list-ue {
   width: 550px;
   background: url(images/list-ue.gif) no-repeat 0 0;
   margin: 0px 0px 0px 25px;
   padding: 10px 0px 0px;
}

.list-naka {
   width: 550px;
   background: url(images/list-naka.gif) repeat-y 0 0;
}

.list-sita {
   width: 550px;
   background: url(images/list-sita.gif) no-repeat 0 bottom;
   padding: 0px 0px 10px;
}


/* その他 */
/***** form系の設定 ここから *****/
.one-column #head-pict {
   margin-left: 150px;
}

.one-column h2 {
   margin: 0px;
}

#form-totop {
   margin: 20px 0px 0px 535px;
}

#toiawase-index table, #order-index table {
   margin-left: 10px;
   border: solid #bbe2f1 0px;
   border-collapse: separate;
}

#toiawase-index th, #order-index th {
   width: 190px;
   padding: 10px;
   border: solid #bbe2f1 1px;
   background-color: #bbe2f1;
   text-align: left;
   font-size: 14px;
   color: #336699;
}

#toiawase-index td, #order-index td {
   width: 390px;
   padding: 10px;
   border: solid #bbe2f1 1px;
}
/***** form系の設定 ここまで *****/

.button {
   text-align: center;
}

.box1-ue {
   background-color: #ffe4e1;
}

.box1-sita {
   padding: 5px;
}

.center {
   margin-left: 60px; 
   text-align: center;
}

.marker1 {
   background-color: #fff799;
   color: #666666;
   font-weight: bold;
}
/**** トップページへ ***/
a#to-ue, a.to-ue {
   color: #0099cc;
   text-decoration: none;
}

a:hover#to-ue, a:hover.to-ue {
   text-decoration: underline;
}

img#to-top, img.to-top {
   vertical-align: baseline;
   margin-right:8px;
   margin-left: 400px;
}

img#to-home {
   margin-bottom: 10px;
}

.zoom {
   margin-top: 20px;
   margin-right:8px;
   margin-left: 400px;
}

#yajirusi1, .yajirusi1 {
   margin-top: 20px;
   margin-bottom: 20px;
   margin-left: 291px;
}

/*** 申し込みの流れ ***/
.flow-num {
   padding: 5px 0px 4px 10px;
   border-bottom: dashed #cc3300 1px;
   border-left: solid #cc3300 7px;
   font-size: 14px;
   color: #cc3300;
   font-weight: bold;
}

.sita {
   margin: 5px 280px;
}

#order-index .sita {
   margin: 5px 307px;
}

/***** main-indexの設定 ここから *****/
#main-index h3, #main-index h3.h3-2 {
   padding: 15px 0px 12px 50px;
   color: #ffffff;
   font-size: 16px;
}

#main-index h3 {
   margin-bottom: 0px;
   background: url(images/top-h3.gif) no-repeat 0 50%;
}

#main-index h3.h3-2 {
   margin-bottom: 3px;
   background: url(images/top-ryokin-bar.gif) no-repeat 0 50%;
}

#main-index .layout1 {
   margin-top: 0px;
   padding: 15px 0px;
   border: solid #66cccc 1px;
   width: 600px;
}

#main-index .layout2 {
   width: 600px;
}

#main-index .l-layout {
   margin-left: 10px;
}

#main-index .layout2 .l-layout {
   margin-right: 3px;
   margin-left: 0px;
}


#main-index .top-link {
   background: url(images/top-linklist.gif) no-repeat 0 50%;
   padding-left: 25px;
}

#top-voicepict {
   margin-left: 13px;
}

.layout1 #trouble, .layout1 #merit, .layout1 #voice, .layout1 #faq {
   margin-left: 20px;
   padding-left: 90px; 
}

.layout1 #trouble {
   background: url(images/top-okomaki.gif) no-repeat 0 0;
}

.layout1 #merit {
   background: url(images/top-merit.gif) no-repeat 0 0;
}

.layout1 #voice {
   background: url(images/top-voice.gif) no-repeat 0 0;
}

.layout1 #faq {
   background: url(images/top-faq.gif) no-repeat 0 0;
}

/***** main-indexの設定 ここまで *****/

/***** trouble-indexの設定 ここから *****/
#trouble-index h4 {
   padding: 5px 0px 5px 35px;
   background: url(images/t-h4.gif) no-repeat 0 50%;
}

#trouble-index h4 a {
   color: #006699;
   text-decoration: none;
}

/***** trouble-indexの設定 ここまで *****/

/***** merit-indexの設定 ここから *****/
h3.attention {
   margin-top: 0px;
}

h3.pick-up {
   background: url(images/merit-pickup.gif) no-repeat 0 50%;
   padding: 30px 0px 5px 100px;
   font-size: 16px;
   color: #ff6633;
}

#merit-index .merit-list ul {
   margin: 0px;
   padding: 0px;
   list-style-type: none;
}

#merit-index .merit-list li {
   margin: 0px 10px 10px;
   padding: 0px 0px 0px 30px;
   list-style-type: none;
   background: url(images/merit-list.gif) no-repeat 0 50%;
   line-height: 1.2;
   color: #3399cc;
   font-weight: bold;
}

#merit-betto {
   margin: 10px 0px 10px 123px;
}

/***** merit-indexの設定 ここまで *****/

/***** faq-indexの設定 ここから *****/
#faq-index h3 {
   background-image: none;
   margin: 0px;
   padding: 0px;
}

#faq-index h4 {
   clear: both;
   border: none;
   background: url(images/faq-q.gif) no-repeat 0 50%;
}

#faq-index h4 a {
   color: #006699;
   text-decoration: none;
}

#faq-index ul#faq-list {
   margin: 20px 0px;
   padding: 0px;
   list-style-type: none;
   border-left: solid #99cccc 4px;
}

#faq-index ul#faq-list li {
   margin: 0px 0px 20px 10px;
   padding: 5px 0px 5px 40px;
   background: url(images/faq-qlist.gif) no-repeat 0 50%;
   line-height: 1.2;
   font-weight: bold;
}

#faq-index ul#faq-list a {
   color: #006699;
}

#faq-index ul#faq-list a:hover {
   text-decoration: none;
}

.faq-space {
   border: solid #666666 1px;
}

#faq-totoi {
   float: right;
   margin: 15px 10px 0px 0px;
}

.faq-a {
   background: url(images/faq-a.gif) no-repeat 10px 0;
   padding: 0px 20px 0px;
   border-left: solid #ff6666 3px;
}

/***** faq-indexの設定 ここまで *****/

/***** policy-indexの設定 ここから *****/
.info {
   background: url(images/policy-info.gif) no-repeat 0 50%;
   padding: 5px 0px 5px 50px;
   font-weight: bold;
   font-size: 14px;
   color: #006633;
}

#policy-name {
   margin-left: 440px;
}

#policy-news, #policy-jusyo {
   margin-bottom: 10px;
}

#policy-prof-big {
   margin: 10px 0px;
}

.policy-title {
   background: url(images/tokusho-ue.gif) no-repeat 0 0;
   width: 600px;
   margin: 20px 0px 0px;
   padding: 20px 0px 0px 40px;
   font-size: 14px;
   font-weight: bold;
   color: #336699;
}

.policy-ue {
   background: url(images/tokusho-ue.gif) no-repeat 0 0;
   width: 600px;
   margin: 20px 0px;
   padding: 30px 0px 0px;
}

.policy-naka {
   background: url(images/tokusho-naka.gif) repeat-y 0 0;
   width: 600px;
   margin-bottom: 20px;
   padding: 10px 0px 0px;
}

.policy-sita {
   background: url(images/tokusho-sita.gif) no-repeat 0 bottom;
   width: 600px;
   padding: 0px 0px 10px;
}

table.p-table1 {
   margin: 10px 80px;
}

table.p-table2 {
   margin: 10px 30px;
}

td.p-title {
   background: url(images/tokusho-list.gif) no-repeat 0 0.3em;
   width: 140px;
   height: 50px;
   padding-left: 20px;
   color: #336699;
}

td.p-contents {
   color: #333333;
}

td.p-title2 {
   background: url(images/tokusho-list.gif) no-repeat 0 0.3em;
   width: 240px;
   padding-bottom: 3px;
   padding-bottom: 2px;
   padding-left: 20px;
   color: #333333;
}

td.p-title3 {
   background: url(images/tokusho-list.gif) no-repeat 0 0.3em;
   width: 210px;
   height: 80px;
   padding-left: 20px;
   color: #336699;
}

td.p-title4 {
   background: url(images/tokusho-list.gif) no-repeat 0 0.3em;
   width: 195px;
   height: 50px;
   padding-left: 20px;
   color: #336699;
}


#policy-index table td {
   font-size: 12px;
   vertical-align: top;
}

a#policy {
   color: #336699;
   text-decoration: none;
}

.policy-naka h4 {
   background: url(images/tokusho-list.gif) no-repeat 0 50%;
   padding-left: 20px;
   color: #336699;
   margin-left: 30px;
   font-size: 12px;
   border: none;
}

.policy-naka p {
   margin-left: 50px;
   color: #333333;
   font-size: 12px;
}
/***** policy-indexの設定 ここまで *****/

/***** tanin-index/set-indexの設定 ここから *****/
#set-index h3 {
   clear: both;
   background: url(images/set-h3.gif) no-repeat 0 0;
   font-size: 18px;
   padding: 15px 0px 23px 43px;
   color: #006600;
}

#tanpin-index h3 {
   clear: both;
   background: url(images/one-h3.gif) no-repeat 0 0;
   font-size: 18px;
   padding: 15px 0px 23px 43px;
   color: #0099cc;
}

#tanpin-index .l-layout, #set-index .l-layout {
   float: left;
   margin: 0px 10px 20px 0px;
}

#set-index h3.bg-none, #tanpin-index h3.bg-none {
   background-image:none;
   padding: 0px;
}

.layout1 h4 {
   margin-top: 0px;
   margin-left: 265px;
}

#set-index .layout, #tanpin-index .layout {
   margin-top: 20px;
}

.tanpin-title {
   background: url(images/tanpin-info.gif) no-repeat 0 0;
   margin: 20px 0px 0px;
   padding: 6px 0px 6px 40px;
   color: #ffffff;
   font-size: 14px;
   font-weight: bold;
}

.tanpin {
   border: solid #99cc33 1px;
   margin: 0px;
   padding: 10px 0px;
}

.tp-title {
   background: url(images/info-sub.gif) no-repeat 0 0;
   margin: 20px 0px 0px;
   padding: 7px 0px 7px 50px;
   color: #009900;
   font-size: 14px;
   font-weight: bold;
}

#set-index h3 a {
   color: #006633;
   text-decoration: none;
}

#tanpin-index h3 a {
   color: #0099cc;
   text-decoration: none;
}

.plan-title {
   clear: both;
   background: url(images/set-h4.gif) no-repeat 0 0;
   padding: 13px 0px 18px 45px;
   color: #ffffff;
   font-size: 16px;
   font-weight: bold;
}

.ptitle, .ptitle2 {
   margin: 20px 0px 0px;
   color: #3399cc;
   font-size: 14px;
   font-weight: bold;
   clear: both;
}

.ptitle {
   background: url(images/set-sub.gif) no-repeat 0 50%;
   padding: 7px 0px 0px 40px;
   border-bottom: solid #3399cc 1px;
}

.ptitle2 {
   background: url(images/flow.gif) no-repeat 0 0.5em;
   padding: 0px 0px 10px 50px;
}

.layout1 .ptitle {
   width: 255px;
   clear: none;
}

#set-a-0price {
   vertical-align: baseline;
}

table.youkinhyou {
   margin: 20px 0px 20px 40px;
   border-spacing: 0px;
}

td.s-shouhin {
   height: 40px;
   color: #006699;
   text-align: right;
   padding-right: 30px;
}

td.kei, td.kingaku {
   text-align: right;
   border-top: solid #cccccc 1px;
   width: 200px;
}

td.kei {
   height: 40px;
   padding-right: 30px;
}

.waribiki, .waribiki2, .waribiki3, .waribiki4, .waribiki5, .waribiki6 {
   border: solid #ff6600 1px;
   margin-right: 50px;
   padding: 10px;
   float: right;
}

.waribiki {
   margin-top: 210px;
}

.waribiki2 {
   margin-top: 180px;
}

.waribiki3 {
   margin-top: 150px;
}

.waribiki4 {
   margin-top: 120px;
}

.waribiki5 {
   margin-top: 90px;
}

.waribiki6 {
   margin-top: 60px;
}

table.sagyouhyou, table.teigaku-plan {
   margin-left: 20px;
   border: solid #bbe2f1 0px;
   border-collapse: separate;
}

table.sagyouhyou {
   margin-top: 20px;
}

table.teigaku-plan {
   margin-top: 0px;
}

td.syurui {
   width: 190px;
   padding: 10px;
   border: solid #bbe2f1 1px;
   background-color: #bbe2f1;
   text-align: left;
   font-size: 14px;
   color: #336699;
}

td.jirei, td.jirei2 {
   width: 190px;
   padding: 15px;
   text-align: left;
   font-size: 14px;
}

td.jirei {
   background-color: #bbdbf3;
   color: #006699;
}

td.jirei2 {
   background-color: #ffffcc;
   color: #ff6633;
}

td.naiyou, td.naiyou2 {
   width: 390px;
   font-size: 14px;
}

td.naiyou {
   padding: 10px;
}

td.naiyou2 {
   padding: 15px;
   color: #666666;
}

.layout1 td.jirei, .layout1 td.naiyou2 {
   border: solid #99cccc 1px;
}

table.youkinhyou td {
   font-size: 14px;
}

.tokuten {
   margin-top: 20px;
   margin-left: 20px;
}

.ansin-price {
   margin: 20px 20px 10px;
}

.yajirusi {
   margin: 10px 0px 10px 278px;
}

.to-mitsumori {
   margin-left: 10px;
}

.plan-tel {
   margin: 30px 10px 10px;
}

.plan-flow {
   margin: 20px 0px;
}

#set-index dl {
   margin-left: 20px
}

#set-index dt {
   background: url(images/set-list.gif) no-repeat 0 50%;
   margin: 0px;
   padding: 5px 0px 5px 30px;
   color: #ff6600;
   font-weight: bold;
}

#set-index dd {
   background: url(images/set-list2.gif) no-repeat 0 50%;
   margin: 0px 0px 0px 100px;
   padding: 5px 0px 5px 20px;
   color: #666666;
}

#set-index .layout1 dl {
   margin-left: 0px
}

#set-index .layout1 dd {
   margin-left: 30px
}

ul.set-list, ul.set-list1, ul.set-list2, ul.set-list3, ul.set-list4, ul.set-list5, ul.tanpin-list1 {
   list-style-type: none;
   margin: 0px 0px 20px;
   padding: 0px;
}

ul.set-list1, ul.set-list2, ul.set-list3, ul.set-list4, ul.set-list5, ul.tanpin-list1 {
   margin: 20px;
}

.set-list li {
   list-style-type: none;
   margin: 2px;
   padding: 0px;
   float: left;
   width: 295px;
   height: 110px;
}

.set-list1 li, .set-list2 li, .set-list3 li, .set-list4 li, .set-list5 li, .tanpin-list1 li {
   list-style-type: none;
   margin: 10px 0px;
   padding: 0px 0px 0px 30px;
}

.set-list1 li {
   background: url(images/set-list3.gif) no-repeat 0 50%;
}

.set-list2 li {
   background: url(images/set-list4.gif) no-repeat 0 50%;
}

.set-list3 li {
   background: url(images/set-list5.gif) no-repeat 0 50%;
}

.set-list4 li, .tanpin-list1 li {
   background: url(images/set-list.gif) no-repeat 0 50%;
}

.tanpin-list1 li {
   color: #666666;
   font-weight: bold;
}

.set-list5 li {
   background: url(images/set-list.gif) no-repeat 0 0;
}

.set-list li a {
   display: block;
   border: solid #666666 1px;
   width: 295px;
   height: 110px;
   color: #006633;
   text-decoration: none;
}

.set-list li a:hover {
   border: solid #339933 1px;
   display: block;
   color: #006633;
}

.p-image {
   float: left;
   margin: 5px;
}

#set-index .pname, #set-index .pname2 {
   display: block;
   background: url(images/set-titlelist.gif) no-repeat 0 50%;
   padding: 5px 0px 5px 30px;
   margin-right: 5px;
   margin-left: 115px;
}

#set-index .pname {
   margin-top: 30px;
}

#set-index .pname2 {
   margin-top: 40px;
}

ul.tanpin-list {
   list-style-type: none;
   margin: 0px 0px 20px;;
   padding: 0px;
   width: 600px;
}

.tanpin-list li {
   list-style-type: none;
   margin: 2px;
   padding: 0px;
   float: left;
   width: 295px;
   height: 110px;
}

.tanpin-list li a {
   display: block;
   border: solid #666666 1px;
   width: 295px;
   height: 110px;
   color: #006699;
   text-decoration: none;
}

.tanpin-list li a:hover {
   border: solid #3399cc 1px;
   display: block;
   color: #006699;
}

.p-image {
   float: left;
   margin: 5px;
}

#tanpin-index .pname, #tanpin-index .pname2, #tanpin-index .pname3 {
   display: block;
   background: url(images/one-titlelist.gif) no-repeat 0 50%;
   padding: 5px 0px 5px 30px;
   margin-right: 5px;
   margin-left: 115px;
}

#tanpin-index .pname {
   margin-top: 40px;
}

#tanpin-index .pname2 {
   margin-top: 30px;
}

#tanpin-index .pname3 {
   margin-top: 20px;
}

/***** tanin-index/set-indexの設定 ここまで *****/

#powered {
   clear: both;
   margin: 0;
   padding: 0;
}

#powered p {
   margin: 0;
   padding: 0;
}

#to-hope {
   margin: 10px 0;
   float: right;
}

/***** エアコン追加ページ　ここから *****/

/* ---トップページ*/
#side-aircon {
   margin: 15px 0px 0px 10px;
   padding: 0px;
}

.top-aircon{
clear:both;
margin:10px 0 0 0;
padding:0;
}

/* ---コンテンツページ*/
body.aircon{
background-image:none;
background-color:#eaf4fc;
}

#aircon-index #container{
width:700px;
background-color:#ffffff;
border:4px solid #bce2e8;
}

#aircon-index #content{
   clear: both;
   display: inline;   /* for IE6*/
   width: 600px;
   background-image: none;
   margin: 0 50px;
   background-color:#ffffff;
   font-size:110%;
   line-height:1.5em;
}

#aircon-index #footer {
   background-image: none;
   clear: both;
   text-align: center;
}

#aircon-index #footer-inner {
   background-image: none;
}

#aircon-index h1 {
background-image: none;
background-color:#eaf4fc;
margin:0;
padding:10px 0;
text-align:center;
}

#aircon-index h2{
font-size:170%;
color:#1e90ff;
text-align:center;
}

h3.aircon-h3{
clear:both;
background-image:none;
text-align:center;
margin:0 0 40px 3px;
padding:0;
background-color:#fff;
}

#aircon-index h5 {
font-size: 120%;
color: #ff0000;
}

#aircon-index.plan-flow{
margin:0 0 50px 0;
padding:0;
}

#aircon-index.yajirusi{
margin:50px 0 0 0;
padding:0;
}

#aircon-index .bg-yellow2 {
font-size:130%;
   background-color: #fff799;
   color: #333333;
   font-weight: bold;
   line-height:1.6em;
}

.aircon-copy{
font-weight:bold;
font-size: 130%;
color:#666666;
text-align:center;
margin:0 0 5px; 0;
padding:0;
}

.aircon-q{
font-size:120%;
font-weight:bold;
color:#ed6d35;
background-color:#fff3b8;
margin:0 5px;
padding:10px 20px;
}

.aircon-a{
margin:10px 0 25px 20px; 
}

.aircon-info dt{
font-size:116%;
font-weight:bold;
color:#009944;
margin:0 10px;
padding-bottom:5px;
border-bottom:1px dotted #999999;
}

.aircon-info dd{
margin:10px 0 25px 25px;
padding:0;
}

.aircon-eco{
font-size:130%;
font-weight:bold;
color:#ea5550;
background-color:#fdede4;
margin:30px 10px 30px 10px;
padding:10px 15px;
border:3px solid #f19ca7;
}

.waku-black{
font-size:120%;
font-weight:bold;
color:#333333;
margin:30px 10px 30px 10px;
padding:10px 15px;
border:3px solid #666666;
}

.aircon-attention,.aircon-list,.aircon-price{
list-style-type: none;
   margin: 0 0 0 10px;
}

.aircon-attention li,.aircon-list li{
background: url(images/set-list.gif) no-repeat 0 1px;
list-style-type: none;
margin: 15px 0px;
padding: 3px 0px 5px 30px;
}

.aircon-price li{
background: url(images/list1.gif) no-repeat 0 50%;
list-style-type: none;
margin: 10px 0px;
padding: 0px 0px 0px 30px;
}

.aircon-price li .price{
font-weight:bold;
color:#ff0000;
font-size:160%;
text-align:right;
}

.aircon-list li{
font-weight:bold;
margin-left:10px;
}

/***** エアコン追加ページ　ここまで *****/


/***** 法人向けページ追加　ここから *****/
.corp-info {
   margin-left: 20px
}

.corp-info dt {
   background: url(images/set-list.gif) no-repeat 0 50%;
   margin: 0px;
   padding: 5px 0px 5px 30px;
   color: #ff6600;
   font-weight: bold;
}

.corp-info dd {
   background: url(images/set-list2.gif) no-repeat 0 50%;
   margin: 0px 0px 0px 30px;
   padding: 5px 0px 5px 20px;
   color: #666666;
}
/***** 法人向けページ追加　ここまで *****/