@charset "UTF-8";
body{
	color:#333333;
	font-family:"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3","Hiragino Kaku Gothic Pro","¥á¥¤¥ê¥ª",Meiryo,"£Í£Ó £Ð¥´¥·¥Ã¥¯","MS PGothic","Osaka",arial, helvetica, verdana;
	font-size:85%;
	line-height:1.4;
	margin:0px;
	padding:0px;
	text-align:center;
	background-color:#FFFFFF;
	background: url(../images/head_bg.gif) repeat-x left top;}


img	{ border:0px; }
h1,h2,h3,h4,h5,h6,form,p,ul,ol,li,div,table,thead,tbody,tfoot{
	margin:0px;
	padding:0px;
}

table{
	font-size:90%;
	margin: 0px auto 10px auto;
	border-collapse:collapse;
}

ul li {
	list-style-type:none;
}

a:link,
a:visited{
	text-decoration: underline;
	color:#333333;
}

a:hover,
a:focus {
	text-decoration:underline;
	color:#ED2324;
}


/*===============================================
BASIC
===============================================*/
#WRAPPER {
	width:900px;
	margin:0px auto;
	text-align: left;
}

/*===============================================
HEAD
===============================================*/
#HEAD	{
	height:98px;
}

#HEAD #HEAD-TOP{

	height:22px;

	padding:0;

	line-height:24px;

}	

#HEAD #HEAD-TOP h1,

#HEAD #HEAD-TOP p{

	color:#333333;

	font-size:80%;

	font-weight:normal;

	display: inline;

}

#HEAD #HEAD-MAIN{ padding:10px 0px; }

#HEAD #HEAD-MAIN h2{

	float: left;	

}

#HEAD #SANKO {

	width:118px;

	float:right;

	margin-top:8px;

}

/*===============================================
NAVI-GLOBAL
===============================================*/

#NAVI-GLOBAL{
	height: 56px;
	margin: 0px auto;
}

#NAVI-GLOBAL ul li{ 
	float:left;
}

#NAVI-GLOBAL ul li a{
	display:block;
	height: 40px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#NAVI-GLOBAL ul li#NAVI-top a{
	width: 180px;
	background-image: url(../images/navi_top.gif);
}


#NAVI-GLOBAL ul li#NAVI-image a{
	width: 180px;
	background-image: url(../images/navi_image.gif);
}

#NAVI-GLOBAL ul li#NAVI-goods a{
	width: 180px;
	background-image: url(../images/navi_goods.gif);
}

#NAVI-GLOBAL ul li#NAVI-download a{
	width: 180px;
	background-image: url(../images/navi_download.gif);
}

#NAVI-GLOBAL ul li#NAVI-inquiry a{
	width: 180px;
	background-image: url(../images/navi_inquiry.gif);
}

#NAVI-GLOBAL ul li a:hover,
#NAVI-GLOBAL ul li a:active,
#NAVI-GLOBAL2 ul li a:hover,
#NAVI-GLOBAL2 ul li a:active{
	background-position:0px -40px;
}

/*===============================================
KEYVISUAL
===============================================*/

#VISUAL{
	width: 900px;
	height: 372px;
	margin: -16px auto 0px auto;
	text-indent: 0px;
}

/*===============================================
MAIN
===============================================*/

#MAIN{
	text-align: left;
	}



/*===============================================
CONTENT
===============================================*/

#CONTENT{
	width:900px;
	margin-top:20px;
	}

#CONTENT p	{
	margin:0px 0px 0px 0px;
}


/*===============================================
SUBCONTENT

#SUBCONTENT-WRAP{
	width:220px;
	float:left;
}

#SUBCONTENT{
	margin: 20px 10px;
}

#SUBCONTENT img{
	margin-bottom:10px;
}

#SUBCONTENT p{
	font-size:90%;
}

#SUBCONTENT h6{
	font-size:105%;
	background-image:url(../images/h6_bg.gif);
	background-position:left 40%;
	background-repeat:no-repeat;
	line-height:25px;
	width:15x;
	height:15x;
	text-indent:20px;
	color:#393939;
	margin-bottom:5px;
}

#SUBCONTENT h6.original{
	text-indent:none;
	background-image:none;
	line-height:auto;
	height:auto;
}

#SUBCONTENT ol{ 
	font-size:85%;
	margin:5px 0px 10px 25px; 
	line-height:18px;
}

#SUBCONTENT ul li{
	font-size:85%;
	background-image:url(../images/li_bg.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:10px;
	line-height:18px;
}
===============================================*/


/*===============================================
NAVI-FOOT
===============================================*/
#FOOT-BG{
	background-image:url(../images/foot_bg.gif);
	background-repeat:repeat-x;
	width:900x;
	height:55px;
	background-color:#FFFFFF;
	text-align:left;
	margin-bottom:0px;
	margin-top:15px;
}

#BANNER-FOOT{
	padding-top:20px;
	width:900px;
	color:#333333;
	font-size:85%;
	margin: 0px auto;
	text-align:center;
}

#BANNER-FOOT img{
	margin-right:15px;
}

#BANNER-FOOT a:hover,
#BANNER-FOOT a:focus{
	filter:alpha(opacity=50);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#NAVI-FOOT{
	padding-top:20px;
	width:900px;
	color:#333333;
	font-size:85%;
	margin: 0px auto;
}

p#COPYRIGHT{
	width:900px;
	float: right;
	font-size:85%;
	color:#333333;
	text-align:right;
	margin-top:-15px;
}

#NAVI-FOOT a{
	background-image: url(../images/li_bg.gif);
	background-repeat:no-repeat;
	background-position:left center;
	width:900px;
	padding-left:8px;
	margin-left:10px;
}
	
#NAVI-FOOT a:link,
#NAVI-FOOT a:visited{
	text-decoration:none;
} 


/*===============================================
TEMPLATE
===============================================*/

#CONTENT h3{
	font-size:155%;
	text-indent:0px;
	background-image: url(../images/h3_bg.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	line-height:35px;
	width:900px;
	color:#393939;
	margin-bottom:15px;
}

#CONTENT h3.original{
	text-indent:0px;
	background-image:none;
	line-height:auto;
	height:auto;
}

#CONTENT h4{
	font-size:130%;
	background-image:url(../images/h4_bg.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	line-height:30px;
	text-indent:5px;
	color:#393939;
	margin-bottom:10px;
}

#CONTENT h4.original{
	background-image:none;
	line-height:auto;
	height:auto;
	text-indent:0px;
}

#CONTENT h5{
	font-size:110%;
	background-image: url(../images/h5_bg.gif);
	background-position:left 35%;
	background-repeat:no-repeat;
	line-height:25px;
	text-indent:10px;
	color:#393939;
	margin-bottom:5px;
}

#CONTENT h5.original{
	text-indent:none;
	background-image:none;
	line-height:auto;
	height:auto;
}

#CONTENT ul{ 
	font-size:85%;
	margin:5px 0 10px 5px; 
}

#CONTENT ol{ 
	font-size:85%;
	margin:5px 0 10px 25px; 
	line-height:20px;
}

#CONTENT ul li{
	background-image: url(../images/li_bg.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:10px;
	line-height:20px;
}
	
#SUBCONTENT ul{ 
	margin:5px 0px 10px 0px; 
}

table.table01{
	border-top:#D9D9D9 1px solid;
	border-left:#D9D9D9 1px solid;
	border-right:#D9D9D9 1px solid;
	border-spacing:0px;
	border-collapse: collapse;
	margin:10px auto 15px;
	font-size:100%;
}

table.table01 th,
table.table01 td{
	padding:5px 10px;
	text-align:left;
	color:#393939;
	vertical-align:top;
	border-bottom:1px #D9D9D9 solid;
}
	
table.table01 th{
	background-image:url(../images/tb01_bg.gif);
	background-position:left top;
	background-repeat:repeat-x repeat-y;
}

table.table01 td{
	border-right:#D9D9D9 1px solid;
}

table.table02{
	border-spacing:0px;
	border-collapse:collapse;
	margin:10px auto 15px;
}

table.table02 th,
table.table02 td{
	padding:5px 10px;
	text-align:left;
	vertical-align:top;
	border-bottom:1px #D9D9D9 dotted;
}

.button01{
	background-image: url(../images/icon01.gif);
	background-position:left 40%;
	background-repeat:no-repeat;
	padding-left:28px;
	line-height:20px;
	font-size:90%;
}

.button02{
	background-image: url(../images/icon02.gif);
	background-position:left 30%;
	background-repeat:no-repeat;
	padding-left:25px;
	line-height:25px;
	font-size:90%;
}




/*===============================================
FORM
===============================================*/
.ipt	{
	color:#ED2324;
	font-size:80%;
}
.msg	{
	color:#393939;	
	margin:15px 0px 15px 0px;
	text-align:center;
	font-size:12px;
}

.error_form	{background-color:#FFFF7C;}

#CONTENT p.error	{
	padding:15px;
	color:#333333;
	background-color: #F9F9F9;
	border: 1px solid #BBBBBB;
	margin: 0px 20px 25px 20px;
}
.error a:link,
.error a:visited	{
	color:#696969;
	text-decoration:underline;
}
.error a:hover	{
	color:#ED2324;
	text-decoration:underline;
}
.inquiryButtons	{
	text-align:center;
	padding:10px;
}



/*===============================================
SPAN
===============================================*/

#NAVI-GLOBAL ul li a span{

	display:block;

	text-indent:-9999px;

}

/* Hack Mac IE5 \*/

#NAVI-GLOBAL ul li a span{

	width:0px;

	height:0px;

	overflow:hidden;

}

/* End */


/*===============================================
class
===============================================*/
.alC	{ text-align: center; }
.alL	{ text-align: left; }
.alR	{ text-align: right; }
.flL	{ float: left; }
.flR	{ float: right; }
.clB	{ clear: both; }
.mgT20{margin-top:20px;}
.mgB30{margin-bottom:30px;}
.pdT05{padding-top:5px;}
.pdL10{padding-left:10px;}


/*===============================================
clearfix
===============================================*/
.clearfix:after{
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	line-height: 0;
}
.clearfix{
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
*html .clearfix{
	height:1%;
}
.clearfix{
	display:block;
}
/* end */

/*===============================================
BANNER
===============================================*/
#BANNER a{
	display: block;
}

#BANNER a:hover,
#BANNER a:focus{
	filter:alpha(opacity=50);
	-moz-opacity: 0.6;
	opacity: 0.6;
}


/*===============================================
TOP TABLE
===============================================*/
#TOP-TB{
	margin-top:0px;
}

#TOP-TB th{
	border:#CCCCCC 1px solid;
	vertical-align:top;
	padding:14px;
}

#TOP-TB th p{
	margin-top:10px;
	font-weight:normal;
}

/*===============================================
TOP TOPICS
===============================================*/
#TOP-TOPICS p{
	border-bottom:#999999 1px dotted;
	line-height:180%;
}

/*===============================================
ZOOM
===============================================*/
#ZOOM{
	font-size:90%;
	background-image: url(../images/icon-zoom.gif);
	background-position:left 35%;
	background-repeat:no-repeat;
	line-height:25px;
	text-indent:20px;
	color:#393939;
	margin-bottom:5px;
}

/*===============================================
DOWNLOAD
===============================================*/
#DOWN{
	font-size:110%;
	background-image: url(../images/icon-pdf.gif);
	background-position:left 45%;
	background-repeat:no-repeat;
	line-height:30px;
	text-indent:30px;
	color:#393939;
	margin-bottom:5px;
	margin-top:5px;
}

/*===============================================
LEAD
===============================================*/
#LEAD{
	font-size:110%;
	line-height:25px;
	margin-left:20px;
	color:#333;
	margin-bottom:20px;
	margin-top:5px;
	font-weight:bold;
}

/*------------------------------------------------------------------------------------
btn-goods
------------------------------------------------------------------------------------*/

#MORE-ICON{

	float:right;

	margin-top:-31px;	

	display: inline;

}