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

body,
h1, h2, h3, h4, h5, h6, p, div, ul, li, dl, dt, dd{
	font-family:"ヒラギノ角ゴ pro W3","Hiragino kakugo Gothic Pro W3","Osaka",
"メイリオ","sans-self";
	color:#3B3D3C;
	margin:0px;
	padding:0px;
	color: #3B3D3C;
	font-size: 12px;/* Firefiox Safari Opera IE8... */
	line-height:1.7;
}
.left_contents .map {
	padding: 0px;
	float: left;
	width: 342px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.info {
	padding: 0px;
	float: right;
	width: 297px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


body {
	background-image: url(../common_img/back.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
}

/* clearfix
------------------------------------------ */
.clearfix:after,.rnClearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix,.rnClearfix{display:block;}
.clear{clear:both;}

/* margin */
.mgt3{margin-top:3px !important;}
.mgt4{margin-top:4px !important;}
.mgt5{margin-top:5px !important;}
.mgt8{margin-top:8px !important;}
.mgt10{margin-top:10px !important;}
.mgt15{margin-top:15px !important;}
.mgt20{margin-top:20px !important;}
.mgt25{margin-top:25px !important;}
.mgt30{margin-top:30px !important;}
.mgb15{margin-bottom:15px !important;}

/* padding */
.pdt3{padding-top:3px !important;}
.pdt4{padding-top:4px !important;}
.pdt5{padding-top:5px !important;}
.pdt8{padding-top:8px !important;}
.pdt10{padding-top:10px !important;}
.pdt15{padding-top:15px !important;}
.pdt20{padding-top:20px !important;}
.pdt25{padding-top:25px !important;}
.pdt30{padding-top:30px !important;}
.pdb20{padding-bottm:20px !important;}



.wrapper {
	background-color: #FFFFFF;
	width: 810px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.box_left .logo {
	margin: 0px;
	float: left;
	height: 45px;
	width: 70px;
	padding-right: 10px;
}
.wrapper .name {
	float: left;
	font-size: 14px;
	vertical-align: middle;
	margin: 0px;
	padding-top: 14px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.wrapper .explain {
	font-size: 10px;
	float: left;
	vertical-align: middle;
	margin: 0px;
	padding-top: 17px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.wrapper .no {
	margin: 0px;
	float: right;
	vertical-align: middle;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.left_contents {
	padding: 0px;
	float: left;
	width: 648px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.right_contents {
	padding: 0px;
	float: right;
	width: 152px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.left_contents .pic {
	padding: 0px;
	float: left;
	height: 110px;
	width: 142px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.left_contents .lead {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 496px;
}
.left_contents .orange {
	font-size: 14px;
	color: #E37823;
}
.wrapper .w_810 {
	padding: 0px;
	width: 810px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.wrapper .box {
	margin: 0px;
	padding: 0px;
	width: 810px;
}
.wrapper .box .box_left {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 574px;
}
.wrapper .box .box_right {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 236px;
}
.left_contents .w_318_left {
	padding: 0px;
	float: left;
	width: 318px;
	
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.left_contents .w_318_right {
	padding: 0px;
	float: right;
	width: 318px;
	
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.left_contents .top_info {
	background-image: url(../top_img/h3_01.gif);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	width: 308px;
	color: #1B1B5C;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 21px;
}
.fotter {
	letter-spacing: normal;
	text-align: center;
	padding-top: 0px;
	border-top-color: #3B3D3C;
	margin: 0px;
}
.right_contents ul {
	margin: 0px;
	padding: 0px;
	width: 152px;
}
.right_contents li {
	display: block;
	margin: 0px;
	height: 35px;
	width: 152px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.thick {
	font-weight: bold;
}

/*会社概要*/
table.dataTableJ01 {
	font-weight:normal;
	border: 1px solid #428299;
	margin-bottom: 15px;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-left: 0px;
}
table.dataTableJ01 th {
	color: #ffffff;
	font-weight:normal;
	background-color: #ebf3f8;
}

table.dataTableJ01 th, table.dataTableJ01 td {
	padding:5px 5px;
	text-align:left;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #428299;
	border-bottom-color: #428299;
	color: #3B3D3C;
}

.mgr5{
margin-right:5px;
}

.lead .line {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a2c3d3;
	font-size: 12px;
	color: #428299;
}
.lead a {
	color: #a2c3d3;
	text-decoration: none;
}

.lead a:hover {
	color: #53889B;
	text-decoration: none;
}
ul .navi_orange {
	margin: 0px;
	padding: 0px;
	width: 151px;
}
.navi_orange li {
	display: block;
	padding: 0px;
	height: 27px;
	width: 152px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.dataTableJ01 a {
	color: #1072AB;
}

.dataTableJ01 a:hover {
	color: #521B61;
}

/*おすすめ商品　定番商品*/
.lead .recommend a {
	color: #DE6639;
	text-decoration: none;
}

.lead .recommend a:hover {
	color: #ae4f09;
	text-decoration: none;
}


.recommend_line {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DE6639;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	line-height: 1.5;
	color: #DE6639;
}

.recommend_line_s {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4191B9;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	line-height: 1.5;
	color: #4191B9;
}

.left_contents .recommend_middle {
	margin: 0px;
	width: 626px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #f08437;
	border-left-color: #f08437;
}

.left_contents .recommend_middle .lead {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 466px;
}

.left_contents .recommend_middle .photo {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 150px;
	width: 150px;
}
.right_contents .fax {
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EA570F;
	color: #EA570F;
}
.left_contents .w_648 {
	padding: 0px;
	width: 648px;
	margin-top: 10px;
}
.w_648 .w_648_left {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 319px;
}
.w_648_left .top {
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	height: 10px;
	width: 319px;
}
.w_648_left .middle {
	font-size: 0px;
	line-height: 0px;
	background-image: url(../recommend/img/middle.gif);
	background-repeat: repeat-y;
	margin: 0px;
	width: 299px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.middle .photo_area {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 100px;
	width: 100px;
}
.middle .w_180 {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 180px;
}
.w_648_left .bottom {
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	height: 10px;
	width: 319px;
}

.w_648 .w_648_right {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 319px;
}
.w_648_right .top {
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	height: 10px;
	width: 319px;
}
.w_648_right .middle {
	font-size: 0px;
	line-height: 0px;
	background-image: url(../recommend/img/middle.gif);
	background-repeat: repeat-y;
	margin: 0px;
	width: 299px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.w_648_right .middle_s {
	font-size: 0px;
	line-height: 0px;
	background-image: url(../product/img/s_middle.gif);
	background-repeat: repeat-y;
	margin: 0px;
	width: 299px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.middle_s .photo_area {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 100px;
	width: 100px;
}
.middle_s .w_180 {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 180px;
}
.w_648_right .bottom {
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	height: 10px;
	width: 319px;
}
.w_648_left .middle_s {
	background-image: url(../product/img/s_middle.gif);
	background-repeat: repeat-y;
	margin: 0px;
	width: 299px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.left_contents .midashi {
	font-size: 14px;
	color: #1C1E65;
	background-image: url(../product/img/h2.gif);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.left_contents .midashi_reco {
	font-size: 14px;
	color: #D53E33;
	background-image: url(../recommend/img/h2.gif);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}