@charset "shift_jis";
/*
contents.css
* * * * * * * * * * * * * * * * * * * * */

/* CSS Document */

/* カテゴリトップレイアウト */

#productBox {
margin:0 auto;
width:960px;
padding:30px 0 0 0;
}
#saagBox {
margin:0 auto;
width:960px;
padding:0;
}
#productBox #col1,
#productBox #col2,
#saagBox #col1,
#saagBox #col2 {
display:block;
float:left;
}
#productBox #col1,
#saagBox #col1 {width:660px;}
#productBox #col2,
#saagBox #col2 {width:300px;}


/* parts300 */
/* カラム1　共通 */
.layout-box660,
.layout-box330,
.layout-box620 {
display:block;
color:#29312f;
}
.layout-box660 {clear:both; width:660px;}
.layout-box330 {float:left; width:330px;}
.layout-box620 {float:left; width:620px; text-align:left;}
.col1-box {
display:block;
padding:0 0 30px;
width:330px;
text-align:left;
}
.layout-box660 .col1-box {float:left;}
.layout-box330 .col1-box {clear:both;}
.list300-bnr h3,
.list300-case h3,
.list300-news h3 {
clear:both;
position:relative;
padding:0 80px 0 40px;
width:160px;
font-size:18px;
font-weight:normal;
text-align:left;
line-height:40px;
border-bottom:dotted 1px #29312f;
background-position:left;
background-repeat:no-repeat;
}
.list300-bnr h3 {background-image:url(/common/images/top-col1-products.gif);}
.list300-case h3 {background-image:url(/common/images/top-col1-case.gif);}
.list300-news h3 {background-image:url(/common/images/top-col1-news.gif);}
.list300-bnr h3 span,
.list300-case h3 span,
.list300-news h3 span {
position:absolute;
display:block;
right:0;
top:10px;
width:80px;
text-align:right;
font-size:10px;
}
.list300-bnr h3 span a,
.list300-case h3 span a,
.list300-news h3 span a {
display:block;
padding:0 5px;
width:70px;
height:20px;
font-size:10px;
line-height:20px;
color:#f9f9eb;
text-decoration:none;
background-image:url(/common/images/col1-link-list.gif);
background-position:top left;
}
.list300-bnr h3 span a:hover,
.list300-case h3 span a:hover,
.list300-news h3 span a:hover {
color:#f9f9eb;
text-decoration:none;
background-position:bottom left;
}
.list300-case dl,
.list300-news ul {
clear:both;
padding:10px 0;
width:280px;
text-align:left;
}
/* カラム1　製品情報 */
.list300-bnr p {
clear:both;
padding:10px 0 0 0;
width:280px;
text-align:left;
}
.list300-bnr p a {
display:block;
color:#3d4339;
text-decoration:none;
}
.list300-bnr p a:hover {color:#ad9845;}
.list300-bnr p img {padding:0 0 3px;}
.list300-bnr p span {
display:block;
padding:0 0 1em;
font-size:14px;
font-weight:bold;
line-height:1.2em;
}
/* カラム1　導入事例・会員様の声 */
.list300-case dt,
.list300-case dd {
display:block;
float:left;
line-height:1.2em
}
.list300-case dt {
padding:0 0 5px;
width:85px;
}
.list300-case dd {
width:195px;
}
.top-case-title {
font-size:14px;
padding:0 0 3px;
font-weight:bold;
line-height:1.2em;
}
.top-case-text {font-size:13px;}
/* カラム1 お知らせ・制度改正情報 */
.list300-news li,
.list300-news li span {
clear:both;
display:block;
margin:0;
width:280px;
line-height:1.2em;
}
.list300-news li .list-date {
padding:0;
font-size:12px;
}
.list300-news li .list-text {
padding:0 0 1em 0;
font-size:14px;
}
/* ソリューション */
.list300-solution {
	display:block;
	width:280px;
	text-align:left;
}
.list300-solution h3 {
	padding:2em 0 0 0;
	font-size:22px;
	line-height:1.2em;
	font-weight:bold;
	text-align:left;
}
.list300-solution h4 {
	padding:1.5em 0 0 0;
	font-size:18px;
	line-height:1.2em;
	font-weight:bold;
	text-align:left;
}
.list300-solution h4 span {
	display:block;
	padding:0 0 0.5em;
	font-size:11px;
	font-weight:normal;
}
.list300-solution p {
	padding:0 0 0.5em;
	font-size:14px;
	line-height:1.2em;
	text-align:left;
}
.list300-solution p span {
	color:#c97514;
	font-size:12px;
	text-align:left;
}
/* カラム2 */
.box300-bnr li {
clear:both;
width:300px;
height:90px;
}
.box300-bnr li a {
display:block;
width:300px;
height:80px;
background-position:top left;
background-repeat:no-repeat;
overflow:hidden;
}
.box300-bnr li a:hover {background-position:top right;}
.top-bnr01 {background-image:url(/common/images/side-bnr01.gif);}
.top-bnr02 {background-image:url(/common/images/side-bnr02.gif);}
.top-bnr03 {background-image:url(/common/images/side-bnr03.gif);}
.top-bnr04 {background-image:url(/common/images/side-bnr04.gif);}
.top-bnr05 {background-image:url(/common/images/side-bnr05.gif);}
.top-bnr06 {background-image:url(/common/images/side-bnr06.gif);}
.top-bnr07 {background-image:url(/common/images/side-bnr07.gif);}
.top-bnr08 {background-image:url(/common/images/side-bnr08.gif);}
.top-bnr09 {background-image:url(/common/images/side-bnr09.gif);}
.top-bnr10 {background-image:url(/common/images/side-bnr10.gif);}
.top-bnr11 {background-image:url(/common/images/side-bnr11.gif);}
.box300-bnr p {
clear:both;
width:300px;
padding:0 0 10px 0;
font-size:14px;
text-align:right;
}
/* for IE6 */
*html #productBox h3 {width:280px;}
*html #productBox h3 span a{width:80px;}


.layout-box01,
.layout-box02 {
width:300px;
color:#FFF;
background-color:#29312f;
border-bottom:10px solid #FFF;
}
.layout-box01 {
background-position:20px 20px;
background-repeat:no-repeat;
}
.pack { background-image:url(/common/images/produst-links-pack.gif);}
.network { background-image:url(/common/images/produst-links-nwk.gif);}
.bokiverup { background-image:url(/common/images/produst-farmlinks-boki.gif);}
.layout-box01 h4 {
clear:both;
font-size:18px;
font-weight:normal;
padding:20px 20px 10px 100px;
}
.layout-box01 p {
clear:both;
font-size:13px;
line-height:1.2em;
padding:0 20px 10px 100px;
}
.layout-box01 ul {
clear:both;
font-size:13px;
line-height:1.2em;
padding:0 20px 20px 100px;
}
.layout-box02 h4 {
clear:both;
font-size:18px;
font-weight:normal;
padding:5px 20px 10px 20px;
background-image:url(/common/images/produst-links-back-title.gif);
background-position:0 10px;
background-repeat:no-repeat;
}
.layout-box02 ul {
clear:both;
font-size:14px;
line-height:1.2em;
padding:0 20px 20px 20px;
}
.layout-box01 li a,
.layout-box02 li a {
display:block;
color:#d4a938;
text-decoration:none;
padding:0 0 3px 0;
}
.layout-box01 li a:hover,
.layout-box02 li a:hover {
text-decoration:underline;
}