@charset "UTF-8";

/*---------margin調整 ----------*/

.section_15
{
	margin-bottom:15px;
}

.section_20
{
	margin-bottom:20px;
}

.section_30
{
	margin-bottom:30px;
}

.section_40
{
	margin-bottom:40px;
}

.section_50
{
	margin-bottom:50px;
}

/*---------main ----------*/

#main p
{
	margin-bottom:10px;
}

#main blockquote p
{
	margin-bottom:0;
}

#main strong
{
	color:#555555;
	font-weight:bold;
}

#main .h1-banner
{
	padding:40px 10px;
	background:url(../images/h1_back.jpg) no-repeat 0 0;
	margin-bottom:20px;
}

#main h1.entry-title
{
	font-size:130%;
	font-weight:bold;
	letter-spacing:0.15em;
	color:#333333;
}

#main h1.h1-image
{
	margin-bottom:20px;
}

#main h2
{
	padding:4px 20px 3px 10px;
	background:url(../images/h2_back.gif) no-repeat 0 0;
	background-color:#d3141d;
	margin-bottom:15px;
	font-size:110%;
	font-weight:bold;
	color:#ffffff;
}

#main h3
{
	padding:4px 20px 3px 10px;
	background:url(../images/h3_back.gif) no-repeat 0 0;
	margin-bottom:15px;
	font-size:110%;
	font-weight:bold;
	color:#333333;
	border-bottom:1px #cacaca solid;
}

#main h4
{
	padding:0px 0px 0px 26px;
	background:url(../images/h4_back.gif) no-repeat 0 center;
	margin-bottom:10px;
	font-size:110%;
	font-weight:bold;
	color:#333;
}

#main ul
{
	margin:0 10px 10px 10px;
	list-style:none;
	color:#333333;
}

#main ul li
{
	background-repeat:no-repeat;
	background-position:10px center;
	background-image:url(../images/list_icon01.gif);
	padding:2px 0 2px 23px;
	margin:0 0 2px 0px;
}

#main ul li.list02
{
	background-repeat:no-repeat;
	background-position:10px center;
	background-image:url(../images/list_icon02.gif);
	padding:0 0 2px 23px;
	margin:0 0 0px 15px;
}


#main ol
{
	margin:0 10px 30px 0px;
	padding-left:10px;
	list-style:none;
}

#main ol li
{
	background:#f6f6f6;
	background-repeat:no-repeat;
	background-position:10px center;
	background-image:url(../images/list_icon03.gif);
	border-bottom:1px #d2171a solid;
	padding:2px 0 2px 30px;
	margin:0 0 2px 0;
}

#main ul.link
{
	padding:15px;
	border:1px solid #cacaca;
}

#main li.link
{
	list-style:none;
	background-image: url(../images/link_icon01.gif);
	background-repeat: no-repeat;
	background-position:0 center;
	padding-left:10px;
}

#main p li.link a
{
	color:#333;
}

#main li.link a:hover
{
	color:#d2171a;
}

.pagelink
{
	margin:0 0 20px 0px;
	padding:10px;
	background-color:#f6f6f6;
}

#main .pagelink ul
{
	margin:0;
}

#main .pagelink li
{
	list-style:none;
	float:left;
	background-image: url(../images/link_icon01.gif);
	background-repeat: no-repeat;
	background-position:0 center;
	padding:0 0 0 10px;
	margin-left:20px;
}

#main .pagelink li a:hover
{
	color:#d2171a;
}

#main blockquote
{
	padding:15px;
	background-color:#fdffe6;
	border:3px #cacaca solid;
	margin-bottom:20px;
}

.hptitle-section
{
	margin:0 0 20px 20px;
	width:312px;
	float:left
}

#main dl.hptitle
{
	width:312px;
}

#main h3.hptitle
{
	list-style:none;
	background-image: url(../images/hpdt_back.gif);
	background-repeat: no-repeat;
	background-position:0 center;
	padding:12px 10px 10px 40px;
	margin-bottom:10px;
	font-size:110%;
	font-weight:bold;
	border-bottom:none;
}

#main .hptitle dl
{
	width:312px;
}

#main img.hp-copy
{
	margin-bottom:15px;
}

#main h3.copy-q
{
	margin-bottom:15px;
	background-image: url(../images/hp-h3.gif);
	background-repeat: no-repeat;
	background-position:0 center;
	padding:10px 0px 10px 38px;
	margin-bottom:10px;
	font-size:120%;
	font-weight:bold;
	border-bottom:none;
}

#main img.img-right
{
	float:right;
	margin:0 10px 0px 20px;
}

#main span.font-bold
{
	font-weight:bold;
	line-height:2em;
}

/*---------サービス内容 ----------*/

.service-area01
{
	width:644px;
	margin:0 0 30px 20px;
	padding:0;
}

.service-part
{
	width:306px;
	float:left;
}

.service-part2
{
	width:306px;
	float:right;
}

#main h2.service-title
{
	background-color:#ffffff;
	background-repeat:no-repeat;
	background-image:none;
	margin:0 0 15px 0;
	padding:0;
	border:none;
}

#main h3.service-copy
{
	background-color:#ffffff;
	background-repeat:no-repeat;
	background-image:none;
	margin:0 0 20px 0;
	padding:0;
	border:none;
}


/*---------広告代理店・印刷会社様 ----------*/

#main h2.agency
{
	background-image:none;
	background-color:#ffffff;
}

#main img h2.agency
{
	margin-bottom:25px;
}

.partner dl
{
	margin:0 10px 10px 10px;
	list-style:none;
	color:#333333;
}

.partner dt
{
	padding:0px 0px 0px 26px;
	background:url(../images/h4_back.gif) no-repeat 0 center;
	margin-bottom:5px;
	font-size:110%;
	font-weight:bold;
	color:#333;
}

.partner dd
{
	margin-bottom:15px;
}

/*--------- サイト診断 ----------*/


#main img.analysis_parts01
{
	margin:10px 0 0 15px;
}

/*---------CMS（Movable Type）、システム開発 ----------*/

.cms dt
{
	color:#996633;
	font-weight:bold;
	margin-bottom:5px;
}

.cms dd
{
	float:left;
	margin:0 0 15px 120px;
}


/*--------- map ----------*/

#map
{
	border:4px #eeeeee solid;
	margin-left:20px;
	margin-bottom:20px;
}


.traffic
{
	margin-left:20px;
	margin-bottom:50px;
}

.traffic li
{
	float: left;
	width:270px;
}


/*---------お問い合わせフォーム ----------*/

#main .form-top
{
	margin-bottom:20px;
	background-color:#eeeeee;
	padding:10px;
}

#main .form-top p
{
	margin-bottom:0;}

#mailform ol
{
	padding-left:0;
	margin-bottom:0;
}

#mailform ol li
{
	background:none;
	border-bottom:none;
	padding-left:0;
}

#mailform td.center
{
	text-align:center;
}

#main blockquote
{
	border:1px #cccccc solid;
	padding:15px;
}

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

#privacy
{
	margin:20px 0 0 32px;
	width:620px;
}

#privacy dt
{
	font-weight:bold;
	margin-bottom:5px;
}

#privacy dd
{
	margin:0 0 15px 20px;
}

/*---------新着情報 ----------*/

.news-img-left
{
	float:left;
	margin:0 20px 15px 0;
}

/*---------実績紹介 ----------*/

.img-right
{
	float:right;
	margin:0 0 15px 20px;
}

#main .works-box
{
	margin-top:20px;
	margin-bottom:40px;
}

#main .works-box-left
{
	width:265px;
	float:left;
}

#main .works-box-right
{
	width:408px;
	float:right;
}

#main .works-box-left img
{
	border:4px solid #cccccc;
}

#main .works-box-left a.link-site
{
	background:#ffffff url(../images/link_icon02.gif) no-repeat 1px 4px;
	padding-left:15px;
}

#main .works-box-right
{
	border-top:2px solid #ca151d;
	padding:8px 0 0 0;
	position:relative;
}

#main .works-box-right h3
{
	background-image:none;
	border-bottom:none;
	font-size:120%;
	margin:0 0 8px 0;
}

#main .works-box-right h3.minsai
{
	border-bottom:1px solid #cccccc;
	padding-bottom:9px;

}

#main .works-box-right h3 .small
{
	font-size:80%;
	font-weight:normal;
}

#main .works-box-right p.renew
{
	font-weight:normal;
	text-align:right;
	color:#cc141d;
	font-size:90%;
	position:absolute;
	top:13px;
	right:5px;
}

#main .works-box-right ul
{
	background:#e5e5e5;
	border-bottom:1px solid #cccccc;
	padding:1px 10px 0;
	margin:0 0 10px 0;
}

#main .works-box-right ul li
{
	background:url(../images/list_icon04.gif) no-repeat 0px 6px;
	display:inline;
	color:#cc141d;
	padding-left:10px;
	padding-right:15px;
	font-size:90%;
}

#main .works-box-right h4
{
	background-image:none;
	color:#c9151c;
	font-size:120%;
	padding-left:3px;
	margin:0 0 10px 0;
}

/*---------404エラー ----------*/

#main div.asset-body div.error 
{
	width:100%;
	border:1px solid #d5d5d5;
	padding:10px 0;
	margin:10px 0;
	background:#f8f8f8;
}
#main .error li
{
	list-style:none;
	background-image: url(../images/link_icon01.gif);
	background-repeat: no-repeat;
	background-position:0 5px;
	padding-left:10px;
}
#main .error li a
{
	color:#6699cc;
}
#main .error .footer-innertop li a:hover
{
	color:#d2171a;
}
#main .error ul.footer-list01
{
	float:left;
	margin-right:10px;
	padding-right:5px;
}
#main .error ul.footer-list02
{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	padding:0 15px;
	border-right:1px solid #d5d5d5;
	border-left:1px solid #d5d5d5;
}
#main .error ul.footer-list03
{
	float:left;
	padding:0 10px 0 0;
}