@charaset "UTF-8";

/* ---------- SECOND_BASIC ---------- */

.second h3 {
margin: 0 0 20px;
}

.section {
margin: 0 0 40px 10px;
}

#contents1column .section {
margin: 0 20px 40px 34px;
}

.second h4 {
background: url(../img/bg_ttl.jpg) left center no-repeat;
padding: 14px 0 14px 35px;
margin: 0 0 15px;
font-size: 110%;
}

#breadCrumbsList {
margin: 0 0 10px 32px;
}

#breadCrumbsList li {
display: inline;
background: url(../img/icon_arw_bread.gif) left center no-repeat;
padding: 0 3px 0 8px;
margin: 0 0 0 3px;
}

#breadCrumbsList .firstChild {
background: url(../img/icon_home.gif) left center no-repeat;
padding: 0 0 0 14px;
margin: 0;
}

.form h3 {
margin: 30px 0 20px 0;
}

.btmBtn {
margin: 30px 0 0 110px;
}

.btmBtn li {
float: left;
margin: 0 10px 0;
}


/* ---------- order ---------- */



.order h4,
.order2 h4,
.entry h4 {
background: url(../img/bg_ttl_l.jpg) left center no-repeat;
padding: 14px 8px;
margin: 0 0 15px;
font-size: 110%;
}

.order h4 em,
.order2 h4 em,
.entry h4 em {
font-style: normal;
font-size: 150%;
color: #1D2088;
margin: 0 8px 0 0;
}

.order h4 span,
.order h4 span,
.entry h4 span {
color: #ff0000;
margin: 0 0 0 20px;
}

.order .fileSize dt{
font-size: 120%;
font-weight: bold;
color: #ff0000;
border: 2px solid #ff0000;
display: inline;
padding: 4px;
}

.order .fileSize dd{
color: #ff0000;
margin: 8px 0 20px;
}

.order .name dt {
float: left;
width: 70px;
padding-top: 1px;
padding-bottom: 20px;
}

.order .name dd.building {
padding-bottom: 15px;
}

.order .name em {
font-style: normal;
display: block;
color: #ff0000;
}

.order .data dt {
float: left;
width: 180px;

}

.order .data dd {
padding: 14px 0 0 0;
}

.order .data em {
color: #ff0000;
display: block;
font-style: normal;
}

.order .attention em {
color: #ff0000;
display: block;
text-decoration: underline;
font-style: normal;
}

.order .caution {
background: url(../img/img_attention.gif) 15px center no-repeat;
border: 2px solid #1D2088;
padding:5px;
margin: 0 0 30px 0;
width: 400px;
}

.order .caution li {
margin: 5px 0 5px 70px;
color: #1D2088;
}

#preview {
position:absolute;
background:#000;
padding:3px;
display:none;

}

.preview {
cursor:pointer;
}

.order .roomFabricLeft {
float: left;
}

.order .roomFabric table td {
padding: 10px 8px 10px 0;
}

.order .roomFabric table .title {
text-align: center;
font-weight: bold;
}

.order .roomFabric table .title td {
padding-bottom: 5px;
}

.order .roomFabric table .text input {
width: 120px;
}

.order .roomFabric .must {
color: #ff0000;
display: block;
}

.order textarea {
width: 800px;
}

.order .roomFabric table em {
font-style: normal;
display: block;
color: #ff0000;
}

.order .btn,
.order2 .btn {
margin-top: 60px;
}

/* ---------- order2 ---------- */

.order2 table {
width: 800px;
}

.order2 table th,
.order2 table td {
text-align: left;
padding: 15px 10px 5px;
height: 30px;
}

.order2 .border td {
border-bottom: 1px dotted #ccc;
}

.order2 .name th {
width: 80px;
}

.order2 .data th {
width: 200px;
}

.order2 th.area,
.order2 th.type {
width: 120px;
}

.order2 th.color {
width: 80px
}

.order2 th.url {
width: 190px;
}

.order2 .interior table {
width: 680px;
}

.order2 td.sketch {
width: 220px;
}


/* ---------- entry ---------- */

.entry table.outer {
width: 870px;
margin: 0 0 20px 0;
}

.entry table th {
width: 160px;
border: 1px solid #ccc;
padding: 10px 0px 10px 10px;
text-align: left;
}

.entry table td {
border: 1px solid #ccc;
padding: 10px;
}

.entry table th span,
.entry .must span {
color: #ff0000;
font-weight: normal;
}

.entry .inner td {
border: none;
padding: 5px 10px 5px 0;
}

.entry .inner td input {
margin: 0 3px 0 0;
vertical-align: middle;
}


.entry .term {
height: 500px;
border: 2px solid #ccc;
overflow: auto;
padding: 25px;
margin: 0 0 10px 0;
}

.entry .term .data dt {
font-weight: bold;
font-size: 110%;
margin: 0 0 5px;
}

.entry .term .data dd {
margin: 0 0 10px;
}

.entry .term h4 {
background: none;
font-size: 100%;
margin: 0;
padding: 0 0 3px;
border-bottom: 1px dotted #ccc;
}

.entry .term ul {
margin: 5px 0 15px;
}

.entry .term li {
margin: 0 0 6px 20px;
list-style-type: decimal;
line-height: 1.5em;
}

.entry .btn {
width: 230px;
margin: 0 auto;
}

.entry .btn li{
float: left;
margin: 20px 10px 10px;
}

.entry .sendEnd {
margin: 50px 0 0 16px;
}

/* ---------- work ---------- */

.second h4 img {
float: right;
margin: -4px 10px 0;
*margin: -34px 10px 0;
}

.work li {
float: left;
margin: 0 23px 20px 0;
}

.work .lastChild {
margin-right: 0;
}

.work li em {
font-style: normal;
display: block;
font-size: 90%;
}

.work dl {
background: url(../img/bg_attention.png) 12px 12px no-repeat;
background-color: #eee;
padding: 10px 15px 20px 80px;
}

.work dt {
background: url(../img/icon_b_square.gif) left center no-repeat;
color: #1D2088;
font-weight: bold;
margin: 0 0 5px;
padding: 6px 0 6px 16px;
border-bottom: 1px dotted #ccc;
}

.work .photo {
margin: 0 0 40px;
}

.work .price {
margin: 0 0 20px 0;
}

.work .price em {
font-style: normal;
font-weight: bold;
color: #ff0000;
}

.work #gallery,
.work #gallery1 {
margin: 0 0 40px;
}


/* ---------- sitemap ---------- */

.sitemap ul {
margin: 0 0 0 15px;
}

.sitemap li {
width: 250px;
margin: 0 30px 0px 0;
padding: 15px 0 15px 20px;
float: left;
border-bottom: 1px solid #ccc;
background: url(../img/icon_arw_smap.gif) left center no-repeat;
}

.sitemap li a {
text-decoration: none;
}

.sitemap li a:hover {
text-decoration: underline;
}

/* ---------- law ---------- */

.law table th {
border-bottom: 1px dotted #ccc;
padding: 15px 0 15px 2px;
width: 150px;
text-align: left;
vertical-align: top;
}

.law table td {
border-bottom: 1px dotted #ccc;
padding: 15px;
}

.law .link {
float: right;
}

.law .link li{
background: url(../img/icon_arw_smap.gif) left center no-repeat;
padding: 0 18px 0 17px;
margin: 0 0 15px;
}

.law .mail {
font-size: 140%;
font-weight: bold;
margin: 0 0 50px 200px;
}

/* ---------- privacy ---------- */

.privacy dt {
background: url(../img/icon_arw_smap.gif) left center no-repeat;
padding: 0 0 0 17px;
margin: 0 0 8px 0;
color: #D7000F;
font-weight: bold;
}

.privacy dd {
margin: 0 0 30px 17px;
}


/* ---------- flow ---------- */

.flow ul.attention {
background: url(../img/bg_attention.png) 12px 12px no-repeat;
background-color: #eee;
padding: 15px 18px 10px 80px;
margin: 20px 0 40px;
}

.flow .attention li {
background: url(../img/icon_arw_footer.gif) left 5px no-repeat;
margin: 0 0 10px;
padding: 0 0 0 12px;
line-height: 1.5em;
}

.flow .attention li em {
color: #ff0000;
font-style: normal;
font-weight: bold;
}

.flow .stepImg {
float: left;
}

.flow .stepImg span {
display: block;
margin: 20px 0 0 53px;
}

.flow dl {
float: left;
width: 460px;
margin: 15px 0 0 10px;
}

.flow dt em {
font-size: 140%;
font-weight: bold;
font-style: normal;
position: absolute;
margin: 20px 0 0 10px;
}

.flow dd.subTitle {
background: url(../img/icon_arw_smap.gif) left 4px no-repeat;
font-size: 130%;
color: #ff0000;
font-weight: bold;
padding: 0 0 0 18px;
margin: 15px 0 8px 25px;
line-height: 1.4em;
}

.flow dd {
margin: 0 0 0 25px;
}

.flow dd.attention {
background: url(../img/bg_attention.png) 12px 12px no-repeat;
background-color: #eee;
padding: 10px 10px 10px 75px;
margin-top: 10px;
}

.flow dd em {
font-style: normal;
color: #ff0000;
}

.flow .startWork {
border-top: 10px solid #ff0000;
padding: 8px 0 20px 0;
}

/* ---------- qa ---------- */


.qa dt {
background: url(../img/icon_qa_q.gif) 8px 8px no-repeat;
padding: 24px 0 10px 45px;
color: #1D2974;
font-weight: bold;
}

.qa dd {
background: url(../img/icon_qa_a.png) 8px 8px no-repeat;
padding: 24px 10px 10px 45px;
margin: 0 0 50px;
background-color: #eee;
}

.qa ul {
margin: 30px 0 60px 8px;
}

.qa li {
margin: 0 0 10px;
background: url(../img/icon_qa_q2.gif) left top no-repeat;
padding: 0 0 0 20px;
}

.qa dd em {
background: url(../img/icon_arw_qa.png) left 7px no-repeat;
float: right;
font-style: normal;
}


/* ---------- terms ---------- */

.terms h4 {
background: url(../img/icon_arw_smap.gif) left top no-repeat;
padding: 0 0 0 17px;
margin: 0 0 8px 0;
color: #D7000F;
font-weight: bold;
}

.terms ul {
margin: 0 0 30px 0;
}

.terms li {
list-style: decimal;
margin: 0 0 6px 38px;
line-height: 1.4em;
}

.terms p {
margin: 0 0 20px 17px;
}

/* ---------- orderSample ---------- */

.orderSample .imgText {
float: left;
margin: 0 0 40px;
}

.orderSample .url {
margin: 40px 0 30px;
border: 2px solid #ccc;
padding: 20px 30px 10px;
}

.orderSample .url ul {
margin: 25px 0 0;
}

.orderSample .url li {
margin: 0 0 18px;
padding: 0 0 0 17px;
background: url(../img/icon_arw_smap.gif) left 1px no-repeat;
}

.orderSample .url li em {
font-style: normal;
display: block;
}

/* ---------- document ---------- */

.document .pht {
margin: 50px 0 0 55px;
}

/* ---------- openWindow ---------- */

.openWindow {
background: none;
}

.openWindow .close {
padding: 0 0 20px;
}

.openWindow .pht {
padding-top: 10px;
}

/* ---------- service ---------- */

.service .pc {
float: left;
margin: 27px 0 0 30px;
}

.service .right {
float: right;
height: 180px;
width: 420px;
}

.service .step1 {
background: url(../img/bg_service01.gif) right top no-repeat;
}

.service .step1 p {
width: 200px;
font-size: 90%;
margin: 32px 0 0 10px;
}

.service .inner {
background: url(../img/bg_service_in.gif) right top no-repeat;
float: right;
height: 300px;
width: 420px;
font-size: 90%;
}

.service .inner dl {
margin: 10px 0 0 12px;
}

.service .inner dd {
width: 260px;
margin: 0 0 10px 5px;
}

.service .inner dd.lastChild {
margin-bottom: 0;
}

.service .inner .caption {
margin-right: 12px;
}

.service .arw {
margin: 0 0 20px 250px;
padding: 30px 0 0 0;
}

.service .step2 {
background: url(../img/bg_service02.gif) right top no-repeat;
padding: 35px 0 0 0;
}

.service .step2 p {
width: 200px;
font-size: 90%;
margin: 0 0 8px 10px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 .service .step1 p,.service .step2 p,.service .step3 p,.service .step4 p { line-height:1.5em;  }
}

.service .step3 {
background: url(../img/bg_service03.gif) right top no-repeat;
padding: 35px 0 0 0;
}

.service .step3 p {
width: 200px;
font-size: 90%;
margin: 0 0 0 10px;
}

.service .step3 .example {
margin-top: 10px;
}

.service .step4 {
background: url(../img/bg_service04.gif) right top no-repeat;
padding: 85px 0 0 0;
height: 180px;
width: 420px;
position: absolute;
left: 249px;
top: 7px;
}

.service .step4Outline {
position: relative;
margin: 0 0 40px 0;
}

.service .step4 p {
width: 160px;
font-size: 90%;
margin: 0 0 8px 10px;
*margin-bottom: 5px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 .service .step4 p { margin-bottom: 14px;  }
}


.service .arwStep2 {
margin: 0 0 20px 250px;
*margin-top: 38px;
padding: 30px 0 0 0;
float: left;
}

.service .yen {
float: right;
margin: 20px 0 0 0;
}

.service .yen dt {
float: left;
margin: 0 10px 0 0;
height: 120px;
}

.service .yen dd {
width: 330px;
*width: 270px;
color: #965F1A;
font-size: 85%;
height: 120px;
line-height: 1.4em;
}