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

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:400px;
text-align:left;
margin:0 10px 25px;
}
div.btext_charge {
width:400px;
text-align:left;
margin:0 0 10px;
padding-left:10px;
padding-right: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_c {
margin:0 0 8px 0;
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:10px auto 20px;
text-align:center;
}

table.planbox {
width:420px;
margin:5px auto;
}
table.planbox td.plan_s {
width:64px;
margin:0;
}
table.planbox td.plan_l {
width:84px;
margin:0;
}

/* ボタン
******************************************************************/
/* 無料について */
p.btn_a {list-style:none;}
a.btn_a_01 {width:115px;height:30px;text-indent:-500px;display:block;overflow:hidden;
background:url(img/btn_muryo.jpg);}
a:hover.btn_a_01 {width:115px;height:30px;text-indent:-500px;display:block;overflow:hidden;
background:url(img/btn_muryo.jpg);background-position:0 -30px;}

/* プランや料金についてはこちら */
p.btn_b {list-style:none;width:360px;margin:0 auto 10px 10px;}
a.btn_b_01 {width:360px;height:45px;text-indent:-1000px;display:block;overflow:hidden;
background:url(img/btn_top_02.jpg);}
a:hover.btn_b_01 {width:360px;height:45px;text-indent:-1000px;display:block;overflow:hidden;
background:url(img/btn_top_02.jpg);background-position:0 -45px;}

/* 商標登録についてはこちら */
p.btn_tr {list-style:none;width:360px;margin:0 auto 10px 10px;}
a.btn_tr_01 {width:360px;height:45px;text-indent:-1000px;display:block;overflow:hidden;
background:url(img/btn_top_tr.jpg);}
a:hover.btn_tr_01 {width:360px;height:45px;text-indent:-1000px;display:block;overflow:hidden;
background:url(img/btn_top_tr.jpg);background-position:0 -45px;}

/* 制作事例 */
a.btn_result {width:210px;height:107px;text-indent:-1000px;display:block;overflow:hidden;
background:url(img/button_topresult_01.jpg);}
a:hover.btn_result {width:210px;height:107px;text-indent:-1000px;display:block;overflow:hidden;
background:url(img/button_topresult_01.jpg);background-position:0 -107px;}
/* 資料請求 */
a.btn_material {width:210px;height:107px;text-indent:-1000px;display:block;overflow:hidden;
background:url(img/button_topsiryo_01.jpg);}
a:hover.btn_material {width:210px;height:107px;text-indent:-1000px;display:block;overflow:hidden;
background:url(img/button_topsiryo_01.jpg);background-position:0 -107px;}

table.toptable_01 {
margin:0 auto 15px;
}

/* 加工オプション（フロート）
******************************************************************/
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;
}




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

#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;
}

#fude img{
margin:20px;
}

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

#char img{
margin:20px !important;
}


.pl_model{
text-align:center;
padding:15px 0;
background:#DCF0EC;
margin:10px 0;
}
#pl_and{
margin:10px 0 10px 170px;
}

#pl_price table{
width:92%;
margin:30px auto 20px 15px;
}
#pl_price th , #pl_price td{
padding:7px;
vertical-align:top;
}

#pl_price th{
background-color:#636363;
text-align:left;
color:white;
white-space:nowrap;
}
#pl_price td{
background-color:#FFEEB8;
}
#pl_price td span{
color:#FF3900;
font-weight:bold;
font-size:larger;
}

.pl_unite{
border:1px solid #F5A200;
padding:0;
width:419px;
}

.pl_unite #logo{
margin:15px 0 15px 35px;
}

.pl_unite p{
margin:5px 15px;
}

.pl_exp{
text-align:center;
margin:10px 0;
}
.pl_pat{
margin:40px 0 10px;
}
.pl_pattern{
margin:10px 0 10px;
}

.pl_pattern p{
width:100%;
}
.pl_pattern img{
margin:10px 0;
}
#pat_smp{
margin-left:40px;
margin-top:15px;
}
.work{
margin-top:40px;
}

.page{
margin-top:0px;
border-top:1px dotted #999;
text-align:right;
padding:10px 0;
line-height:12px;
}
.page img{
border:0;
margin:0 3px;
}

.allpages{
text-align:left;
}
.allpages p{
line-height:1.5 !important;
}

.pl_over{
margin:40px auto 30px;
}

.pl_over p{
margin:10px auto;
text-align:justify;
text-justify:inter-ideograph;
}

/*特定商取引法に基づく表記*/

#transaction {
margin:15px 5px 0 5px;
width:447px;
padding:0;
}

#transaction dl{
margin:0;
padding:0;
}

#transaction dt{
margin:0 0 0 10px;
padding:5px 5px 5px 0;
float:left;
clear:left;
width:25%;
color:#333333;
font-size:10px;
line-height:13px;
}

#transaction dd{
text-align:left;
margin:0 0 5px 10px;
padding:5px 0 0 0;
float:left;
width:66%;
color:#666666;
font-size:10px;
line-height:13px;
} 

/*プライバシーポリシー*/

.protect {
width:436px;
margin:15px 10px 10px 10px;
padding:0;
font-size:1em !important;
}

.protect dl {
margin:0;
padding:0;
}

.protect dt {
margin:0;
padding:0;
color:#333333;
}

.protect ol {
margin:10px;
padding:0;
}

.protect li {
margin:10px;
padding:0;
//font-size:11px;
//line-height:14px;
}


/*会社概要*/

#outline {
margin:20px 5px 0 5px;
width:460px;
padding:0;
height:auto;
}

#outline dl{
margin:0;
padding:0;
}

#outline dt{
margin:0 0 0 10px;
padding:5px 5px 5px 0;
float:left;
clear:left;
width:25%;
color:#333333;
//font-size:11px;
l//ine-height:14px;
}

#outline dd{
text-align:left;
margin:0 0 5px 10px;
padding:5px 0 0 0;
float:left;
width:66%;
color:#666666;
//font-size:11px;
//line-height:14px;
} 

/******** 著作権譲渡無料 **********/
.about_copyright{
text-align:center;
margin-left:auto;
margin-right:auto;
}

.about_copyright table{
margin:4px 0 4px 15px;
border-collapse:collapse;
text-align:center;
line-height:1.5;
}

html>body .about_copyright table{
margin:4px 0 4px 85px;
border-collapse:collapse;
text-align:center;
line-height:1.5;
}
.about_copyright th{
background-color:#e7e7e7;
}
.about_copyright td{
font-size:2em;
font-weight:bold;
height:2em;
width:50%;
}
.about_copyright .large{
font-size:2.5em;
line-height:2.5;
background-color:#ffcb8f;
}

/******** 展開例 **********/
.development table{
padding-top:1em;
border-top:2px dotted silver;
}

.development tr{
padding-top:1em;
}

htmol>body .development tr{
padding-top:0;
}

.development h3{
font-size:1.2em;
font-weight:bold;
padding-left:4px;
border-left:4px solid #e95711;
text-decoration:none;
}

.development a img{
text-decoration:none;
border:none;
}

.development a:link{
text-decoration:none;
border:none;
}

.development a:hover{
text-decoration:none;
border:none;
}

.development a:visited{
text-decoration:none;
border:none;
}

.development span.orange{
color:#e95711;
display:block;
line-height:1.2;
margin:4px 0 4px 8px;
}

/******** フォーム類 **********/

dl.form{ 
margin:15px 0 0 10px;
//width:460px;
width:100%;
padding:0;
}

dl.form dt{
margin:0 0 0 10px;
padding:5px 0 5px 0;
float:left;
clear:left;
width:40%;
}

html>body dl.form dt{
margin:0 0 0 10px;
padding:5px 0 5px 0;
float:left;
clear:left;
width:25%;
font-size:80%;
}

html>body dl.form dt.chkboxadd{
width:0%;
margin-top:5px;
}

html>body dl.form dt.hissumsg{
width:40%;
}

html>body dl.form dt.hissu{
width:20%;
}

dl.form dd{
text-align:left;
margin:0 0 5px 8px;
padding:5px 0 0 0;
float:left;
width:70%;
} 

dl.form td img{
margin:1em 0 0 1em;
} 

dl.form input,textarea{ 
width:90%; 
margin:0; 
padding:0; 
}

dl.form input.deliadd{ 
width:5%; 
}

dl.form input.radio{ 
width:20px; 
margin:0 0 0 10px; 
padding:0; 
}

dl.form p.notice{ 
margin:0; 
padding:0; 
width:90%; 
text-align:right; 
font-size:60%; 
}

dl.form img.hissu{ 
float:left;
margin:0;
padding:0;
background-color:#FFF7EE;
}

#formmessage {
margin:8px 0 10px;
text-align:center;
}

#hissumessage {
margin:15px 0 0 10px;
padding:0;
width:100%;
}

#submit{
text-align:center;
}

#submit input{
margin:15px;
}

br.clear{
clear:both; 
}


#ssl {
margin:10px 10px 0 10px;
width:437px;
padding:0;
}

#ssl_img {
float:left;
width:100px;
line-height:100px;
text-align:center;
}

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

.ueaki{
margin-top:20px;
}

.shitaaki{
margin-bottom:20px;
}

.colors{
width:7em;
height:2em;
}

.plan{
display:block;
margin-top:8px;
padding-top:2px;
border-top:1px solid #ccc;
}

html>body .plan{
display:block;
margin-top:2px;
padding-top:2px;
border-top:1px solid #ccc;
}

.pattern{
width:18%;
height:10em;
text-align:left;
margin-bottom:0.5em;
background-color:#cccccc;
//border-right: solid 1px #666666;
}

.pattern_sample table{
margin-left:10px;
border-collapse:collapse;
}

form table .orange{
font-size:1.5em;
font-weight:bold;
}

.to_fax{
float:right;
margin-right:10px;
font-size:0.8em;
color:#FF8A00;
}
.to_fax a{
color:#FF8A00;
}
.to_fax a:link{
border-bottom;1px solid orange;
color:#FF8A00;
}
.to_fax a:hover{
color:#FF8A00;
border-bottom:none;
}

/* 角丸ツールチップ */
.shiny_box { background:#FFF; color:#000; width:280px; overflow:hidden; border: solid 1px #FF0000; font-size:80% }
.shiny_box p { margin:10px; }
.shiny_box .tl { background-position:-340px 0; }
.shiny_box .tr { background-position:-350px 0; }
.shiny_box .bl { background-position:-340px 10px; }
.shiny_box .br { background-position:-350px 10px; }
.shiny_box_body { clear:both; padding:0 10px; overflow:hidden; }
.shiny_box_body { height:1% }

/******** 資料請求 **********/

#rental {
width:96%;
height:200px;
margin:20px 5px 30px 10px;
padding:0;
}

#rental_img {
float:left;
width:200px;
margin:0;
padding:0;
}

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

#rental_txt {
float:left;
width:210px;
margin:0 0 0 10px;
padding:0;
}

#rental_txt dl {
margin:0;
padding:0;
}

#rental_txt dt {
color:#999999;
font-size:13px;
text-align:left;
margin:0 0 10px 0;
padding:0;
}

#rental_txt dd {
font-size:11px;
text-align:left;
margin:10px 0 0 0;
padding:0;
}

/*サイトマップ*/

#sitemap {
width:430px;
height:auto;
margin:15px 5px 20px 10px;
padding:0;
}

#sitemap dl{
margin:0;
padding:0;
}

#sitemap dt{
margin:0 0 10px 10px;
padding:5px 0 0 0;
float:left;
clear:left;
width:35%;
color:#333333;
font-size:11px;
line-height:14px;
}

#sitemap dd{
text-align:left;
margin:0 0 10px 10px;
padding:5px 0 0 0;
float:left;
width:60%;
color:#666666;
font-size:11px;
line-height:14px;
} 

/*納品までの流れ*/

#flow{
text-align:center;
}

#flow img , #flow p{
margin-top:20px;
}

/*文字スライダー*/
#slider_field {
background:transparent url(img/slider_back.gif) no-repeat scroll 0%;
height:31px;
left:10px;
margin:0px 0pt 0pt 0px;
position:relative;
width:440px;
}

html>/**/body #slider_field {
background:transparent url(img/slider_back.gif) no-repeat scroll 0%;
height:31px;
left:10px;
margin:0px 0pt 0pt 0px;
position:relative;
width:440px;
}


#slider {
background:transparent url(img/slider.gif) no-repeat scroll 0%;
height:31px;
left:260px;
position:absolute;
top:0%;
width:15px;
}


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

#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:-200px;
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;
}

a#voice_21 {
background:url(img/cvoice_21.jpg);
}
a:hover#voice_21 {
background-position:0 -70px;
}
a#voice_22 {
background:url(img/cvoice_22.jpg);
}

a:hover#voice_22 {
background-position:0 -70px;
}
a#voice_23 {
background:url(img/cvoice_23.jpg);
}
a:hover#voice_23 {
background-position:0 -70px;
}
a#voice_24 {
background:url(img/cvoice_24.jpg);
}
a:hover#voice_24 {
background-position:0 -70px;
}
a#voice_25 {
background:url(img/cvoice_25.jpg);
}
a:hover#voice_25 {
background-position:0 -70px;
}
a#voice_26 {
background:url(img/cvoice_26.jpg);
}
a:hover#voice_26 {
background-position:0 -70px;
}
a#voice_27 {
background:url(img/cvoice_27.jpg);
}
a:hover#voice_27 {
background-position:0 -70px;
}
a#voice_28 {
background:url(img/cvoice_28.jpg);
}
a:hover#voice_28 {
background-position:0 -70px;
}
a#voice_29 {
background:url(img/cvoice_29.jpg);
}
a:hover#voice_29 {
background-position:0 -70px;
}
a#voice_30 {
background:url(img/cvoice_30.jpg);
}
a:hover#voice_30 {
background-position:0 -70px;
}
a#voice_31 {
background:url(img/cvoice_31.jpg);
}
a:hover#voice_31 {
background-position:0 -70px;
}
a#voice_32 {
background:url(img/cvoice_32.jpg);
}
a:hover#voice_32 {
background-position:0 -70px;
}
a#voice_33 {
background:url(img/cvoice_33.jpg);
}
a:hover#voice_33 {
background-position:0 -70px;
}
a#voice_34 {
background:url(img/cvoice_34.jpg);
}
a:hover#voice_34 {
background-position:0 -70px;
}
a#voice_35 {
background:url(img/cvoice_35.jpg);
}
a:hover#voice_35 {
background-position:0 -70px;
}
a#voice_36 {
background:url(img/cvoice_36.jpg);
}
a:hover#voice_36 {
background-position:0 -70px;
}
a#voice_37 {
background:url(img/cvoice_37.jpg);
}
a:hover#voice_37 {
background-position:0 -70px;
}
a#voice_38 {
background:url(img/cvoice_38.jpg);
}
a:hover#voice_38 {
background-position:0 -70px;
}
a#voice_39 {
background:url(img/cvoice_39.jpg);
}
a:hover#voice_39 {
background-position:0 -70px;
}
a#voice_40 {
background:url(img/cvoice_40.jpg);
}
a:hover#voice_40 {
background-position:0 -70px;
}
a#voice_41 {
background:url(img/cvoice_41.jpg);
}
a:hover#voice_41 {
background-position:0 -70px;
}
a#voice_42 {
background:url(img/cvoice_42.jpg);
}
a:hover#voice_42 {
background-position:0 -70px;
}
a#voice_43 {
background:url(img/cvoice_43.jpg);
}
a:hover#voice_43 {
background-position:0 -70px;
}
a#voice_44 {
background:url(img/cvoice_44.jpg);
}
a:hover#voice_44 {
background-position:0 -70px;
}
a#voice_45 {
background:url(img/cvoice_45.jpg);
}
a:hover#voice_45 {
background-position:0 -70px;
}
a#voice_46 {
background:url(img/cvoice_46.jpg);
}
a:hover#voice_46 {
background-position:0 -70px;
}

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