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


/* Reset
++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
br {
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	height: 0px;
	width: 0px;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* Common
++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
body {
	color: #333333;
	font-size: 12px;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ pro W3";
}
h1 {
}
h2 {
	font-size: 10px;
	color: #999999;
}
.h2p {
	font-size: 10px;
	color: #999999;
}
h3 {
	text-align: right;
	font-size: 10px;
	color: #999999;
	padding-bottom: 5px;
	padding-top: 25px;
}
a {
	outline: none;
}
.clear {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}

/* Header
++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#top_area {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 4px;
	height: 120px;
}
#top_area .top_navi {
	text-align: right;
	color: #000000;
	font-size: 12px;
	line-height: 18px;
    position: relative;
    top: 10px;
}
#top_area .top_navi a {
	text-decoration: none;
	color: #000000;
	font-size: 12px;
	line-height: 18px;
}
#top_area .top_navi a:hover {
}
#top_area .head_frame {
	width: 1000px;
}
#top_area .head_frame .logo {
	float: left;
	width: 310px;
	display: flex;
	align-items: center;
}
#top_area .head_frame .inews {
	float: left;
	height: 75px;
	height: 85px;
	width: 150px;
  margin-left:10px;
}
#top_area .head_frame .head_link {
	background-image: url(../img/head_link.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 82px;
	width: 250px;
	margin-left: 175px;
	margin-left: 45px;/* 175-150-10 */
}
#top_area .head_frame .head_link a {
	height: 82px;
	width: 250px;
	display: block;
	text-indent: -5999px;
	overflow: hidden;
}
#top_area .head_frame .head_link a:hover {
	filter: alpha(opacity=20);
	opacity:0.2;
	background: #fff;
}

#top_area .head_frame .head_link2 {
	background-image: url(../img/head_link2.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 75px;
	width: 250px;
	margin-left: 175px;
	margin-left: 15px;/* 175-150-10 */
	margin-top: 0px;
}
#top_area .head_frame .head_link2 a {
	height: 75px;
	width: 250px;
	display: block;
	text-indent: -5999px;
	overflow: hidden;
}
#top_area .head_frame .head_link2 a:hover {
	filter: alpha(opacity=20);
	opacity:0.2;
	background: #fff;
}




#top_area .head_frame .head_phone {
	float: left;
    margin-top: 5px;
    margin-left: 330px;
}
/* #top_area .head_frame .head_phone {
	float: left;
    height: 55px;
    width: 225px;
    margin-top: 5px;
    margin-left: 70px;
} */

/* GlobalMenu
++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#g_menu {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	height: 56px;

	display: flex;
	justify-content: center;
}
#g_menu a {
	display: block;
	text-indent: -5999px;
	overflow: hidden;
	height: 56px;
}
#g_menu a:hover {
	filter: alpha(opacity=20);
	opacity:0.2;
	background: #fff;
}
#g_menu .menu_1 {
	display: block;
	background-image: url(../img/menu_1.jpg);
	background-repeat: no-repeat;
	/*float: left;*/
	height: 56px;
	width: 100px;
}
#g_menu .menu_1 a {
	width: 100px;
}
#g_menu .menu_2 {
	display: block;
	background-image: url(../img/menu_2.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 56px;
	width: 150px;
}
#g_menu .menu_2 a {
	width: 150px;
}
#g_menu .menu_3 {
	display: block;
	background-image: url(../img/menu_3.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 56px;
	width: 150px;
}
#g_menu .menu_3 a {
	width: 150px;
}
#g_menu .menu_4 {
	display: block;
	background-image: url(../img/menu_4.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 56px;
	width: 150px;
}
#g_menu .menu_4 a {
	width: 150px;
}
#g_menu .menu_5 {
	display: block;
	background-image: url(../img/menu_5.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 56px;
	width: 150px;
}
#g_menu .menu_5 a {
	width: 150px;
}
#g_menu .menu_6 {
	display: block;
	background-image: url(../img/menu_6.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 56px;
	width: 150px;
}
#g_menu .menu_6 a {
	width: 150px;
}
#g_menu .menu_7 {
	display: block;
	background-image: url(../img/menu_7.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 56px;
	width: 150px;
}
#g_menu .menu_7 a {
	width: 150px;
}

/* MainImage
++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#main_img {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	height: auto;
}

/* Contents
++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#contents {
	margin-left: auto;
	margin-right: auto;
	height: auto;
	width: 1000px;
}

/* SideMenu
++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#leftColumn {
	float: left;
	padding-bottom: 25px;
	height: auto;
	width: 260px;
	padding-top: 20px;
}
#leftColumn div[class^="side_navi"]{
	background-repeat: no-repeat;
	height: 72px;
	width: 260px;
}

#leftColumn div[class^="side_navi"] a{
	display: block;
	height: 72px;
	width: 260px;
	text-indent: -5999px;
	overflow: hidden;
}
#leftColumn div[class^="side_navi"] a:hover{
		background-repeat: no-repeat;
}
#leftColumn .side_navi1 {
	background-image: url(../img/side-navi_flower.png);
	margin-top: 8px;
}

#leftColumn .side_navi1 a:hover {
	background-image: url(../img/side-navi_flower_on.png);
}
#leftColumn .side_navi2 {
	background-image: url(../img/side-navi_material.png);

}
#leftColumn .side_navi2 a:hover {
	background-image: url(../img/side-navi_material_on.png);
	background-repeat: no-repeat;
}

#leftColumn .side_navi_preserved {
	background-image: url(../img/side-navi_preserved.png);
}

#leftColumn .side_navi_preserved a:hover {
	background-image: url(../img/side-navi_preserved_on.png);
}

#leftColumn .side_navi_soap {
	background-image: url(../img/side-navi_soap.png);
}

#leftColumn .side_navi_soap a:hover {
	background-image: url(../img/side-navi_soap_on.png);
}

#leftColumn .side-navi_and-more {
	background-image: url(../img/side-navi_and-more.png);
}

#leftColumn .side-navi_and-more a:hover {
	background-image: url(../img/side-navi_and-more_on.png);
}

#leftColumn .sub_categories {
	display: block;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	margin-top: 8px;
	margin-left: 4px;
	width: 254px;
	margin-bottom: 15px;
}
#leftColumn .sub_categories .level2 {
	display: block;
	font-size: 13px;
	line-height: 20px;
	color: #000000;
	width: 246px;
	padding-left: 8px;
	margin-bottom: 5px;
}
#leftColumn .sub_categories .level2 a {
	text-decoration: none;
	font-size: 13px;
	line-height: 20px;
	color: #333366;
	font-weight: bold;
}
#leftColumn .sub_categories .level2 a.onlink:visited {
	color: #FF0066;
}
#leftColumn .sub_categories .level2 a:hover {
	color: #666699;
}
#leftColumn .sub_categories .level3 {
	display: block;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	padding-left: 30px;
	margin-bottom: 5px;
	background-image: url(../img/ico_level.gif);
	background-repeat: no-repeat;
	background-position: 20px 4px;
}
#leftColumn .sub_categories .level3 a {
	text-decoration: none;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
}
#leftColumn .sub_categories .level3 a.onlink:visited {
	color: #FF0066;
}
#leftColumn .sub_categories .level3 a:hover {
	color: #666699;
}
#leftColumn .sub_categories4 {
	display: block;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	margin-top: 5px;
	margin-left: 4px;
	width: 254px;
	margin-bottom: 10px;
}

#leftColumn .sub_categories4 .level4 {
	display: block;
	font-size: 12px;
	line-height: 14px;
	color: #000000;
	padding-left: 30px;
	margin-bottom: 3px;
	background-image: url(../img/ico_level.gif);
	background-repeat: no-repeat;
	background-position: 20px 4px;
}
#leftColumn .sub_categories4 .level4 a {
	text-decoration: none;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
}
#leftColumn .sub_categories4 .level4 a.onlink:visited {
	color: #FF0066;
}
#leftColumn .sub_categories4 .level4 a:hover {
	color: #666699;
}

#leftColumn .side_border {
	height: 5px;
	width: 260px;
	margin-top: 40px;
	margin-bottom: 10px;
}
/*
#leftColumn .side_ul a:hover {
	filter: alpha(opacity=20);
	opacity:0.2;
	background: #fff;
}
#leftColumn .side_banner1 {
	background-image: url(../img/side_banner1.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 85px;
	width: 260px;
	margin-top: 25px;
}
#leftColumn .side_banner1 a {
	display: block;
	text-indent: -5999px;
	overflow: hidden;
	height: 85px;
	width: 260px;
} */

#leftColumn li .side_mc_box,
#leftColumn .side_contact,
#leftColumn li .side_catalog_box{
	background-repeat: no-repeat;
	display: block;
	height: 72px;
	width: 260px;
}
#leftColumn li .side_mc_box a,
#leftColumn .side_contact a,
#leftColumn li .side_catalog_box a{
	display: block;
	overflow: hidden;
	height: 72px;
	width: 260px;
}
#leftColumn div.side_contact:hover,
#leftColumn .side_banner2:hover,
#leftColumn .side_banner3:hover{
	opacity: 0.9;
}
#leftColumn li .side_mc_box .txt,
#leftColumn .side_contact .txt,
#leftColumn li .side_catalog_box .txt{
	display: block;
	text-indent: -5999px;
	position: unset;
	overflow: hidden;
}

#leftColumn div.side_contact {
	background-image: url(../img/side_contact.png);
}
#leftColumn .side_banner2 {
	background-image: url(../img/side_catalog.png);
	margin-top: 18px;
}
#leftColumn .side_banner3 {
	background-image: url(../img/side_news.png);
	margin-top: 15px;
}
/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#rightColumn {
	float: right;
	height: auto;
	width: 720px;
	padding-top: 25px;
}
#rightColumn .common_title {
	background-image: url(../img/common_title.jpg);
	background-repeat: no-repeat;
	height: 32px;
	width: 705px;
	font-size: 14px;
	line-height: 22px;
	padding-top: 8px;
	padding-left: 15px;
}
#rightColumn .common_subTitle {
	height: 26px;
	width: 690px;
	font-size: 14px;
	line-height: 22px;
	background-image: url(../img/common_subTitle.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-top: 4px;
	margin-top: 20px;
}
#rightColumn .common_frame {
	width: 710px;
	padding-left: 10px;
}
#rightColumn .common_p {
	font-size: 14px;
	line-height: 24px;
	padding-left: 15px;
	margin-top: 15px;
	padding-right: 5px;
}
#rightColumn .prof_img3 {
	width: 710px;
	margin-top: 30px;
}

/* Footer
++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#footer {
	background-image: url(../img/footer_bg.jpg);
	background-repeat: repeat-x;
	/* height: 443px; */
}
#footer .foot_wrap {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	/* height: 408px; */
}
#footer .foot_wrap .f_top {
	width: 1000px;
}
#footer .foot_wrap .f_top .home {
	float: left;
	background-image: url(../img/home.jpg);
	background-repeat: no-repeat;
}
#footer .foot_wrap .f_top .home a {
	text-decoration: none;
	display: block;
	color: #663300;
	padding-left: 18px;
	font-size: 12px;
	line-height: 18px;
}
#footer .foot_wrap .f_top .home a:hover {
}
#footer .foot_wrap .f_top .pagetop {
	float: right;
	background-image: url(../img/pagetop.jpg);
	background-repeat: no-repeat;
	background-position: right top;
/*	width: 160px; */
}
#footer .foot_wrap .f_top .pagetop a {
	text-decoration: none;
	display: block;
	color: #663300;
	padding-right: 18px;
/*	width: 84px; */
}
#footer .foot_wrap .f_top .pagetop a:hover {
}
#footer .foot_wrap .f_menu {
	text-align: center;
	color: #663300;
	margin-top: 35px;
	font-size: 11px;
}
#footer .foot_wrap .f_menu a {
	text-decoration: none;
	color: #663300;
}
#footer .foot_wrap .f_menu a:hover {
}
#footer .foot_wrap .f_menu2 {
	text-align: center;
	color: #663300;
	margin-top: 20px;
	margin-bottom: 12px;
}
#footer .foot_wrap .f_menu2 a {
	text-decoration: none;
	color: #663300;
	font-size: 10px;
}
#footer .foot_wrap .f_menu2 a:hover {
}
#footer .foot_wrap .f_bottom {
	width: 1000px;
	margin-top: 54px;
	margin-top: 0px;
	width: 300px;

}
#footer .foot_wrap .f_bottom2 {
	width: 1000px;
}
#footer .foot_wrap .f_left {
	float: left;
	width: 290px;
}
#footer .foot_wrap .f_left .f_logo {
	height: 65px;
	width: 290px;
}
#footer .foot_wrap .f_left .company_add{
	margin-bottom: 10px;
}
#footer .foot_wrap .f_address {
	font-size: 12px;
	line-height: 16px;
	margin: 5px 0;
}
#footer .foot_wrap .f_center .f_address {
	width:300px;
}
#footer .foot_wrap .f_left .f_address {
	width: 265px;
}

#add_left,#add_right{
	float:left;
	margin-top:10px;
}
#add_left{
	margin-left:10px;
	padding-right:10px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #666666;
}
#add_right{
	margin-left:10px;
}

.f_name{
	font-weight:bold;
	font-size:14px;
	border-left:3px solid #727272;
	border-bottom:1px dotted #727272;
	padding:0 0 2px 5px;
}
.f_address{
	padding-left:6px;}

#footer .foot_wrap .f_center {
	float: left;
	padding-left: 15px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #666666;
	margin-top: 10px;
    height: 284px;	
}
#footer .foot_wrap .f_center .foot_link {
	height: 46px;
	width: 660px;
}
#footer .foot_wrap .f_right {
	float: right;
	background-image: url(../img/f_rightBg.jpg);
	background-repeat: no-repeat;
	height: 60px;
	width: 369px;
	padding-top: 45px;
	margin-top: 15px;
	margin-top: 10px;
	padding-top: 64px;
}
#footer .foot_wrap .f_right .f_mail {
	height: 35px;
	width: 260px;
	background-image: url(../img/f_mail.jpg);
	background-repeat: no-repeat;
	float: right;
}
#footer .foot_wrap .f_right .f_mail a {
	height: 35px;
	width: 260px;
	display: block;
	text-indent: -5999px;
	overflow: hidden;
}
#footer .foot_wrap .f_right .f_mail a:hover {
}
#footer .copyright {
	text-align: center;
	font-size: 11px;
	padding-top: 18px;
	color: #fff;
	width: 1000px;
	margin: 0 auto;
}



.f_rmark{
	font-size:10px;
	margin-bottom:3px;
}




/* FontStyle
++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.style1 {
	color: #000000;
}
.style2 {
	color: #FF0000;
}
.style3 {
	font-size: 16px;
	line-height: 24px;
}

/* Google translate
++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#google_translate_element {
    position: relative;
    float: right;
    top: 24px;
}
/* #google_translate_element {
	float: right;
} */