@charset utf-8



/******************



Define basic elements



******************/



body,div,

dl,dt,dd,ul,ol,li,

h1,h2,h3,h4,h5,h6,

pre,form,fieldset,input,textarea,p,blockquote,tr,th,td { 

   margin:0;

   padding:0;

}





img{

	border:0;

	display:block;

}





a{

	color:#076196;

	text-decoration:underline;

}



a:hover{

	text-decoration:none;

}



/*******************



This page is created by header,contents(right,left),footer.



********************/



div#header{

	width:900px;

	height:260px;

	background:url(./images/head_back.png) no-repeat;

	margin-left:auto;

	margin-right:auto;

}



div#contents{

	width:800px;

	margin-left:auto;

	margin-right:auto;

	background:url(./images/contentback.png) repeat-y;

}



div#right{

	width:572px;

	float:right;

}

div#left{

	width:213px;

	float:left;

}



div#footer{

	clear:both;

	width:800px;

	height:63px;

	background:url(./images/foot_back.png) repeat-x;

	margin-left:auto;

	margin-right:auto;

	font-size:0.7em;	

	padding-top:14px;

}



/***********************



in header



************************/



div#header img.logo{

	margin-left:54px;

	float:left;

}



div#header table.menu{

	margin-right:50px;

	border-collapse:collapse;

	float:right;

	margin-top:0;

}



div#header table.menu td{

	width:98px;

	height:48px;

	margin:0;

	padding:0;

}



div#header p{

	text-align:right;

	font-size:11px;

	margin-right:55px;

	margin-top:1px;

	margin-bottom:0px;

	padding-top:1px;

	height:18px;

}



div#header h1{

	margin:0;

}







/************************



in right



************************/



div#right h2.news{

	background:url(./images/news.png) no-repeat;

	text-indent:-10000px;

	border-bottom:2px solid #cecece;

	margin-top:16px;

	font-size:21px;

}



div#right h2.topic{

	background:url(./images/newprod.png) 0 10px no-repeat;

	text-indent:-10000px;

	margin-top:16px;

	padding-top:10px;

	font-size:22px;

	border-bottom:2px solid #cecece;

}



div#right ul.news{

	list-style-type:none;

	background:url(newspin.gif);

	font-size:0.8em;

}





div#right ul.news li{

	width:400px;

	margin-top:10px;

	text-indent:-95px;

	padding-left:95px;

}



div#right h2.topic{

	border-top:1px dashed #909090;

	clear:both;

}



div#right div.topicdiv{

	float:left;margin-left:8px;

}



div#right table.topic{

	border-collapse:collapse;

}



div#right table.topic tr.body td{

	height:255px;

	width:180px;

	vertical-align:top;

	background:url(./images/topicback.png) repeat-y;

}



div#right table.topic h3{

	margin-top:0;

	font-size:0.8em;

	padding:10px 10px 8px 30px;

	background:url(./images/prod_head.png) no-repeat #eeeeee;

	font-weight:normal;

}



div#right table.topic p{

	font-size:0.65em;

	width:160px;

	margin-left:auto;

	margin-right:auto;

}



div#right table.topic tr.foot td{

	height:12px;

	margin-left:2px;

	width:180px;

	background:url(./images/prod_foot.png) no-repeat;

}













/****



products



****/





div#right p.pankuzu{

	padding:5px 0 5px 8px;

	font-size:0.7em;

	background:#eeeeee;

}



div#right h2.product{

	background:url(./images/p_productr.png) no-repeat;

	text-indent:-10000px;

	border-bottom:2px solid #cecece;

	margin-top:16px;

	font-size:18px;

	margin-bottom:20px;

}



div#right div.preview{

	float:right;

	widht:200px;

	height:280px;

	text-align:right;

	margin-left:12px;

}



div#right div.main_prod h3{

	margin:8px 0 14px 0;

	padding:6px 0 6px 27px;

	background:url(./images/p_mainprod.png)10px 10px no-repeat #D7eefc;

	width:340px;

	font-size:14px;

}





div#right div.main_prod p{

	font-size:0.8em;

	margin-left:

}



div#right div.detail{

	background:#eeeeee;

	padding-top:4px;

	padding-bottom:1px;

}



div#right div.detail h4{

	background:url(./images/p_detail.png) no-repeat;

	text-indent:-10000px;

	margin:4px 0 0px 8px;



}





div#right div.detail ul{

	margin-left:0px;

	list-style-type:none;

	margin-right:12px;

	padding-left:18px;

	margin-top:5px;

}



div#right div.detail li{

	padding-left:50px;

	font-size:0.75em;

	margin-top:5px;

	padding-top:1px;

}



div#right div.voice{

	border:1px solid #cecece;

	padding-top:4px;

	padding:0 12px 7px 10px;

	margin-top:20px;

}



div#right div.voice h4{

	background:url(./images/p_voice.png) no-repeat;

	text-indent:-10000px;

	margin:12px 0 0 2px;	

	font-size:19px;

}



div#right div.voice h5{

	margin:6px 0 0 12px;

	font-size:0.9em;

}



div#right div.voice p{

	font-size:0.75em;

	margin:14px 0 0 12px;

}



div#right div.voice p.name{

	margin:14px 0 0 12px;

	font-size:0.7em;

}



div#right h2.other_reco{

	background:url(./images/p_other.png) 0 15px no-repeat;

	text-indent:-10000px;

	margin-top:26px;

	padding-top:10px;

	font-size:18px;

	border-bottom:2px solid #cecece;

	border-top:1px dashed #cecece;

}





div#right div.other_prod{

	clear:both;

	height:100px;

	margin:10px 0 10px 3px;

	font-size:0.75em;

}



div#right div.other_prod img{

	float:left;

	border:2px solid #333333;

	margin-right:14px;

}



div#right div.other_prod h3{

	margin:0;

	font-weight:normal;

	font-size:12px;

}



div#right div.other_prod p{

	margin:12px 0 0 0;

}



div#right h2.inquiry{

	clear:both;

	background:url(./images/p_inquiry.png) 0 16px no-repeat;

	text-indent:-10000px;

	margin-top:26px;

	padding-top:13px;

	font-size:18px;

	border-bottom:2px solid #cecece;

	border-top:1px dashed #cecece;

}





div#right p.inquiry{

	margin:24px 0 0 5px;

	font-size:0.8em;

}



div#right div.inquiry{

	border:1px solid #cecece;

	padding:8px 20px 8px 20px;

	margin-top:9px;

}



div#right div.inquiry form table{

	margin-top:12px;

	width:560px;

	padding:8px 20px 20px 20px;

	border-collapse:collapse;

}



div#right div.inquiry table img{

	display:inline;

}



div#right div.inquiry table th{

	width:150px;

	border-bottom:1px solid #cecece;

	padding:8px 0 4px 0;

	font-size:0.8em;

	margin:0 0 0 20px;

	font-weight:normal;

	text-align:left;

	vertical-align:top;

}



div#right div.inquiry input{

	border:1px solid #7f9db7;

}



div#right div.inquiry textarea{

	border:1px solid #7f9db7;

	overflow-y:scroll;

}





div#right div.inquiry input.submit{

	margin:0 0 0 200px;

	border:0;

}



div#right div.inquiry table td{

	width:370px;

	padding:6px 0 6px 0px;

	border-bottom:1px solid #cecece;

	margin:0;

	font-size:11px;

}



/*************************



in left



*************************/



div#left h2.service{

	background:url(./images/service.png) 6px 0 no-repeat;

	margin-top:0;

	text-indent:-10000px;

}





div#left img.banner{

	margin-left:auto;

	margin-right:auto;

	margin-top:3px;

	border:2px solid #ffffff;

}



div#left h2.products{

	width:215px;

	height:45px;

	background:url(./images/p_products.png) no-repeat;

	margin:0;

	text-indent:-10000px;

	margin-bottom:0;

}



div#left ul.products{

	background:url(./images/p_pulback.png) repeat-x #ffffff;

	width:187px;

	margin-left:6px;

	padding-top:12px;

	padding-left:10px;

	padding-bottom:2px;

	margin-top:0;

	list-style-type:none;

	border:1px solid #bbbbbb;

}



div#left ul.products li{

	width:156px;

	padding-left:24px;

	padding-top:6px;

	padding-bottom:9px;

	margin-left:0;

	background:url(./images/p_listallow.png) 7px 9px no-repeat;

	margin-bottom:9px;

	border-bottom:1px solid #cecece;

	font-size:0.8em;

}





div#left h2.p_service{

	background:url(./images/p_service.png) 6px 0 no-repeat;

	margin-top:0;

	margin-bottom:4px;

	text-indent:-10000px;

}







/**********************



in footer



**********************/



div#footer p.footlist{

	width:310px;

	height:12px;

	margin-left:auto;

	margin-right:auto;

	list-style-type:none;

}



div#footer p.footlist li{

	float:left;

	margin-right:4px;

}



div#footer p.copy{

	clear:both;

	text-align:center;

	color:white;

	padding-top:6px;

	padding-bottom:10px;

	background:#0272b4;

}