@charset "Shift_JIS";









.index #mainContents{

	width: 965px;

}



.index #slideshow{

	margin: 17px 0 0 0;

}



.index #indexMain{

	margin: 15px 0 0 0;

}



.index #indexMain .colL{

	float: left;

	width: 720px;

}



.index #indexMain .colR{

	float: right;

	width: 230px;

}



.index #indexMain .service {

    background: url(/common/images/com_bg004.gif) repeat-x scroll 0 0 transparent;

	border-top: 4px solid #cc0000;

	border-bottom: 1px solid #cccccc;

	border-left: 1px solid #cccccc;

	border-right: 1px solid #cccccc;

	padding: 17px;

}



.index #indexMain .analysisBox{

	border-top: 3px solid #999999;

	border-bottom: 3px solid #dddddd;

	border-left: 3px solid #dddddd;

	border-right: 3px solid #dddddd;

	padding: 17px 19px;

	margin: 17px 0 0 0;

	

}



.index #indexMain .analysis{	

}



.index #indexMain .analysis .colL{

	float: left;

	width: 483px;

}



.index #indexMain .analysis .colR{

	float: right;

	width: 157px;

}





.index #indexMain .analysis .colL .analysisTxt{

	background: #f1f1f1;

	padding: 8px 8px 15px 8px;

	margin: 15px 0 0 0;

}



.index #indexMain .analysis .colL .linkCol{

	background: url(/common/images/com_bg009.gif) repeat-x scroll 0 100% transparent;

	padding: 0 0 10px 0;

	margin: 10px 14px 0 0;

}



.index #indexMain .analysis .colL .link{

	display: inline-block;

	width: 152px;

	vertical-align: top;

}



*:first-child+html .index #indexMain .analysis .colL .link {

	display: inline;

	zoom: 1;

}



.index #indexMain .analysis .colL .link a{

    background: url(/common/images/com_ic006.gif) no-repeat 0 0.4em ;

    display: block;

    float: left;

    padding: 1px 0 1px 17px;

}



.index #indexMain .linkBox{

	margin: 0 14px 0 0; 

}



.index #indexMain .linkBox .sol{

	float: left;

	width: 228px;

}



.index #indexMain .linkBox .new{

	float: right;

	width: 228px;

}



.index #indexMain .linkBox .new ul{

	padding: 0 0 0 1px;

	margin: 1px 0 0 0;

}



.index #indexMain .analysis .colR dl{

	margin: 15px 0 0 0;

}



.index #indexMain .analysis .colR dt{

	margin: 0 0 1px 0;

}





.index #indexMain .products {

    background: url(/common/images/com_bg004.gif) repeat-x scroll 0 0 transparent;

	border-top: 4px solid #1257a4;

	border-bottom: 1px solid #cccccc;

	border-left: 1px solid #cccccc;

	border-right: 1px solid #cccccc;

	padding: 17px;

}



.index #indexMain .products .detail{

	margin: 15px 0 0 0;

}



.index #indexMain .service .detail .colL,

.index #indexMain .products .detail .colL{

	float: left;

	width: 327px;

}



.index #indexMain .service .detail .colR,

.index #indexMain .products .detail .colR{

	float: right;

	width: 327px;

}



.index #indexMain .service .detail .img,

.index #indexMain .products .detail .img{

	float: left;

	width: 60px;

}



.index #indexMain .service .detail .detailLink,

.index #indexMain .products .detail .detailLink{

	float: right;

	width: 260px;

}



.index #indexMain .service .detail .detailLink a,

.index #indexMain .products .detail .detailLink a{

	background: url(/common/images/com_ic006.gif) no-repeat 0 0.6em;

	font-weight: bold;

}



.index #indexMain .service .detail .detailLink .detailtxt,

.index #indexMain .products .detail .detailLink .detailtxt{

	padding: 0 0 0 15px;

}



.index #indexMain .heading02{

	position: relative;

}



.index #indexMain .heading02 .linkContainer{

    position: absolute;

    right: 10px;

    top: 7px;

}





.index #searchBox{

	border: none;

	margin: 0;

}



.index #search{

	margin: 0;

}



.index #naviInq{

	background:url(/images/index_bg001.gif) no-repeat 0 0;

	padding: 14px 0 21px 0;

	margin: 15px 0 0 0;

}



.index #naviInq p{

	margin: 0 13px;

}



.index  #naviInq .inqBt{

	margin-top: 9px;

}



.index #naviInq .tel{

	margin: 9px 0 2px 3px;

}



.index .banner{

	margin: 15px 0 0 0;

}



.index .line{

	border-top: #cccccc solid 1px;

	padding-top: 15px;

	margin-top: 15px;

}





.index .special{

    background: url(/common/images/com_bg004.gif) repeat-x 0 0;

    border-color: #1257A4 #CCCCCC #CCCCCC;

    border-style: solid;

    border-width: 4px 1px 1px;

    padding: 15px 17px;

}



.index .special dd{

	margin-top:8px;

}







.index .company dd{

	margin: 8px 0 0 10px;

}



.index .affiliate{

    border-color: #999999 #c8c8c8 #c8c8c8;

    border-style: solid;

    border-width: 3px 1px 1px;

    padding: 13px 9px;

	margin: 15px 0 0 0;

}



.index .affiliate dd{

	margin-top:5px;

}





/* 	slideshow

----------------------------------------------------------

---------------------------------------------------------- */



.index #slideGallery {

	display: none;

	overflow: hidden;

	width: 965px;

	height: 260px;

	position: relative;

}



#slideGallery #slideView {

	position: relative;

	float: left;

	width: 572px;

}



#slideGallery #thumb{

	position: absolute;

	bottom: 10px;

	right: 5px;

	z-index: 100;

}



#slideGallery #thumb ul li {

	margin: 0 5px 0 0;

	display: inline-block;

}



*:first-child+html #slideGallery #thumb ul li {

	display: inline;

	zoom: 1;

}





#slideGallery #thumb ul li.active {

	filter: alpha(opacity=100)!important;

	-moz-opacity: 1!important;

	opacity: 1!important;

}

#slideGallery #thumb ul li img {

	cursor:pointer;

}



/* slideView */

#slideGallery #slideView .slide {

	position: absolute;

}







/* clearfix

========================================== */

DUMMY:after,

DUMMY:after,

#slideshow ul:after {

	content: ".";

	display: block;

	height: 0px;

	clear: both;

	line-height: 0; 

	visibility: hidden;

}



DUMMY,

#slideshow ul{

	zoom: 1;

}









p.banner a img.slab{
	background-repe: no-repeat;
	background-image: url( "/images/index_tx012.jpg" );
}

p.banner a:hover img.slab{
	background-repe: no-repeat;
	background-image: url( "/images/index_tx012_on.jpg" );
}

p.banner a img.webnta{
	background-repe: no-repeat;
	background-image: url( "/images/index_tx013.png" );
}

p.banner a:hover img.webnta{
	background-repe: no-repeat;
	background-image: url( "/images/index_tx013_on.png" );
}

p.banner a img.gelpack{
	background-repe: no-repeat;
	background-image: url( "/images/index_tx014.png" );
}

p.banner a:hover img.gelpack{
	background-repe: no-repeat;
	background-image: url( "/images/index_tx014_on.png" );
}