@charset "UTF-8";

/* 基本
--------------------------------------------------------------- */
body {
	background-color: #003265;
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-x;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 14px;
	line-height: 160%;
}
#wrapper {
	width: 902px;
	margin-right: auto;
	margin-left: auto;
}
#wrapper #head {
	height: 82px;
	position:relative
}
#wrapper #head h1 {
	background-image: url(../img/head_ttl.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 82px;
	width: 300px;
	float: left;
}
#wrapper #head h1 a {
	display:block;
	height: 82px;
}
#wrapper #head #header-text {
	height: 82px;
	background-image: url(../img/head_text.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 478px;
	float: left;
}
#wrapper #head #inquiry {
	vertical-align: top;
	height: 82px;
	width: 124px;
	float: right;
	position:absolute;
	left: 778px;
}
#wrapper #head #lang_menu {
	position: absolute;
	top: 43px;
	right: 27px;
	display: block;
	height: 12px;
}
#wrapper #head #lang_menu li{
	float:left;
	margin-left: 10px;
	height: 12px;

}




/* ナビゲーション
--------------------------------------------------------------- */
#wrapper #nav {
	height: 32px;
}
#wrapper #nav li {
	margin: 0px;
	padding: 0px;
	height: 32px;
	line-height: 1px;
	font-size: 1px;
	float: left;
}
#wrapper #content {
	vertical-align: top;
	width: 902px;
	background-color: #F5F5F5;
	background-image: url(../img/con_content_bg.jpg);
	background-repeat: repeat-x;
}
#wrapper #content #main {
	float: left;
	width: 702px;
	vertical-align: top;
	background-image: url(../img/con_bg2.gif);
	background-repeat: repeat-y;
	margin-top: 12px;
	font-size: 96%;
}
#top #wrapper #content #main p {
	margin-bottom: 1em;
}
#top #wrapper #content #main h2 {
	margin-left: 21px;
	padding-bottom: 14px;
}
#top #wrapper #content #main .main-inner {
	width: 649px;
	margin-left: 43px;
	margin-top: 16px;
}
#top #wrapper #content #main .main-inner h3 {
	margin-bottom: 1.5em;
}
#top #wrapper #content #main .seihin-main-inner .catch {
	font-weight: bold;
	color: #4D4D4D;
	margin-bottom: 15px;
	background-image: url(../img/icon_dot_gry.jpg);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 1.8em;
	margin-top: 0.8em;
}


#top #wrapper #content #main .main-inner .primary {
	float: left;
	width: 468px;
}
#top #wrapper #content #main .main-inner .secondary img {
	float: right;
}
#top #wrapper #content #main .seihin-main-inner .col {
	border: 1px solid #BBC1C3;
	margin-top: 34px;
	background-color: #F6F6F6;
	padding-top: 28px;
	padding-right: 28px;
	padding-left: 28px;
	padding-bottom: 18px;
}
#top #wrapper #content #main .seihin-main-inner .col .col-inner-r h3 {
	margin-bottom: 1em;
}
#top #wrapper #content #main .seihin-main-inner .col .col-inner-l {
	float: left;
	width: 250px;
}
#top #wrapper #content #main .seihin-main-inner .col .col-inner-r {
	float: right;
	width: 318px;
}

#wrapper #content #sub {
	float: right;
	width: 191px;
}
#wrapper #content #main #pagetop {
	text-align: right;
	clear: both;
	margin: 20px;
}
#wrapper #content #main .pagetop2 {
	text-align: right;
	clear: both;
	margin-top: 5px;
}



/* clearfix
--------------------------------------------------------------- */
.clearfix:after {
  content: ".";  /* */
  display: block;  /* */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}



/* 共通
--------------------------------------------------------------- */
.right {
	text-align: right;
}
.right-mt2em {
	text-align: right;
	margin-top: 2em;
}

.center {
	text-align: center;
}
.center-mb-1em {
	text-align: center;
	margin-bottom: 1em;
}

#wrapper #content #main .line-blu {
	background-image: url(../img/line_blu.gif);
	background-repeat: repeat-x;
	margin-right: 10px;
	margin-left: 21px;
	background-position: 0px 0px;
	height: 2px;
	clear: both;
}
.mt1 {
	margin-top: 1em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
}
.mt2 {
	margin-top: 2em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
}
.mt-8 {
	margin-top: 10px;
}

.img-dot {
	padding-right: 5px;
}
.ml-1em {
	margin-left: 1em;
}
.ml-14 {
	margin-left: 14px;
}
.ml-14-mb-45 {
	margin-bottom: 45px;
	margin-left: 14px;
}
#mb-45 {
	margin-bottom: 45px;
}
.mb-15 {
	margin-bottom: 15px;
}
#top #wrapper #content #main #mb-1em {
	margin-bottom: 1em;
}
#top #wrapper #content #main .mb-0 {
	margin: 0px;
	padding: 0px;
}



.img-mr-10-ml20 {
	margin-left: 20px;
	align: right;
}
.ml-20 {
	margin-left: 20px;
}
.float {
	float: right;
	margin-left: 1em;
}
.floatclear {
	clear: both;
}

.mtl-820 {
	margin-top: 10px;
	margin-left: 20px;
}




/* リクルートページ
--------------------------------------------------------------- */
.tbl-recruit {
	border-collapse: collapse;
	border-spacing: 0;
	width: 454px;
	background-image: url(../img/dotline.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 45px;
	margin-left: 14px;
}
/* ↑※border-collapseに collapseを指定して、ボーダーが二重になるのを防ぎます。 */
.tbl-recruit th {
	font-weight: bold;
	line-height: 160%;
	text-align: left;
	font-size: 12px;
	color: #616161;
	vertical-align: top;
	width: 25%;
	background-image: url(../img/dotline.gif);
	background-repeat: repeat-x;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	background-position: top;
}
.tbl-recruit td {
	text-align: left;
	color: #525252;
	font-size: 12px;
	vertical-align: top;
	line-height: 160%;
	background-image: url(../img/dotline.gif);
	background-repeat: repeat-x;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	background-position: top;
}


/* 会社概要
--------------------------------------------------------------- */
.tbl-company {
	border-collapse: collapse;
	border-spacing: 0;
	width: 454px;
	background-image: url(../img/dotline.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 45px;
	margin-left: 14px;
}
/* ↑※border-collapseに collapseを指定して、ボーダーが二重になるのを防ぎます。 */
.tbl-company th {
	font-weight: bold;
	line-height: 160%;
	text-align: left;
	font-size: 12px;
	color: #616161;
	vertical-align: top;
	width: 30%;
	background-image: url(../img/dotline.gif);
	background-repeat: repeat-x;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	background-position: top;
}
.tbl-company td {
	text-align: left;
	color: #525252;
	font-size: 12px;
	vertical-align: top;
	line-height: 160%;
	background-image: url(../img/dotline.gif);
	background-repeat: repeat-x;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	background-position: top;
}
.tbl-company dt {
	font-weight: bold;
	color: #848484;
}
.tbl-company dd {
	margin-left: 14px;
}
.tel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	line-height: 100%;
}

/* ------ */
.tbl-company-2 {
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 45px;
	margin-left: 14px;
	margin-right: 14px;
}
/* ↑※border-collapseに collapseを指定して、ボーダーが二重になるのを防ぎます。 */
.tbl-company-2 th {
	font-weight: bold;
	line-height: 160%;
	text-align: left;
	font-size: 12px;
	color: #616161;
	vertical-align: top;
	width: 10%;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	background-color: #B8D5E5;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.tbl-company-2 td {
	text-align: left;
	color: #525252;
	font-size: 12px;
	vertical-align: top;
	line-height: 160%;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#top #wrapper #content #main .main-inner .tbl-company-2 .bg-blu2 {
	background-color: #CBE1EC;
}

.tbl-company-3 {
	border-collapse: collapse;
	border-spacing: 0;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 45px;
}
/* ↑※border-collapseに collapseを指定して、ボーダーが二重になるのを防ぎます。 */
.tbl-company-3 td {
	text-align: left;
	color: #525252;
	font-size: 12px;
	vertical-align: top;
	line-height: 160%;
	padding-right: 15px;
}
.tbl-company-3 dt {
	font-weight: bold;
}
.tbl-company-3 dd {
	margin-left: 14px;
	margin-top: 10px;
}

/* ------ */
.tbl-company-4 {
	border-collapse: collapse;
	border-spacing: 0;
	background-image: url(../img/dotline.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-left: 14px;
	margin-right: 36px;
	margin-bottom: 20px;
}
/* ↑※border-collapseに collapseを指定して、ボーダーが二重になるのを防ぎます。 */
.tbl-company-4 th {
	font-weight: bold;
	line-height: 160%;
	text-align: left;
	font-size: 12px;
	color: #329464;
	vertical-align: top;
	width: 24%;
	background-image: url(../img/dotline.gif);
	background-repeat: repeat-x;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	background-position: top;
}
.tbl-company-4 td {
	text-align: left;
	color: #525252;
	font-size: 12px;
	vertical-align: top;
	line-height: 160%;
	background-image: url(../img/dotline.gif);
	background-repeat: repeat-x;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	background-position: top;
}

.tbl-company-4 li {
	list-style-type: square;
	margin-left: 1em;
}



/* お問い合わせ
--------------------------------------------------------------- */
.tbl-contact {
	border-collapse: collapse;
	border-spacing: 0;
	width: 454px;
	margin-bottom: 45px;
	margin-left: 14px;
}
/* ↑※border-collapseに collapseを指定して、ボーダーが二重になるのを防ぎます。 */
.tbl-contact th {
	font-weight: bold;
	line-height: 160%;
	text-align: center;
	font-size: 12px;
	color: #616161;
	vertical-align: top;
}
.tbl-contact td {
	text-align: left;
	color: #525252;
	font-size: 12px;
	vertical-align: top;
	line-height: 160%;
	width: 50%;
	padding-bottom: 10px;
}
#contact dt {
	font-weight: bold;
}
#contact dd {
	margin-left: 14px;
}
#top #wrapper #content #main .main-inner #contact .tbl-contact #contact-text {
	font-size: 96%;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}





/* 製品情報
--------------------------------------------------------------- */

#top #wrapper #content #main .seihin-main-inner {
	margin-left: 32px;
	margin-right: 20px;
}

/*  主な特徴　*/
#top #wrapper #content #main .seihin-main-inner #seihin-tokucho {
	background-color: #F0F7FA;
	border: 1px solid #7FBBD9;
	padding: 20px;
	clear: both;
	zoom:1
}
#top #wrapper #content #main .seihin-main-inner .item #tokuchou-top #photo {
	float: left;
	margin-right: 20px;
}
#top #wrapper #content #main .seihin-main-inner .item #tokuchou-top #shori {
	float: left;
	width: 250px;
}
#top #wrapper #content #main .seihin-main-inner .item #tokuchou-text {
	clear: both;
}
#top #wrapper #content #main .seihin-main-inner .item #tokuchou-top #shori dt {
	padding-bottom: 4px;
	padding-top: 3px;
}
#top #wrapper #content #main .seihin-main-inner .item #tokuchou-top #shori dd {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #666666;
	border-bottom-color: #666666;
	font-size: 100%;
	line-height: 150%;
	padding-bottom: 5px;
	padding-top: 5px;
}
#top #wrapper #content #main .seihin-main-inner .item #tokuchou-top #shori dd img {
	margin-right: 8px;
	margin-left: 8px;
}
#top #wrapper #content #main .seihin-main-inner .item #tokuchou-text h4 {
	font-size: 103%;
	font-weight: bold;
	color: #0073AD;
	padding-top: 1em;
	padding-bottom: 0.8em;
}
#top #wrapper #content #main .seihin-main-inner .item #tokuchou-text .h4-top {
	font-size: 103%;
	font-weight: bold;
	color: #0073AD;
	padding-bottom: 0.8em;
	padding-top: 0px;
}
#top #wrapper #content #main .seihin-main-inner #seihin-tokucho #tokuchou-text #shousai-l {
	float: left;
}
#top #wrapper #content #main .seihin-main-inner #seihin-tokucho #tokuchou-text #shousai-r {
	float: left;
}


/*  詳細　*/
#top #wrapper #content #main .seihin-main-inner #seihin-shousai {
	background-color: #F0F7FA;
	border: 1px solid #7FBBD9;
	clear: both;
	display:none;
	padding-top: 10px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 40px;
	zoom:1
}
#top #wrapper #content #main .seihin-main-inner .item h4 {
	font-size: 103%;
	font-weight: bold;
	color: #0073AD;
	padding-bottom: 0.3em;
	margin-top: 1em;
}
#top #wrapper #content #main .seihin-main-inner .item h5 {
	font-size: 103%;
	font-weight: bold;
	color: #333333;
	padding-bottom: 0.3em;
	margin-top: 4em;
}
#top #wrapper #content #main .seihin-main-inner .item p {
	margin-bottom: 0px;
}

/*  標準型平面図　*/
#top #wrapper #content #main .seihin-main-inner #seihin-heimenzu {
	background-color: #F0F7FA;
	border: 1px solid #7FBBD9;
	padding: 20px;
	clear: both;
	display:none;
	zoom:1
}
table.tbl-ptn5{
	background-color:#CCCCCC;
	margin-right: auto;
	margin-left: auto;
	width: 600px;
	border: 1px solid #CCCCCC;
	border-collapse: separate;
	border-spacing: 1px;
}
.tbl-ptn5 th{
	background-color: #CCD6E0;
	border: 1px solid #FFFFFF;
	text-align: left;
	font-weight: bold;
	color: #003265;
	font-size: 90%;
	width: 15%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	margin: 1px;
	border-collapse: separate;
}
.tbl-ptn5 td{
	background-color: #F7F7F7;
	border: 1px solid #FFFFFF;
	text-align: left;
	font-size: 90%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	line-height: 180%;
	margin: 1px;
	border-collapse: separate;
}
.tbl-ptn5 caption {
	font-weight: bold;
	color: #333333;
	padding-top: 20px;
}
#top #wrapper #content #main .seihin-main-inner .shogen-text {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}

/*  標準型寸法図　*/
#top #wrapper #content #main .seihin-main-inner #seihin-sunpouzu {
	background-color: #F0F7FA;
	border: 1px solid #7FBBD9;
	padding: 20px;
	clear: both;
	display:none;
	zoom:1
}