@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

.backimg {
	text-indent: -9999px;
	overflow: hidden;
}

a.backroll {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	overflow: hidden;
}

a {
	text-decoration: none;
	color: #0068b7;
}

a:hover {
	text-decoration: underline;
	color: #ee7800;
}

a img {border: none;}

body {
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 80%;
	line-height: 1.5em;
	color: #2d2d2d;
	border-top: solid 3px #232323;
}

#header,
#container {
	clear: both;
	width: 960px;
	margin: 0 auto;
}



/* ■■■■■■■■■■■■■■■■■■　ヘッダー　■■■■■■■■■■■■■■■■■■■ */

#header {
	width: 960px;
	height: 86px;
	background: url(../images/common/header_back.png) no-repeat;
	overflow: hidden;
}

#header p {
	margin-top: 15px;
	margin-left: 8px;
	_margin-left: 4px;
	width: 284px;
	height: 54px;
	background: url(../images/common/logo.png) no-repeat;
	float: left;
}

#header ul.header_menu {
	width: 312px;
	height: 24px;
	float: right;
	list-style: none;
}

#header ul.header_menu li {
	float: left;
	height: 24px;
	margin-left: 2px;
	_margin-left: 1px;
}

#header ul.header_menu li.home {width:72px;background: url(../images/common/home_r.png) no-repeat;}
#header ul.header_menu li.home_now {width:72px;background: url(../images/common/home_r.png) no-repeat;}
#header ul.header_menu li.home a {background: url(../images/common/home.png) no-repeat;}
#header ul.header_menu li.home a:hover {background:none;}

#header ul.header_menu li.link {width:60px;background: url(../images/common/link_r.png) no-repeat;}
#header ul.header_menu li.link_now {width:60px;background: url(../images/common/link_r.png) no-repeat;}
#header ul.header_menu li.link a {background: url(../images/common/link.png) no-repeat;}
#header ul.header_menu li.link a:hover {background:none;}

#header ul.header_menu li.sitemap {width:86px;background: url(../images/common/sitemap_r.png) no-repeat;}
#header ul.header_menu li.sitemap_now {width:86px;background: url(../images/common/sitemap_r.png) no-repeat;}
#header ul.header_menu li.sitemap a {background: url(../images/common/sitemap.png) no-repeat;}
#header ul.header_menu li.sitemap a:hover {background:none;}

#header ul.header_menu li.contact {width:86px;background: url(../images/common/contact_r.png) no-repeat;}
#header ul.header_menu li.contact_now {width:86px;background: url(../images/common/contact_r.png) no-repeat;}
#header ul.header_menu li.contact a {background: url(../images/common/contact.png) no-repeat;}
#header ul.header_menu li.contact a:hover {background:none;}

/* ■■■■■■■■■■■■■■■■■■■　グローバルメニュー　■■■■■■■■■■■■■■■■■■■■ */

#menu {
	clear: both;
	width: 100%;
	height: 35px;
	margin-bottom: 8px;
	background: url(../images/common/menu_back.png) repeat-x;
}

ul.global_menu {
	width: 960px;
	height: 35px;
	margin: 0 auto;
	list-style: none;
}

ul.global_menu li {
	width: 140px;
	height: 35px;
	margin-right: 4px;
	_margin-right: 2px;
	float: left;
}

ul.global_menu li.consulting {width:220px;}
ul.global_menu li.consulting a {background: url(../images/common/consulting.png) no-repeat;}
ul.global_menu li.consulting a:hover {background: url(../images/common/consulting.png) no-repeat 0px -35px;}
ul.global_menu li.consulting_now {width:220px;background: url(../images/common/consulting.png) no-repeat 0px -70px;}

ul.global_menu li.design a {background: url(../images/common/design.png) no-repeat;}
ul.global_menu li.design a:hover {background: url(../images/common/design.png) no-repeat 0px -35px;}
ul.global_menu li.design_now {background: url(../images/common/design.png) no-repeat 0px -70px;}

ul.global_menu li.insurance a {background: url(../images/common/insurance.png) no-repeat;}
ul.global_menu li.insurance a:hover {background: url(../images/common/insurance.png) no-repeat 0px -35px;}
ul.global_menu li.insurance_now {background: url(../images/common/insurance.png) no-repeat 0px -70px;}

ul.global_menu li.company a {background: url(../images/common/company.png) no-repeat;}
ul.global_menu li.company a:hover {background: url(../images/common/company.png) no-repeat 0px -35px;}
ul.global_menu li.company_now {background: url(../images/common/company.png) no-repeat 0px -70px;}

ul.global_menu li.blog a {background: url(../images/common/blog.png) no-repeat;}
ul.global_menu li.blog a:hover {background: url(../images/common/blog.png) no-repeat 0px -35px;}
ul.global_menu li.blog_now {background: url(../images/common/blog.png) no-repeat 0px -70px;}


/* ■■■■■■■■■■■■■■■■■■■　フッター　■■■■■■■■■■■■■■■■■■■■ */

#footer_bg {
	clear: both;
	width: 100%;
	border-top: groove 3px #ccc;
	background: url(../images/common/footer_bg.png);
}

#footer {
	clear: both;
	width: 960px;
	margin: 0 auto;
	padding: 8px 0px;
}

#footer ul.bottom_menu_head,
#footer ul.bottom_menu_bottom {
	list-style: none;
	font-size: 80%;
	margin-left: 1em;
}

#footer ul.bottom_menu_head li,
#footer ul.bottom_menu_bottom li {
	display: inline;
	margin-left: 8px;
	padding-left: 8px;
	border-left: solid 1px #999;
}

#footer ul.bottom_menu_head li.first,
#footer ul.bottom_menu_bottom li.first {
	margin-left: 0px;
}

#footer ul.bottom_menu_head li.end,
#footer ul.bottom_menu_bottom li.end {
	border-right: solid 1px #999;
	padding-right: 8px;
}

#footer ul li a {color: #666;}
#footer ul li a:hover {color: #007199;}

#footer p.copyright {
	text-align: right;
	margin-right: 1em;
}


/* ■■■■■■■■■■■■■■■■■■　コンテナ　■■■■■■■■■■■■■■■■■■■ */

#container {
	min-height: 360px;
	_height: 360px;
}

p.pagetop {
	clear: both;
	letter-spacing: 0px;
	text-align: right;
	margin-right: 32px;
}