@charset "UTF-8";

body {
margin:0;
padding:0;
color:#333333;
background: #cccccc;
font-size: 80%;
line-height: 160%;
}
img {
margin: 0;
padding: 0;
border: none
}
.h1_01 {
margin-bottom: 10px;
font-size: 120%;
line-height: 20px;
font-weight: bold;
text-indent: 10px;
clear: both;
border-left: 10px solid #003c70;
border-bottom: 1px solid #003c70;
}

h2 {
background: url(img/syouhin_title_bg.gif) no-repeat;
font-size: 120%;
text-indent: 30px;
line-height: 30px;
border-bottom: 1px solid #333333;
background-position: left center;
clear: both;
margin-top: 10px;
margin-bottom: 20px;
}

h3{
margin-bottom: 10px;
font-size: 120%;
line-height: 20px;
font-weight: bold;
text-indent: 10px;
clear: both;
border-left: 10px solid #003c70;
border-bottom: 1px solid #003c70;
}
h4 {
background: url(img/syouhin_title_bg.gif) no-repeat;
font-size: 120%;
text-indent: 30px;
line-height: 30px;
border-bottom: 1px solid #333333;
background-position: left center;
clear: both;
margin-top: 10;
margin-bottom: 20px;
}

/**************************** link */
a {
color: #0066cc;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
#header a {
color: #666666;
}
#header a:hover {
color: #3da1cc;
text-decoration: none;
}
.sidemenu_center a {
color:#ffffff;
}
.sidemenu_center a:hover {
color:#66ccff;
text-decoration: none;
}
h2 a {
color:#333333;
}
h2 a:hover {
color:#0066cc;
}
#footer_info a {
color: #ffffff;
}
#footer_info a:hover {
color: #66ccff;
}

/**************************** layout */
#wrapper {
margin:0 auto;
padding:0px;
width: 840px;
left: 0px;
top: 0px;
background: #ffffff;
}
#header {
padding:0 20px;
height:100px;
text-align:left;
top: 0px;
position: absolute;
width: 800px;
margin-top: 0;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
background: url(img/header_b_080116.gif) repeat-x;
}
#content {
padding:10px 20px;
width: 800px;
margin: 100px 0 0 0;
}
#content_left {
margin:0 20px 0 0;
padding:0;
float: left;
width: 180px;
}
#content_right {
margin:0;
padding:0;
float: right;
width: 600px;
}
#footer {
margin: 0;
padding: 0;
height: 70px;
clear: both;
width: 800px;
font-size: 12px;
}
/**************************** header */
#header_info {
margin:0;
padding:0;
line-height: 20px;
}
#header_title {
height:70px;
margin: 0px;
padding: 0px;
float: left;
}
#jfe_logo {
margin:0;
padding:0;
float: right;
height: 70px;
}
#header_menu{
margin:0;
padding:0;
height:30px;
clear: both;}
/**************************** content_right */
#front {
margin-bottom: 20px;
padding-top: 0px;
}
#main_content {
margin: 0px;
padding: 0px;
}
.content_img {
margin: 0 20px 60px 0px;
float: left;
}
.content_img01 {
margin: 0 20px 20px 0px;
float: left;
}
.content_img02 {
margin: 0px 0px 20px 20px;
float: right;
}
/**************************** footer */
#footer_topbt {
text-align: right;
margin: 30px 0px 20px 0px;
padding: 0px;
}
#footer_info {
height: 30px;
margin: 0px;
padding: 0px;
line-height: 30px;
text-align: left;
text-indent: 20px;
background: #003c70;
color: #ffffff;
}
.head3 {
margin-bottom: 10px;
line-height: 20px;
font-weight: bold;
text-indent: 10px;
clear: both;
border-left: 10px solid #003c70;
border-bottom: 1px solid #003c70;
}

/**************************** content_left */
.sidemenu {
margin:0 0 2px 0;
padding:0;
text-align: center;
color: #ffffff;
}
.sidemenu_top {
margin: 0;
padding: 0;
background: url(img/sidemenu_top_bg.gif) no-repeat;
height: 10px;
}
.sidemenu_top img {
margin: 0;
padding: 0;
vertical-align: bottom;
}
.sidemenu_center {
margin: 　0;
padding: 0 10px 0 10px;
width: 160px;
background-image: url(img/sidemenu_center_bg.gif);
}
.sidemenu_center img {
margin: 0 0 10px 0;
padding: 0;
}
.sidemenu_center ul {
list-style: none;
padding: 0;
margin: 0px 10px 20px 10px;
text-align: left;
font-size: 12px;
}
.sidemenu_center li {
background-image: url(img/list_img.gif);
background-repeat: no-repeat;
line-height: 20px;
margin: 0 0 10px 0;
padding: 0 0 0 25px;
}
#sidemenu_indent{
background: none !important;


}
.option_list {
background-image: url(img/list_img.gif);
background-repeat: no-repeat;
line-height: 120%;
margin: 0 0 10px 0;
padding: 0 0 0 25px;
}
.sidemenu_bottom {
margin:0px 0px 10px 0px;
padding:0;
background: url(img/sidemenu_bottom_bg.gif) no-repeat bottom;
height: 10px;
}
.sidemenu_bottom img{
margin:0;
padding:0;
vertical-align: top;
}
.banner {
margin:0;
padding:0 10px 10px 10px;
background-image: url(img/sidemenu_center_bg.gif);
}
.banner img {
margin: 0 0 10px 0;
padding: 0;
}
/********************************************************* menu_bt */
#top_bt a {
display: block;
height: 30px;
float: left;
width: 87px;
background-image: url(img/menu_top_bt01.gif);
text-indent: -9999px;
}
#top_bt a:hover {
background-image: url(img/menu_top_bt02.gif);
}
#a_19 a {
display: block;
height: 30px;
float: left;
width: 74px;
background-image: url(img/menu_about_bt01.gif);
text-indent: -9999px;
}
#a_19 a:hover {
background-image: url(img/menu_about_bt02.gif);
}
#a_20 a {
display: block;
height: 30px;
float: left;
width: 84px;
background-image: url(img/menu_sitemap_bt01.gif);
text-indent: -9999px;
}
#a_20 a:hover {
background-image: url(img/menu_sitemap_bt02.gif);
}
#a_21 a {
display: block;
height: 30px;
float: left;
width: 84px;
background-image: url(img/menu_contact_bt01.gif);
text-indent: -9999px;
}
#a_21 a:hover {
background-image: url(img/menu_contact_bt02.gif);
}
#a_59 a {
display: block;
height: 30px;
float: left;
width: 90px;
background-image: url(img/menu_service_bt01.gif);
text-indent: -9999px;
}
#a_59 a:hover {
background-image: url(img/menu_service_bt02.gif);
}
#side_contact_bt a {
display: block;
height: 50px;
width: 160px;
background-image: url(img/sidemenu_bt06a.gif);
text-indent: -9999px;
margin: 0px;
}
#side_contact_bt a:hover {
background-image: url(img/sidemenu_bt06b.gif);
}
#e_30 a {
display: block;
height: 50px;
width: 160px;
background-image: url(img/sidemenu_bt07a.gif);
text-indent: -9999px;
margin: 0px 0px 10px 0px;
}
#e_30 a:hover {
background-image: url(img/sidemenu_bt07b.gif);
}
#e_31 a {
display: block;
height: 50px;
width: 160px;
background-image: url(img/sidemenu_bt08a.gif);
text-indent: -9999px;
margin: 0px 0px 10px 0px;
}
#e_31 a:hover {
background-image: url(img/sidemenu_bt08b.gif);
}
#e_32 a {
display: block;
height: 30px;
width: 160px;
background-image: url(img/sidemenu_bt09a.gif);
text-indent: -9999px;
margin: ;
}
#e_32 a:hover {
background-image: url(img/sidemenu_bt09b.gif);
}
#e_33 a {
display: block;
height: 30px;
width: 160px;
background-image: url(img/sidemenu_bt10a.gif);
text-indent: -9999px;
margin: 0px 0px 10px 0px;
}
#e_33 a:hover {
background-image: url(img/sidemenu_bt10b.gif);
}
#e_34 a {
display: block;
height: 30px;
width: 160px;
background-image: url(img/sidemenu_bt11a.gif);
text-indent: -9999px;
margin: 0px 0px 10px 0px;
}
#e_34 a:hover {
background-image: url(img/sidemenu_bt11b.gif);
}
#front_contact01 a {
display: block;
height: 50px;
width: 200px;
background-image: url(img/front05a.gif);
text-indent: -9999px;
margin: 0px auto;
clear: both;
}
#front_contact01 a:hover {
background-image: url(img/front05b.gif);
text-decoration: none;
}
.front_contact02 a {
display: block;
height: 60px;
width: 300px;
background-image: url(img/front06a.gif);
text-indent: -9999px;
margin: 0px auto;
clear: both;
}
.front_contact02 a:hover {
background-image: url(img/front06b.gif);
text-decoration: none;
}
#column a {
display: block;
height: 30px;
width: 160px;
background-image: url(img/column_a.gif);
text-indent: -9999px;
margin: 0px
}
#column a:hover {
background-image: url(img/column_b.gif);
}
#case a {
display: block;
height: 30px;
width: 160px;
background-image: url(img/case_a.gif);
text-indent: -9999px;
margin: 0px 0px 10px 0px;
}
#case a:hover {
background-image: url(img/case_b.gif);
}






.front_box {
float: left;
width: 160px;
margin: 0px;
padding: 20px;
background-image: url(img/front_back.gif);
height: 160px;
font-size: 14px;
color: #ffffff;
}
.clear {
clear: both;
margin: 0px auto;
padding: 0px;
text-align: center;
}
.center {
text-align: center;
margin: 0px auto;
}
.left {
text-align: left;
}
.right {
text-align: right;
}

/* service */
.service_access {
border: 1px dotted #999999;
padding: 10px;
margin: 20px 0px;
}
.qr_service {
float: right;
text-align: center;
width: 180px;
margin: 10px;
}

/* table */
.comp_ab td {
border-bottom: 1px dotted #999999;
}
.comp_ab th {
text-align: left;
margin-right: 10px;
border-bottom: 1px dotted #999999;
width: 80px;
}

/* banner02 */
.banner02 img {
margin-bottom: 10px;
}

.top_link {
width: 420px;
float: right;
}



/* column */
#keyword_title {
border: dashed 1px #cccccc;
padding: 2px;
margin: 20px 20px 0px 20px;
color: #999999;
font-size: 80%;
}
#keyword_title h6 {
font-size: 100%;
font-weight: normal;
margin: 0px 0px 0px 10px;
}


/* image_potision */
.image_right {
float: right: 
margin: 0px 0px 20px 20px;
}
.image_left {
float: left;
margin: 0px 20px 20px 0px;
}


/* sitemap */
.sitemap01 {
padding: 5px 0px 5px 10px;
margin: 10px 0px;
background: #ededed;
}
.sitemap_ul {
margin: 0px;
padding: 0px 0px 0px 40px;
}