@charset "shift_jis";

/***********************************************
** ＴＯＰ用レイアウト
************************************************/

/* ３段組み用レイアウト */
#wrapper #MainContents #contentsL {
	float: left;
	width: 700px;
	margin-top: 20px;
}

#wrapper #MainContents #contentsR {
	float: right;
	width: 200px;
	margin-top: 20px;
}

#wrapper #MainContents #contentsL #mainL {
	float: left;
	width: 230px;
}

#wrapper #MainContents #contentsL #mainR {
	float: right;
	width: 470px;
}

/* ------------------------------- */
/* ピックアップ製品
/* ------------------------------- */
#wrapper #MainContents #contentsL #mainL #pickup {
	width: 230px;
}

#wrapper #MainContents #contentsL #mainL #pickup h3 {
	color: #000000;
	font-weight: bold;
	font-size: 1.0em;
}

#wrapper #MainContents #contentsL #mainL #pickup dl {
	width: 228px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	float: left;
}

#wrapper #MainContents #contentsL #mainL #pickup dl dt {
	width: 40px;
	float: left;
	padding: 5px;
	clear: both;
}

#wrapper #MainContents #contentsL #mainL #pickup dl dd {
	padding: 5px;
	float: right;
	width: 158px;
}

/*------------------------------- */
/* 左バナー領域
/*------------------------------- */
#wrapper #MainContents #contentsL #mainL .Lside_banr {
	margin-top: 10px;
	width: 230px;
}

/* ------------------------------ */
/* ソリューション
/* ------------------------------ */
#wrapper #MainContents #contentsL #mainR h2.solu_title {
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}

#wrapper #MainContents #contentsL #mainR #solutionNavi {
	width: 450px;
	margin-top: 10px;
	margin-bottom: 20px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
}

#wrapper #MainContents #contentsL #mainR #solutionNavi h3.sol1 {
	font-weight: bold;
	color: #000000;
	height: 26px;
	width: 220px;
	background-image: url(../img/solution_navi/title_sol1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 3.0em;
	font-size: 1.0em;
	line-height: 2.1em;
	margin-bottom: 5px;
}

#wrapper #MainContents #contentsL #mainR #solutionNavi h3.sol2 {
	font-weight: bold;
	color: #000000;
	height: 26px;
	width: 220px;
	background-image: url(../img/solution_navi/title_sol2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 3.0em;
	font-size: 1.0em;
	line-height: 2.1em;
	margin-bottom: 5px;
}

#wrapper #MainContents #contentsL #mainR #solutionNavi h3.sol3 {
	font-weight: bold;
	color: #000000;
	height: 26px;
	width: 220px;
	background-image: url(../img/solution_navi/title_sol3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 3.0em;
	font-size: 1.0em;
	line-height: 2.1em;
	margin-bottom: 5px;
}

#wrapper #MainContents #contentsL #mainR #solutionNavi h3.sol4 {
	font-weight: bold;
	color: #000000;
	height: 26px;
	width: 220px;
	background-image: url(../img/solution_navi/title_sol4.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 3.0em;
	font-size: 1.0em;
	line-height: 2.1em;
	margin-bottom: 5px;
}

#wrapper #MainContents #contentsL #mainR #solutionNavi h3.sol5 {
	font-weight: bold;
	color: #000000;
	height: 26px;
	width: 220px;
	background-image: url(../img/solution_navi/title_sol5.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 3.0em;
	font-size: 1.0em;
	line-height: 2.1em;
	margin-bottom: 5px;
}

#wrapper #MainContents #contentsL #mainR #solutionNavi ul,
#wrapper #MainContents #contentsL #mainR #solutionNavi ul li {
	list-style-type: none;
}

#wrapper #MainContents #contentsL #mainR #solutionNavi ul {
	clear: both;
}

#wrapper #MainContents #contentsL #mainR #solutionNavi ul li.soluN1 {
	float: left;
	width: 220px;
}

#wrapper #MainContents #contentsL #mainR #solutionNavi ul li.soluN2 {
	float: right;
	width: 220px;
}

#wrapper #MainContents #contentsL #mainR #solutionNavi ul li.soluN3 {
	float: left;
	width: 220px;
}

#wrapper #MainContents #contentsL #mainR #solutionNavi ul li.soluN4 {
	float: right;
	width: 220px;
}

#wrapper #MainContents #contentsL #mainR #solutionNavi ul li.soluN5 {
	float: left;
	width: 220px;
}

#wrapper #MainContents #contentsL #mainR #solutionNavi dl dt {
	width: 60px;
	float: left;
	padding: 5px;
	clear: both;
}

#wrapper #MainContents #contentsL #mainR #solutionNavi dl dd {
	padding: 5px;
	float: right;
	width: 140px;
}

/**********************************/
/* news
/**********************************/

#wrapper #MainContents #contentsL #mainR #news {
	text-align: left;
	width: 450px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	clear: both;
	position: relative;
}

#wrapper #MainContents #contentsL #mainR #news h2.news_title {
	height: 30px;
	width: 450px;
	background-image: url(../img/title_news.gif);
	background-repeat: no-repeat;
	background-position: left top;
	clear: both;
}

#wrapper #MainContents #contentsL #mainR #news h2.news_title span {
	visibility: hidden;
}

#wrapper #MainContents #contentsL #mainR #news div.new {
	width: 450px;
	margin-top: 10px;
	background-image: url(../img/news_line_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-top: 5px;
	padding-bottom: 8px;
}

#wrapper #MainContents #contentsL #mainR #news div.new dt {
	float: left;
	width: 80px;
	font-weight: bold;
}

#wrapper #MainContents #contentsL #mainR #news div.new dd {
	margin-left: 95px;
}

#wrapper #MainContents #contentsL #mainR #news .backnumber {
	font-size: 0.8em;
	position: absolute;
	top: 7px;
	left: 366px;
}

/* -------------------------------- */
/*	お問い合わせ
/* -------------------------------- */
#wrapper #MainContents #contentsR #contact {
	height: 215px;
	width: 200px;
	background-image: url(../img/contact_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
}

#wrapper #MainContents #contentsR #contact #contact_btn {
	height: 36px;
	width: 180px;
	position: relative;
	left: 10px;
	top: 164px;
}

#wrapper #MainContents #contentsR #contact #contact_btn span {
	visibility: hidden;
}

#wrapper #MainContents #contentsR #contact #contact_btn a {
	display: block;
	height: 36px;
	width: 180px;
	background-image: url(../img/contact_btn.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#wrapper #MainContents #contentsR #contact #contact_btn a:active,
#wrapper #MainContents #contentsR #contact #contact_btn a:focus,
#wrapper #MainContents #contentsR #contact #contact_btn a:hover {
	background-image: url(../img/contact_btn.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

/* -------------------------------- */
/*	右側バナー
/* -------------------------------- */
#wrapper #MainContents #contentsR .Rside_banr {
	margin-top: 10px;
	margin-bottom: 10px;
}

#wrapper #MainContents #contentsR .Rside_banr2 {
	margin-bottom: 10px;
}

.pachandflex img {
	width: 52px;
	border: 0.5px solid #c0c0c0;
}

.seihin_red {
	margin: 5px 0px;
}

.seihin_red a {
	color: red;
	font-size: 21px;
}

.seihin_red a:hover {
	color: #FF9900;
}