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

body {
	color: #1e5777;
	line-height: 1.5em;
}
a { color: #059eff;}
a:hover { color: #a5c0d0;}

/* ============================================================
		ヘッダー
============================================================ */
#header_bg {
	width: 100%;
	height: 70px;
	background: url(../img/bg_header.png) repeat-x;
}
.header {
	width: 970px;
	margin: 0 auto;
	padding-top: 14px;
}
.header h1 {
	float: left;
	margin-right: 10px;
}
.header p {
	font-size: 10px;
	padding-top: 5px;
}
.header .banner {
	width: 279px;
	height: 42px;
	float: right;
	margin-top: -50px;
}
.header .banner p.overture { float: right;}

/* ============================================================
		ナビゲーション
============================================================ */
#navi_bg {
	width: 100%;
	height: 46px;
	background: url(../img/bg_navi.png) repeat-x;
}
.navi {
	list-style-type: none;
	width: 970px;
	height: 46px;
	margin: 0 auto;
	background: url(../img/navi.png) right top no-repeat;
}
#navi0,#navi1,#navi2,#navi3,#navi4 {
	float: left;
	height: 46px;
	width: 160px;
}
.navi li a {
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
	overflow:hidden;
}
#navi0 a:hover,#navi0 a:active { background: url(../img/navi.png) 0px -46px no-repeat;}
#navi1 a:hover,#navi1 a:active { background: url(../img/navi.png) -160px -46px no-repeat;}
#navi2 a:hover,#navi2 a:active { background: url(../img/navi.png) -320px -46px no-repeat;}
#navi3 a:hover,#navi3 a:active { background: url(../img/navi.png) -480px -46px no-repeat;}
#navi4 a:hover,#navi4 a:active { background: url(../img/navi.png) -640px -46px no-repeat;}
	/* ---------- ページごとにhover固定 ---------- */
	#navi0.home { background: url(../img/navi.png) 0px -46px no-repeat;}
	#navi1.business { background: url(../img/navi.png) -160px -46px no-repeat;}
	#navi2.company { background: url(../img/navi.png) -320px -46px no-repeat;}
	#navi3.recruit { background: url(../img/navi.png) -480px -46px no-repeat;}
	#navi4.contact { background: url(../img/navi.png) -640px -46px no-repeat;}


/* ============================================================
		パンくずリスト
============================================================ */
p.pankuzu {
	width: 970px;
	line-height: 30px;
	margin: 0 auto;
}


/* ============================================================
		メインコンテンツ
============================================================ */
#container_bg { background: url(../img/bg_contents.png) repeat-x;}/* ホーム */
#container_top {
	width: 940px;
	background: url(../img/bg_contents_top.png) no-repeat;
	margin: 0 auto;
	padding: 15px 15px 0 15px;
}/* ホーム */
#container {
	width: 940px;
	background: url(../img/bg_contents_body.png) no-repeat;
	margin: 0 auto;
	padding: 15px 15px 0 15px;
}
#contents {
	width: 665px;
	float: left;
}
#contents h3{ margin-bottom: 10px;}
#contents h5 { margin-bottom: 30px;}
#contents p.title {
	border-bottom: #1e5777 solid 2px;
	font-size: 16px;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
#contents .text { margin: 10px 0 30px 20px;}
/* ---------- お問い合わせ ---------- */
#contents .info {
	width: 253px;
	height: 47px;
	background: url(../img/bg_inquiry.png) no-repeat;
	padding: 38px 0 0 412px;
	margin: 20px 0 10px 0;
}


/* ============================================================
		サイドコンテンツ
============================================================ */
.side {
	width: 266px;
	float: right;
}
.side .bg_blue {
	background: #1e5777;
	padding: 5px;
	margin: 0 auto;
	margin-bottom: 6px;
}
.side .bg_blue a { color: #fff;}
.side .bg_blue p.tel { margin-bottom: 5px;}

/* ---------- 事業案内 ---------- */
.side .navi_side {
	width: 244px;
	height: 214px;
	background: url(../img/navi_business.png) no-repeat left;
	list-style-type: none;
	padding-left: 10px;
}
#navi_side0,#navi_side1,#navi_side2,#navi_side3,#navi_side4,#navi_side5,#navi_side6 {
	height: 29px;
	width: 233px;
}
.navi_side li a {
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
	overflow:hidden;
}
#navi_side0 a:hover,#navi_side0 a:active { background: url(../img/navi_business.png) -254px 0px no-repeat;}
#navi_side1 a:hover,#navi_side1 a:active { background: url(../img/navi_business.png) -254px -29px no-repeat;}
#navi_side2 a:hover,#navi_side2 a:active { background: url(../img/navi_business.png) -254px -58px no-repeat;}
#navi_side3 a:hover,#navi_side3 a:active { background: url(../img/navi_business.png) -254px -87px no-repeat;}
#navi_side4 a:hover,#navi_side4 a:active { background: url(../img/navi_business.png) -254px -116px no-repeat;}
#navi_side5 a:hover,#navi_side5 a:active { background: url(../img/navi_business.png) -254px -145px no-repeat;}
#navi_side6 a:hover,#navi_side6 a:active { background: url(../img/navi_business.png) -254px -174px no-repeat;}

	/* ---------- ページごとにhover固定 ---------- */
	#navi_side0.salesrep { background: url(../img/navi_business.png) -254px 0px no-repeat;}
	#navi_side1.mitsukaru-site { background: url(../img/navi_business.png) -254px -29px no-repeat;}
	#navi_side2.webmarketing { background: url(../img/navi_business.png) -254px -58px no-repeat;}
	#navi_side3.it { background: url(../img/navi_business.png) -254px -87px no-repeat;}
	#navi_side4.contactcenter { background: url(../img/navi_business.png) -254px -116px no-repeat;}
	#navi_side5.media { background: url(../img/navi_business.png) -254px -145px no-repeat;}
	#navi_side6.partner { background: url(../img/navi_business.png) -254px -174px no-repeat;}
.side p.link {
	font-size: 10px;
	text-align: right;
	padding-top: 4px;
}
.side h4 { margin-bottom: 6px;}


/* ============================================================
		フッター
============================================================ */
.footer_bg {
	width: 100%;
	height: 115px;
	background: #1e5777;
	color: #fff;
	font-size: 10px;
	margin-top: 20px;
}
.footer a { color: #fff;}
.footer a:hover { color: #a5c0d0;}
.footer {
	width: 970px;
	margin: 0 auto;
	line-height: 1.5em;
}
.footer .left {
	float: left;
	padding-top: 15px;
}
.footer .navi_footer {
	margin-bottom: 15px;
}
.footer p {
	float: right;
	padding-right: 15px;
}