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

div.barea {
width:440px;
text-align:center;
margin:0 auto 15px;
clear:both;
}
div.barea2 {
width:440px;
text-align:center;
margin:0 auto;
clear:both;
}
div.barea3 {
width:440px;
text-align:center;
margin:30px auto 0 15px;
}
div.barea4 {
width:440px;
text-align:center;
margin:5px auto 15px;
clear:both;
}
div.barea5 {
width:440px;
text-align:center;
margin:15px auto 0;
clear:both;
}
div.btext {
width:420px;
text-align:left;
margin:0 auto 10px;
display:block;
text-align:left;
}

img.interval_t {
margin:15px auto 10px;
text-align:center;
}
img.interval_t2 {
margin:30px auto 10px;
text-align:center;
}
img.interval_t3 {
margin:5px auto 0;
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;
}
img.interval_b5 {
margin:15px auto 0;
text-align:center;
}

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

/* ボタン
*************************************/

.btn_area {
width:440px;
text-align:center;
margin:30px auto 0;
}
.btn_left {
margin-right:5px;
}
.btn_right {
margin-left:5px;
}
.btn_details {
margin-top:20px;
}

/* ギフトAC
******************************************************************/
div.giftarea01 {
width:410px;
margin:0 auto 15px;
background:url(img/img_giftscene01.jpg) no-repeat right top;
}

p.giftareatxt {
width:210px;
display:block;
margin:5px auto 0 0;
text-align:left;
}


/* デザインテンプレート
******************************************************************/

table.product_design {
width:430px;
margin:0 auto 20px;
padding:0;
}
td.pdi {
width:205px;
height:240px;
margin:0 0 10px 0;
padding:3px;
background:url(img/bg_pdi.jpg) no-repeat;
text-align:center;
}
td.pdi_2 {
width:205px;
height:240px;
margin:0 0 10px 0;
padding:3px;
text-align:center;
}
p.pdi_txt {
maargin:10px auto 0;
color:#999;
font-size:110%;
}


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

img.proc_left2 {
width:190px;
float:right;
}
div.proc_right2 {
width:220px;
float:left;
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 #F0A72F;
border-bottom:1px solid #B56F22;
border-right:1px solid #B56F22;
border-left:1px solid #F0A72F;
}
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 #F0A72F;
border-bottom:1px solid #B56F22;
border-right:1px solid #B56F22;
border-left:1px solid #F0A72F;
}
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 #F0A72F;
border-bottom:1px solid #B56F22;
border-right:1px solid #B56F22;
border-left:1px solid #F0A72F;
}
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 #F0A72F;
border-bottom:1px solid #B56F22;
border-right:1px solid #B56F22;
border-left:1px solid #F0A72F;
}
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:#EB962F;
}
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:#EB962F;
}
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:#EB962F;
}

td.pbtd4 {
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.pbtd4 a, a:link {
font-size:100%;
color:#4D4D4D;
line-height:150%;
text-decoration:none;
}
td.pbtd4 a:hover {
font-size:100%;
font-weight:bold;
color:#EB962F;
}

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 #F0A72F;
border-bottom:1px solid #B56F22;
border-right:1px solid #B56F22;
border-left:1px solid #F0A72F;
}
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:#EB962F;
}

/* 料金比較表
******************************************************************/
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;
}






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

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

/*サイズと仕様*/

#size img{
margin-top:10px;
}

#size h3{
margin-top:20px;
}

#s_title{
margin-top:25px;
margin-bottom:0;
}

#img_m{
margin-bottom:15px;
}

#go_price{
text-align:right;
margin:20px 0;
}

















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

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

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 .codecheck input{
width:20px; 
}

dl.form #submit input{
width:auto; 
}

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


#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;
}
/******** 資料請求 **********/

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

#sel_type{
left:30px;
margin:0px 0pt 0pt 30px;
}