@charset "UTF-8";

/*==============================================
	common-000 pageAll（ページ全体）
===============================================*/

div#pageAll {
	background-color:#FFF;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

/*==============================================
	common-001 header （ヘッダ）
===============================================*/

div#naviPoint {
	height: 2px;
	width: 1px;
	float: left;
}


div#logo {
	height: 33px;
	width: 224px;
	float: left;
	padding-top: 6px;
	padding-left: 18px;

}

div#header {
	background: #66CCCC url(../../images/header_bg.gif) no-repeat;
	height: 83px;
	width: 950px;
	text-align: left;
	position: relative;
}

/*===== 001-a 見出し ====*/
div#header h1 {
	font-size: 13px;
	letter-spacing: 0em;
	width: 430px;
	margin-left: 260px;
	padding-top: 10px;
}

/*===== 001-b ガイドボタン ====*/
div#header ul#headerGuide {
	height: 16px;
	position: absolute;
	top: 62px;
	left: 650px;
	clear: both;
}

div#header ul#headerGuide:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

div#header ul#headerGuide li#home,
div#header ul#headerGuide li#map {
	float: left;
	list-style: none;
}

div#header ul#headerGuide li em {
	font-size: 50%;
	color: #FFFFFF;
	visibility: hidden;
}

div#header ul#headerGuide li#home a {
	background: #66CCCC url(../../images/home_up.gif) no-repeat left top;
	display: block;
	height: 16px;
	width: 70px;
}

div#header ul#headerGuide li#home a:hover {
	background: #66CCCC url(../../images/home_over.gif) no-repeat left top;
}

div#header ul#headerGuide li#map a {
	background: #66CCCC url(../../images/map_up.gif) no-repeat left top;
	display: block;
	height: 16px;
	width: 80px;
}

div#header ul#headerGuide li#map a:hover {
	background: #66CCCC url(../../images/map_over.gif) no-repeat left top;
}

div#header ul#headerGuide li a,
div#header ul#headerGuide li a:hover {
	text-decoration: none;
}

/*==============================================
	common-002 naviArea （ナビ）
===============================================

div#naviArea {
	height: 34px;
	width: 950px;
	background: #66CCCC;
}

div#naviArea ul#navi:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

div#naviArea ul#navi li.btn-1,
div#naviArea ul#navi li.btn-2,
div#naviArea ul#navi li.btn-3,
div#naviArea ul#navi li.btn-4,
div#naviArea ul#navi li.btn-5,
div#naviArea ul#navi li.btn-6 {
	list-style: none;
	float: left;
}

div#naviArea ul#navi li img {
	float: left;
}

div#naviArea ul#navi li em {
	font-size: 50%;
	color: #FFFFFF;
	visibility: hidden;
}

div#naviArea ul#navi li.btn-1 a {
	background: url(../../images/navi01_up.gif) no-repeat;
	height: 34px;
	width: 137px;
	display: block;
}

div#naviArea ul#navi li.btn-1 a:hover {
	background: url(../../images/navi01_over.gif) no-repeat;
}

div#naviArea ul#navi li.btn-2 a {
	background: url(../../images/navi02_up.gif) no-repeat;
	height: 34px;
	width: 137px;
	display: block;
}

div#naviArea ul#navi li.btn-2 a:hover {
	background: url(../../images/navi02_over.gif) no-repeat;
}

div#naviArea ul#navi li.btn-3 a {
	background: url(../../images/navi03_up.gif) no-repeat;
	height: 34px;
	width: 137px;
	display: block;
}

div#naviArea ul#navi li.btn-3 a:hover {
	background: url(../../images/navi03_over.gif) no-repeat;
}

div#naviArea ul#navi li.btn-4 a {
	background: url(../../images/navi04_up.gif) no-repeat;
	height: 34px;
	width: 137px;
	display: block;
}

div#naviArea ul#navi li.btn-4 a:hover {
	background: url(../../images/navi04_over.gif) no-repeat;
}

div#naviArea ul#navi li.btn-5 a {
	background: url(../../images/navi05_up.gif) no-repeat;
	height: 34px;
	width: 137px;
	display: block;
}

div#naviArea ul#navi li.btn-5 a:hover {
	background: url(../../images/navi05_over.gif) no-repeat;
}

div#naviArea ul#navi li.btn-6 a {
	background: url(../../images/navi06_up.gif) no-repeat;
	height: 34px;
	width: 139px;
	display: block;
}

div#naviArea ul#navi li.btn-6 a:hover {
	background: url(../../images/navi06_over.gif) no-repeat;
}

div#naviArea ul#navi li a,
div#naviArea ul#navi li a:hover {
	text-decoration: none;
}*/

/*==============================================
	common-003 contentsArea （コンテンツ全体）
===============================================*/

div#contentsArea {
	width: 950px;
	background: #FFFFFF;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}

/*==============================================
	common-004 pageTop （ページトップ）
===============================================*/

div#pageTop {
	text-align: right;
	clear: both;
	width: 900px;
	padding: 16px 20px 4px;
}

div#pageTop p {
	font-size: 92%;
}

div#pageTop a {
	color: #999999;
	text-decoration: none;
}

div#pageTop a:hover {
	color: #3366CC;
}

#pageTop2 {
	text-align: right;
	clear: both;
	padding: 10px 1px 4px;
	font-size: 92%;
}


#pageTop2 a {
	color: #999999;
	text-decoration: none;
}

#pageTop2 a:hover {
	color: #3366CC;
}

/*==============================================
	common-005 footerArea （フッタ）
===============================================

div#footerArea {
	background: url(../../images/footer.gif) no-repeat left top;
	text-align: left;
	width: 950px;
	border-top: 1px solid #999999;
	height: 31px;
	margin-right: auto;
	margin-left: auto;
}

div#footerArea p {
	padding-left: 80px;
	padding-top: 8px;
	letter-spacing: 0em;
}

div#footerArea a {
	color: #666666;
	text-decoration: none;
}

div#footerArea a:hover {
	color: #CC0000;
	text-decoration: underline;
}
*/


/*==================フッタ==================*/
#footerArea {
	background-color: #5391CE;
	height: 60px;
	width: 100%;
}

.footer {
	background-image: url(../../new_images/footer_bg.gif);
	background-repeat: no-repeat;
	background-position: left 16px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 26px;
}

.footer .footerTxt {
	color: #FFF;
	text-align: right;
}

.footer .footerTxt a,
.footer .footerTxt a:visited {
	color: #FFF;
	text-decoration: none;
}

.footer .footerTxt a:hover {
	color: #6FF;
	text-decoration: none;
}
/*==============================================
	common-006 preloadedImages（プリロード）
===============================================*/
#preloadedImages {
	display: inline;
	height: 0px;
	width: 0px;
	background: url(../../images/home_over.gif);
	background: url(../../images/map_over.gif);
	background: url(../../images/navi01_over.gif);
	background: url(../../images/navi02_over.gif);
	background: url(../../images/navi03_over.gif);
	background: url(../../images/navi04_over.gif);
	background: url(../../images/navi05_over.gif);
	background: url(../../images/navi06_over.gif);
	background: url(../../top_item/top-item02_over.jpg);
	background: url(../../top_item/top-item02_over.jpg);
	background: url(../../images/more_over.gif);
	background: url(../../images/products_btn01_over.jpg);
	background: url(../../images/products_btn02_over.jpg);
	background: url(../../images/products_btn03_over.jpg);
	background: url(../../images/products_btn04_over.jpg);

}
#headerArea {
	background-image: url(../../new_images/second_header_side.jpg);
	background-repeat: repeat-x;
	height: 100px;
}

.headerBg {
	background-image: url(../../new_images/second_header.jpg);
	background-repeat: no-repeat;
	height: 216px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}

.headerBg h1 {
	font-size: 14px;
	line-height: 130%;
	color: #FFF;
	text-align: left;
	padding-top: 12px;
	padding-left: 200px;
	padding-bottom: 6px;
}

.headerBg .telephone {
	font-size: 17px;
	line-height: 120%;
	font-weight: bold;
	color: #FFF;
	text-align: right;
	letter-spacing: 0.1em;
}

/*==================ナビエリア(s)==================*/
#naviArea_s {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #0C56A9;
	background-color: #A8D1EA;
	width: 100%;
	height: 30px;
}

ul.navi_s {
	list-style-type: none;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}

ul.navi li {
	float: left;
}

/*==================ナビエリア(コア)==================*/
#naviArea {
	width: 100%;
	height: 60px;
	background-image: url(../../new_images/navi_bg.jpg);
	background-repeat: repeat-x;
}

ul.navi {
	list-style-type: none;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}

ul.navi_s li {
	float: left;
}