@charset "utf-8";


/*01_contents
------------------------------------------*/
#container {
	width: 958px;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-repeat: repeat-y;
	background-position: 0 0;
	background-image: url(../img/common/bg_cont_body.jpg);
}

#contentsbg {
	text-align: left;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 958px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/common/bg_cont.jpg);
}

#contents {
	width: 890px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 24px;
	padding-left: 24px;
	padding-top: 30px;
}


#page_ttlimg{
	height: 150px;
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 25px;
}

.ttl{
	background-image: url(../img/page/ttl_bg.jpg);
	background-repeat: no-repeat;
	width: 890px;
	min-height: 35px;
	margin-right: auto;
	margin-left: auto;
	color: #FFFFFF;
	font-size: 17px;
	font-weight: bold;
	line-height: 1.2em;
	margin-bottom: 13px;
	margin-top: 0px;
	padding: 10px;
}


/*02_コンサルティング
------------------------------------------*/
ul.contents_list{
	padding-bottom: 10px;
	padding-left: 20px;
}

.contents_list li{
	background-image: url(../img/page/ico_list.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	font-size: 90%;
	color: #003366;
	line-height: 25px;
	background-position: left 7px;
	clear: both;
}

/* コンサル表 */
#consul_flow_bg {
	background-image: url(../img/page/flow_bg.jpg);
	background-repeat: no-repeat;
	height: 205px;
	width: 693px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
}

#flow01{
	color: #003366;
	font-size: 20px;
	position: absolute;
	left: 52px;
	top: 60px;
	line-height: 100%;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

#flow02{
	color: #003366;
	font-size: 20px;
	position: absolute;
	left: 235px;
	top: 60px;
	line-height: 100%;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

#flow03{
	position: absolute;
	font-size: 20px;
	color: #003366;
	left: 418px;
	top: 60px;
	line-height: 100%;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

#flow04{
	font-size: 20px;
	color: #003366;
	position: absolute;
	left: 600px;
	top: 60px;
	line-height: 100%;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

#flow05{
	font-size: 18px;
	color: #003366;
	position: absolute;
	left: 250px;
	top: 177px;
	line-height: 100%;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}


/*03_会社概要
------------------------------------------*/
table#company{
	border-collapse: collapse;
	border-spacing: 0px;
	clear: both;
	width: 890px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	line-height: 1.4em;
	font-size: 80%;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	border-collapse: separate;
	border-spacing: 1px;
}
table#company th{
	text-align: center;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #EDF0F3;
	vertical-align: middle;
	padding-left: 7px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}
table#company td{
	text-align: left;
	border-bottom: 1px solid #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}


/*04_ホームページ制作
------------------------------------------*/
.homepage_img {
	width: 128px;
	float: left;
	padding-right: 15px;
	padding-left: 15px;
}
#homepage_img_block {
	margin-right: auto;
	margin-left: auto;
	width: 800px;
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;
}

#homepage_img_block p{
	color: #006699;
	font-weight: bold;
	line-height: 18px;
}


/*05_リンク
------------------------------------------*/
.link_table{
	width: 890px;
	margin-right: auto;
	margin-left: auto;
	font-size: 80%;
	margin-bottom: 25px;
	margin-top: 10px;
}

.link_table th{
	text-align: center;
	background-color: #EDF0F3;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;

}

.link_table td{
	text-align: left;
	border: 1px solid #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 7px;

}


/*06_プライバシーポリシー
------------------------------------------*/
ol{
	font-size: 80%;
	color: #333333;
}

ol li{
	list-style-type: none;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}


/*07_詳細
------------------------------------------*/
.work_section{
	overflow: hidden;
	_zoom: 1;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.work_section p{
	overflow: hidden;
	_zoom: 1;
	clear: none;
}


/*08_お問い合わせスペース
------------------------------------------*/
#contact_block {
	margin-right: auto;
	margin-left: auto;
	width: 587px;
	padding-top: 30px;
	padding-bottom: 10px;
}

#btn_contact{
	float: left;
	height: 55px;
	width: 285px;
}

#tel{
	float: left;
	height: 65px;
	width: 292px;
	padding-left: 10px;
	clear: none;
}



/*
blog
------------------------------------------*/
#blog_L {
	float: left;
	width: 220px;
}
.blog_side_box {
	width: 218px;
	border: 1px solid #CCC;
	float: left;
	margin-bottom: 20px;
}
.blog_side_title {
	font-weight: bold;
	color: #333;
	background-image: url(../img/page/blog_side_bg.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 208px;
	padding-top: 8px;
	padding-left: 10px;
}
.blog_side_area {
	padding: 8px;
	float: left;
	font-size: 70%;
}
.blog_side_gray {
	background-color: #ECECF2;
	width: 181px;
	background-image: url(../img/page/icon_blog.png);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 15px;
	line-height: 150%;
}
.blog_side_white {
	background-color: #FFFFFF;
	width: 181px;
	background-image: url(../img/page/icon_blog.png);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 15px;
	line-height: 150%;
}

#blog_R {
	float: right;
	width: 650px;
}
.blog_title {
	font-weight: bold;
	color: #FFF;
	background-image: url(../img/page/blog_bg.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 640px;
	padding-top: 8px;
	padding-left: 10px;
	float: left;
}.blog_box {
	padding: 10px;
	width: 628px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	float: left;
}
.blog_date {
	font-weight: bold;
	background-image: url(../img/page/icon_blog02.gif);
	background-repeat: no-repeat;
	background-position: 5px 7px;
	padding-left: 20px;
	float: left;
	width: 400px;
}
.blog_sns {
	float: right;
	text-align: right;
	width: 100px;
	padding-top: 2px;
}

.blog_txt {
	padding-top: 10px;
	float: left;
	width: 628px;
	font-size: 80%;
}
.blog_img {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}



ul#works{margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-around;box-sizing:border-box}
ul#works li{/*max-width:280px;*/width:30%;margin:0}
ul#works li .works_title{font-size:13px;line-height:1.2;margin:5px auto 40px auto}

ul#works li a:link{color:#333!important;text-decoration:none!important}
ul#works li .works_title a:visited{color:#333!important;text-decoration:none!important}
ul#works li .works_title a:hover{color:#0f0f0f!important;text-decoration:none!important}
ul#works li .works_title a:active{color:#0f0f0f!important;text-decoration:none!important}