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

* {
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #f0f8fc;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	xfont-size: 100%;
	text-align: center;
	text-align: normal;
}

a {
	text-decoration: none;
	color: #436bc0;
}
a:hover {
	text-decoration: underline;
	color: #436bc0;
}


/*----------------------------------------------------------------
ヘッダ部分
----------------------------------------------------------------*/
#header_area {
	margin: 0px auto 0px auto;
	clear: both;
	width: 780px;
	height: 74px;
	background: url(../img/header-back.gif) top left no-repeat;
	text-align: left;
}
/*#header_area {
	margin: 0px auto 0px auto;
	clear: both;
	width: 780px;
	height: 85px;
	background: url(../img/header-back.gif) top left no-repeat;
	text-align: left;
}*/
#header_area .logo_area {
	margin: 10px 0px 0px 8px;
	float: left;
	width: 450px;
	height: auto;
	overflow: hidden;
}
html[xmlns] #header_area .logo_area {
	margin: 10px 0px 0px 16px;
	float: left;
	width: 450px;
	height: auto;
	overflow: hidden;
}
#header_area .logo_area h1 {
	height: 40px;
	font-size: 12px;
}
#header_area .logo_area h1 a {
	text-decoration: none;
	color: #5ba1d8;
}
#header_area .link_area {
	margin: 60px 12px 0px 0px;
	float: right;
	width: 238px;
	height: 13px;
}
html[xmlns] #header_area .link_area {
	margin: 60px 25px 0px 0px;
	float: right;
	width: 238px;
	height: 13px;
}
#header_area .link_area ul li.home,
#header_area .link_area ul li.home a {
	display: block;
	width: 66px;
	height: 13px;
	border: none;
	list-style-type: none;
	text-indent: 0em;
	background: url(../img/navi-header.gif) top left no-repeat;
	background-position: 0px 0px;
	float: left;
}
#header_area .link_area ul li.faq,
#header_area .link_area ul li.faq a {
	display: block;
	width: 96px;
	height: 13px;
	border: none;
	list-style-type: none;
	text-indent: 0em;
	background: url(../img/navi-header.gif) top left no-repeat;
	background-position: -66px 0px;
	float: left;
}
#header_area .link_area ul li.sitemap,
#header_area .link_area ul li.sitemap a {
	display: block;
	width: 76px;
	height: 13px;
	border: none;
	list-style-type: none;
	text-indent: 0em;
	background: url(../img/navi-header.gif) top left no-repeat;
	background-position: -162px 0px;
	float: left;
}
#header_area .link_area ul li.home a:hover {
	width: 66px;
	height: 13px;
	background-position: 0px -13px;
}
#header_area .link_area ul li.faq a:hover {
	width: 96px;
	height: 13px;
	background-position: -66px -13px;
}
#header_area .link_area ul li.sitemap a:hover {
	width: 76px;
	height: 13px;
	background-position: -162px -13px;
}
span.alpha {
	display: none;
}
#p_header {
	display: none;
}


/*----------------------------------------------------------------
フッタ部分
----------------------------------------------------------------*/
#footer {
	margin: 10px auto 5px auto;
	clear: both;
	width: 780px;
	height: 22px;
}
/*-- リンク部分 --*/
#footer_link {
	margin: 0px auto 0px auto;
	padding: 45px 0px 20px 0px;
	clear: both;
	width: 780px;
	height: auto;
	overflow: hidden;
	background: url(../img/footer-back.gif) bottom left no-repeat;
}
#footer_link ul {
	list-style-type: none;
	text-align: center;
}
#footer_link ul li {
	display: inline;
	font-size: 12px;
}
#p_footer {
	display: none;
}


/*----------------------------------------------------------------
プロモーション部分
----------------------------------------------------------------*/
#promotion-top {
	margin: 0px auto 0px auto;
	clear: both;
	width: 780px;
	height: 230px;
	text-align: left;
}
#promotion-other {
	margin: 0px auto 0px auto;
	clear: both;
	width: 780px;
	height: 116px;
	text-align: left;
}


/*----------------------------------------------------------------
container部分
----------------------------------------------------------------*/
#container {
	margin: 0px auto 0px auto;
	padding: 0px 0px 36px 0px;
	clear: both;
	width: 780px;
	height: auto;
	overflow: hidden;
	background: url(../img/contents-back-body.gif) bottom left no-repeat;
}


/*----------------------------------------------------------------
グローバルナビ部分
----------------------------------------------------------------*/
#global_navi {
	margin:0px 10px 20px 10px;
	clear: both;
	width: 760px;
	height: 43px; 
}
#global_navi ul li.home,
#global_navi ul li.home a {
	display: block;
	width: 105px;
	height: 43px;
	border: none;
	list-style-type: none;
	text-indent: 0em;
	background: url(../img/navi-g.gif) top left no-repeat;
	background-position: 0px 0px;
	float: left;
}
#global_navi ul li.company,
#global_navi ul li.company a {
	display: block;
	width: 110px;
	height: 43px;
	border: none;
	list-style-type: none;
	text-indent: 0em;
	background: url(../img/navi-g.gif) top left no-repeat;
	background-position: -105px 0px;
	float: left;
}
#global_navi ul li.works,
#global_navi ul li.works a {
	display: block;
	width: 110px;
	height: 43px;
	border: none;
	list-style-type: none;
	text-indent: 0em;
	background: url(../img/navi-g.gif) top left no-repeat;
	background-position: -215px 0px;
	float: left;
}
/*#global_navi ul li.result,
#global_navi ul li.result a {
	display: block;
	width: 110px;
	height: 43px;
	border: none;
	list-style-type: none;
	text-indent: 0em;
	background: url(../img/navi-g.gif) top left no-repeat;
	background-position: -325px 0px;
	float: left;
}*/
#global_navi ul li.sell,
#global_navi ul li.sell a {
	display: block;
	width: 110px;
	height: 43px;
	border: none;
	list-style-type: none;
	text-indent: 0em;
	background: url(../img/navi-g.gif) top left no-repeat;
	background-position: -325px 0px;
	float: left;
}
#global_navi ul li.products,
#global_navi ul li.products a {
	display: block;
	width: 110px;
	height: 43px;
	border: none;
	list-style-type: none;
	text-indent: 0em;
	background: url(../img/navi-g.gif) top left no-repeat;
	background-position: -435px 0px;
	float: left;
}
/*#global_navi ul li.sell,
#global_navi ul li.sell a {
	display: block;
	width: 110px;
	height: 43px;
	border: none;
	list-style-type: none;
	text-indent: 0em;
	background: url(../img/navi-g.gif) top left no-repeat;
	background-position: -545px 0px;
	float: left;
}*/
#global_navi ul li.result,
#global_navi ul li.result a {
	display: block;
	width: 110px;
	height: 43px;
	border: none;
	list-style-type: none;
	text-indent: 0em;
	background: url(../img/navi-g.gif) top left no-repeat;
	background-position: -545px 0px;
	float: left;
}
#global_navi ul li.link,
#global_navi ul li.link a {
	display: block;
	width: 105px;
	height: 43px;
	border: none;
	list-style-type: none;
	text-indent: 0em;
	background: url(../img/navi-g.gif) top left no-repeat;
	background-position: -655px 0px;
	float: left;
}
/*-- 反転表示 --*/
#global_navi ul li.home a:hover {
	width: 105px;
	height: 43px;
	background-position: 0px -43px;
}
#global_navi ul li.company a:hover {
	width: 110px;
	height: 43px;
	background-position: -105px -43px;
}
#global_navi ul li.works a:hover {
	width: 110px;
	height: 43px;
	background-position: -215px -43px;
}
/*#global_navi ul li.result a:hover {
	width: 110px;
	height: 43px;
	background-position: -325px -43px;
}*/
#global_navi ul li.sell a:hover {
	width: 110px;
	height: 43px;
	background-position: -325px -43px;
}
#global_navi ul li.products a:hover {
	width: 110px;
	height: 43px;
	background-position: -435px -43px;
}
/*#global_navi ul li.sell a:hover {
	width: 110px;
	height: 43px;
	background-position: -545px -43px;
}*/
#global_navi ul li.result a:hover {
	width: 110px;
	height: 43px;
	background-position: -545px -43px;
}
#global_navi ul li.link a:hover {
	width: 105px;
	height: 43px;
	background-position: -655px -43px;
}
/*-- 自ページ表示 --*/
body#home #global_navi ul li.home a {
	width: 105px;
	height: 43px;
	background-position: 0px -86px;
}
body#company #global_navi ul li.company a {
	width: 110px;
	height: 43px;
	background-position: -105px -86px;
}
body#works #global_navi ul li.works a {
	width: 110px;
	height: 43px;
	background-position: -215px -86px;
}
/*body#result #global_navi ul li.result a {
	width: 110px;
	height: 43px;
	background-position: -325px -86px;
}*/
body#sell #global_navi ul li.sell a {
	width: 110px;
	height: 43px;
	background-position: -325px -86px;
}
body#products #global_navi ul li.products a {
	width: 110px;
	height: 43px;
	background-position: -435px -86px;
}
/*body#sell #global_navi ul li.sell a {
	width: 110px;
	height: 43px;
	background-position: -545px -86px;
}*/
body#result #global_navi ul li.result	 a {
	width: 110px;
	height: 43px;
	background-position: -545px -86px;
}
body#link #global_navi ul li.link a {
	width: 105px;
	height: 43px;
	background-position: -655px -86px;
}


/*----------------------------------------------------------------
ローカルナビ部分
----------------------------------------------------------------*/
ul#lnavi_company,
ul#lnavi_works,
ul#lnavi_results,
ul#lnavi_products,
ul#lnavi_sell {
	margin-top: 10px;
}
ul#lnavi_company li,
ul#lnavi_company li a {
	display: block;
	width: 190px;
	border: none;
	list-style-type: none;
	text-indent: 1em;
	font-size: 12px;
	line-height: normal;
	background: url(../img/navi-l-company.jpg) top left no-repeat;
}
ul#lnavi_works li,
ul#lnavi_works li a {
	display: block;
	width: 190px;
	border: none;
	list-style-type: none;
	text-indent: 1em;
	font-size: 12px;
	line-height: normal;
	background: url(../img/navi-l-works.jpg) top left no-repeat;
}
ul#lnavi_results li,
ul#lnavi_results li a {
	display: block;
	width: 190px;
	border: none;
	list-style-type: none;
	text-indent: 1em;
	font-size: 12px;
	line-height: normal;
	background: url(../img/navi-l-results.jpg) top left no-repeat;
}
ul#lnavi_products li,
ul#lnavi_products li a {
	display: block;
	width: 190px;
	border: none;
	list-style-type: none;
	text-indent: 1em;
	font-size: 12px;
	line-height: normal;
	background: url(../img/navi-l-products.jpg) top left no-repeat;
}
ul#lnavi_sell li,
ul#lnavi_sell li a {
	display: block;
	width: 190px;
	border: none;
	list-style-type: none;
	text-indent: 1em;
	font-size: 12px;
	line-height: normal;
	background: url(../img/navi-l-sell.jpg) top left no-repeat;
}
ul#lnavi_company li a,
ul#lnavi_works li a,
ul#lnavi_results li a,
ul#lnavi_products li a,
ul#lnavi_sell li a {
	padding: 8px 0px 0px 0px;
	height: 21px!important;
	color: #000000!important;
}
body:first-of-type ul#lnavi_company li a,
body:first-of-type ul#lnavi_works li a,
body:first-of-type ul#lnavi_results li a,
body:first-of-type ul#lnavi_products li a,
body:first-of-type ul#lnavi_sell li a {
	padding: 5px 0px -5px 0px;
	height: 24px!important;
	color: #000000!important;
}
ul#lnavi_company li a:hover,
ul#lnavi_works li a:hover,
ul#lnavi_results li a:hover,
ul#lnavi_products li a:hover,
ul#lnavi_sell li a {
	text-decoration: none;
}
/*-- 通常 --*/
ul#lnavi_company li.l-navi01 a,
ul#lnavi_works li.l-navi01 a,
ul#lnavi_results li.l-navi01 a,
ul#lnavi_products li.l-navi01 a,
ul#lnavi_sell li.l-navi01 a {
	height: 29px;
	background-position: 0px 0px;
}
ul#lnavi_company li.l-navi02 a,
ul#lnavi_works li.l-navi02 a,
ul#lnavi_results li.l-navi02 a,
ul#lnavi_products li.l-navi02 a,
ul#lnavi_sell li.l-navi02 a {
	height: 29px;
	background-position: 0px -29px;
}
ul#lnavi_company li.l-navi03 a,
ul#lnavi_works li.l-navi03 a,
ul#lnavi_results li.l-navi03 a,
ul#lnavi_products li.l-navi03 a,
ul#lnavi_sell li.l-navi03 a {
	height: 29px;
	background-position: 0px -58px;
}
ul#lnavi_company li.l-navi04 a,
ul#lnavi_works li.l-navi04 a,
ul#lnavi_results li.l-navi04 a,
ul#lnavi_products li.l-navi04 a,
ul#lnavi_sell li.l-navi04 a {
	height: 29px;
	background-position: 0px -87px;
}
ul#lnavi_works li.l-navi05 a,
ul#lnavi_results li.l-navi05 a,
ul#lnavi_products li.l-navi05 a {
	height: 29px;
	background-position: 0px -116px;
}
ul#lnavi_works li.l-navi06 a,
ul#lnavi_results li.l-navi06 a,
ul#lnavi_products li.l-navi06 a {
	height: 29px;
	background-position: 0px -145px;
}
ul#lnavi_results li.l-navi07 a,
ul#lnavi_products li.l-navi07 a {
	height: 29px;
	background-position: 0px -174px;
}
ul#lnavi_products li.l-navi08 a {
	height: 29px;
	background-position: 0px -203px;
}
ul#lnavi_products li.l-navi09 a {
	height: 29px;
	background-position: 0px -232px;
}
ul#lnavi_products li.l-navi10 a {
	height: 29px;
	background-position: 0px -261px;
}
/*-- 反転 --*/
ul#lnavi_company li.l-navi01 a:hover,
ul#lnavi_works li.l-navi01 a:hover,
ul#lnavi_results li.l-navi01 a:hover,
ul#lnavi_products li.l-navi01 a:hover,
ul#lnavi_sell li.l-navi01 a:hover,
body.company01 ul#lnavi_company li.l-navi01 a,
body.works01 ul#lnavi_works li.l-navi01 a,
body.results01 ul#lnavi_results li.l-navi01 a,
body.products01 ul#lnavi_products li.l-navi01 a,
body.sell01 ul#lnavi_sell li.l-navi01 a {
	height: 29px;
	background-position: -190px 0px;
}
ul#lnavi_company li.l-navi02 a:hover,
ul#lnavi_works li.l-navi02 a:hover,
ul#lnavi_results li.l-navi02 a:hover,
ul#lnavi_products li.l-navi02 a:hover,
ul#lnavi_sell li.l-navi02 a:hover,
body.company02 ul#lnavi_company li.l-navi02 a,
body.works02 ul#lnavi_works li.l-navi02 a,
body.products02 ul#lnavi_products li.l-navi02 a,
body.sell02 ul#lnavi_sell li.l-navi02 a {
	height: 29px;
	background-position: -190px -29px;
}
ul#lnavi_company li.l-navi03 a:hover,
ul#lnavi_works li.l-navi03 a:hover,
ul#lnavi_results li.l-navi03 a:hover,
ul#lnavi_products li.l-navi03 a:hover,
ul#lnavi_sell li.l-navi03 a:hover,
body.company03 ul#lnavi_company li.l-navi03 a,
body.works03 ul#lnavi_works li.l-navi03 a,
body.products03 ul#lnavi_products li.l-navi03 a,
body.sell03 ul#lnavi_sell li.l-navi03 a {
	height: 29px;
	background-position: -190px -58px;
}
ul#lnavi_company li.l-navi04 a:hover,
ul#lnavi_works li.l-navi04 a:hover,
ul#lnavi_results li.l-navi04 a:hover,
ul#lnavi_products li.l-navi04 a:hover,
ul#lnavi_sell li.l-navi04 a:hover,
body.company04 ul#lnavi_company li.l-navi04 a,
body.works04 ul#lnavi_works li.l-navi04 a,
body.products04 ul#lnavi_products li.l-navi04 a,
body.sell04 ul#lnavi_sell li.l-navi04 a {
	height: 29px;
	background-position: -190px -87px;
}
ul#lnavi_works li.l-navi05 a:hover,
ul#lnavi_results li.l-navi05 a:hover,
ul#lnavi_products li.l-navi05 a:hover,
body.works05 ul#lnavi_works li.l-navi05 a,
body.products05 ul#lnavi_products li.l-navi05 a {
	height: 29px;
	background-position: -190px -116px;
}
ul#lnavi_works li.l-navi06 a:hover,
ul#lnavi_results li.l-navi06 a:hover,
ul#lnavi_products li.l-navi06 a:hover,
body.works06 ul#lnavi_works li.l-navi06 a,
body.products06 ul#lnavi_products li.l-navi06 a {
	height: 29px;
	background-position: -190px -145px;
}
ul#lnavi_results li.l-navi07 a:hover,
ul#lnavi_products li.l-navi07 a:hover,
body.products07 ul#lnavi_products li.l-navi07 a {
	height: 29px;
	background-position: -190px -174px;
}
ul#lnavi_products li.l-navi08 a:hover,
body.products08 ul#lnavi_products li.l-navi08 a {
	height: 29px;
	background-position: -190px -203px;
}
ul#lnavi_products li.l-navi09 a:hover,
body.products09 ul#lnavi_products li.l-navi09 a {
	height: 29px;
	background-position: -190px -232px;
}
ul#lnavi_products li.l-navi10 a:hover,
body.products10 ul#lnavi_products li.l-navi10 a {
	height: 29px;
	background-position: -190px -261px;
}



/*----------------------------------------------------------------
contents_area部分
----------------------------------------------------------------*/
#contents_area {
	margin: 0px auto 20px auto;
	clear: both;
	width: 730px;
	height: auto;
	overflow: hidden;
	text-align: left;
}
/*-- トップページ用float設定 --*/
#contents_area .top-left {
	float: left;
	width: 514px;
	height: auto;
	overflow: hidden;
}
#contents_area .top-right {
	float: right;
	width: 190px;
	height: auto;
	overflow: hidden;
}
/*-- その他ページ用のfloat設定 --*/
#contents_area #left_area {
	float: left;
	width: 190px;
	height: auto;
	overflow: hidden;
}
#contents_area #right_area {
	padding: 0px 0px 20px 0px;
	float: right;
	width: 525px;
	height: auto;
	overflow: hidden;
	background: url(../img/contents-back.gif) bottom left no-repeat;
	text-align: center;
}
/*-- ２段組み設定 --*/
#contents_area #right_area .left_box {
	margin: 0px 0px 0px 25px;
	*margin: 0px 0px 0px 15px;
	float: left;
	width: 230px;
	*width: 225px;
	height: auto;
	overflow: hidden;
}
#contents_area #right_area .right_box {
	margin: 0px 25px 0px 0px;
	*margin: 0px 15px 0px 0px;
	float: right;
	width: 230px;
	*width: 225px;
	height: auto;
	overflow: hidden;
}

/*-- トップページへ --*/
.go-to-top {
	margin: 20px 25px 0px 25px;
	clear: both;
}
.go-to-top a {
	padding: 0px 0px 0px 15px;
	float: right;
	background: url(../img/marker2.gif) center left no-repeat;
	font-size: 12px;
}