@charset "UTF-8";


/*-----------------
font-size 
1px = 6.25%
10px = 62.5%
11px = 68.75%
12px = 75%
------------------*/
/*==================
default css clear
===================*/


body,h1,h2,h3,h4,h5,h6,ul,li,dl,dd,dt,form{
	margin:0;padding:0;
}


body {
	width:820px;
	font-family:"ＭＳ Ｐゴシック",Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica,sans-serif;
	font-size: 62.5%;
	line-height:140%;
	margin:0 auto;
	color:#333333;
	

}

/*==================
headlines
===================*/





h1 {
	width:550px;
	font-size:100%;
	background:url("h1.jpg") no-repeat left bottom;
	margin:0 0 15px 0;
	padding:0 10px 16px 10px;
	

}




.himg{
	background:none;
	padding:0;
	margin:0 0 15px 0;
}



h2 {
	width:550px;
	font-size:100%;
	background:url("h1.jpg") no-repeat left bottom;
	margin:0 0 2px 0;
	padding:0 10px 16px 10px;
}



.h2img{
	background:none;
}


h3 {
	font-size:100%;
	background:url("arw.gif") no-repeat left center;
	padding:2px 10px;
	margin-bottom:8px;
}






h4{
	padding:0;
	margin:0 0 12px 0;
	font-size:100%;
}

h5{
	padding:0;
	margin:0 0 8px 0;
	font-size:100%;
}

h6{
	padding:0;
	margin:0;
}





/*==================
tag common  
===================*/

a:link {
	color: #0000c0;
	text-decoration: none;
}

a:hover {
	color: red;
	text-decoration: underline;
}

a:visited{
}

a:active{
}

ul{
	list-style-position:outside;
}

ul a:link, ul a:visited{
	text-decoration:none;
}



p {
	line-height: 140%;
	margin:0 0 12px 0;
	padding:0;
	
}





img{
	border:0;
}


/*==================
class common  
===================*/

.marginP{
	margin-top:25px;
	margin-bottom:25px;
}

.marginPP{
	margin-bottom:25px;
}

.attention{
	color:#990000;
}

.attract{
	font-size:118.75%;
}


.strR{
	display:block;
	text-align:right;
	margin:12px 0;
}

.strRImg{
	
	padding-left:12px;
	background:url("arwIcon.gif") no-repeat left center;
}

.hrImg{
	display:block;
	margin:15px 0;
}

.iconList{
	margin:0;
	padding:0;
}

.iconList li{
	font-size: 100%;
	background: url("iconT.gif") no-repeat left center;
	padding-left:10px;
	margin-bottom:10px;
	font-weight:bold;
	color:#054274;
	float:left;
	list-style:none;
	margin-right:19px;
}

.iconList li a{
	text-docoration:none;
	color:#054274;
}


.linesTbl{
	border-collapse:collapse;
	border:1px solid #CCCCCC;
}

.linesTbl td{
	border:1px solid #CCCCCC
}


.linesTbl table td{
	border:0;
}



.leftBorTbl{
	border-left:3px solid #006699;
}


.newsTbl th,.newsTbl td{
	text-align:left;
	font-weight:normal;
	padding-bottom:3px;
}

.newsTbl th{
	background:url("cercle.gif") no-repeat left center;
	padding-left:14px;
}



.grayBgTbl{
	background:#EAEAEA;
	margin-top:7px;
}

.grayBgTbl td{
	
	padding:5px;
	vertical-align:top;
}


.yellowTbl {
	margin:20px 15px;
	color:#666666;
}
.yellowTbl th{
	padding:10px;
	text-align:center;
	background:#FFFFEC;
	font-weight:normal;
	vertical-align:top;
}

.yellowTbl td{
	padding:10px;
	vertical-align:top;
}


.indent{
	text-indent:1em;
}


.normalList{
	margin:10px 10px 42px 30px;
}

.normalList li{
	margin-bottom:4px;
	list-style-position:inside;
	text-indent:-1em;
	
}




.addBorderBtm{
	border-bottom:1px solid #CCC;
	font-size:;
	color:#CCC;
	padding-bottom:4px;
}






/*==================
links  
===================*/

.sideTextLink{
	font-size:100%;
}

.sideTextLink li{
	display:inline;
	border-right:1px solid #CCC;
	padding-right:10px;
	padding-left:10px;
}

.sideTextLink li.end{
	border:0;
	padding-right:0;
}


.sideTextLink li a{
}



/*==================
wrapper  
===================*/

#wrapper{
	width:820px;
}




/*==================
container  
===================*/
#container{
	width:820px;
	clear:both;
	margin-bottom:20px;
}



/*==================
header  
===================*/
#header{
	width:820px;
	
}


#headL{
	width:369px;
	float:left;
	padding:9px 0 3px 11px;
}

#headR{
	width:410px;
	float:right;
	padding-top:29px;
	padding-right:10px;
}


#headL img{
	display:block;
	float:left;
}

#headR img{
	display:block;
	float:right;
	
}


#header ul{
	clear:both;
	width:807px;
	height:22px;
	background:url("headGrad.jpg") repeat-y right top;
	text-align:right;
	padding-top:10px;
	padding-right:13px;
}

#header ul li{
	border-right-color:#FFF;
}


#header ul a{
	color:#FFF;
	text-decoration:none;
}



/*==================
mainImage  
===================*/

#mainImage{
    width: 820px;
	background:url("mainImgBg.jpg") repeat-y right top;
	
}



*html #mainImage img{
	vertical-align:bottom;
}




/*==================
menubar  
===================*/

#menubar {
	width:820px;
	height:36px;
	padding:0;
}

#menubar li{
	display:inline;
}


#menubar li a{
	font-size:14px;
	width:121px;
	height:26px;
	padding-top:10px;
	display:block;
	text-align:center;
	float:left;
	background:url("naviBg.jpg") repeat-x right center;
	border-top:1px solid #FFF;
	border-right:1px solid #FFF;
	color:#FFF;
	text-decoration:none;
	font-family:Century Gothic,"ＭＳ Ｐゴシック",Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica,sans-serif;
}



#menubar li a:hover{
	color:#FF9900;
	background:url("naviOn.jpg") repeat-x right center;
}




#menubar li.current a{
	color:#FF9900;
}




/*==================
locator 
===================*/
#locator{
	width:820px;
	margin:0 auto 0 auto;
	text-align:right;
	height:12px;
	padding-top:5px;
	clear:both;
}



/*==================
main contents  
===================*/

#mainCont{
	width:820px;
	margin:20px auto 0 auto;
	padding:0px;
}



#mainCont p{
	line-height:200%;
}

#mainContR{
	float:right;
	width:640px;
}


#leftMenu {
	width:154px;
	float:left;
	margin-right:16px;
	background:url("leftBtm.gif") no-repeat left bottom #333333;
	padding-bottom:40px;
	margin-bottom:20px;
}	


#leftMenuTle{
	width:154px;
	height:41px;
	text-align:center;
	font-weight:bold;
	padding-top:0px;
	margin-bottom:0px;
	
	background:url("leftTop.gif") no-repeat left top;
}



#leftMenuTle a{
	color:#333;
	text-decoration:none;
}

#leftMenu ul{
	padding:20px 4px;

}

#leftMenu ul li{
	
	display:inline;	

}


#leftMenu ul li a{
	display:block;
	background: url("lArwRht.gif") no-repeat 0px 2px;
	width: 124px;
	color:#99CCFF;
	text-decoration:none;

	padding-left:16px;
	margin:0 auto 5px auto;
	font-size:112.5%;
}



#leftMenu li#LCurrent a:link,#leftMenu li#LCurrent a:visited{
	background: url("lArwBtm.gif") no-repeat left center;
	color:#99CCFF;
	text-decoration:none;
	
}



#leftMenu ul li#LCurrent ul,#leftMenu ul li ul{
	padding:3px 0 3px 2px;
	margin-bottom:14px;
	list-style:none;
	
}

#leftMenu ul li#LCurrent ul li,#leftMenu ul li ul li {
	margin-bottom:3px;
	display:block;
	list-style:cercle inside;
	
}




#leftMenu ul li#LCurrent ul li a{
	display:inline;
	margin-bottom:8px;
	padding-left:0;
}


#leftMenu ul li#LCurrent ul li a:link,#leftMenu ul li#LCurrent ul li a:visited{
	width:104px;
	background: url("dot.gif") no-repeat 0px 4px ;
	color:#99CCFF;
	padding-left:6px;
}








/*==================
footer  
===================*/

*html #footer {
	top:-20px;
	position:relative;
	clear:both;
	width:820px;
	
}

#footer {
	top:50px;
	position:relative;
	clear:both;
	width:820px;
	
}

#footer:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	
}

#footer{
	zoom:100%;
}


#footer ul{
	width:410px;
	margin:0;
	text-align:left;
	float:left;
	padding:2px 5px 2px 0;
}

#footer ul li{
	padding-left:6px;
	padding-right:6px;
}


#copyright {
	width:400px;
	
	text-align: right;
	padding:2px 5px 2px 0;
	float:right;
}




/*==================
contents common
===================*/


#topLay{
	width:820;
	margin-top:8px;
}

#topLay td{
	vertical-align:top;
}


#topLay #left{
	padding-right:20px;
}




.layA{
	width:820px;
	margin:0 auto;
}


.layB{
	width:640px;
	margin:0 auto;
}

.layC{
	width:820px;
	margin:0 auto;

}

.layD{
	width:500px;
	margin:0 ;
	
}


.layB h1, .layC h1, .layD h1{
	border-left:10px solid #0B0B60;
	padding:2px 0 2px 7px;
	background:none;
	font-size:118.75%;
}


.layB ul,.layC ul{
	margin-bottom:18px;
}


.layB ul li, .layC ul li{
	background:url("cercleB.gif") no-repeat 4px 4px;
	padding-left:15px;
	color:#0B0B60;
	list-style:none;
	margin-bottom:4px;
	}





.intBox, .intBox2{
	width:610px;
	padding:30px 25px 25px 25px;
}





/*==================
product
===================*/
#product ol{
	margin-left:0;
	list-style-position:inside;
}




/*==================
message
===================*/

#message dt{
	background:url("arw.gif") no-repeat 2px 5px;
	padding:2px 13px;
	margin-bottom:3px;
}

#message dd{
	margin-bottom:12px;
}




/*==================
inquiry
===================*/

#inquiry h1{
	width:480px;
}


#inquiry .layD{
	float:left;
	
}

.hissu{
	font-size:93.65%;
	color:#FF0000;
}



#unitRight{
	float:right;
	width:320px;
}


#inquiry dt{
	clear:both;
	float:left;
	width:150px;
	height:30px;
	background:url("cercleB.gif") no-repeat 0px 3px;
	padding-left:15px;
}

#inquiry dd{
	height:30px;
}

fieldset{
	border:0;
}

.textIpt{
	width:190px;
}

.textIptS{
	width:8em;
}

.imeOn{
	ime-mode:disabled;
}

#inquiry textarea{
	width:190px;
	height:90px;
}

#submit{
	margin-right:20px;
}


#confTbl{
	margin-bottom:20px;
} 


#confTbl th{
	background:url("cercleB.gif") no-repeat 0px 3px;
	padding-left:15px;
	text-align:left;
}
.newspoint{
  background:url("cercle.gif") no-repeat 0px 3px;
	padding-left:15px;
	text-align:left;
	}

.red {color:#FF0000;}