@charset "utf-8";

/* NEW CSS Hidakawashi Co., Ltd.
Scripted by Conceptbox Inc. Nov.2009
---------------------------------------------*/

/* 基本設定
---------------------------------------------*/
* {
	margin:0px;
	padding:0px;
	font-family:'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka',sans-serif;
}
body {
	margin: 0px ;
	padding: 0px ;
	background: #ffffff;
	font-size: 90%;
	color: #424242;
	letter-spacing:0.05em;
}
h1, h2, h3, h4, h5, h6 {
}
p, ol, ul, blockquote {
	line-height: 1.3;
}
a {
	color: #0066CC;
	text-decoration:none;
}
a:hover {
	color: #0099FF;
	text-decoration: underline;
}
img {
	border: none;
}
address {
	font-style:normal;
	font-size: 90%;
}

/* clearfix
---------------------------------------------*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
	display:inline-block;
}

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


/* ヘッダー
---------------------------------------------*/
#header {
	z-index:100;
	width: 800px;
	margin: 0px auto;
	padding:15px 0 0 0;
	background: #ffffff;
}
	#header h1{
		padding: 0;
		z-index:150;
		font-size:80%;
		font-weight:normal;
	}

/* トップページ　id=content
---------------------------------------------*/
#toppage #content {
	width: 798px;
	margin: 0px auto;
	padding:0 0 20px 0;
	border-left:#333333 1px solid;
	border-right:#333333 1px solid;
	border-bottom:#333333 1px solid;
}

/* 左サイドエリア　トップページ
---------------------------------------------*/
#toppage #left {
	float:left;
	z-index:200;
	width:220px;
	height:auto;
	padding:0px 0 0 30px ;
	margin:20px 0 10px 0px;
	text-align:left;
	font-size:80%;
}
#toppage #left .section h2{
	background-color:none;
	color:#424242;
	padding:4px 0px 3px 5px;
	font-size:14px;
}
#left #nav{
	width:130px;
	margin:0px 0 0 0;
	padding:0 0 0 0;
	border-right:#666 1px solid;
}
	#left #nav ul{
		list-style:none;
		padding:5px 0 0 0;
	}
	#left #nav ul li{
		margin:0 0 7px 0;
	}
#left #news{
	margin:20px 0 0 0;
	padding:0 0 0 0;
}
	#left #news img{
		margin:5px 0 5px 0;
	}
	#left #news p{
		margin:5px 0 5px 0;
		padding:0 0 0 0;
	}
#left #com-info{
	margin:20px 0 0 0;
	padding:0 0 0 0;
}
	#left #com-info p{
		margin:0 0 0 0;
		padding:0 0 0 0;
	}

/* 右サイドエリア　トップページ
---------------------------------------------*/
#toppage #right {
	float:right;
	z-index:100;
	width:520px;
	height:auto;
	text-align:left;
	margin:20px 0px 10px 0px;
	padding:0px 10px 0 0;
}
#toppage #right ul{
	margin:0 0 5px 0;
	padding:0 0 0 5px;
	list-style:none;
}
#toppage #right ul li{
	font-size:13px;
	margin:0 0 0 0;
	padding:3px 0 3px 12px;
	background:url(../img/common/listmark_left_red.gif) left center no-repeat;
}
#toppage #right ul li a{
	text-decoration:none;
}
#toppage #right ul li a:over{
	color:#ff3333;
	text-decoration:underline;
}
#toppage #right h2 {
	color:#fff;
	padding:12px 0 12px 30px ;
	margin:10px 0 10px 0;
	font-size:16px;
	background: url(../img/index/bg_h2_right.gif) left center no-repeat;
}
#toppage #right h2 a{
	text-decoration:underline;
}
#toppage #right .section h3{
	font-size:100%;
	text-align:left;
	color: #424242;
	margin:10px 10px 5px 10px;
	padding:6px 0 3px 23px;
	border-bottom:#666666 1px dotted;
	background: url(../img/contents/lm_squre_sky.gif) left center no-repeat;
}

/* コンテンツページ　id=content
---------------------------------------------*/
#contentspage #content {
	clear:both;
	width: 798px;
	margin: 0px auto;
	padding:0 0 20px 0;
	border-left:#333333 1px solid;
	border-right:#333333 1px solid;
	border-bottom:#333333 1px solid;
}

/* 左サイドエリア　コンテンツページ
---------------------------------------------*/
#contentspage #left {
	float:left;
	z-index:200;
	width:140px;
	height:auto;
	padding:0px 0 0 30px ;
	margin:20px 0 10px 0px;
	text-align:left;
	font-size:80%;
}

/* 右サイドエリア　コンテンツページ
---------------------------------------------*/	
#contentspage #right {
	float:right;
	z-index:100;
	width:590px;
	height:auto;
	text-align:left;
	margin:20px 0px 10px 0px;
	padding:0px 15px 0 0;
}
	#contentspage #right h2{
		text-align:right;
		margin: 0px 0 30px 0 ;
		padding: 0px 0 0px 0px ;
	}
	#contentspage #right .section h3{
		padding:0px 0 0px 0px ;
		margin:10px 0 10px 0;
	}

	#contentspage #right .section h4{
		padding:0px 0 0px 0px ;
		margin:10px 0 10px 0;
	}

/* わたしたちのことページ
---------------------------------------------*/
.selfportrait {
	padding:5px 0 5px 65px;
}

/* 製品ご紹介ページ
---------------------------------------------*/
#introduction {
}
#intro-left {
	float:left;
	width:340px;
}
#intro-body {
	float:right;
	width:230px;
}
#intro-body ul {
	width:100%;
	list-style:none;
}
#intro-body ul li{
	float:left;
	padding:0 0 0 3px;
}

/* リンク集ページ
---------------------------------------------*/	
#links {}
#links h3{
	padding:5px 0px 5px 5px;
	margin:10px 0 10px 0;
	background:#e0e1e1;
}
#links table {
	margin:0 auto;
}
#links table th{}
#links table tr{}
#links table td{
	vertical-align:top;
	padding:5px 0 15px 0;
}

/* 製品一覧ページ
---------------------------------------------*/
#items {
	margin:0px 0px 10px 0px;
	padding:20px 15px 0 15px;
	text-align:left;
	font-size:90%;

}
#items table{
}
#items ul {
	list-style:none;
}
#items ul li{
	float:left;
}
#items h2 {
	text-align:right;
	margin: 0px 0 0px 0 ;
	padding: 0px 0 0px 0px ;
}
#items h3 {
	padding:35px 55px 5px 0px;
	margin:30px 40px 5px 50px;
	border-top:#3399FF 1px dotted;
}
#items h4 {
	padding:5px 55px 0px 55px;
	clear:both;
}
.items-comment {
	padding:5px 50px 5px 60px;
}
.items-comment-right {
	clear:both;
	text-align:right;
	padding:35px 50px 5px 60px;
}
#sample {
	clear:both;
	padding:0px 50px 5px 60px;
}
	#sample ul {
		list-style:none;
		padding:0 0 0 0px;
	}
	#sample ul li{
		float:right;
		margin:5px 0 5px 0;
		padding:0 6px 0 6px;
		border-left:#333333 1px dotted;
	}
	.border-r {
		border-right:#333333 1px dotted;
	}

div#item-sample {
	position:relative;
	clear:both;
}
	div#item-sample ul {
		margin:0;
		padding:0px 10px 5px 50px;
	}
	div#item-sample ul li {
		float:left;
		width:87px;
		list-style-type:none;
		margin:0 4px 4px 4px;
		font-size:11px;
		text-align:right;
	}
	div#item-sample ul li img{
		display:block;
		margin-bottom:0px;
	}
	div#item-sample table {
	float:right;
	margin:0 0 0 auto;
	text-align:right;
	padding-right:50px;
	}
	div#item-sample div.comment {
	text-align:right;
	font-size:90%;
	margin-right:50px;
	padding-top:10px;
	}
span.h4-side {
	font-size:11px;
	font-weight:normal;
	margin-top:-10px;
	padding-left:15px;
}
.h4-solo {
	text-align:left;
	font-weight:bold;
}
div.size-tbl{
	clear:both;
	padding:0 0 30px 0;
}
div.size-tbl table{
	margin:0 0 0 auto;
	text-align:right;
	padding-right:50px;
}

/* お問い合わせ
---------------------------------------------*/
#inquiry{
	line-height:1.5;
}
#inquiry ul{
	list-style:none;
	margin:0 0 0 20px;
}

/* 会社概要ページ
---------------------------------------------*/
table.com-info td{
	padding:2px;
}

/* 右サイドエリアの本文
---------------------------------------------*/
.section {
	margin:0 0 20px 0 ;
}
	.section p {
		font-size:90%;
		line-height:1.5;
		letter-spacing:0.03em;
		margin: 5px 10px 5px 10px ;
	}

/* 右サイドエリアのパーツ
---------------------------------------------*/
.section dl dt{
	padding:0 0 2px 0;
	margin:10px 10px 5px 10px;
	font-weight:bold;
	border-bottom: #555 1px dotted;
}
.section dl dd{
	padding:0 0 0 0;
	margin:0 30px 10px 30px;
}

/* 基本のリスト
---------------------------------------------*/
.section ul {
	margin:5px 0px 20px 15px ;
	padding:0 0 0 0 ;
/*	border-bottom: #666 1px dotted ; */
}
.section ul li {
	padding:0px 0px 0px 15px ;
	margin:10px 15px 8px 0px ;
	list-style-type:none;
	font-weight:normal;
	letter-spacing:none;
	color: #666666 ;background:url(../img/common/lm_3dot_black.gif) center left no-repeat;
}
.section ul li a {
	text-decoration:none;
	
}
.section ul li a:hover{
	text-decoration:underline;
	color:#FF6600;
}
.section ul .list-sub {
	margin:10px 0 8px 30px ;
}

.section ol {
	margin:20px 50px 0px 50px ;
	padding:0 0 0 0 ;
	line-height:1.5;
}
.section ol li {
	padding:5px 0 2px 0 ;
	border-bottom:#999999 1px dotted;
}
.section ol li a {}

/* テーブル
---------------------------------------------*/
/* 基本のテーブル
---------------------------------------------*/
.tbl-basic {
	border-collapse:collapse;
	text-align:left;
	font-size:90%;
	margin:5px auto 0 auto;
	border:#666666 1px solid;
}
	.tbl-basic td, .tbl-basic th{
		border:#666666 1px solid;
		padding:3px;
	}
	.tbl-basic th{
		background:#ededed;
	}
		.item-list{
			font-size:80%;
		}

/* フッター
---------------------------------------------*/
#footer {
	clear:both;
	z-index:100;
	position: relative ;
	width: 800px ;
	height: 50px ;
	margin: 0 auto ;
	padding: 0px 0 0 0 ;
	text-align:left;
	font-size:80%;
	background: #ffffff;
}
	#footer #credit  {
		position:absolute;
		top:10px;
		right:40px;
		margin: 0px ;
		padding: 0px ;
		color: #ffffff;
		font-weight:bold;
		font-size:80%;
		letter-spacing:0.0;
	}
	#footer #credit a  {
		color: #ffffff;
	}
	#footer a {
		color: #424242;
		text-decoration:none;
	}

/* テキスト・装飾
---------------------------------------------*/
.em-red {
	color:#CC0033;
}
.more {
	padding:2px 0px 0px 47px ;
	border-bottom:dotted #999 1px;
	margin:0px 5px 0px 5px ;
	background: url(../image/link.gif) left center no-repeat;
	font-weight:normal;
	font-size:100%;
	text-decoration:none;
}
.more-right {
	padding:2px 31px 0px 3px ;
	border-bottom:dotted #999 1px;
	margin:0px 0px 0px 0px ;
	background: url(../img/common/more-right.gif) right center no-repeat;
	text-decoration:none;
}
.pdf {
	padding:6px 30px 2px 0px ;
	border-bottom:dotted #999 1px;
	margin:2px 5px 0px 5px ;
	background: url(../img/common/pdf02.gif) right bottom no-repeat;
	font-weight:normal;
	font-size:100%;
	text-decoration:none;
}
span.date{
	color:#e39742;
}
/* ニュース（WP）右サイド
---------------------------------------------*/
div.post {
	margin:0 30px 30px 0;
	}
div.post h3 {
	margin:10px 0 10px 0;
	padding:0 0 0px 0;
	text-align:left;
	border-bottom:#C30 1px dashed;
	}
div.post h3 a{
	color:#333;
	}

div.post h3 a:hover{
	color:#C30;
}

p.postinfo {
	margin:10px 0 5px 0;
	text-align:right;
	}
p.pagelink {
	margin:5px 0 5px 0;
}


/* ニュース（WP）左サイドメニュー
---------------------------------------------*/
#sidebar {
	margin:0 10px 0 0;
	}
#sidebar ul {
	list-style:none;
	}
#sidebar ul li.widget {
	margin:15px 0 10px 0;
	}
#sidebar ul li.widget ul li{
	margin:5px 0 5px 0;
	}
#sidebar h2.widgettitle {
	font-size:14px;
	}
	
	
/* メディア掲載
---------------------------------------------*/
div.flexbox{
	display: -webkit-box;/* Android4.3以前ブラウザ用 */
	display: -webkit-flex;/* iOS8以前Safari用 */
	display: flex;
	-webkit-justify-content: flex-start;/*左右中央寄せ*/
	justify-content: flex-start;/*左右中央寄せ*/
	-webkit-flex-wrap: wrap;/*折り返し(mac safari用)*/
	flex-wrap: wrap;/*折り返し*/
	-webkit-align-items: stretch;/*上下中央寄せ*/
	align-items: stretch;/*上下中央寄せ*/
	margin:0px 0 0 0;
}
div.media-img{
	display:block;
	width:90px;
	margin:0 20px 15px 10px;
}
div.article{
	width:460px;
}