@charset "UTF-8";
/* =========================================================
Reset of Default Style
========================================================= */
h1, h2, h3, h4, h5, h6, p, address, a,
ul, ol, li, dl, dt, dd,
table, th, td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	font-weight:normal;
	font-size: 100%;
	text-align: left;
	line-height:140%;
	vertical-align: baseline;
	background: transparent;
}
/* ブラウザ間でのフォントサイズリセット */
textarea { font-size: 100%; }
/* 画像下部空きのリセット */
img { vertical-align: middle; }
/* リストのスタイルをリセット */
ul {
	list-style-type: none;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a img:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}
table{
    border-collapse:collapse;border-spacing:0;
}
/* =========================================================
Clear Fix
========================================================= */
.cfix:after {
content:".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0.1em;/*added for FF*/
	line-height: 0; 
}
.cfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .cfix { height: 1%; }
.cfix { display: block; }
/* End hide from IE-mac */
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/* =========================================================
body
========================================================= */
body {
	margin:0;
	padding:0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	color:#333;
	font-size:13px;
}
/* =========================================================
header
========================================================= */
section.content,
footer{
display:block;
width:980px;
margin:0 auto;
}
header,
article,
section,
figure,
nav{
display:block;
}
header{
width:100%;
position:relative;
z-index:5;
padding-bottom:15px;
border-bottom:3px solid #231815;/*#1a4f83*/
box-shadow: 0 15px 15px -15px #000;
-moz-box-shadow: 0 15px 15px -15px #000;
-webkit-box-shadow: 0 15px 15px -15px #000;
-o-box-shadow: 0 15px 15px -15px #000;
-ms-box-shadow: 0 15px 15px -15px #000;
background:#fff;
}
header .headWrap{
display:block;
width:980px;
margin:0 auto;
}
header h1{
padding:10px 0;
font-size:12px;
text-align:right;
letter-spacing:2px;
}
header .inner p.logo{
float:left;
padding:15px 0 0 0;
}
/*header .inner p.logo{
float:left;
padding:5px 0 0 0;
}*/
header .inner .hdNav{
float:right;
padding:42px 0 0 0;
}
.contact_wrap{
margin-top:5px;
}

header nav ul{
width:980px;
height:55px;
margin:30px 0 0;
background:url(../images/common/g_nav.jpg) no-repeat top left;
}
header nav li{
float:left;
}
header nav li a{
display:block;
width:163px/*140px*/;
height:1px;
overflow:hidden;
padding-top:55px;
}
header nav li.home:hover{background:url(../images/common/g_nav.jpg) no-repeat 0px -55px;}
header nav li.portfolio:hover{background:url(../images/common/g_nav.jpg) no-repeat -163px -55px;}
header nav li.flow:hover{background:url(../images/common/g_nav.jpg) no-repeat -326px -55px;}
header nav li.agroup:hover{background:url(../images/common/g_nav.jpg) no-repeat -489px -55px;}

header nav li.company:hover{background:url(../images/common/g_nav.jpg) no-repeat -652px -55px;}
header nav li.access:hover{background:url(../images/common/g_nav.jpg) no-repeat -815px -55px;}
section.content{margin-top:30px;}
section .main{
float:right;
width:720px;
padding:0 20px 0 40px;
}
section .side{
float:right;
width:180px;
padding:10px 10px 0 10px;
background:#ededed;
}
section .side ul li{
margin-bottom:10px;
}
footer{
margin-top:20px;
}
footer p.pagetop{
text-align:right;
padding-bottom:5px;
}
footer .inner{
border-top:1px solid #B9B9B9;
}
footer .inner .fNav{
float:left;
width:680px;
padding-top:20px;
}
footer .inner .fNav ul li{
float:left;
line-height:12px;
padding:0 0 10px;
}
footer .inner .fNav ul li a{
display:inline-block;
color:#65B29F;
padding:0 5px;
font-size:12px;
line-height:12px;
border-right:1px solid #B9B9B9;
}
footer .inner .fNav ul li a.bleft{
border-left:1px solid #B9B9B9;
}
footer .inner .fNav ul li a:hover{
text-decoration:underline;
}
footer .inner .address{
float:right;
width:300px;
text-align:right;
padding:15px 0 0;
}
footer .inner .address p{
text-align:right;
font-size:11px;
line-height:20px;
padding-top:5px;
}
footer p.copy{
text-align:right;
font-size:11px;
padding:20px 0 10px;
}



#pageTopimage{
margin-bottom: 20px;
}
#pagetitleCover{
background: -webkit-linear-gradient(left, #0074b6 25%, #CCC 25%);
background: -moz-linear-gradient(left, #0074b6 25%, #CCC 25%);
background: -ms-linear-gradient(left, #0074b6 25%, #CCC 25%);
background: -o-linear-gradient(left, #0074b6 25%, #CCC 25%);
background: linear-gradient(left, #0074b6 25%, #CCC 25%);
-pie-background: linear-gradient(left, #0074b6 25%, #CCC 25%);
behavior: url(/pie/PIE.htc);
padding-bottom: 2px;
margin-right: auto;
margin-left: auto;
clear: both;
margin-bottom: 25px;
margin-top: 25px;
}
#pagetitle{
padding: 10px;
background-color: #FFF;
font-size: 160%;
letter-spacing: 0.2em;
line-height: 100%;
color: #141414;
font-weight: normal;
}