@charset "utf-8";
/* consul.css */
article em{color:#8D0000;}

h3.title-sub{margin-bottom:5px; clear:both;}
article .bar{background:url(../img/bar_d.gif) repeat-x left center; height:25px; clear:both;}
article .bar hr{display:none;}

/* 上部テキスト */
dl#blogtext dt{font-size:14px; font-weight:bold; color:#8D0000;}
dl#blogtext dd{padding-top:1em;}
dl#blogtext dd p{padding:1em 0;}


/* デザインプラン */
dl#plan1,dl#plan2{clear:both;}
dl#plan1 dt{background:url(../img/blog/plan1.gif) no-repeat left top; height:20px;}
dl#plan2 dt{background:url(../img/blog/plan2.gif) no-repeat left top; height:20px;}
dl#plan1 dt em,dl#plan2 dt em{display:none;}
dl#plan1 dd,dl#plan2 dd{padding:3px 5px 10px 15px;}
.plan-detail{background:#F5F5EB; width:245px; padding:10px;}
.plan-detail:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}
.plan-detail #plantext1{background:url(../img/blog/plan_text1.gif) no-repeat 0 0; height:24px;}
.plan-detail #plantext2{background:url(../img/blog/plan_text2.gif) no-repeat 0 0; height:24px;}
.plan-detail #plantext1 em,
.plan-detail #plantext2 em{display:none;}
.plan-detail ul{padding-top:5px;}
.plan-detail ul li{text-indent:-0.5em; padding-left:0.5em;}
/* デザインプラン-ブログ制作例 */
#bloglist{clear:both; padding-top:5px;}
#bloglist h4{display:block; background:#fff; padding:3px 0 3px 12px; background:url(../img/blog/icon.gif) no-repeat left center;}
#blog-library{padding:10px 10px 0; background:#F5F5EB; font-size:12px; line-height:140%; zoom:1;}
#blog-library:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}
#before{float:left; width:280px; background:url(../img/blog/before_body.gif) no-repeat left top; padding:40px 0 5px;}
#after{float:right; width:240px; background:url(../img/blog/after_body.gif) no-repeat right top; padding:40px 0 5px;}
#blog-library ul{clear:both; margin-bottom:20px; zoom:1;}
#blog-library ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}
#blog-library ul li{float:left; width:168px; margin-right:8px;}
#blog-library ul li.right{margin-right:0;}
#blog-library ul li img{margin-bottom:3px;}
#blog-library ul li p{text-indent:-0.5em; padding-left:0.5em;}
/* デザインプラン-カスタマイズ可能なブログサービス */
#customize{clear:both; width:480px; margin:0 auto; padding:45px 10px 10px; text-align:center;
background:#fff;
background-image:url(../img/blog/customize.gif);
background-repeat:no-repeat;
background-position:top;
border-left:10px solid #BCBCBC; border-right:10px solid #BCBCBC; border-bottom:10px solid #BCBCBC;
}
#customize h4{display:none;}
.bannerarea{text-align:center;}
.pagetop{clear:both; text-align:right; padding-top:30px;}
.pagetop a{color:#696969;}
.pagetop a:hover{color:#8D0F04;}
/* サービスの流れについて */
table#service{width:500px; border:none; margin-top:10px;}
table#service th{border-width:8px; border-style:solid; width:162px; text-align:center; vertical-align:middle;}
table#service td{padding:0 0 0 10px;}
table#service tr.service1 th{background-color:#F7EEEE; border-color:#EAD2D2;}
table#service tr.service2 th{background-color:#F0F0F0; border-color:#D4D3D3; padding:5px 0;}
table#service tr.arrow1 th{background-color:none; border:none; background:url(../img/blog/arrow1.gif) no-repeat center center;}
table#service tr.arrow2 th{background-color:none; border:none; background:url(../img/blog/arrow2.gif) no-repeat center center;}
table#service tr.arrow1 th,
table#service tr.arrow1 td,
table#service tr.arrow2 th,
table#service tr.arrow2 td{
padding:0; height:20px;}
/*料金・注意事項*/
.detailtext{color:#8D0000; padding:5px 0;}
.detailtext p{text-indent:-2em; padding-left:2em;}
dl#check{clear:both; border:1px solid #BCBCBC; background:#fff; height:202px; overflow-y:scroll; margin-bottom:20px; padding:10px;}
dl#check dt{width:490px; background:#E3E3C5; padding:2px 5px;}
dl#check dd{width:480px; padding:2px 5px 2px 15px;}

/* フォーム 項目*/
h4.formtitle{clear:both; height:40px; background-repeat:no-repeat; background-position:left bottom;}
h4.formtitle em{display:none;}
#form-t01{background-image:url(../img/blog/form_t01.gif);}
#form-t02{background-image:url(../img/blog/form_t02.gif);}
#form-t03{background-image:url(../img/blog/form_t03.gif);}
#form-t04{background-image:url(../img/blog/form_t04.gif);}
/* フォーム */
dl.formarea{margin-bottom:15px; zoom:1;}
dl.formarea:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}
dl.formarea dt{clear:both; float:left; width:160px; background:url(../img/square.gif) no-repeat left 3px; padding-left:10px; padding-bottom:8px;}
dl.formarea dt span{font-size:10px; color:#B20019;}
dl.formarea dd{padding-bottom:8px;}
dl.formarea dd{zoom:1;}
dl.formarea dd:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}
dl.formarea > dd {
	float:left;
	width:360px;
}
*+html dl.formarea > dd {
	float:none;
}
dl.formarea dt.fClear{float:none; width:520px;}
dl.formarea dd.fClear{clear:both; padding-left:170px;}
dl.formarea > dd.fClear {
	clear:both;
	float:none;
}
*+html dl.formarea.fClear > dd {
	clear:both;
	float:none;
}

dl.formarea dd em{clear:both; display:block;}
dl.formarea dd span.example{font-size:10px; line-height:120%; color:#999; display:block;}

dl.formarea dd label span.errortext{clear:both; display:block; color:#D70000; background:url(../img/blog/error.gif) no-repeat left center; padding-left:16px;}
/* 名前のところ */
dl.formarea dd div.formname{margin-right:5px; float:left; zoom:1;}
dl.formarea dd div.formname:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}
dl.formarea dd div.formname span.L{float:left; display:block; width:30px;}
dl.formarea dd div.formname input{float:left;}
dl.formarea dd div.formname span.example{padding-left:30px; width:70px;}

/* 下部ボタン */
div#formbtnarea{clear:both; text-align:center;}
/* フォーム フォーカス */
dl.formarea dd input[type=text].FactP,
dl.formarea dd input[type=text].FdisP,
dl.formarea dd textarea.FactP{border:1px solid #999; background:#FBF0F2;}
dl.formarea dd input[type=text].FactG,
dl.formarea dd input[type=text].FdisG,
dl.formarea dd textarea.FactG{border:1px solid #999; background:#EBEBEB;}
dl.formarea dd input[type=text]:focus,
dl.formarea dd textarea:focus{background:#fff;}
/* フォーム input[type=button] */
dl.formarea dd input[type=button],
div#formbtnarea input[type=button],
div#formbtnarea input[type=submit]{
	border:1px solid #999;
	background:#EBEBEB;
	margin:0 5px;
	padding:2px 5px;
	vertical-align:bottom;
}
*:first-child + html dl.formarea dd input[type=button]{padding:1px; vertical-align:baseline;}
/* フォーム ラジオボタン */
dl.formarea dd ul{}
dl.formarea dd ul li{display:inline; margin-right:2em;}