/* 共通
******************************************************************/

div.barea {
width:440px;
text-align:center;
margin:0 auto 25px;
}

div.barea_02 {
width:440px;
text-align:center;
margin:0 auto 10px;
}

div.barea2 {
width:440px;
text-align:center;
margin:0 auto;
}

div.barea3 {
width:440px;
text-align:center;
margin:30px auto 0 15px;
}

div.barea_nouhin {
width:440px;
text-align:left;
margin:0 10px 25px;
background:url(img/cd-rom.jpg) no-repeat right;
}
div.btext_nouhin {
width:220px;
text-align:left;
margin:0 0 10px;
padding-left:10px;
display:block;
text-align:left;
}

div.barea_charge {
width:440px;
text-align:left;
margin:0 10px 25px;
background:url(img/p_charge.jpg) no-repeat right top;
}
div.btext_charge {
width:310px;
text-align:left;
margin:0 0 10px;
padding-left:10px;
display:block;
text-align:left;
}

div.btext {
width:420px;
text-align:left;
margin:0 auto 10px;
display:block;
text-align:left;
}
div.btext2 {
width:420px;
text-align:left;
margin:0 auto 25px;
display:block;
text-align:left;
}

img.interval_a {
margin:0 0 8px 10px;
text-align:center;
}

img.interval_t {
margin:15px auto 10px;
text-align:center;
}
img.interval_t2 {
margin:30px auto 10px;
text-align:center;
}
img.interval_b {
margin:0 auto 15px;
text-align:center;
}
img.interval_b2 {
margin:0 auto 10px;
text-align:center;
}
img.interval_b3 {
margin:0 auto;
text-align:center;
}
img.interval_b4 {
margin:0 auto 30px;
text-align:center;
}

table.planbox {
width:420px;
margin:5px auto 15px;
}
table.planbox td.plan_l {
width:140px;
margin:0;
}


/* 加工オプション（フロート）
******************************************************************/
div.proc_01 {
width:420px;
margin:10px auto;
}
div.proc_01 img.proc_left {
width:190px;
float:left;
}
div.proc_01 div.proc_right {
width:220px;
float:right;
text-align:left;
}

span.attentionred {
padding-top:10px;
font-size:90%;
color:#FF0000;
text-align:left;
}
span.attentionred2 {
padding:5px auto;
font-size:80%;
color:#B3B3B3;
text-align:left;
}


/* 種類と価格
******************************************************************/
table.pricebox {
width:420px;
margin:0 auto 10px;
}
table.pricebox2 {
width:420px;
margin:0 auto 40px;
}
th.pnth {
width:70px;
margin:0 1px 1px 0;
background:url(img/table_main.jpg) repeat-x top;
text-align:center;
font-size:105%;
line-height:180%;
border-top:1px solid #F85921;
border-bottom:1px solid #BB2D05;
border-right:1px solid #BB2D05;
border-left:1px solid #F85921;
}
th.ppth {
width:340px;
margin:0 1px 1px 0;
padding:3px;
background:url(img/table_main.jpg) repeat-x top;
color:#FFF;
text-align:center;
font-size:85%;
border-top:1px solid #F85921;
border-bottom:1px solid #BB2D05;
border-right:1px solid #BB2D05;
border-left:1px solid #F85921;
}
th.ppth2 {
width:160px;
margin:0 1px 1px 0;
padding:3px;
background:url(img/table_main.jpg) repeat-x top;
color:#FFF;
text-align:center;
font-size:85%;
border-top:1px solid #F85921;
border-bottom:1px solid #BB2D05;
border-right:1px solid #BB2D05;
border-left:1px solid #F85921;
}
th.ppth3 {
width:110px;
margin:0 1px 1px 0;
padding:3px;
background:url(img/table_main.jpg) repeat-x top;
color:#FFF;
text-align:center;
font-size:85%;
border-top:1px solid #F85921;
border-bottom:1px solid #BB2D05;
border-right:1px solid #BB2D05;
border-left:1px solid #F85921;
}
td.pntd {
width:70px;
margin:0 1px 1px 0;
background:url(img/table_ttl.jpg) repeat-x top;
text-align:center;
padding:5px;
font-size:95%;
line-height:150%;
color:#FFF;
border-top:1px solid #C8C8C8;
border-bottom:1px solid #404040;
border-right:1px solid #404040;
border-left:1px solid #C8C8C8;
}
td.pbtd {
width:340px;
margin:0 1px 1px 0;
background:url(img/table_txt.jpg) repeat-x top;
text-align:center;
padding:5px;
border-top:1px solid #FFF;
border-bottom:1px solid #E6E6E6;
border-right:1px solid #E6E6E6;
border-left:1px solid #FFF;
}
td.pbtd a, a:link {
font-size:100%;
color:#4D4D4D;
line-height:150%;
text-decoration:none;
}
td.pbtd a:hover {
font-size:100%;
font-weight:bold;
color:#8DC221;
}
td.pbtd2 {
width:160px;
margin:0 1px 1px 0;
background:url(img/table_txt.jpg) repeat-x top;
text-align:center;
padding:5px;
border-top:1px solid #FFF;
border-bottom:1px solid #E6E6E6;
border-right:1px solid #E6E6E6;
border-left:1px solid #FFF;
}
td.pbtd2 a, a:link {
font-size:100%;
color:#4D4D4D;
line-height:150%;
text-decoration:none;
}
td.pbtd2 a:hover {
font-size:100%;
font-weight:bold;
color:#8DC221;
}
td.pbtd3 {
width:110px;
margin:0 1px 1px 0;
background:url(img/table_txt.jpg) repeat-x top;
text-align:center;
padding:5px;
border-top:1px solid #FFF;
border-bottom:1px solid #E6E6E6;
border-right:1px solid #E6E6E6;
border-left:1px solid #FFF;
}
td.pbtd3 a, a:link {
font-size:100%;
color:#4D4D4D;
line-height:150%;
text-decoration:none;
}
td.pbtd3 a:hover {
font-size:100%;
font-weight:bold;
color:#8DC221;
}

td.colspan {
margin:0 1px 1px 0;
text-align:center;
font-weight:bolder;
padding:5px;
color:#666;
background:#F1F1F1;
border-top:1px solid #FFF;
border-bottom:1px solid #E6E6E6;
border-right:1px solid #E6E6E6;
border-left:1px solid #FFF;
}


/* オプション価格
******************************************************************/
table.optbox {
width:420px;
margin:0 auto 40px;
padding-top:10px;
}
th.ppth3 {
width:85px;
margin:0 1px 1px 0;
padding:3px;
background:url(img/table_main.jpg) repeat-x top;
color:#FFF;
text-align:center;
font-size:85%;
border-top:1px solid #F85921;
border-bottom:1px solid #BB2D05;
border-right:1px solid #BB2D05;
border-left:1px solid #F85921;
}
td.pbtd3 {
width:85px;
margin:0 1px 1px 0;
background:url(img/table_txt.jpg) repeat-x top;
text-align:center;
padding:5px;
border-top:1px solid #FFF;
border-bottom:1px solid #E6E6E6;
border-right:1px solid #E6E6E6;
border-left:1px solid #FFF;
}
td.pbtd3 a {
font-size:100%;
color:#4D4D4D;
line-height:150%;
}
td.pbtd3 a:hover {
font-size:100%;
font-weight:bold;
color:#8DC221;
}


/* 料金比較表
******************************************************************/
table.compare_box {
width:420px;
margin:0 auto;
}

th.cb_space {
width:55px;
}
td.cb_left {
color:#FFF;
background:url(img/table_ttl.jpg) repeat-x top;
text-align:left;
border-top:1px solid #C8C8C8;
border-bottom:1px solid #404040;
border-right:1px solid #404040;
border-left:1px solid #C8C8C8;
}
td.cb_top {
color:#666;
background:#F1F1F1;
margin-top:10px;
}
td.cb_txt {
background:url(img/table_txt.jpg) repeat-x top;
}

table.compare_box th {
width:120px;
font-size:80%;
line-height:130%;
color:#FFF;
margin:0 1px 1px 0;
padding:5px 3px;
background:url(img/table_main.jpg) repeat-x top;
border-top:1px solid #F85921;
border-bottom:1px solid #BB2D05;
border-right:1px solid #BB2D05;
border-left:1px solid #F85921;
text-align:center;
}
table.compare_box td {
font-size:85%;
line-height:150%;
margin:0 1px 1px 0;
padding:5px 3px;
border-top:1px solid #FFF;
border-bottom:1px solid #E6E6E6;
border-right:1px solid #E6E6E6;
border-left:1px solid #FFF;
text-align:center;
}

table.compare_box td a {
font-size:100%;
color:#4D4D4D;
line-height:150%;
}
table.compare_box td a:hover {
font-size:100%;
font-weight:bold;
color:#8DC221;
}


td.pj_space {
border:0;
}
td.pj_button {
pdding:5px 0;
text-align:center;
border-top:1px solid #FFF;
border-bottom:1px solid #E6E6E6;
border-right:1px solid #E6E6E6;
border-left:1px solid #FFF;
}

td.pj_space2 {
border:0;
margin:0 1px 1px 0;
padding:5px 3px;
}
td.pj_button2 {
margin:0 1px 1px 0;
padding:5px 3px;
text-align:center;
border-top:1px solid #FFF;
border-bottom:1px solid #E6E6E6;
border-right:1px solid #E6E6E6;
border-left:1px solid #FFF;
}
td.pj_button3 {
margin:0 1px 1px 0;
padding:5px 3px;
text-align:center;
border-top:1px solid #FFF;
border-bottom:1px solid #E6E6E6;
border-right:1px solid #E6E6E6;
border-left:1px solid #E6E6E6;
}



/* デザイン実績
******************************************************************/

#exp h3 , #exp p{
margin-top:10px;
}

#exp #smp3{
margin-top:15px;
text-align:center;
padding-bottom:40px;
border-bottom:2px dotted #F1F1F1;
}

#exp #smp3 img{
margin-top:30px;
}

#exp #smp2{
margin-top:10px;
text-align:center;
padding-bottom:40px;
border-bottom:2px dotted #F1F1F1;
}

#exp #smp2 img{
margin-top:30px;
margin-left:4px;
margin-right:4px;
}

#exp #smp1{
margin-top:10px;
text-align:center;
padding-bottom:40px;
border-bottom:2px dotted #F1F1F1;
}

#exp #smp1 img{
margin-top:30px;
margin-left:12px;
margin-right:12px;
}


/* お客様の声
******************************************************************/

#voice h3{
margin-left:10px;
}

#voice #img_g{
margin:5px 0 15px 10px;
}

#voice  .voice_cn{
margin-top:30px;
padding-bottom:40px;
border-bottom:2px dotted #F1F1F1;
}

#voice  .voice_cn p{
text-align:justify;
text-justify:inter-ideograph;
}



/******展開例******/

#dev_title{
margin-left:0px;
}

.dev_case{
display:block;
float:left;
margin-top:15px;
}

#l_ta{
}

#r_ta{
margin-left:8px !important;
}


.dev_case table{
border:1px solid #CCC;
width:209px;
}

.dev_case th , .dev_case td{
border:0;
}

.dev_case th{
padding:0px;
text-align:center;
}

.dev_case td{
padding:5px;
font-size:11px;
}

.dev_case th img{
border:0;
margin:2px;
}

.dev_case td strong a{
font-size:14px !important;
border-left:4px solid #E97900;
padding-left:5px;
text-decoration:none;
color:#555;
}

.dev_case td strong a:hover{
text-decoration:underline;
}

.other{
clear:both;
padding-top:20px;
margin-bottom:40px;
line-height:1.3;
font-size:smaller;
}

.other span{
color:#E97900;
font-weight:bold;
}

/*ロゴマークからの展開*/

#dev{
margin:0px;
padding:0
}

.development dd img{
margin-right:2px;
margin-left:2px;
}

.development{
margin-top:20px;
}

#dev dl , #dev dd{
margin:0;
padding:0;
}

#dev dd img{
margin:1px;
}


.dev_box{
margin:20px 0;
padding-top:12px;
border-top:2px dashed #CCC;
}

.dev_box h3{
margin:10px 0 !important;
font-size:14px !important;
}

.dev_box p span{
display:block;
margin:10px 0;
}


.dev_box img{
border:1px solid #CCC !important;
}

.dev_box .orange{
color:#E97900 !important;
fon-size:12px !important;
margin-bottom:5px !important;
}


#dev table{
border:none;
}

/*プランと料金*/

#plan img{
border:0;
}

#plan #p_main *{
margin-top:10px;
margin-bottom:10px;
}

#pl_copy01{
margin-left:-15px;
}
#pl_copy02{
margin-left:-10px;
}
#pl_copy03{
margin:5px 0 0 -17px;
}
.pl_lead{
margin:5px 0;
}
.pl_lead p{
width:330px;
}

#dif_img{
text-align:center;
}

#p_price{
margin-top:30px !important;
}

#p_price table{
width:100%;
border-right:1px solid #636363;
border-bottom:1px solid #636363;
margin-bottom:30px !important;
}

#p_price table a{
color:#0000FF;
font-size:larger;
}

#p_price th{
background-color:#DFDFDF;
font-family:"MS P ゴシック" , arial;
}

#p_price th , #p_price td{
padding:5px;
border-top:1px solid #636363;
border-left:1px solid #636363;
}

#p_price td{
text-align:center;
/*background-color:#FFF8D3;*/
background-color:#FFF;
}

#p_price td span{
/*color:red;*/
font-size:120%;
font-weight:bold;
}

#pt_hd1{
background-color:#636363 !important;
color:white;
text-align:center;
}

#pt_hd2{
background-color:#E95711 !important;
color:white;
text-align:center;
}

#lady_a{
background:url(img/aclady_a.gif) no-repeat right top;
height:106px;
}

#lady_b{
background:url(img/aclady_b.gif) no-repeat right top;
height:116px;
}

#lady_c{
background:url(img/aclady_c.gif) no-repeat right top;
height:105px;
}

#p_lack{
text-align:center;
margin-top:20px !important;
margin-bottom:50px !important;
}

#p_lack ul{
text-align:left;
margin-left:30px !important;
padding:0 !important;
}

#p_lack li{
list-style:none;
margin:0 !important;
padding:0 !important;
}

#plan #p_lack *{
margin-top:10px;
}

#go_est{
margin-top:30px !important;
}

#fude{
background:url(img/p_fude_bk.gif) no-repeat right top;
}



/* お客様の声
******************************************************************/

#topvoice {
width:440px;
text-align:center;
margin:0 auto 15px;
}

div.voicetext {
width:420px;
text-align:center;
margin:0 auto;
display:block;
text-align:left;
}

table#customers_voice {
margin:0 auto;
}
table#customers_voice td {
width:63px;
margin:0;
list-style:none;
}
table#customers_voice a {
display:block;
width:63px;
height:63px;
list-style:none;
margin:0;
text-indent:-500px;
overflow:hidden;
}

a#voice_00 {
background:url(img/cvoice_00.jpg);
}

a#voice_01 {
background:url(img/cvoice_01.jpg);
}
a:hover#voice_01 {
background-position:0 -70px;
}
a#voice_02 {
background:url(img/cvoice_02.jpg);
}

a:hover#voice_02 {
background-position:0 -70px;
}
a#voice_03 {
background:url(img/cvoice_03.jpg);
}
a:hover#voice_03 {
background-position:0 -70px;
}
a#voice_04 {
background:url(img/cvoice_04.jpg);
}
a:hover#voice_04 {
background-position:0 -70px;
}
a#voice_05 {
background:url(img/cvoice_05.jpg);
}
a:hover#voice_05 {
background-position:0 -70px;
}
a#voice_06 {
background:url(img/cvoice_06.jpg);
}
a:hover#voice_06 {
background-position:0 -70px;
}
a#voice_07 {
background:url(img/cvoice_07.jpg);
}
a:hover#voice_07 {
background-position:0 -70px;
}
a#voice_08 {
background:url(img/cvoice_08.jpg);
}
a:hover#voice_08 {
background-position:0 -70px;
}
a#voice_09 {
background:url(img/cvoice_09.jpg);
}
a:hover#voice_09 {
background-position:0 -70px;
}
a#voice_10 {
background:url(img/cvoice_10.jpg);
}
a:hover#voice_10 {
background-position:0 -70px;
}
a#voice_11 {
background:url(img/cvoice_11.jpg);
}
a:hover#voice_11 {
background-position:0 -70px;
}
a#voice_12 {
background:url(img/cvoice_12.jpg);
}
a:hover#voice_12 {
background-position:0 -70px;
}
a#voice_13 {
background:url(img/cvoice_13.jpg);
}
a:hover#voice_13 {
background-position:0 -70px;
}
a#voice_14 {
background:url(img/cvoice_14.jpg);
}
a:hover#voice_14 {
background-position:0 -70px;
}
a#voice_15 {
background:url(img/cvoice_15.jpg);
}
a:hover#voice_15 {
background-position:0 -70px;
}
a#voice_16 {
background:url(img/cvoice_16.jpg);
}
a:hover#voice_16 {
background-position:0 -70px;
}
a#voice_17 {
background:url(img/cvoice_17.jpg);
}
a:hover#voice_17 {
background-position:0 -70px;
}
a#voice_18 {
background:url(img/cvoice_18.jpg);
}
a:hover#voice_18 {
background-position:0 -70px;
}
a#voice_19 {
background:url(img/cvoice_19.jpg);
}
a:hover#voice_19 {
background-position:0 -70px;
}
a#voice_20 {
background:url(img/cvoice_20.jpg);
}
a:hover#voice_20 {
background-position:0 -70px;
}

ul.faq_list1{
margin-left:40px;
}