@charset "utf-8";

*{ margin:0; padding:0; text-decoration:none; font-weight:normal; font-style:normal; line-height:1.5em; font-size: 12px; font-family:'ＭＳ Ｐゴシック',sans-serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';}
* html body { font-size: 0.9em;text-align: center;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}
ul li { list-style:none; }
ul,li {margin: 0;padding: 0;}
div,ul,li { zoom:1; }
div:after,ul:after,li:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0.001em;line-height: 0;}
select option { padding : 0 5px; }

body{overflow-y: scroll;}
* html body{overflow-y: scroll;}
*+html body{overflow: hidden;}

img{
	vertical-align: top;
	border: 0;
}

/* anchor */
a {
	color:#545454;
	text-decoration:none;
	overflow: hidden; /*firefox点線対応*/
}
* html a {
	overflow: visible;
}
*+html a {
	overflow: visible;
}

a img{border: 0;}

/* table */
table {
	border-collapse: 0;
	border-collapse:collapse;
}
th,td {
	border-collapse:collapse;
}
strong{
	font-weight: bold;
}


/* -- generic parts -- */
.mb-5 {margin-bottom: 5px !important;}
.mb-10 {margin-bottom: 10px !important;}
.mb-15 {margin-bottom: 15px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-25 {margin-bottom: 25px !important;}
.mb-50 {margin-bottom: 50px !important;}
.fl-l {float: left !important;}
.fl-r {float: right !important;}

/* -- container -- */
div#container {
}

div#container-inner {
	margin: 0 auto;
}

/* -- header -- */
div#header {
	height: 78px;
	background: url('../img/common/header_bg.gif') repeat-x;
}

div#header-inner {
	margin: 0 auto;
	width: 850px;
	position: relative;
	text-align: left;
}

div#header-inner h1 {
	color: 6f6f6f;
	font-size: 12px;
	font-weight: normal;
	position: absolute;
	top: 20px;
	left: 0;
}

p.h1 {
	color: 6f6f6f;
	font-size: 12px;
	font-weight: normal;
	position: absolute;
	top: 20px;
	left: 0;
}

p.logo {
	position: absolute;
	top: 42px;
	left: 0;
}

p.header-telnumber {
	position: absolute;
	top: 15px;
	right: 0;
}

/* -- g navi -- */
div#g-navi {
	height: 46px;
	background: url('../img/common/navi_bg.gif') repeat-x;
}

div#g-navi-inner {
	margin: 0 auto;
	width: 850px;
	text-align: left;
}

ul#nav-one li {
	float: left;
	position: relative;
}

ul#nav-one li.navi-01 {
	width: 142px;
	height: 46px;
}

ul#nav-one li.navi-01 a {
	display: block;
	width: 142px;
	height: 46px;
	background: url('../img/common/g-navi_01_off.gif') no-repeat;
	text-indent: -9999em;
}

ul#nav-one li.navi-01 a:hover {
	background: url('../img/common/g-navi_01_on.gif') no-repeat;
}

ul#nav-one li.navi-02 {
	width: 141px;
	height: 46px;
}

ul#nav-one li.navi-02 a {
	display: block;
	width: 141px;
	height: 46px;
	background: url('../img/common/g-navi_02_off.gif') no-repeat;
	text-indent: -9999em;
}
ul#nav-one li.navi-02 a:hover {
	background: url('../img/common/g-navi_02_on.gif') no-repeat;
}

ul#nav-one li.navi-03 a {
	display: block;
	width: 142px;
	height: 46px;
	background: url('../img/common/g-navi_03_off.gif') no-repeat;
	text-indent: -9999em;
}
ul#nav-one li.navi-03 a:hover {
	background: url('../img/common/g-navi_03_on.gif') no-repeat;
}

ul#nav-one li.navi-04 a {
	display: block;
	width: 141px;
	height: 46px;
	background: url('../img/common/g-navi_04_off.gif') no-repeat;
	text-indent: -9999em;
}
ul#nav-one li.navi-04 a:hover {
	background: url('../img/common/g-navi_04_on.gif') no-repeat;
}

ul#nav-one li.navi-05 a {
	display: block;
	width: 142px;
	height: 46px;
	background: url('../img/common/g-navi_05_off.gif') no-repeat;
	text-indent: -9999em;
}
ul#nav-one li.navi-05 a:hover {
	background: url('../img/common/g-navi_05_on.gif') no-repeat;
}

ul#nav-one li.navi-06 a {
	display: block;
	width: 142px;
	height: 46px;
	background: url('../img/common/g-navi_06_off.gif') no-repeat;
	text-indent: -9999em;
}
ul#nav-one li.navi-06 a:hover {
	background: url('../img/common/g-navi_06_on.gif') no-repeat;
}

#nav-one li ul {
	display: none;
	position: absolute;
	top: -9999em;
	left: -1px;
}

#nav-one li:hover ul,
#nav-one li.sfHover ul {
	top: 46px;
}

#nav-one ul li {
	float: none;
}

ul#nav-one ul li.navi-02-1 a {
	width: 193px;
	height: 28px;
	background: url('../img/common/navi-02-1_off.gif') no-repeat;
}

ul#nav-one ul li.navi-02-1 a:hover {
	background: url('../img/common/navi-02-1_on.gif') no-repeat;
}

ul#nav-one ul li.navi-02-2 a {
	width: 193px;
	height: 29px;
	background: url('../img/common/navi-02-2_off.gif') no-repeat;
}

ul#nav-one ul li.navi-02-2 a:hover {
	background: url('../img/common/navi-02-2_on.gif') no-repeat;
}

ul#nav-one ul li.navi-03-1 a {
	width: 193px;
	height: 28px;
	background: url('../img/common/navi-03-1_off.gif') no-repeat;
}

ul#nav-one ul li.navi-03-1 a:hover {
	background: url('../img/common/navi-03-1_on.gif') no-repeat;
}

ul#nav-one ul li.navi-03-2 a {
	width: 193px;
	height: 28px;
	background: url('../img/common/navi-03-2_off.gif') no-repeat;
}

ul#nav-one ul li.navi-03-2 a:hover {
	background: url('../img/common/navi-03-2_on.gif') no-repeat;
}

ul#nav-one ul li.navi-03-3 a {
	width: 193px;
	height: 28px;
	background: url('../img/common/navi-03-3_off.gif') no-repeat;
}

ul#nav-one ul li.navi-03-3 a:hover {
	background: url('../img/common/navi-03-3_on.gif') no-repeat;
}

ul#nav-one ul li.navi-03-4 a {
	width: 193px;
	height: 29px;
	background: url('../img/common/navi-03-4_off.gif') no-repeat;
}

ul#nav-one ul li.navi-03-4 a:hover {
	background: url('../img/common/navi-03-4_on.gif') no-repeat;
}

ul#nav-one ul li.navi-04-1 a {
	width: 193px;
	height: 28px;
	background: url('../img/common/navi-04-1_off.gif') no-repeat;
}

ul#nav-one ul li.navi-04-1 a:hover {
	background: url('../img/common/navi-04-1_on.gif') no-repeat;
}

ul#nav-one ul li.navi-04-2 a {
	width: 193px;
	height: 28px;
	background: url('../img/common/navi-04-2_off.gif') no-repeat;
}

ul#nav-one ul li.navi-04-2 a:hover {
	background: url('../img/common/navi-04-2_on.gif') no-repeat;
}

ul#nav-one ul li.navi-04-3 a {
	width: 193px;
	height: 28px;
	background: url('../img/common/navi-04-3_off.gif') no-repeat;
}

ul#nav-one ul li.navi-04-3 a:hover {
	background: url('../img/common/navi-04-3_on.gif') no-repeat;
}

ul#nav-one ul li.navi-04-4 a {
	width: 193px;
	height: 28px;
	background: url('../img/common/navi-04-4_off.gif') no-repeat;
}

ul#nav-one ul li.navi-04-4 a:hover {
	background: url('../img/common/navi-04-4_on.gif') no-repeat;
}

ul#nav-one ul li.navi-04-5 a {
	width: 193px;
	height: 28px;
	background: url('../img/common/navi-04-5_off.gif') no-repeat;
}

ul#nav-one ul li.navi-04-5 a:hover {
	background: url('../img/common/navi-04-5_on.gif') no-repeat;
}

ul#nav-one ul li.navi-04-6 a {
	width: 193px;
	height: 28px;
	background: url('../img/common/navi-04-6_off.gif') no-repeat;
}

ul#nav-one ul li.navi-04-6 a:hover {
	background: url('../img/common/navi-04-6_on.gif') no-repeat;
}

ul#nav-one ul li.navi-04-7 a {
	width: 193px;
	height: 28px;
	background: url('../img/common/navi-04-7_off.gif') no-repeat;
}

ul#nav-one ul li.navi-04-7 a:hover {
	background: url('../img/common/navi-04-7_on.gif') no-repeat;
}

ul#nav-one ul li.navi-04-8 a {
	width: 193px;
	height: 29px;
	background: url('../img/common/navi-04-8_off.gif') no-repeat;
}

ul#nav-one ul li.navi-04-8 a:hover {
	background: url('../img/common/navi-04-8_on.gif') no-repeat;
}

/* -- main img -- */
div#main-img {
	height: 280px;
	background: url('../img/top/main_img_bg.gif') repeat-x;
}

div#main-img-inner {
	margin: 0 auto;
	width: 860px;
}

/* -- contents -- */
div#contents {
	margin: 0 auto;
	padding: 15px 0 0 0;
	width: 850px;
	text-align: left;
}

/* -- main -- */
div#main {
	margin-bottom: 60px;
	float: left;
	width: 615px;
}

div.principle {
	margin-bottom: 60px;
	position: relative;
}

p.graf-img {
	width: 245px;
	height: 203px;
	position: absolute;
	top: 3px;
	right: 0;
	background: url('../img/top/main_graf.jpg') no-repeat;
	text-indent: -9999em;
}

div.main-box {
	margin-bottom: 30px;
	background: url('../img/common/box_mid.jpg') repeat-y;
}

div.main-box-btm {
	background: url('../img/common/box_btm.jpg') no-repeat left bottom;
}

div.main-box-inner {
	padding: 15px 10px;
}


p.consult-left {
	float: left;
}

p.consult-left a {
	padding: 60px 0 0 10px;
	display: block;
	width: 283px;
	height: 226px;
	background: url('../img/top/main_btn_01_off.jpg') no-repeat;
}
	* html p.consult-left a {
		width: 293px;
		height: 286px;
	}

p.consult-left a:hover {
	background: url('../img/top/main_btn_01_on.jpg') no-repeat;
}

p.consult-right {
	float: right;
}

p.consult-right a {
	padding: 60px 0 0 10px;
	display: block;
	width: 283px;
	height: 226px;
	background: url('../img/top/main_btn_02_off.jpg') no-repeat;
}
	* html p.consult-right a {
		width: 293px;
		height: 286px;
	}

p.consult-right a:hover {
	background: url('../img/top/main_btn_02_on.jpg') no-repeat;
}

div#sales-box {
	margin-bottom: 15px;
	width: 615px;
	height: 45px;
	position: relative;
}

h2.h2-sales {
	width: 408px;
	position: absolute;
	top: 0;
	left: 0;
}

p.btn-sales {
	width: 207px;
	height: 200px;
	position: absolute;
	top: 0;
	right: 0;
}
	* html p.btn-sales {
		right: -1px;
	}

p.btn-sales-service {
	margin-bottom: 10px;
	float: left;
}

p.btn-sales-service a {
	padding: 60px 0 0 10px;
	display: block;
	width: 284px;
	height: 135px;
	background: url('../img/top/main_btn_03_off.jpg') no-repeat;
}

p.btn-sales-service a:hover {
	background: url('../img/top/main_btn_03_on.jpg') no-repeat;
}

p.btn-support {
	margin-bottom: 10px;
	float: right;
}

p.btn-support a {
	padding: 60px 0 0 10px;
	display: block;
	width: 284px;
	height: 135px;
	background: url('../img/top/main_btn_04_off.jpg') no-repeat;
}

p.btn-support a:hover {
	background: url('../img/top/main_btn_04_on.jpg') no-repeat;
}

p.btn-program {
	float: left;
}

p.btn-program a {
	padding: 60px 0 0 10px;
	display: block;
	width: 284px;
	height: 135px;
	background: url('../img/top/main_btn_05_off.jpg') no-repeat;
}

p.btn-program a:hover {
	background: url('../img/top/main_btn_05_on.jpg') no-repeat;
}

p.btn-inbound {
	float: right;
}

p.btn-inbound a {
	padding: 60px 0 0 10px;
	display: block;
	width: 284px;
	height: 135px;
	background: url('../img/top/main_btn_06_off.jpg') no-repeat;
}

p.btn-inbound a:hover {
	background: url('../img/top/main_btn_06_on.jpg') no-repeat;
}

div#btm-banner {
	width: 615px;
	height: 105px;
	background: url('../img/common/btm_banner0601.gif') no-repeat;
	position: relative;
}
div#btm-banner p {
	position: absolute;
	top: 15px;
	right: 20px;
}







div#btm-banner0601 {
	width: 615px;
	height: 105px;
	background: url('../img/common/btm_banner0601.gif') no-repeat;
	position: relative;
}
div#btm-banner0601 p {
	position: absolute;
	top: 15px;
	right: 20px;
}












div.pagetop {
	text-align: right;
}


/* -- side -- */
div#side {
	float: right;
	width: 220px;
}

div.side-box {
	width: 220px;
	background: url('../img/side/side_box_mid.gif') repeat-y;
}

div.side-box-top {
	background: url('../img/side/side_box_top.gif') no-repeat;
}

div.side-box-btm {
	padding: 5px;
	background: url('../img/side/side_box_btm.gif') no-repeat left bottom;
}

div.topics-box {
	width: 210px;
	background: url('../img/side/topics_box_mid.gif') repeat-y;
}

div.topics-box-top {
	background: url('../img/side/topics_box_top.gif') no-repeat;
}

div.topics-box-btm {
	padding: 6px 4px 4px 0;
	background: url('../img/side/topics_box_btm.gif') no-repeat left bottom;
}

div.topics-box-inner {
	padding: 10px;
/*	height: 150px;
	overflow-y: scroll;*/
}

div.topics-box-inner dl {
	padding: 0 0 0 10px;
	border-bottom: 1px dotted #706d6d;
}

div.topics-box-inner dt {
	padding: 0 0 0 10px;
	background: url('../img/side/arrow_01.gif') no-repeat left center;
}

div.topics-box-inner dd {
	padding: 0 0 0 10px;
}

div.side-navi {
	margin-bottom: 15px;
	background: #c1c1c1 url('../img/side/side_navi_mid.gif') repeat-x left bottom;
}

div.side-navi-top {
	padding-top: 4px;
	background: url('../img/side/side_navi_top.gif') no-repeat;
}

div.side-navi-btm {
	padding: 0 5px 4px;
	background: url('../img/side/side_navi_btm.gif') no-repeat left bottom;
}

/* -- contents-foot -- */
div#contents-foot {
	padding: 15px 0;
	border-top: 1px solid #cecece;
	clear: both;
}

div#contents-foot p {
	text-align: center;
}

/* -- footer -- */
div#footer {
	height: 120px;
	background: url('../img/common/footer_bg.gif') repeat-x;
}

div#footer-inner {
	margin: 0 auto;
	padding-top: 70px;
	width: 850px;
	position: relative;
}

p.footer-logo {
	position: absolute;
	top: 30px;
	right: 0;
}

p.footer-txt {
	background: url('../img/common/footer_txt.gif') no-repeat;
	text-indent: -9999em;
}

div#footer-inner address {
	background: url('../img/common/footer_address.gif') no-repeat;
	text-indent: -9999em;
}



#gmapField{
	width: 578px;
	height: 288px;
}