@charset "utf-8";
* {
	padding:0;
	margin:0;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
	color: #333;
}
html {
	overflow: scroll;
}
img {
	border:0;
}
a:link {
	color: #039;
	text-decoration: underline;
}
a:visited {
	color: #369;
	text-decoration: underline;
}
a:hover {
	color: #39F;
	text-decoration: underline;
}

.clear {
	font-size: 0px;
	clear: both;
}

#wrap {
	background-image: url(../img/bg_wrap.jpg);
	background-repeat: repeat-y;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
}
#header {
	height: 90px;
	width: 900px;
	background-image: url(../img/line.jpg);
	background-repeat: repeat-x;
	background-position: 0px bottom;
	position: relative;
}
#header #summary {
	font-size: 12px;
	position: absolute;
	left: 10px;
	top: 10px;
}
#header #logo {
	height: 48px;
	width: 315px;
	position: absolute;
	left: 10px;
	top: 35px;
}
#header #header_tel {
	height: 45px;
	width: 180px;
	position: absolute;
	left: 700px;
	top: 10px;
}
#header #language {
	height: 12px;
	width: 90px;
	position: absolute;
	left: 802px;
	top: 65px;
}
#language p#english a {
	background-image: url(../img/btn_english.jpg);
	display: block;
	height: 23px;
	width: 90px;
	text-indent: -9999px;
	overflow: hidden;
}
#language p#japanese a {
	background-image: url(../img/btn_japanese.jpg);
	display: block;
	height: 23px;
	width: 90px;
	text-indent: -9999px;
	overflow: hidden;
}

#language p#viet a {
	background-image: url(../img/btn_viet.jpg);
	display: block;
	height: 23px;
	width: 90px;
	text-indent: -9999px;
	overflow: hidden;
}

#header #language2 {
	height: 12px;
	width: 90px;
	position: absolute;
	left: 712px;
	top: 65px;
}
#language2 p#english a {
	background-image: url(../img/btn_english.jpg);
	display: block;
	height: 23px;
	width: 90px;
	text-indent: -9999px;
	overflow: hidden;
}
#language2 p#japanese a {
	background-image: url(../img/btn_japanese.jpg);
	display: block;
	height: 23px;
	width: 90px;
	text-indent: -9999px;
	overflow: hidden;
}

#language2 p#viet a {
	background-image: url(../img/btn_viet.jpg);
	display: block;
	height: 23px;
	width: 90px;
	text-indent: -9999px;
	overflow: hidden;
}
p#english a:hover,p#japanese a:hover,p#viet a:hover {
	background-position: -90px 0px;
}
ul#gnavi {
	background-image: url(../img/bg_gnavi.jpg);
	height: 70px;
	width: 880px;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
}
#gnavi li {
	list-style-type: none;
	float: left;
}
#gnavi li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
#gnavi li a:hover {
	background-position: 0px -50px;
}
#gn01 a {
	background-image: url(../img/gn_01.jpg);
	display: block;
	height: 50px;
	width: 130px;
}
#gn02 a {
	background-image: url(../img/gn_02.jpg);
	display: block;
	height: 50px;
	width: 190px;
}
#gn03 a {
	background-image: url(../img/gn_03.jpg);
	display: block;
	height: 50px;
	width: 190px;
}
#gn04 a {
	background-image: url(../img/gn_04.jpg);
	display: block;
	height: 50px;
	width: 200px;
}
#gn05 a {
	background-image: url(../img/gn_05.jpg);
	display: block;
	height: 50px;
	width: 170px;
}

#container {
	background-image: url(../img/bg_con_middle.jpg);
	background-repeat: repeat-y;
	width: 880px;
	margin-right: auto;
	margin-left: auto;
}
#container_top {
	background-image: url(../img/bg_con_top.jpg);
	background-repeat: no-repeat;
	height: 5px;
	width: 880px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

#container_bottom {
	background-image: url(../img/bg_con_bottom.jpg);
	background-repeat: no-repeat;
	height: 5px;
	width: 880px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
#right_side {
	width: 232px;
	padding-right: 15px;
	float: right;
}
ul#assist_navi {
	width: 194px;
	height: 23px;
	margin-bottom: 15px;
	margin-left: auto;
}
#assist_navi li {
	float: left;
	list-style-type: none;
	margin-left: 5px;
}
#assist_navi li a {
	display: block;
	height: 23px;
	width: 92px;
	text-indent: -9999px;
	overflow: hidden;
}
#assist_navi li a:hover {
	background-position: 0px -23px;
}

#an01 a {
	background-image: url(../img/btn_home.jpg);
}
#an02 a {
	background-image: url(../img/btn_sitemap.jpg);
}

#side_navi {
	clear: both;
	background-image: url(../img/bg_navi_middle.jpg);
	background-repeat: repeat-y;
	margin-bottom: 20px;
}
#side_navi ul {
	font-size: 12px;
	background-image: url(../img/bg_navi_top.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 232px;
	padding: 5px;
}
#side_navi ul a:link {
	color: #369;
	text-decoration: underline;
}
#side_navi ul a:visited {
	color: #666;
	text-decoration: underline;
}
#side_navi ul a:hover {
	color: #39F;
	text-decoration: underline;
}

#side_navi li {
	list-style-type: none;
}
#sn01 a {
	background-image: url(../img/gn_company.jpg);
	text-indent: -9999px;
	display: block;
	height: 45px;
	width: 220px;
	overflow: hidden;
	margin-bottom: 5px;
}
#sn02 a {
	background-image: url(../img/gn_base.jpg);
	text-indent: -9999px;
	display: block;
	height: 45px;
	width: 220px;
	overflow: hidden;
	margin-bottom: 5px;
}
#sn03 a {
	background-image: url(../img/gn_faq.jpg);
	text-indent: -9999px;
	display: block;
	height: 45px;
	width: 220px;
	overflow: hidden;
	margin-bottom: 5px;
	margin-top: 10px;
}
#sn04 a {
	background-image: url(../img/gn_example.jpg);
	text-indent: -9999px;
	display: block;
	height: 45px;
	width: 220px;
	overflow: hidden;
	margin-bottom: 5px;
}
#sn01 a:hover, #sn02 a:hover, #sn03 a:hover, #sn04 a:hover {
	background-position: -220px 0px;
}
.sn02s a {
	background-image: url(../img/bg_sn01s.jpg);
	display: block;
	height: 25px;
	width: 200px;
	line-height: 25px;
	padding-left: 20px;
	background-repeat: no-repeat;
}
.sn02s a:hover {
	background-position: 0px -25px;
}

#side_navi ul .category {
	font-size: 13px;
	border-left: 5px solid #3598FE;
	padding-left: 10px;
	margin: 5px 0 5px 10px;
}


p#side_navi_inq a {
	background-image: url(../img/gn_inquiry.jpg);
	display: block;
	height: 65px;
	width: 220px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	text-indent: -9999px;
	overflow: hidden;
}
p#side_navi_inq a:hover {
	background-position: -220px 0px;
}
#side_navi_bottom {
	font-size: 0px;
	background-image: url(../img/bg_navi_bottom.jpg);
	height: 8px;
	width: 232px;
}
#info {
	background-image: url(../img/bg_info.jpg);
	background-repeat: no-repeat;
	height: 160px;
	width: 232px;
	margin-bottom: 20px;
	position: relative;
}
p#info_com {
	line-height: 25px;
	font-weight: bold;
	color: #FFF;
	height: 25px;
	width: 222px;
	font-size: 11px;
	padding-left: 10px;
	margin-bottom: 5px;
}
#info_add {
	font-size: 12px;
	padding-right: 10px;
	padding-left: 10px;
	height: 75px;
}
p#info_inq a {
	background-image: url(../img/btn_toiawase.jpg);
	display: block;
	height: 27px;
	width: 152px;
	text-indent: -9999px;
	overflow: hidden;
	margin-right: 10px;
	margin-left: auto;
}
p#info_inq a:hover {
	background-position: 0px -27px;
}


#left_side {
	float: left;
	width: 595px;
	padding-left: 15px;
}
ul.footer_navi {
	font-size: 12px;
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
}
.footer_navi li {
	display: inline;
	list-style-type: none;
}
#footer {
	font-size: 10px;
	line-height: 35px;
	color: #666;
	text-align: right;
	height: 35px;
	width: 880px;
	padding-right: 20px;
	background-color: #E8E8E8;
	margin-top: 20px;
}
#footer_inq {
	background-image: url(../img/ban_footer.jpg);
	height: 120px;
	width: 595px;
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative;
}
p.btn_footerinq a {
	background-image: url(../img/btn_footerinq.jpg);
	display: block;
	height: 48px;
	width: 203px;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	left: 260px;
	top: 55px;
}
p.btn_footerinq a:hover {
	background-position: 0px -48px;
}
#pankuzu {
	font-size: 12px;
	line-height: 25px;
	height: 25px;
	width: 595px;
	margin-bottom: 15px;
}