@charset "utf-8";
/* CSS Document */

/*　共通タイトル画像 ===========================================================================*/
div.businesscard{background: url(../images/h3_title/businesscard.gif) no-repeat;}
div.charge{background: url(../images/h3_title/charge.gif) no-repeat;}
div.cms{background: url(../images/h3_title/cms.gif) no-repeat;}
div.contact{background: url(../images/h3_title/contact.gif) no-repeat;}
div.enquete{background: url(../images/h3_title/enquete.gif) no-repeat;}
div.faq{background: url(../images/h3_title/faq.gif) no-repeat;}
div.flow{background: url(../images/h3_title/flow.gif) no-repeat;}
div.link{background: url(../images/h3_title/link.gif) no-repeat;}
div.mailmaga{background: url(../images/h3_title/mailmaga.gif) no-repeat;}
div.management{background: url(../images/h3_title/management.gif) no-repeat;}
div.member{background: url(../images/h3_title/member.gif) no-repeat;}
div.new{background: url(../images/h3_title/new.gif) no-repeat;}
div.outline{background: url(../images/h3_title/outline.gif) no-repeat;}
div.renewal{background: url(../images/h3_title/renewal.gif) no-repeat;}
div.seo{background: url(../images/h3_title/seo.gif) no-repeat;}
div.shopping{background: url(../images/h3_title/shopping.gif) no-repeat;}
div.sitemap{background: url(../images/h3_title/sitemap.gif) no-repeat;}
div.works{background: url(../images/h3_title/works.gif) no-repeat;}
div.contact_faq{background: url(../images/h3_title/contact_faq.gif) no-repeat;}
div.privacypolicy{background: url(../images/h3_title/privacypolicy.gif) no-repeat;}
div.dekiru{background: url(../images/h3_title/dekiru.gif) no-repeat;}
div.news{background: url(../images/h3_title/news.gif) no-repeat;}

/* トップページ ===========================================================================*/
.greeting{
margin:0;
padding:0;
width:464px;
}

.greeting p{
font-size:108%;
line-height:1.5;
}

.btn_topArea{
width:464px;
}

.btn_topArea div.image{
	margin-bottom: 10px;
}

p.btn_top01 a{
width:226px;
height:174px;
background:url(../images/btn_top01.jpg) top left no-repeat;
display:block;
text-indent:-9999px;
float:left;
}
p.btn_top01 a:hover{
background:url(../images/btn_top01.jpg) bottom left no-repeat;
}

p.btn_top02 a{
width:226px;
height:174px;
background:url(../images/btn_top02.jpg) top left no-repeat;
display:block;
text-indent:-9999px;
float:right;
}
p.btn_top02 a:hover{
background:url(../images/btn_top02.jpg) bottom left no-repeat;
}

h3.recentNews{
width:464px;
height:29px;
background:url(../images/h3_recentnews.gif) top left no-repeat;
text-indent:-9999px;
}

dl.date{
width:444px;
margin:10px 0 0 10px;

}
dl.date dt{
font-size:93%;
font-weight:bold;
margin-bottom:5px;
}
dl.date dd{
font-size:108%;
line-height:1.5;
border-bottom:solid 1px #ccc;
padding-bottom:10px;
margin-bottom:10px;
}

/* ホームページ制作 ===========================================================================*/

/* 新規ホームページ制作 */

dl.cost_table{
line-height:1.4;
background:url(../images/stripe_bg_gray.gif) ;
border:solid 1px #cccccc;
padding:10px;
}

dl.cost_table dt{
float:left;
width:12em;
margin-left:5px;
clear:left;
}

dl.cost_table dd{
margin-bottom:10px;
padding:0 0 10px 12em;
background:url(../production/images/cost_table_line.gif) no-repeat left bottom;
}
dl.cost_table dd.end{
background:none; 
margin-bottom:0;
padding-bottom:0;
font-weight:bold;
}

/* リニューアル */

ul.renewal_list{
list-style: decimal inside;
padding:0.5em 1em 1em 1em;
background:url(../images/stripe_bg_gray.gif) ;
border:solid 1px #cccccc;
}

ul.renewal_list li{
margin-top:0.5em;}

.renewal_txt04{
float: left;
width: 260px;
}

/* 制作の流れ */

p.flow_h5{
font-size:108%;
font-weight:bold;
color:#005494;
line-height:1.4;

}
.h5_box{
width:150px;
float:left;
padding:10px 0;
}
div.h5bg_top{
height:4px;
background: url(../production/images/flow_box_top.gif) bottom left no-repeat;
margin:0;
padding:0;
}
div.h5bg_middle{
text-align:center;
padding:6px 5px;
background: url(../production/images/flow_box_bg.gif) 0 0 repeat-y;
}
div.h5bg_bottom{
height:4px;
background: url(../production/images/flow_box_bottom.gif) top left no-repeat;
margin:0;
padding:0;
}

.h5_box_txt{
width:280px;
float:right;
padding:10px 0;
}

.h5_box_txt ul.flow_list{
padding:0 0 0 1.5em;
margin:0;
}
.h5_box_txt ul.flow_list li{
list-style-type:disc;
line-height:1.3em;
margin:0.5em 0;
}
.h5_box_txt ul.flow_list li p{
margin:0;
padding:0;
}

.flow_arrow{
border:none;
text-align:center;
width:150px;
height:24px;
float:left;
background: url(../production/images/flow_arrow.gif) no-repeat top center;
margin:10px 0 0 0;
}

/* 料金表 */

table.charge_table{
border-left:solid 1px #ccc;
border-right:solid 1px #ccc;
border-bottom:1px solid #ccc;
line-height:1.4;
}

table.charge_table th,
table.charge_table tr,
table.charge_table td {
padding:8px;
}
table.charge_table th{
background-color:#005494;
font-size:108%;
font-weight:bold;
color:#FFFFFF;
border:1px solid #ccc;
}
table.charge_table tr.blue{
background:url(../images/stripe_bg_gray.gif);
}
table.charge_table tr td.ttl{
width:100px;
}
table.charge_table tr td.yen{
width:65px;
border-left:solid 1px #ccc;
border-right:solid 1px #ccc;
}
table.charge_table tr td.cap{
width:214px;
}

/* よくある質問 */

p.faq_q{
background:url(../production/images/faq_ico_q.gif) top left no-repeat;
padding-left:20px;
font-weight:bold;
color:#005494;
margin-bottom:0.7em;
font-size:108%;
}
p.faq_a{
background:url(../production/images/faq_ico_a.gif) top left no-repeat;
padding-left:20px;
margin-bottom:2em;
}

/* システム開発 ===========================================================================*/

/* メルマガ */
.mailmaga_column{
padding:0 1em 1em 1em;
background:url(../images/stripe_bg_gray.gif) ;
border:solid 1px #cccccc;
}

/* その他のサービス ===========================================================================*/

/* seo */


/* 運用管理 */



/* 制作実績 ===========================================================================*/

.works_imgborder {
border:solid 1px #cccccc;
float:left;
}

ul.works_ico li{
width:84px;
margin-bottom:6px;
float: right;
}


/* 企業情報 ===========================================================================*/

/* 会社概要 */

table.corporatesummary {
width:100%;
border-collapse:collapse;
line-height:1.4;
text-align:left; 
border:1px solid #cccccc;
} 

table.corporatesummary th { 
width:28%;
padding:10px; 
background:url(../images/stripe_bg_gray.gif);
font-size:93%;
font-weight:bold; 
color:#333333; 
border-top:1px solid #cccccc;
} 

table.corporatesummary td { 
border-top:1px solid #cccccc; 
padding:1em; 
}


/* web制作メンバー紹介 */

.profile{
width:310px;
float:right;
}

p.blog_link{
background:url(../corporate/images/blog_ico.gif) top left no-repeat;
padding-left:50px;
margin-bottom:10px;
}

/* ニュース */

.news_h4_section{
padding:10px;
border-bottom: dotted 1px #cccccc;
}
.news_h4_section p{
font-size:108%;
line-height:1.5;
}


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

ul.privacy_list{
list-style:lower-alpha inside;
padding:0 0 0 1em;}

ul.privacy_list li{
margin-top:0.5em;}

.privacy_contact{
line-height:1.3;
margin:10px 0 0 10px;
}


/* サイトマップ */

ul.sitemap_list li{
margin-bottom:1.5em;
font-weight:bold;
font-size: 108%;
}

ul.sitemap_list_sub{
margin:0.5em 0;
}
ul.sitemap_list_sub li{
font-weight:normal;
margin-bottom:0.7em;
text-indent:1em;
font-size: 100%;
}

.sitemap_link a{
padding:0 0 0 11px;
text-decoration:underline;
color:#005494;
background:url(../images/link_ico.gif) top left no-repeat;
}
.sitemap_link a:hover{
text-decoration:none;
color:#0090ff;
}
.sitemap_link a:active{
text-decoration:none;
color:#0090ff;
}
.sitemap_link a:visited{
text-decoration:none;
color:#800080;
}

.sitemap_link_none{
font-size: 100%;
padding:0 0 0 11px;
color:#333333;
}

/* お問い合わせ */
table.contact_table {
width:442px;
border-collapse:collapse;
line-height:1.4;
text-align:left; 
border:1px solid #cccccc;
} 

table.contact_table th {
width:8em;
padding:7px; 
background:url(../images/stripe_bg_gray.gif);
font-size:93%;
font-weight:bold; 
color:#333333; 
border-top:1px solid #cccccc;
white-space:nowrap;
} 

table.contact_table td { 
border-top:1px solid #cccccc; 
padding:1em;
line-height: normal;
}

.submitArea{
height:40px;
margin:10px auto 0;
position:relative;
text-align:center;
}
.submitArea .btn_return {
width:117px;
height:34px;
display:block;
position:absolute;
top:4px;
left:100px;
}
.submitArea .btn_send {
width:117px;
height:34px;
display:block;
position:absolute;
top:0;
right:100px;
}


.f11_red{
color:#CC0000;
}
.errs{
color:#CC0000;
font-size:108%;
font-weight:bold;
line-height:1.5;
margin-bottom:10px;
}
input.text.err {
	background-color: #fff8f8;
}
input.radio.err {
	background-color: #fff8f8;
}
input.checkbox.err {
	background-color: #fff8f8;
}
textarea.err {
	background-color: #fff8f8;
}
select.err {
	background-color: #fff8f8;
}

.text-orenge {
	color: #FF6633;
	font-weight: bold;
}