@charset "utf-8";


/* ----- from_top ----- */

#conversion_strategy #category_image {
	background-image: url(/images/home/ctg_img_business.jpg) ;
}

#conversion_strategy #side_bar h2 {
	background: url(/images/home/h2_sub_navi_business.png) no-repeat;
}

#wordpress #category_image {
	background-image: url(/images/home/ctg_img_wordpress.jpg);
}

#wordpress #side_bar h2 {
	background: url(/images/home/h2_sub_navi_wordpress.png) no-repeat;
}

#school #category_image {
	background-image: url(/images/home/ctg_img_school.jpg);
}

#school #side_bar h2 {
	background: url(/images/home/h2_sub_navi_school.png) no-repeat;
}

#public #category_image {
	background-image: url(/images/home/ctg_img_public.jpg);
}

#public #side_bar h2 {
	background: url(/images/home/h2_sub_navi_public.png) no-repeat;
}

#mobile #category_image {
	background-image: url(/images/home/ctg_img_mobile.jpg);
}

#mobile #side_bar h2 {
	background: url(/images/home/h2_sub_navi_mobile.png) no-repeat;
}


/* ----- news ----- */

#news.sub #contents h2 {
	color: #333333;
	font-size:90%;
	background: #f2f2f2;
	margin: 3em 0 0.8em;
	padding: 0 0 0 8px;
	border: solid 1px #a6a6a6;
	clear:both;
}

#news #category_image {
	background-image: url(/images/common/category_image.jpg);
}

#news #side_bar h2 {
	background: url(/images/news/h2_sub_navi.png) no-repeat;
}

/* ----- cmshp ----- */
#cmshp #category_image {
	background-image: url(/images/cmshp/category_image.jpg);
}

#cmshp #side_bar h2 {
	background: url(/images/cmshp/h2_sub_navi.png) no-repeat;
}

/* ----- service ----- */

#service.sub img.img_left {
	float:left;
	margin-right: 20px;
}

#service.sub img.img_right {
	float:right;
	margin-left: 20px;
}

.to_download_page {
	text-align: right;
	font-size: 80%;
}

/* service packages  */

.sub .packages {
	margin: 0 0 18px;
	padding: 0;
}

.sub .packages h2#service_business_h2,.sub .packages h2#service_public_h2 {
	width: 270px;
	height: 90px;
	margin: 0;
	padding: 0;
}

.sub .packages h2#service_business_h2 a,.sub .packages h2#service_public_h2 a {
	margin: 0;
	padding: 0;
	display: block;
	width: 270px;
	height: 90px;
/*	border-bottom: solid 2px #bfbfbf;
	border-right: solid 2px #d9d9d9;
	border-top: solid 1px #eaeaea;
	border-left: solid 1px #eaeaea;
*/
}
.sub .packages h2#service_business_h2 a {
	border-bottom: solid 2px #c9daeb;
	border-right: solid 2px #bacbdb;
	border-top: solid 1px #adbdcc;
	border-left: solid 1px #adbdcc;
}
.sub .packages h2#service_public_h2 a{
	border-bottom: solid 2px #ceebc7;
	border-right: solid 2px #c1dbba;
	border-top: solid 1px #b4ccad;
	border-left: solid 1px #b4ccad;
}
.sub .packages .business #service_business_h2 a{
	display: block;
/*	width: 270px;
	height: 90px;
	background-image: url(/images/service/h2_package_business.png);
*/
	width: 260px;
	height: 86px;
	background-image: url(/images/service/h2_package_business.png);
}

.sub .packages .public #service_public_h2 a{
	display: block;
	width: 260px;
	height: 86px;
	background-image: url(/images/service/h2_package_public.png);
}

.sub .packages #service_business_h2 a:hover, .sub .packages #service_public_h2 a:hover {
	width: 260px;
	height: 86px;
	background-position: 0 -86px;
}

.sub .packages ul {
	margin: 0;
	padding: 0;
}

.sub .packages li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.sub .packages li.business {
	width: 267px;
	float: left;
	list-style-type: none;
	padding: 0 20px 0 0;
}
.sub .packages li.public {
	width: 267px;
	float: left;
	list-style-type: none;
	padding: 0 0 0 0px;
}
.sub .packages li p {
	margin: 0.8em 0 0.3em;
}

.sub .packages li ul#package_business {
	padding: 0;
	background-image: url(/images/service/service_business.png);
	width: 270px;
	height: 171px;
}
.sub .packages li ul#package_public {
	padding: 0;
	background-image: url(/images/service/service_public.png);
	width: 270px;
	height: 171px;
}
/*
.sub .packages li li {
	width: 267px;
	height: 57px;
	margin-top: 5px;
}

.sub .packages li.business li {
	border-left: solid 4px #3f668d;
}

.sub .business #package_rinki a {
	background-image: url(/images/service/btn_packages_rinki.png);
}

.sub .business #package_jizai a {
	background-image: url(/images/service/btn_packages_jizai.png);
}

.sub .business #package_mugen a {
	background-image: url(/images/service/btn_packages_mugen.png);
}

.sub .public #package_gunbun a {
	background-image: url(/images/service/btn_packages_gunbun.png);
}

.sub .public #package_ruijyu a {
	background-image: url(/images/service/btn_packages_ruijyu.png);
}

.sub .public #package_mujin a {
	background-image: url(/images/service/btn_packages_mujin.png);
}

.sub .packages li.public li {
	border-left: solid 4px #2a5c1e;
}

.sub .packages li li a {
	display: block;
	width: 267px;
	height: 55px;
	border: solid 1px #bfbfbf;
	border-left: none;
}

.sub .packages li li a:hover {
	background-position: -267px;
}

.sub .packages li.business li a:hover {
	border: solid 1px #3f668d;
	border-left: none;
}

.sub .packages li.public li a:hover {
	border: solid 1px #2a5c1e;
	border-left: none;
}

.sub .packages .business a {
}

.sub .packages .public a {
}
*/

/*
.sub .packages {
	margin: 25px 0 18px;
}

.sub .packages ul {
	width: 560px;
	height: 344px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.sub .packages li{
	width: 275px;
	height: 344px;
	float: left;
	list-style-type: none;
}

.sub .packages a {
	display: block;
	width: 275px;
	height: 344px;
}

.sub .text_exp {
	background-color: #f2f2f2;
	border: 1px solid #999999;
	font-size: x-small;
	padding: 6px;
}

.sub .packages .business a {
	background-image: url
	(/images/service/btn_packages_business.png);
}

.sub .packages .public a {
	background-image: url
	(/images/service/btn_packages_public.png);
	margin-left: 10px;
}

.sub .packages a:hover {
	background-position: 0 -344px;
}
*/

.sub .text_exp {
	background-color: #f2f2f2;
	border: 1px solid #999999;
	font-size: x-small;
	padding: 6px;
}

#service #category_image {
	background-image: url(/images/service/category_image.jpg);
}

#service #side_bar h2 {
	background: url(/images/service/h2_sub_navi.png) no-repeat;
}

#service #in_navi li {
	width: 143px;
	padding: 0 1px;
}

#service #in_navi a {
	display: block;
	width: 139px;
	height: 43px;
	padding: 0 1px;
	border: solid 1px #bfbfbf;
}

#in_navi .page-item-19 a {
	background: url(/images/service/btn_in_navi_bcms.png);
}

#in_navi .page-item-23 a {
	background: url(/images/service/btn_in_navi_package.png);
}

#in_navi .page-item-1508 a {
	background: url(/images/service/btn_in_navi_utilization.png);
}

#in_navi .page-item-26 a {
	background: url(/images/service/btn_in_navi_estimate.png);
}

#in_navi .page-item-28 a {
	background: url(/images/service/btn_in_navi_faq.png);
}

#in_navi .page-item-1474 a {
	background: url(/images/service/btn_in_navi_flow.png);
}

#in_navi .page-item-30 a {
	background: url(/images/service/btn_in_navi_pcms.png);
}

#in_navi .page-item-32 a {
	background: url(/images/service/btn_in_navi_package.png);
}

#in_navi .page-item-1514 a {
	background: url(/images/service/btn_in_navi_utilization.png);
}

#in_navi .page-item-34 a {
	background: url(/images/service/btn_in_navi_estimate.png);
}

#in_navi .page-item-1489 a {
	background: url(/images/service/btn_in_navi_flow.png);
}

#in_navi .page-item-38 a {
	background: url(/images/service/btn_in_navi_faq.png);
}

/* ----- works ----- */

#works.sub #contents h2 {
	color: #595959;
	font-size: medium;
	background-image:none;
	padding: 0;
	margin: 0;
}

#works #category_image {
	background-image: url(/images/works/category_image.jpg);
}

#works #side_bar h2 {
	background: url(/images/works/h2_sub_navi.png) no-repeat;
}

#works #in_navi li {
	width: 114px;
	padding: 0 1px;
}

#works #in_navi a {
	display: block;
	width: 110px;
	height: 43px;
	padding: 0 1px;
	border: solid 1px #bfbfbf;
}

#in_navi .page-item-42 a {
	background: url(/images/works/btn_in_navi_public.png);
}

#in_navi .page-item-772 a {
	background: url(/images/works/btn_in_navi_business.png);
}

#in_navi .page-item-774 a {
	background: url(/images/works/btn_in_navi_information.png);
}

#in_navi .page-item-777 a {
	background: url(/images/works/btn_in_navi_school.png);
}

#in_navi .page-item-779 a {
	background: url(/images/works/btn_in_navi_shop.png);
}

.works_contents_wrapper {
	width:560px;
	margin: 0;
	padding: 0;
	float:left;
}

.works_contents_wrapper h3 {
	margin: 0;
	padding: 0;
}

.works_contents_wrapper p {
	margin: 0;
	padding: 0;
}


.works_contents_wrapper img ,
.works_contents_wrapper img a {
	float:left;
	border: 1px solid #BFBFBF;
	margin:10px 5px 0 0;
}

.works_contents_wrapper img.more {
	float: none;
	border: none;
	margin: 0;
	vertical-align: middle;
}



.works_cap_wrapper {
	width:280px;
	float:left;
	line-height:1.5em;
}
.works_cap_wrapper p{
	margin:0 0 0 5px;
}
.works_cap_wrapper p a{
	border:none;
}




.case_cap_wrapper a{
	margin:0;
	float:none;
	border:none;
	padding-left: 1em;
}
.works_page_link {
	margin-bottom: 20px;
}

#outside .works_wrapper h2 {
	margin: 8px 0px;
}


.works_wrapper {
	width:540px;
	margin: 5px 0px;
	padding: 0px 9px 13px 9px;
	border: 1px solid #d9d9d9;
/*	float:left;*/
}
.works_img {
	float:left;
	border: 1px solid #BFBFBF;
}
.works_item {
	margin: 0px 10px 0px 5px;
	float:left;
	width: 141px;
}
.works_item ul.works_item_group_stn ,
.works_item ul.works_item_group_opt {
	width: 141px;
	margin: 0;
	padding:0 0 3px 0!important;
	float:left;
	background-color: #f2f2f2;
	border: 1px solid #d9d9d9;
}
.works_item ul.works_item_group_opt {
	margin-top:5px;
	height:46px;
}

.works_item ul.works_item_group_stn ul ,
.works_item ul.works_item_group_opt ul {
}

ul.works_item_group_stn li , 
ul.works_item_group_opt li {
	float:left;
	width: 68px;
	height: 23px;
	list-style-type:none!important;
}

/*スタンダード*/
ul.works_item_group_stn li.works_item_1_on { background: url(../images/works/item_1_on.gif) ; }/*企画・設計*/
ul.works_item_group_stn li.works_item_1_off { background: url(../images/works/item_1_off.gif) ; }
ul.works_item_group_stn li.works_item_2_on { background: url(../images/works/item_2_on.gif) ; }/*Web標準*/
ul.works_item_group_stn li.works_item_2_off { background: url(../images/works/item_2_off.gif) ; }
ul.works_item_group_stn li.works_item_3_on { background: url(../images/works/item_3_on.gif) ; }/*サーバー*/
ul.works_item_group_stn li.works_item_3_off { background: url(../images/works/item_3_off.gif) ; }
ul.works_item_group_stn li.works_item_4_on { background: url(../images/works/item_4_on.gif) ; }/*システム*/
ul.works_item_group_stn li.works_item_4_off { background: url(../images/works/item_4_off.gif) ; }
ul.works_item_group_stn li.works_item_5_on { background: url(../images/works/item_5_on.gif) ; }/*情報デザイン*/
ul.works_item_group_stn li.works_item_5_off { background: url(../images/works/item_5_off.gif) ; }
ul.works_item_group_stn li.works_item_6_on { background: url(../images/works/item_6_on.gif) ; }/*装飾デザイン*/
ul.works_item_group_stn li.works_item_6_off { background: url(../images/works/item_6_off.gif) ; }
ul.works_item_group_stn li.works_item_7_on { background: url(../images/works/item_7_on.gif) ; }/*SEOSEM*/
ul.works_item_group_stn li.works_item_7_off { background: url(../images/works/item_7_off.gif) ; }
ul.works_item_group_stn li.works_item_8_on { background: url(../images/works/item_8_on.gif) ; }/*コンテンツ*/
ul.works_item_group_stn li.works_item_8_off { background: url(../images/works/item_8_off.gif) ; }

/*オプション*/
ul.works_item_group_opt li.works_item_opt_on{ background: url(../images/works/item_opt_on.gif) ; }/*OPTION*/
ul.works_item_group_opt li.works_item_opt_off{ background: url(../images/works/item_opt_off.gif) ; }
ul.works_item_group_opt li.works_item_db_on{ background: url(../images/works/item_db_on.gif) ; }/*データベース*/
ul.works_item_group_opt li.works_item_dm_on{ background: url(../images/works/item_dm_on.gif) ; }/*データマンニング*/
ul.works_item_group_opt li.works_item_cms_on{ background: url(../images/works/item_cms_on.gif) ; }/*CMS*/
ul.works_item_group_opt li.works_item_crm_on{ background: url(../images/works/item_crm_on.gif) ; }/*CRM*/
ul.works_item_group_opt li.works_item_kbs_on{ background: url(../images/works/item_kbs_on.gif) ; }/*KBS*/
ul.works_item_group_opt li.works_item_iWP_on{ background: url(../images/works/item_erp_on.gif) ; }/*iWP*/
ul.works_item_group_opt li.works_item_oss_on{ background: url(../images/works/item_oss_on.gif) ; }/*OSS*/
ul.works_item_group_opt li.works_item_ssl_on{ background: url(../images/works/item_ssl_on.gif) ; }/*SSL*/
ul.works_item_group_opt li.works_item_security_on{ background: url(../images/works/item_security_on.gif) ; }/*セキュリティ*/
ul.works_item_group_opt li.works_item_anaraiz_on{ background: url(../images/works/item_anaraiz_on.gif) ; }/*診断*/
ul.works_item_group_opt li.works_item_log_on{ background: url(../images/works/item_log_on.gif) ; }/*ログ解析*/
ul.works_item_group_opt li.works_item_flash_on{ background: url(../images/works/item_flash_on.gif) ; }/*Flash*/

.works_contents {
	float:left;
	width:209px;
}

#outside .works_contents a {
	margin: 0 0 100px 0;
}

#works #contents .works_contents p {
	margin:0;
}

/* ----- company ----- */

#company.sub .client_list a{
	color:#595959;
}

#company #category_image {
	background-image: url(/images/company/category_image.jpg);
}

#company #side_bar h2 {
	background: url(/images/company/h2_sub_navi.png) no-repeat;
}

#company .default_table {
	width: 100%;
}

#company .default_table ul, #company .default_table li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#ps_company_page_table{
}

#company table tr td#companys_profile{
        width: 560px;
/*	background: url(/images/company/office.jpg) no-repeat top right;*/
}

#company .philosophy .text_box #company_philosophy_fivepromises{
        width: 560px;
        background: url(/images/company/philosophy.jpg) no-repeat right top;
}
.client_order {
	font-size: 80%;
	text-align: right;
	padding-right: 10px;
}

ul.client_list {
	background-color: #f2f2f2;
	margin: 0 0 3px 0;
	padding: 4px 0 2px;
	width: 558px;
	border: solid 1px #cacaca;
}

ul.client_list:after {
	content:"";
	display: block;
	height: 0;
	clear: both;
}

ul.client_list li {
	font-size: 80%;
	line-height: 1.3;
	margin: 0;
	padding: 0 0 0 5px;
	list-style-type: none;
	float: left;
	width: 270px;
}

.client_service {
	font-size: 80%;
}

div.other {
	text-align: right;
	margin-top: -15px;
}

.access #contents address {
	font-style: normal;
/*	background-color: #f2f2f2;*/
/*	border: solid 1px #e5e5e5;*/
/*	padding: 10px;*/
}

.access #contents #address_box {
	font-style: normal;
	background-color: #f2f2f2;
	border: solid 1px #e5e5e5;
	padding: 10px;
}
.access #contents address .company_name {
	font-size: 115%;
	font-weight: bold;
	display: block;
}


#company.sub h2{
	clear:both;
}

#company.sub img.pic_l {
	float:left;
	margin:0 15px 15px 0;
}

#company.sub img.pic_r {
	float:right;
	margin:0 0 15px 15px;
}

/*-- 2010/06/25 --*/
ul.catch_company {
	width: 560px;
	height: 134px;
	margin: 0;
	padding: 0;
	background: url(../images/company/catch_company.png) left top no-repeat;	
	list-style: none;
}

/* ----- useful_info ----- */
.google_trends {
	margin: 20px 0;
	padding: 10px 5px;
	background-color: #eee;
}

.google_trends span{
	font-weight: bold;
	margin: 0 0 0 5px;
	padding: 0 0 0 5px;
	border-left: 5px solid #666;
	line-height: 1.3em;
}

.google_trends img{
	margin: 6px 0 0 0;
}


/* ----- privacy ----- */
#privacy #category_image {
	background-image: url(/images/common/category_image.jpg);
}

#privacy #side_bar h2 {
	background: url(/images/privacy/h2_sub_navi.png) no-repeat;
}

/* ----- rules ----- */
#rules #category_image {
	background-image: url(/images/common/category_image.jpg);
}

#rules #side_bar h2 {
	background: url(/images/rules/h2_sub_navi.png) no-repeat;
}

/* ----- faq ----- */
#faq #category_image {
	background-image: url(/images/common/category_image.jpg);
}

#faq #side_bar h2 {
	background: url(/images/faq/h2_sub_navi.png) no-repeat;
}

/* ----- support ----- */
#support #category_image {
	background-image: url(/images/common/category_image.jpg);
}

#support #side_bar h2 {
	background: url(/images/support/h2_sub_navi.png) no-repeat;
}

/* ----- sitemap ----- */
#sitemap #category_image {
	background-image: url(/images/common/category_image.jpg);
}

#sitemap #side_bar h2 {
	background: url(/images/sitemap/h2_sub_navi.png) no-repeat;
}

/* ----- contact ----- */
#contact #category_image {
	background-image: url(/images/contact/category_image.jpg);
}

#contact #side_bar h2 {
	background: url(/images/contact/h2_sub_navi.png) no-repeat;
}

#contents .wrapper_mes .wpcf7-response-output {
	background: #fff;
	margin: 0;
	padding: 5px;
	position: relative;
	display: none;
}

#contact .default_table {
	width: 100%;
}

span#zip_form {
	margin-right: 10px;
	float: left;
}

span.epexegesis {
	font-size: 78%;
	line-height: 1.3;
	vertical-align: top;
}

/*-- 2010/06/25 --*/
p.comment_after_flow {
	float: left;
	width: 380px;
}
p.btn_after_flow {
	width: 160px;
	float: right;
}
p.btn_after_flow a {
	display: block;
	width: 160px;
	height: 40px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/contact/btn_after_flow.png) left top no-repeat;
}
p.btn_after_flow a:hover {
	background-position: right top;
}

ul#account_staffs_photo {
	width: 560px;
	height: 70px;
	margin: 0;
	padding: 0;
	background: url(../images/contact/account_staff.png) left top no-repeat;	
	list-style: none;
}

/* ----- search ----- */
#search #category_image {
	background-image: url(/images/common/category_image.jpg);
}

#search #side_bar h2 {
	background: url(/images/search/h2_sub_navi.png) no-repeat;
}

div.search_keyword {
	padding: 2px 10px;
	background-color: #eee;
	border: solid 1px #ccc;
}
.searching_time {
	text-align: right;
}
.search_result_list dt {
	font-size: 108%;
}
.search_result_list dd {
	line-height: 1.4;
/*
	background:url
	(/images/common/line_gray_dot_holizontal.png) repeat-x left bottom;
*/
	margin: 0 0 0 0;	
	padding: 0 0 1em 0;
}
span.search_score {
	color: #666;
}
.search_result_list div.page_url {
	color: #093;
	font-size: 80%;
	margin-bottom: 0.5em;
}
.pager {
	text-align: center;
}
.pager li {
	display: inline;
}
.pager li a, .pager li strong {
	display: inline-block;
	padding: 1px 3px;
}
.pager li a {
	background-color: #fff8ee;
	border: solid 1px #fc9;
}
.pager li strong {
	background-color: #eee;
	border: solid 1px #ccc;
}

/* ----- 404 not found ----- */

#wp_plugin #category_image {
	background-image: url(/images/wp_plugin/category_image.jpg);
}

#wp_plugin #side_bar h2 {
	background: url(/images/wp_plugin/h2_sub_navi.png) no-repeat;
}

#wp_theme #category_image {
	background-image: url(/images/wp_theme/category_image.jpg);
}

#wp_theme #side_bar h2 {
	background: url(/images/wp_theme/h2_sub_navi.png) no-repeat;
}

textarea#comment {
	width: 550px;
}
#author, #email, #url {
	width: 250px;
}
#commentform label {
	font-weight: bold;
}
span.require {
	color: #c00;
	font-size: 80%;
	font-weight: normal;
}

#submit {
	width: 180px;
	height: 32px;
	display: block;
	margin: auto;
}
code {
	background: #eee;
	font-size: small;
	padding: 3px 5px;
}
#wp_footer {
	color: #fff;
	background: #3f668d;
	width: 880px;
	margin: auto;
	padding: 0 20px;
}
.serif {
	display: none;
}
div.tb_link{
	text-align: left;
	padding: 5px;
}
input#trackback_url {
	width: 530px;
	margin-right: 5px;
	margin-left: 5px;
}

/* --------------- tool ------------------- */
#tools #category_image {
	background-image: url(/images/tools/category_image.jpg);
}

#tools #side_bar h2 {
	background: url(/images/tools/h2_sub_navi.png) no-repeat;
}

#entity_form {
	background: #f4f4f4;
	text-align: center;
	border: double 1px #999;
	padding: 10px;
	margin: 20px 0;
}

p.alert {
	color: #c00;
	background: #fee;
	border: solid 1px #c00;
	padding: 5px 10px;
}

.return_button {
	background: url(/images/tools/btn_tool_top.png) no-repeat;
	display: block;
	width: 258px;
	height: 44px;
	margin: 30px auto 10px;
}


/* ハイム対応20121114 */
.div_works_heim {
	margin: 0 -300px;
	width: 500px;
}
.works_wrapper > .div_works_heim {
	margin: 0;
}