@charset "UTF-8";

/* hiroshima-boiler.com Base Styles */

/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */


/* Bodyの設定
----------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	color: #333;
	font: medium/1.6 "Lucida Grande", verdana, "trebuchet ms", sans-serif;
	text-align: center;
	}



/* 基本設定
----------------------------------------------- */
a {
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}
h1, h2, h3, h4, h5, h6, address, em {
	font-size: 1em;
	font-style: normal;
	}
h1, h2, h3, h4, h5, h6, ol, ul, dl, p {
	margin: 0;
	padding: 0;
	}
img {
	border: none;
	}
hr {
	display: none;
	}



/* 共通書式の設定
----------------------------------------------- */
h2 {
	height: 70px;
	margin-bottom: 15px;
	border-bottom: 1px solid #0091D2;
	text-indent: -9999px;
	}
h3 {
	margin: 20px 0;
	padding-left: 8px;
	border-bottom: 1px solid #0058A9;
	border-left: 10px solid #0058A9;
	background: url(/img/bg_h3.gif) bottom right no-repeat;
	}



/* イメージの設定
----------------------------------------------- */
.imgright {
	float: right;
	}



/* Innerの設定
----------------------------------------------- */
#inner {
	margin: 0 30px;
	padding-bottom: 30px;
	}



/* Formの基本設定
----------------------------------------------- */
form p {
	margin: 1em 18px;
	}
table#question th {
	width: 100%;
	}
table#question li {
	float:left;
	width:300px;
	list-style-type:none;
	}



/* Float解除の設定
----------------------------------------------- */	
div.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

div.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html div.clearfix { height: 1% ;}
div.clearfix { display: block; }
/* End hide from IE-mac */



/* Tableの基本設定
----------------------------------------------- */
table {
	width: 640px;
	margin: 0 18px;
	border-collapse: collapse;
	border-bottom: 1px solid #7D8488;
	border-left: 1px solid #7D8488;
	}
th {
	width: 140px;
	background: #E5F2F6;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	}
th,td {
	border-top: 1px solid #7D8488;
	border-right: 1px solid #7D8488;
	}
caption {
	font-weight: bold;
	text-align: left;
	}
th strong {
	color: #ff0000;
	font-size: 0.8em;
	}
td strong {
	color: #ff0000;
	}



/* 見出し画像の設定
----------------------------------------------- */
body.company h2 {
	background: url(/company/img/txt_company.gif) no-repeat;
	}
body.production h2 {
	background: url(/production/img/txt_production.gif) no-repeat;
	}
body.product h2 {
	background: url(/product/img/txt_product.gif) no-repeat;
	}
body.recruit h2 {
	background: url(/recruit/img/txt_recruit.gif) no-repeat;
	}
body.contact h2 {
	background: url(/contact/img/txt_contact.gif) no-repeat;
	}
body.privacy h2 {
	background: url(/privacy/img/txt_privacy.gif) no-repeat;
	}
body.tech h2 {
	background: url(/tech/img/txt_tech.gif) no-repeat;
	}

/* Containerの設定
----------------------------------------------- */	
#container {
	width: 740px;
	margin: 0 auto;
	padding: 0 10px 10px;
	background: #fff;
	text-align: left;
	}



/* Headerの設定
----------------------------------------------- */
#header {
	height: 70px;
	background: url(/img/logo_header.gif) no-repeat;
	text-indent: -9999px;
	}



/* Footerの設定
----------------------------------------------- */
#footer {
	padding: 10px;
	background: #65ac7e url(/img/bg_footer.gif) left bottom no-repeat;
	color: #fff;
	font-size: 0.85em;
	text-align: center;
	}



/* Navの設定
----------------------------------------------- */
#nav {
	border-bottom: 1px solid #000;
	background: url(/img/bg_nav.gif) left bottom repeat-x;
	font-size: 0.9em;
	}
#nav ul {
	padding: 8px 0 8px 10px;
	}
#nav li {
	display: inline;
	}
#nav a {
	width: 110px;
	height: 20px;
	margin-right: 10px;
	padding: 5px 20px;
	background: #1268B3;
	color: #fff;
	font-weight: bold;
	text-transform: capitalize;
	}
#nav a:hover {
	background: #0091D2;
	text-decoration: none;
	}



/* Sub Navの設定
----------------------------------------------- */
#snav {
	border-top: 1px solid #000;
	border-bottom: 1px solid #fff;
	background: #2A8646 url(/img/bg_snav.gif) left bottom no-repeat;
	font-size: 0.9em;
	text-align: right;
	}
#snav ul {
	padding: 5px 0 5px 60px;
	background: url(/img/line_left_snav.gif) 10px 0 repeat-y;
	}
#snav li {
	display: inline;
	}
#snav a {
	margin-right: 20px;
	padding-left: 20px;
	background: url(/img/line_snav.gif) left bottom repeat-y;
	color: #fff;
	}



/* Homeの設定
----------------------------------------------- */
body.home h2 {
	border: none;
	}
body.home div#maincontent {
	height: 369px;
	background: url(/img/img_top.jpg) no-repeat;
	}
body.home div#maincontent h2,
body.home div#maincontent p {
	text-indent: -9999px;
	}



/* 会社案内の設定
----------------------------------------------- */
body.company #license h4 {
	margin: 0 0 12px 18px;
	}
body.company dl {
	position: relative;
	padding-bottom: 30px;
	}
body.company dt {
	position: absolute;
	left: 0px;
	width: 10em;
	margin-left: 18px;
	}
body.company dd {
	padding: 0px 0px 6px 10em;
	margin-bottom: 5px;
	}



/* 業務内容の設定
----------------------------------------------- */
body.production p.img_right {
	float: right;
	width: 210px;
	text-align: right;
	}
body.production p.img_right img {
	margin-bottom: 10px;
	}
body.production #maincontent h4 {
	margin: 2em 0 1em;
	padding: 0 18px;
	border-top: 1px solid #f00;
	border-bottom: 1px solid #f00;
	}
body.production #maincontent h5 {
	margin: 2em 0 1em;
	padding: 0 8px;
	border-left: 10px solid #65A77E;
	}
body.production #maincontent h6 {
	margin-top: 2em;
	margin-left: 2em;
	}
body.production #inner ul {
	margin-bottom: 0.5em;
	margin-left: 5em;
	}



/* 製品紹介の設定
----------------------------------------------- */
body.product div.content,
body.product div.content2 {
	clear: both; 
	}
body.product div.content p,
body.product div.content2 p {
	float: left;
	padding: 0 25px 30px 36px;
	}
/* body.product div.content p {
	width: 200px; 
	} */
body.product #maincontent h4 {
	margin: 2em 0 1em;
	padding: 0 18px;
	border-top: 1px solid #f00;
	border-bottom: 1px solid #f00;
	text-align: left
	}
body.product #maincontent h5 {
	margin: 2em 0 1em;
	padding: 0 8px;
	border-left: 10px solid #65A77E;
	}
body.product div.content img {
	display: block;
	}
body.product div.content2 img {
	float: left;
	margin-right: 30px;
	}



/* 採用情報の設定
----------------------------------------------- */
body.recruit #none {
	height: 250px;
	}
body.recruit #recruitment_info ul {
	margin-left: 2em;
	}
body.recruit #entry-info {
	margin: 0 18px 3em;
	}
body.recruit #address {
	padding: 1em;
	background: #e5f2f6;
	text-align: center;
	border: 1px solid #7D8488;
	}



/* 個人情報保護についての設定
----------------------------------------------- */
body.privacy #maincontent h4,
body.privacy #maincontent h5,
body.privacy #maincontent p	{
	margin: 0 18px;
	}
body.privacy #maincontent p	{
	margin-bottom: 1.25em;
	}
body.privacy #maincontent ol	{
	margin: 0 0 1em 54px;
	}	
body.privacy #privacy-sign {
	text-align: right;
	}



/* 技術資料の設定
----------------------------------------------- */
body.tech #maincontent h5 {
	margin: 2em 0 1em;
	padding: 0 8px;
	border-left: 10px solid #65A77E;
	}
body.tech #maincontent h6 {
	margin-left: 2em;
	}
body.tech #inner ul {
	margin-bottom: 0.5em;
	margin-left: 5em;
	}
body.tech #inner ol {
	margin-bottom: 0.5em;
	margin-left: 5em;
	}
body.tech #product ul {
	margin-bottom: 0.5em;
	margin-left: 8em;
	}
body.tech #maincontent p {
	margin: 0 18px;
	}
body.tech #product p {
	margin-left: 8em;
	}
body.tech #category p {
	margin: 0 25px;
	}