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

.hover {
	display: inline-block;
	background: #fff;
}
.hover:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
	zoom: 1;
}

/* ============================================================
		トップページ
============================================================ */
/* ---------- フラッシュ ---------- */
#flash_bg {
	width: 100%;
	height: 238px;
	background: url(../img/main.png) no-repeat top center;
	text-align: center;
}
#flash_bg .flash {
	width: 970px;
	margin: 0 auto;
}
#flash_bg .main_bn {
	width: 323px;
	background: #1e5777;
	float: right;
	padding: 6px 6px 0 6px;
	margin-top: 8px;
}
#flash_bg .main_bn h2 {
	margin-bottom: 6px;
}

/* ---------- タイトル ---------- */
#contents #top_title {
	width: 130px;
	height: 36px;
	padding: 5px 0 0 530px;
}
	/* タイトルごとに背景変更 */
	#contents .news_title { background: url(../img/t_news.png) no-repeat;}
	#contents .service_title { background: url(../img/t_service.png) no-repeat; margin: 20px 0 10px 0;}
	#contents .press_title { background: url(../img/t_press.png) no-repeat; margin: 20px 0 10px 0;}

/* ---------- ニュース ---------- */
#contents .news {
	line-height: 35px;
	background: url(../img/dot_01.png) repeat-x bottom;
	padding-left: 5px;
}
#contents span.day {
	background: #4e819d;
	color: #fff;
	padding: 1px 3px 1px 3px;
}
	#contents .news a { color: #0078ff; text-decoration: none; }
	#contents .news a:hover { color:#00aded;}
	
/* ---------- サービス紹介 ---------- */
#contents #bn_service {
	margin: 10px 0 0 0;
}
	/* 販売代行 */
	#contents p.bn_salesrep {
		float: left;
		margin-right: 10px;
	}
	#contents #bn_service p.bn_salesrep a {
		display: block;
		width: 324px;
		height: 161px;
		background: url(../img/bn_salesrep_2.png) no-repeat;
		text-indent: -9999px;
		overflow: hidden;
	}
	#contents #bn_service p.bn_salesrep a:hover,
	#contents #bn_service p.bn_salesrep a:active { background: url(../img/bn_salesrep_2.png) 0px -161px no-repeat;}
	/* 見つかるサイト */
	#contents p.bn_mitsukarusite {
	}
	#contents #bn_service p.bn_mitsukarusite a {
		display: block;
		width: 324px;
		height: 161px;
		background: url(../img/bn_mitsukarusite_2.png) no-repeat;
		text-indent: -9999px;
		overflow: hidden;
	}
	#contents #bn_service p.bn_mitsukarusite a:hover,
	#contents #bn_service p.bn_mitsukarusite a:active { background: url(../img/bn_mitsukarusite_2.png) 0px -161px no-repeat;}
#contents .service {
	float: left;
	margin-top: 5px;
}

/* ---------- 掲載情報 ---------- */
#contents .press {
	width: 154px;
	height: 165px;
	float: left;
	margin-right: 7px;
}
#contents .press_1 {
	width: 154px;
	height: 112px;
	float: left;
	margin-right: 7px;
	padding-top: 53px;
}


/* ============================================================
		事業一覧
============================================================ */
#service {
	width: 325px;
	height: 160px;
	background: url(../img/service_bg.png) no-repeat;
	line-height: 1.3em;
}
#service p.title_service { padding: 2px 0 0 2px; font-size: 12px;}
#service p.icon {
	width: 135px;
	height: 105px;
	float: left;
	padding: 5px 0 0 8px;
}
#service p.service_text {
	height: 100px;
	padding: 8px 5px 0 0;
	margin-left: 150px;
}
#service .service_more {
	text-align: right;
	padding-right: 3px;
}



#service0 {
	width: 325px;
	height: 160px;
	background: url(../img/service_bg0.png) no-repeat;
	line-height: 1.3em;
}
#service0 p.title_service { padding: 2px 0 0 2px;}
#service0 p.icon {
	width: 135px;
	height: 105px;
	float: left;
	padding: 5px 0 0 8px;
}
#service0 p.service_text {
	height: 100px;
	padding: 8px 5px 0 0;
	margin-left: 150px;
}
#service0 .service_more {
	text-align: right;
	padding-right: 3px;
}



.service_left { float: left; margin: 0px 10px 20px 0;}
.service_right { float: right;}


/* ============================================================
		WEB制作・システム開発
============================================================ */
/* ---------- 画像を左寄せ ---------- */
#contents p.img_left {
	float: left;
	margin-right: 15px;
}
/* ---------- 開発実績 ---------- */
#contents #center {
	width: 600px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 20px;
}
#contents .development {
	width: 200px;
	float: left;
}


/* ============================================================
		資料請求ポータル（見つかるサイト）
============================================================ */
#contents .text_mitsukaru-site {
	padding: 10px 0 25px 0; 
}
#contents .mitsukaru-site_categori {
	width: 338px;
	height: 135px;
	background: url(../img/categori.png) no-repeat;
	padding: 10px 320px 230px 0;
	margin-bottom: 20px;
}
#contents .text_right {	text-align: right;}
#contents p.flow {
	text-align: center;
	margin: 10px 0 20px 0;
}

/* ============================================================
		販売代行サービス
============================================================ */
#contents .results {
	width:140px;
	height:175px;
	padding: 35px 0 0 20px;
	float:left;
}
#contents .results p.url {
	font-size: 10px;
}
#contents .results_s {
	width: 84px;
	height: 110px;
	padding: 15px 0 0 20px;
	font-size: 10px;
	float: left;
}
#contents a:hover img.alfa {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
#contents .text_mitsukaru-site_mt5 { padding: 0 0 10px 0;}
div.sec_wm{
	background:url(../img/salesrep/sec_wm_bg.png) no-repeat center top;
	width: 654px;
	height: 145px;
	margin-bottom:15px;
}
div.sec_it{
	background:url(../img/salesrep/sec_it_bg.png) no-repeat center top;
	width: 654px;
	height: 145px;
	margin-bottom:15px;
}
div.sec_call{
	background:url(../img/salesrep/sec_call_bg.png) no-repeat center top;
	width: 654px;
	height: 145px;
	margin-bottom:15px;
}
div.sec_partner{
	background:url(../img/salesrep/sec_partner_bg.png) no-repeat center top;
	width: 654px;
	height: 145px;
	margin-bottom:15px;
}
p.for_details{
	text-align: right;
	padding: 20px 20px 0 0;
}
p.sec_explanation{
	text-align: left;
	padding: 15px 0 0 163px;
	width:475px;
	height:80px;
}

/* ============================================================
		販売代行サービス　new
============================================================ */
#contents .reason_cost{
	background:url(../img/salesrep2/cost_bg.png) top left no-repeat;
	width:300px;
	height:242px;
	padding:85px 315px 0 35px;
}
#contents .reason_speedy{
	background:url(../img/salesrep2/speedy_bg.png) top left no-repeat;
	width:300px;
	height:226px;
	padding:65px 315px 0 35px;
}
#contents .reason_result{
	background:url(../img/salesrep2/result_bg.png) top left no-repeat;
	width:300px;
	height:214px;
	padding:65px 315px 0 35px;
}
#contents .marketing_flow{
	background: url(../img/salesrep2/flow_bg.png) top left no-repeat;
	width:445px;
	height:497px;
	padding:80px 175px 20px 30px;
}
#contents .marketing_flow .step1{
	width:445px;
	height:75px;
	margin-bottom:70px;
	float:left;
}
#contents .marketing_flow .step2{
	width:445px;
	height:70px;
	margin-bottom:80px;
	float:left;
}
#contents .marketing_flow .step3{
	width:445px;
	height:65px;
	margin-bottom:80px;
	float:left;
}
#contents .marketing_flow .step4{
	width:445px;
	height:57px;
	float:left;
}

#contents .entry{
	background:url(../img/salesrep2/entry_bg.png) top left no-repeat;
	width:620px;
	height:61px;
	padding:88px 15px 15px 15px;
	margin:20px 0 50px 0;
}
#contents .entry .material{
	widows:300px;
	height:60px;
	float:left;
	margin:0px;
}
#contents .entry .contact{
	widows:300px;
	height:60px;
	float:right;
	margin:0px;
}


/* ============================================================
		事業案内（メディア事業部）
============================================================ */
#contents .media_portal_construction {
	width: 390px;
	height: 225px;
	background: url(../img/media_portal_construction.png) no-repeat left;
	padding: 5px 10px 0 265px;
}



/* ============================================================
		リクルート
============================================================ */
#contents h6 { font-size: 18px;}
#contents .bn_recruit li { float: left;}
#contents .bn_recruit li.left { margin-right: 10px;}

/* ============================================================
		テーブル各種
============================================================ */
#contents table.privacypolicy,
#contents table.inquiry,
#contents table.company,
#contents table.recruit,
#contents_form table.form_data {
	width: 600px;
	background: #fff;
	margin: 0 auto;
	margin-bottom: 15px;
}
#contents table.company th,
#contents table.recruit th,
#contents_form table.form_data th {
	width: 120px;
	background: #b9d3e1;
	padding: 5px;
}
#contents table.company td,
#contents table.recruit td,
#contents_form table.form_data td {
	background: #eff4f7;
	padding: 5px;
}

#contents table.privacypolicy th,
#contents table.inquiry th {
	width: 200px;
	background: #b9d3e1;
	padding: 8px;
}
#contents table.privacypolicy td,
#contents table.inquiry td {
	background: #eff4f7;
	padding: 8px;
}

#contents table.recruit span.red {
	color:#FF0000;
	font-weight:bold;
	font-size:12px;
}

/* ============================================================
		会社概要
============================================================ */
#contents .message {
	width: 410px;
	float: right;
	padding-right: 10px;
}
#contents p.aline_right {
	text-align: right;
	padding: 10px 20px 0 0;
}
#contents .map {
	width: 580px;
	height: 400px;
	border: 1px solid #cccccc;
	margin: 0 auto;
}

/* ============================================================
		ニュース
============================================================ */
#contents #media {
	padding: 0px 10px 0 0;
	margin-bottom: 25px;
}
#contents .photo {
	width: 250px;
	margin: 0 20px 0 20px;
	float: left;
	text-align: center;
}
#contents .photo2 {
	margin: 0 20px 0 20px;
}
#contents .news_text { padding: 25px 20px 30px 10px;}
#contents .news_text2 { padding: 10px 20px 10px 22px;}
#contents p.topix {
	margin: 10px;
	border-bottom: #1e5777 dotted 1px;
}


/* ============================================================
		お問い合わせ
============================================================ */
#contents span.option {
	color: #ff0072;
	font-weight: bold;
	font-size: 10px;
}
#contents p.center { text-align: center;}
#contents .b_size {
	width: 120px;
	height: 40px;
	line-height: inherit;
}
#contents .b_size_2 {
	width: 80px;
	height: 40px;
	line-height: inherit;
}
#contents span.red { color: #ff0072;}


/* ============================================================
		サイトマップ
============================================================ */
#contents .sitemap { line-height: 2em;}
#contents .categori {
	border-left:#cccccc dotted 1px;
	margin-left: 150px;
	padding: 10px 0 10px 10px;
}
#contents a.map {
	font-size: 16px;
	font-weight:bold;
	border: none;
}
#contents .page {
	padding: 10px 0 10px 50px;
	border-bottom:#cccccc dotted 1px;
}
#contents .end {
	padding: 20px 0 10px 10px;
	border-top:#cccccc dotted 1px;
}




/* ============================================================
		スタッフ紹介
============================================================ */
#contents .cm {
	height: 320px;
	margin: 0 auto;
	margin-bottom: 0px;
	margin-top: 0px;
}
#contents p.graph { margin-top: 30px;}

/* ---------- スタッフナビゲーション ---------- */
.top_staff_navi {
	list-style-type: none;
	width: 600px;
	height: 219px;
	background: url(../img/staff/staff_navi_top.png) top left no-repeat;
	margin-top: 0px;
	padding: 0 25px 0 40px;
}
.staff_navi {
	list-style-type: none;
	width: 660px;
	height: 209px;
	background: url(../img/staff/staff_navi.png) top left no-repeat;
	margin-top: 0px;
	margin-bottom: 30px;
	padding: 0 10px 0 5px;
}

#top_staff_navi0,#top_staff_navi1,#top_staff_navi2,#top_staff_navi3,#top_staff_navi4,#top_staff_navi5 {
	float: left;
	height: 219px;
	width: 100px;
}
#staff_navi0,#staff_navi1,#staff_navi2,#staff_navi3,#staff_navi4,#staff_navi5 {
	float: left;
	height: 209px;
	width: 110px;
}

.top_staff_navi li a,.staff_navi li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	overflow: hidden;
}
#top_staff_navi0 a:hover,#top_staff_navi0 a:active { background: url(../img/staff/staff_navi_top.png) -40px -219px no-repeat;}
#top_staff_navi1 a:hover,#top_staff_navi1 a:active { background: url(../img/staff/staff_navi_top.png) -140px -219px no-repeat;}
#top_staff_navi2 a:hover,#top_staff_navi2 a:active { background: url(../img/staff/staff_navi_top.png) -240px -219px no-repeat;}
#top_staff_navi3 a:hover,#top_staff_navi3 a:active { background: url(../img/staff/staff_navi_top.png) -340px -219px no-repeat;}
#top_staff_navi4 a:hover,#top_staff_navi4 a:active { background: url(../img/staff/staff_navi_top.png) -440px -219px no-repeat;}
#top_staff_navi5 a:hover,#top_staff_navi5 a:active { background: url(../img/staff/staff_navi_top.png) -540px -219px no-repeat;}

#staff_navi0 a:hover,#staff_navi0 a:active { background: url(../img/staff/staff_navi.png) -5px -209px no-repeat;}
#staff_navi1 a:hover,#staff_navi1 a:active { background: url(../img/staff/staff_navi.png) -115px -209px no-repeat;}
#staff_navi2 a:hover,#staff_navi2 a:active { background: url(../img/staff/staff_navi.png) -225px -209px no-repeat;}
#staff_navi3 a:hover,#staff_navi3 a:active { background: url(../img/staff/staff_navi.png) -335px -209px no-repeat;}
#staff_navi4 a:hover,#staff_navi4 a:active { background: url(../img/staff/staff_navi.png) -445px -209px no-repeat;}
#staff_navi5 a:hover,#staff_navi5 a:active { background: url(../img/staff/staff_navi.png) -555px -209px no-repeat;}

	/* ---------- スタッフごとにhover固定 ---------- */
	#contents .staff_partner { background: url(../img/staff/staff_navi.png) -5px -209px no-repeat;}
	#contents .staff_webmarketing { background: url(../img/staff/staff_navi.png) -115px -209px no-repeat;}
	#contents .staff_system { background: url(../img/staff/staff_navi.png) -225px -209px no-repeat;}
	#contents .staff_designer { background: url(../img/staff/staff_navi.png) -335px -209px no-repeat;}
	#contents .staff_contact { background: url(../img/staff/staff_navi.png) -445px -209px no-repeat;}
	#contents .staff_administration { background: url(../img/staff/staff_navi.png) -555px -209px no-repeat;}

/* ---------- スケジュール ---------- */
#contents .schedule {
	width: 450px;
	color: #555;
	padding-right: 10px;
	padding-bottom: 30px;
	float:left;
}
#contents .schedule p {
	border-bottom: #ccc 2px dotted;
	padding: 3px 0 5px 0;
	margin-bottom: 15px;
}
#contents .schedule_img { float: right;}
#contents .schedule_img p { margin-bottom: 5px;}

/* ---------- コメント ---------- */
#contents #comment {
	width: 385px;
	height: 155px;
	color: #555;
	padding: 30px 260px 0 20px;
}
.onishi { background: url(../img/staff/onishi/coment_bg.png) no-repeat;}
.muroya { background: url(../img/staff/muroya/coment_bg.png) no-repeat;}
.maeda { background: url(../img/staff/maeda/coment_bg.png) no-repeat;}
.terashita { background: url(../img/staff/terashita/coment_bg.png) no-repeat;}
.nishihara { background: url(../img/staff/nishihara/coment_bg.png) no-repeat;}
.maekawa { background: url(../img/staff/maekawa/coment_bg.png) no-repeat;}
.nakagawa { background: url(../img/staff/nakagawa/coment_bg.png) no-repeat;}


/* ============================================================
		資料請求フォーム
============================================================ */
/* ヘッダー */
#form_data #header_bg {
	width: 100%;
	height: 70px;
	background: url(../img/bg_header.png) repeat-x;
}
#form_data .header {
	width: 810px;
	margin: 0 auto;
	padding-top: 14px;
}
.header h1 {
	float: left;
	margin-right: 10px;
}
.header p {
	font-size: 10px;
	padding-top: 5px;
}

/* contents */
#form_data #container {
	width: 100%;
	background: url(../img/form/form_bg.png) repeat-x top;
	padding-top: 30px;
}
#form_data #container #contents_form {
	width: 770px;
	background: url(../img/form/contents_bg.png) no-repeat;
	margin: 0 auto;
	padding: 20px;
}
#form_data h3 {
	margin-bottom: 20px;
}

#form_data caption {
	padding-bottom: 15px;
}

#form_data table.category {
	width: 600px;
	background: #fff;
	margin: 0 auto;
	margin-bottom: 30px;
}
#form_data table.category th {
	width: 120px;
	background: #e8d3c8;
	color: #555555;
	padding: 5px;
}
#form_data table.category th.sub {
	width: 80px;
	background: #f0e4d8;
}
#form_data table.category td {
	background: #fbf7f5;
	font-size: 12px;
	padding: 10px;
}
#form_data table.category td .left {
	width: 160px;
	float: left;
	margin-right: 15px;
}

span.red {
	color: #ff0072;
	font-weight: bold;
	font-size: 10px;
}
#form_data p.center {
	text-align: center;
}
#form_data input.b_send {
	width: 180px;
	height: 38px;
}
#form_data input.b_back {
	width: 60px;
	height: 38px;
}

/* エラー時のスタイル */
p.error_message { display:none;}
#error_box { display:none;}

#error_box.is_error {
	background:#ffeeee;
	border:2px solid #ff8888;
	padding:10px;
	font-weight:bold;
	color:#ff3333;
	display:block;
}
#form_data tr.is_error p.error_message {
	color:#ff3333;
	font-weight:bold;
	font-size:12px;
	margin:5px 0 0;
	display:block;
}
#form_data tr.is_error th {background:#ffcccc;}
#form_data tr.is_error td {background:#ffeeee;}

/* フッター */
#form_data .footer_bg {
	width: 100%;
	height: 65px;
	background: #1e5777;
	color: #fff;
	font-size: 10px;
	margin-top: 20px;
	padding-top: 15px;
}
#form_data .footer {
	width: 800px;
	margin: 0 auto;
	line-height: 1.5em;
}