/*------------------------------------------------
■font-size定義
10px→77%
11px→85%
12px→93%
13px→100%
14px→108%
15px→116%
16px→123.1%
17px→131%
18px→138.5%
19px→146.5%
20px→153.9%
21px→161.6%
22px→167%
23px→174%
24px→182%
25px→189%
26px→197%
------------------------------------------------*/

/*------------------------------------------------
 追加リセット
------------------------------------------------*/
img {
	vertical-align: top;
}

/*------------------------------------------------
 基本要素
------------------------------------------------*/

html {
	height:100%;
}
html.gecko,
html.ie8 {
	overflow-y:scroll;
}

body {
	background: #ffffff url("http://www.abw.co.jp/common/image/bg_foot.gif") repeat scroll top;
	height:100%;
	color:#333333;
}

#wrapper {
	background: #ffffff url("http://www.abw.co.jp/common/image/bg_head.gif") repeat-x scroll top;
}

.ie6 #wrapper {
	text-align:center;
}

.ie6 #header-area,
.ie6 #container {
	text-align:left;
}

#header-area {
	margin:0 auto;
	width:960px;
	background: #ffffff url("http://www.abw.co.jp/common/image/bg_head_body.gif") repeat-x scroll top;
}

#logo {
	width:256px;
	float:left;
}

/*------------------------------------------------
 グローバルナビ
------------------------------------------------*/

#global-navi {
	float:right;
	margin-right:10px;
}

.ie6 #global-navi {
	margin-right:5px;
}

#global-navi ul {
	width:414px;
	list-style-type:none;
}

#global-navi li {
	float:left;
	white-space:nowrap;
}

#global-navi li a {
	display:block;
	height:23px;
	background-repeat:no-repeat;
	text-decoration:none;
	text-indent:-9999px;
}

#global-navi li.item01 a { width:54px; }
#global-navi li.item02 a { width:66px; }
#global-navi li.item03 a { width:71px; }
#global-navi li.item04 a { width:72px; }
#global-navi li.item05 a { width:94px; }
#global-navi li.item06 a { width:57px; }

#global-navi li.item01 a { background-image: url("http://www.abw.co.jp/common/image/navi/gl_home.gif"); }
#global-navi li.item02 a { background-image: url("http://www.abw.co.jp/common/image/navi/gl_service.gif"); }
#global-navi li.item03 a { background-image: url("http://www.abw.co.jp/common/image/navi/gl_corporate.gif"); }
#global-navi li.item04 a { background-image: url("http://www.abw.co.jp/common/image/navi/gl_recruit.gif"); }
#global-navi li.item05 a { background-image: url("http://www.abw.co.jp/common/image/navi/gl_inquiry.gif"); }
#global-navi li.item06 a { background-image: url("http://www.abw.co.jp/common/image/navi/gl_access.gif"); }
#global-navi li a:hover { background-position: 0 -23px; outline:0; }
#global-navi li a.self { background-position: 0 -46px; }

/*------------------------------------------------
 サービスナビ
------------------------------------------------*/

#service-navi {
}

#service-navi ul {
	width:940px;
	height:42px;
	margin:10px 10px 18px 10px;
	list-style-type:none;
}

#service-navi li {
	float:left;
	white-space:nowrap;
}

#service-navi li a {
	display:block;
	height:42px;
	background-repeat:no-repeat;
	text-decoration:none;
	text-indent:-9999px;
}

#service-navi li.item01 a { width:104px; }
#service-navi li.item02 a { width:104px; }
#service-navi li.item03 a { width:104px; }
#service-navi li.item04 a { width:104px; }
#service-navi li.item05 a { width:104px; }
#service-navi li.item06 a { width:104px; }
#service-navi li.item07 a { width:107px; }
#service-navi li.item08 a { width:104px; }
#service-navi li.item09 a { width:105px; }

#service-navi li.item01 a { background-image: url("http://www.abw.co.jp/common/image/navi/service_index.gif"); }
#service-navi li.item02 a { background-image: url("http://www.abw.co.jp/common/image/navi/service_hp.gif"); }
#service-navi li.item03 a { background-image: url("http://www.abw.co.jp/common/image/navi/service_server.gif"); }
#service-navi li.item04 a { background-image: url("http://www.abw.co.jp/common/image/navi/service_cms.gif"); }
#service-navi li.item05 a { background-image: url("http://www.abw.co.jp/common/image/navi/service_seo.gif"); }
#service-navi li.item06 a { background-image: url("http://www.abw.co.jp/common/image/navi/service_mobile.gif"); }
#service-navi li.item07 a { background-image: url("http://www.abw.co.jp/common/image/navi/service_managed.gif"); }
#service-navi li.item08 a { background-image: url("http://www.abw.co.jp/common/image/navi/service_portal.gif"); }
#service-navi li.item09 a { background-image: url("http://www.abw.co.jp/common/image/navi/service_faq.gif"); }
#service-navi li a:hover { background-position: 0 -42px; outline:0; }
#service-navi li a.self { background-position: 0 -84px; }

#container {
	margin:0 auto;
	width:940px;
	padding:0 10px 0 10px;
}

/*------------------------------------------------
 リンクエリア
------------------------------------------------*/

#link-area {
	width:920px;
	margin-top:20px;
	border-top:solid 1px #cccccc;
	padding:10px;
	text-align:center;
}

.ie6 #link-area {
	width:940px;
}

#link-area ul li {
	display: inline;
	padding-left:5px;
	border-left:solid 1px #999999;
	line-height:1.4;
}
.ie #link-area ul li {
	line-height:1.2;
}
#link-area ul li.first {
	border:none;
}

/*------------------------------------------------
 フッターエリア
------------------------------------------------*/

#footer-area {
	background: #ffffff url("http://www.abw.co.jp/common/image/bg_foot.gif") repeat scroll top;
	min-height:50px;
}
.ie6 #footer-area {
	height:50px;
}


#footer {
	margin:0 auto;
	padding:15px 0 15px 0;
	width:960px;
}

#footer .link {
	float:left;
}
#footer .copyright {
	float:right;
}

#footer ul li {
	display: inline;
	padding-left:10px;
	background: url("http://www.abw.co.jp/common/image/p_arrow_right.gif") no-repeat scroll left;
}
#footer ul li a        { text-decoration:none; }
#footer ul li a:link   { color:#333333; }
#footer ul li a:visit  { color:#aa0000; }
#footer ul li a:active { color:#aa0000; }
#footer ul li a:hover  { text-decoration:underline; }

/*------------------------------------------------
 clearfixハック
------------------------------------------------*/

.clearfix:after {
	content: ".";	/* 新しい要素を作る */
	display: block;	/* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/*------------------------------------------------
 汎用width
------------------------------------------------*/
.w20p {
	width:20%!important;
}
.w25p {
	width:25%!important;
}
.w30p {
	width:30%!important;
}
.w40p {
	width:40%!important;
}
.w50p {
	width:50%!important;
}
.w60p {
	width:60%!important;
}
.w75p {
	width:75%!important;
}
.w80p {
	width:80%!important;
}
.w100p {
	width:100%!important;
}