@charset "utf-8";

/* --------------------------------------------------
	SiteName : futurelink.co.jp
	FileName : global.css
	Description : global styles
	Author : name
	UpdatedBy : who-when

	== TOC =========================================
	1 : global header styles
	2 : topicpathArea styles
	3 : contentsArea styles
	4 : bannerArea styles
	5 : menu_merit styles
	6 : global footer styles

-------------------------------------------------- */


/* 1. global header styles
==================================================*/
/* headerArea */
#headerArea{
	height:88px;
	background:transparent url(../images/bg_header-area.jpg) repeat-x left bottom;
}
#headerAreaInner{
	position:relative;
	width:944px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
#headerAreaInner .read{
	position:absolute;
	left:20px;
	top:3px;
}
#headerAreaInner .read p{
	color:#bfc5ec;
	font-size:86%;
}
#headerLogo{
	position:absolute;
	left:20px;
	top:35px;
}
#header_Right{
	position:absolute;
	right:20px;
	top:15px;
}

/* globalNavi */
#headerArea ul{
	position:absolute;
	right:15px;
	top:50px;
	width:604px;
	height:28px;
	line-height:0;
	background:#fff;
}
#headerArea li{
	text-indent:-9999px;
	font-size:0;
}
#headerArea li a,
#headerArea li span{
	position:absolute;
	display:block;
	text-decoration:none;
}

/* service */
#headerArea li#gnavi_01 a,
#headerArea li#gnavi_01 span{
	top:0;
	left:0px;
	width:151px;
	height:28px;
	background:transparent url(../images/gnavi_01.gif) no-repeat left top;
}
body#service #headerArea li#gnavi_01 a,
#headerArea li#gnavi_01 a:hover{
	background-position:left bottom;
}

/* company */
#headerArea li#gnavi_02 a,
#headerArea li#gnavi_02 span{
	top:0;
	left:151px;
	width:151px;
	height:28px;
	background:transparent url(../images/gnavi_02.gif) no-repeat left top;
}
body#company #headerArea li#gnavi_02 a,
#headerArea li#gnavi_02 a:hover{
	background-position:left bottom;
}

/* news */
#headerArea li#gnavi_03 a,
#headerArea li#gnavi_03 span{
	top:0;
	left:302px;
	width:151px;
	height:28px;
	background:transparent url(../images/gnavi_03.gif) no-repeat left top;
}
body#news #headerArea li#gnavi_03 a,
#headerArea li#gnavi_03 a:hover{
	background-position:left bottom;
}

/* inquiry */
#headerArea li#gnavi_04 a{
	top:0;
	left:453px;
	width:151px;
	height:28px;
	background:transparent url(../images/gnavi_04.gif) no-repeat left top;
}
body#inquiry #headerArea li#gnavi_04 a,
#headerArea li#gnavi_04 a:hover{
	background-position:left bottom;
}


/* serviceMenu
--------------------------------------------------*/
#serviceMenu{
	height:94px;
	background:transparent url(../images/bg_service_menu.gif) no-repeat center bottom;
}
#serviceMenuInner{
	position:relative;
	width:974px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
#serviceMenuInner .read{
	position:absolute;
	left:20px;
	top:3px;
}
#serviceMenuInner .read p{
	color:#bfc5ec;
	font-size:86%;
}
#serviceMenu ul{
	position:absolute;
	left:26px;
	top:22px;
	width:920px;
	height:60px;
	line-height:0;
	background:#fff;
}
#serviceMenu li{
	text-indent:-9999px;
	font-size:0;
}
#serviceMenu li a,
#serviceMenu li span{
	position:absolute;
	display:block;
	text-decoration:none;
}

/* エリアマーケティング事業 */
#serviceMenu li#menu_01 a,
#serviceMenu li#menu_01 span{
	top:0;
	left:0px;
	width:230px;
	height:60px;
	background:transparent url(../images/menu_01_top.gif) no-repeat left top;
}
#serviceMenu li#menu_01 a:hover{
	background-position:left bottom;
}

/* 運営パートナー事業 */
#serviceMenu li#menu_02 a,
#serviceMenu li#menu_02 span{
	top:0;
	left:230px;
	width:230px;
	height:60px;
	background:transparent url(../images/menu_02_top.gif) no-repeat left top;
}
#serviceMenu li#menu_02 a:hover{
	background-position:left bottom;
}

/* 自治体連携事業 */
#serviceMenu li#menu_03 a,
#serviceMenu li#menu_03 span{
	top:0;
	left:460px;
	width:230px;
	height:60px;
	/*background:#ccc;*/
	background:transparent url(../images/menu_03_top.gif) no-repeat left top;
}
#serviceMenu li#menu_03 a:hover{
	background-position:left bottom;
}

/* コンテンツプロバイド事業 */
#serviceMenu li#menu_04 a{
	top:0;
	left:690px;
	width:230px;
	height:60px;
	background:transparent url(../images/menu_04_top.gif) no-repeat left top;
}
#serviceMenu li#menu_04 a:hover{
	background-position:left bottom;
}

/* 地域ソリューション */
#serviceMenu li#menu_05 a{
	top:0;
	left:736px;
	width:184px;
	height:60px;
	/*background:#ccc;*/
	background:transparent url(../images/menu_05_top.gif) no-repeat left top;
}
#serviceMenu li#menu_05 a:hover{
	background-position:left bottom;
}

/* 2. topicpathArea styles
==================================================*/
#topicpath {
	height:2.3em;
	background:#ffffff;
	border:1px solid #dedede;
}
#topicpath li {
	float:left;
	line-height:2.3em;
	color:#777;
	padding-left:.75em;
}
#topicpath li a {
	background:url(../images/bg_topicpath.gif) no-repeat right center;
	display:block;
	padding:0 15px 0 0;
}

/* 3. contentsArea styles
==================================================*/
/* contentsArea */
#contentsArea{
	padding:0;
	zoom:1;
}

/* contentsAreaInner */
#contentsAreaInner{
	width:974px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

/* contentWrapper */
body#company #contentWrapper,
body#inquiry #contentWrapper,
body#news #contentWrapper,
body#service #contentWrapper,
body#topics #contentWrapper,
body#sitemap #contentWrapper{
	zoom:1;
}

/* content */
body#company #content,
body#inquiry #content,
body#news #content,
body#service #content,
body#topics #content,
body#sitemap #content{
	float:left;
	padding:0px 10px 0 10px;
	width:706px;
	min-height:230px;
}

* html body#company #content,
* html body#inquiry #content,
* html body#news #content,
* html body#service #content,
* html body#topics #content,
* html body#sitemap #content{
	height:230px;
}

/* content */
body #content{
	float:left;
	padding:21px 10px 0 10px;
	width:954px;
	min-height:230px;
}

* html body #content{
	height:230px;
}

.gotop{
	margin:10px 0 5px 0;
	text-align:right;
}

/* RightCol */
body #RightCol{
	float:right;
	width:230px;
	margin:0;
	background:transparent url(../../images/bg_right_col_middle.gif) repeat-y left top;
	min-height:250px;
}
body #RightColInnner{
	margin:0;
	padding:20px 15px 0 15px;
	background:transparent url(../../images/bg_right_col.gif) no-repeat left top;
	min-height:250px;
}
body #RightCol .bottom{
	margin:0;
	padding:0;
	height:10px;
	background:transparent url(../../images/bg_right_col_ftr.gif) no-repeat center bottom;
}
* html body #RightCol{
	height:250px;
}
body #RightCol h2{
	margin:0 0 8px 0;
}
body #RightCol ul{
	margin:0;
	padding:0;
}
body #RightCol li{
	margin:0 0 8px 0;
	font-size:0;
	line-height:0;
	vertical-align:bottom;
}
body #RightCol li a:hover img{
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	background: #fff;
}
/* localNavi */
body#company #localNavi,
body#inquiry #localNavi,
body#news #localNavi,
body#service #localNavi,
body#topics #localNavi,
body#sitemap #localNavi{
	float:left;
	width:210px;
	margin:0px 0 0 10px;
	padding:5px 5px 5px 5px;
	background:#edefff;
	border:#cdcdcd solid 1px;
}
* html body#company #localNavi,
* html body#inquiry #localNavi,
* html body#news #localNavi,
* html body#service #localNavi,
* html body#topics #localNavi,
* html body#sitemap #localNavi{
	margin:21px 0 0 10px;
}
body#company #localNavi h2,
body#inquiry #localNavi h2,
body#news #localNavi h2,
body#service #localNavi h2,
body#topics #localNavi h2,
body#sitemap #localNavi h2{
	margin:0 0 1px 0;
}
body#company #localNavi ul,
body#inquiry #localNavi ul,
body#news #localNavi ul,
body#service #localNavi ul,
body#topics #localNavi ul,
body#sitemap #localNavi ul{
	margin:0;
	padding:5px 3px 3px 3px;
	background:#ffffff;
}
body#company #localNavi li,
body#inquiry #localNavi li,
body#news #localNavi li,
body#service #localNavi li,
body#topics #localNavi li,
body#sitemap #localNavi li{
	margin:0 0 2px 0;
	padding:0;
	background:#edefff url(../../common/images/arw_02.gif) no-repeat 3px center;
}
body#company #localNavi li.on,
body#inquiry #localNavi li.on,
body#news #localNavi li.on,
body#service #localNavi li.on,
body#topics #localNavi li.on,
body#sitemap #localNavi li.on{
	background:#fff0ed url(../../common/images/arw_03.gif) no-repeat 3px center;
}
body#company #localNavi li a,
body#inquiry #localNavi li a,
body#news #localNavi li a,
body#service #localNavi li a,
body#topics #localNavi li a,
body#sitemap #localNavi li a{
	width:185px;
	text-decoration: none;
	padding:5px 3px 5px 16px;
	display:block;
}
body#company #localNavi li a:hover,
body#inquiry #localNavi li a:hover,
body#news #localNavi li a:hover,
body#service #localNavi li a:hover,
body#topics #localNavi li a:hover,
body#sitemap #localNavi li a:hover{
	background:#fff0ed url(../../common/images/arw_03.gif) no-repeat 3px center;
}


/* 4. bannerArea styles
==================================================*/
#bannerArea{
	margin:0 0 10px 0;
	background:transparent url(../images/bg_banner-area.gif) repeat-x left top;
}
#bannerArea ul{
	width:960px;
	padding:12px 0;
	margin-left:auto;
	margin-right:auto;
}
#bannerArea li{
	float:left;
	width:180px;
	margin-right:15px;
}
#bannerArea li.lastChild{
	margin-right:0;
}
#bannerArea li img{
	vertical-align:bottom;
}


/* 5. menu_merit styles
==================================================*/
.menu_merit {
	text-indent:-9999px;
	font-size:0;
}
.menu_merit a,
.menu_merit span{
	display:block;
}
.menu_merit .gnavi_01 a,
.menu_merit .gnavi_01 span{
	width:322px;
	height:52px;
	background:transparent url(../images/img_merit_01.gif) no-repeat left top;
}
.menu_merit .gnavi_02 a,
.menu_merit .gnavi_02 span{
	width:322px;
	height:52px;
	background:transparent url(../images/img_merit_02.gif) no-repeat left top;
}
.menu_merit .gnavi_03 a,
.menu_merit .gnavi_03 span{
	width:322px;
	height:52px;
	background:transparent url(../images/img_merit_03.gif) no-repeat left top;
}
.menu_merit .gnavi_04 a,
.menu_merit .gnavi_04 span{
	width:322px;
	height:52px;
	background:transparent url(../images/img_merit_04.gif) no-repeat left top;
}
.menu_merit .gnavi_05 a,
.menu_merit .gnavi_05 span{
	width:322px;
	height:52px;
	background:transparent url(../images/img_merit_05.gif) no-repeat left top;
}
.menu_merit .gnavi_06 a,
.menu_merit .gnavi_06 span{
	width:322px;
	height:52px;
	background:transparent url(../images/img_merit_06.gif) no-repeat left top;
}
.menu_merit .gnavi_01 a:hover,
.menu_merit .gnavi_02 a:hover,
.menu_merit .gnavi_03 a:hover,
.menu_merit .gnavi_04 a:hover,
.menu_merit .gnavi_05 a:hover,
.menu_merit .gnavi_06 a:hover {
	background-position:left bottom;
}


/* 6. global footer styles
==================================================*/
#footerArea{
	margin:20px 0 0 0;
	padding:0 0 10px 0;
	width:100%;
	height:96px;
	background:transparent url(../images/bg_footer.gif) repeat-x left top;
	text-align:left;
}
#footerAreaInnner{
	width:974px;
	margin-left:auto;
	margin-right:auto;
}
.privacy{
	position: absolute;
	top:6px;
	right:20px;
}
.privacy a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}
.contact{
	position: absolute;
	top:20px;
	left:20px;
}
.footerLink{
	position: absolute;
	top:15px;
	left:0px;
}
.footerLink ul li{
	padding:0 3px 0 0;
	list-style-type:none;
	display:inline;
}
.footerLink .last {
	border:none;
}
.footerCopy {
	position: absolute;
	top:15px;
	right:0px;
}
.footerCopy p{
	color:#555555;
}