﻿@charset "utf-8";


body {
	font-size: 14px;
	color: #333;
	margin: 0px auto;
	text-align:center;
	padding: 0;
	line-height:130%;
	}
img {border:none;}
ul, ol, li{
	margin:0px;
	padding:0px;
	list-style:none;
	}
h1,h2,h3,h4,h5,h6{
	margin:0px;
	padding:0px;
}
.clear{
	clear:both;
}	
a, a:visited{
	color:#003399;
	text-decoration:none;
	outline:none;
	}

a:hover{
	text-decoration:underline;
	}
#wrapper{
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	width:920px;
	_width:922px;
	margin: 0px auto;
}
/*header*/

#header{
	text-align:left;
	border-top:5px solid #1033AB;
}
#header h1{
	font-size:12px;
	font-weight:normal;
	margin:5px;
	width:50%;
	float:left;
}
#header ul.head_navi{
	float:right;
	font-size:12px;
	margin:5px;
}
#header ul.head_navi li{
	background:url(../images/li_bg.gif) no-repeat left;
	float:left;
	margin:0px 0px 0px 15px;
	padding:0px 0px 0px 15px;
}
#header .logo{
	clear:both;
	margin:0px 0px 10px 20px;
}
#globalNavi {
	margin:0px;
	display:inline-block;
	position: relative;
	height:43px;
}

#globalNavi:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#globalNavi ul li {
	float: left;
	position: relative;
}

#globalNavi li ul.drop {
	width:153px;
	position:absolute;
	display:none;
	float:none;
	z-index:100;
	left:0;
	top:40px;
	
	/* 透け透けにしたいとき */
	opacity: .90; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=90); /* IE lt 8 */
	-ms-filter: "alpha(opacity=90)"; /* IE 8 */
	-khtml-opacity: .90; /* Safari 1.x */
	-moz-opacity: .90; /* FF lt 1.5, Netscape */
}

#globalNavi li ul.drop li {
	float:none;
	position:static;
}

#globalNavi li ul.drop li a {
	display:block;
	background:#333;
	border-bottom:solid 1px #000;
	color:#FFF;
	padding:10px;
	_zoom:1; /* IE 6 */
}

#globalNavi li ul.drop ul a {
	padding:10px 10px 10px 20px
}
/*breadcrumb*/
#breadcrumb{
text-align:left;
padding:5px 10px;
background:url(../images/footer_bg.gif);
font-size:12px;
margin:0px;
clear:both;
}
/*container*/
#container {
padding:0px 10px;
}
#container p,#container ul,#container h3,#container h4,#container h2{
text-align:left;
}
#container .index_img{
margin:10px auto;
}
.block01,.block02,.block03{
border:1px solid #CCC;
padding:3px;
width:285px;
}
.block01{
margin:10px 10px 10px 0px;
float:left;
}
.block02{
margin:10px auto 10px;
float:left;
}
.block03{
margin:10px 0px 10px 10px;
float:right;
}
#container .block01 h2,#container .block02 h2,#container .block03 h2{
margin-bottom:3px;
}
#container .block01 p,#container .block02 p,#container .block03 p{
margin:5px 3px 10px;
}
#container .quality{
border:5px solid #E8E8E8;
text-align:center;
width:310px;
margin:10px auto ;
padding:6px;
text-align:left;
float:left;
height:110px;
}
#container .quality h2{
width:300px;
margin:5px 0px 5px 0px;
padding:0px 0px 5px 10px;
border-bottom:1px solid #CCC;
}
#container .quality p{
padding:10px 0px 5px 10px;
margin:0px;
}

#container .contact_area{
border:5px solid #E8E8E8;
text-align:center;
padding:6px;
margin:10px auto ;
width:530px;
_width:540px;
float:right;
height:110px;
}
#container .contact_area p{
text-align:left;
margin:5px 10px 10px;
}
#container img.tel{
margin-right:20px;
}
#contents{
float:right;
width:660px;
padding:10px 0px;
}
#contents h3{
background:url(../images/contents_h3_bg.gif) repeat-x;
color:#FFF;
padding:5px 15px;
font-size:17px;
margin-bottom:20px;
}
#contents ul.square {
margin:0px 0px 0px 30px;
}
#contents ul.square li{
list-style-type: square;
margin-bottom:5px;
}
#contents .product_block{
margin:15px 0px 0px;
border:1px solid #CCC;
padding:1px;
height:100%;
}
#contents h4{
background:url(../images/contents_h4_bg.gif) repeat-x;
color:#333;
padding:8px 15px;
font-size:17px;
}
#contents .product_block img.photo{
border:1px solid #CCC;
padding:3px;
margin:5px 8px;
float:left;
}
#contents .product_block p{
margin:5px 8px 8px;
}
#contents .product_block p.right{
text-align:right;
}
/*sidebar*/
#sidebar{
float:left;
width:220px;
font-size:12px;
padding:10px 0px;
}
.contact_side{
padding:7px;
border-bottom:1px solid #CCC;
}
.contact_side p{
margin:8px 0px ;
}
.sideblock{
border:1px solid #CCC;
margin:8px 0px ;
padding:5px 7px 7px;
}
#sidebar .sideblock h3{
background:url(../images/side_h3_bg.gif) no-repeat left;
padding:5px 0px 5px 23px;
font-size:16px;
margin:0px;
border-bottom:1px solid #CCC;
}
#sidebar .sideblock p{
margin:5px 0px 5px;
}
/*footer*/
#footer{
background:url(../images/footer_bg.gif);
text-align:left;
font-size:12px;
padding:0px;
margin:20px 0px 0px;
line-height:120%;
}
#footer .footer_left{
margin:10px;
float:left;
width:500px;
}
#footer .logo{
float:left;
margin-right:15px;
}
#footer .footer_left p{
width:400px;
margin:0px;
float:right;
}
#footer .footer_right{
margin:10px;
float:right;
}
#footer p.copyright{
margin:0px;
text-align:center;
color:#FFF;
background:#1033AB;
padding:3px 0px;
}
table.detail{
border:1px solid #CCC;
padding:3px 1px;
margin:0px 0px 10px;
}
table.detail td{
border-right:1px solid #E8E8E8;
padding:5px;
vertical-align:top;
text-align:left;
background:url(../images/detail_bg.gif) repeat-x bottom;
}
#container p.center{
text-align:center;
}
table.detail_photo img{
border:1px solid #E8E8E8;
padding:3px;
}
table.detail_photo{
text-align:left;
}

/*-----------------------------------------------
	My - 
------------------------------------------------*/

#company_table {
	text-align:left;
	margin:40px 0 0 0;
}

#company_table tr{
	border:solid 1px #DDD;
}

#company_table td img{

	vertical-align:middle;
	padding-right:5px;
}

#company_table td.c1{

	width:100px;
	padding:10px 0 10px 20px;
	vertical-align:top;
}

#company_table td.c2{

	padding:10px 30px 10px 30px;
	line-height:1.6;
}

/*-----------------------------------------------
	Company - Engliah
------------------------------------------------*/

#company_table_e {
	text-align:left;
	margin:10px 0 0 0;
}

#company_table_e tr{
	border:solid 1px #DDD;
}

#company_table_e td img{

	vertical-align:middle;
	padding-right:5px;
}

#company_table_e td.c1{

	width:140px;
	padding:10px 5px 10px 20px;
	vertical-align:top;
}

#company_table_e td.c2{

	padding:10px 30px 10px 40px;
	line-height:1.6;
}

/*-----------------------------------------------
	お問い合わせ
------------------------------------------------*/

#contact_cont{
	text-align:left;
	padding:10px 0 20px 10px;
}

#askme	{
			margin: 0 0 15px 7px;
			text-align:left;
		}

#askme td {
			padding: 10px;
			/*background-color:#DDDDDD;*/
		  }

#askme td.title {
			background-color:#224FB7;
			color:#FFF;
		  }

#askme td.form {
			background-color:#FFF;
		  }


/*-----------------------------------------------
	Suja Shoei
------------------------------------------------*/

#list{
	font-family:Arial;
	margin:5px 0 0 15px;	
}

#list table {
	background-color:#333;
	margin:4px 0 0 0;
}

#list td {
	font-size:14px;
	background-color:#FFF;
	padding: 5px;
}

#list td a{
	font-size:14px;
	text-decoration:underline;
}

#list td.title {
	font-weight:bold;
	background-color:#D3DCE3;
	letter-spacing:2.0px;
	line-height:1.6;
	text-align:center;
}

#list td.kind1 {
	background-color:#FFF;
	font-size:12px;
	padding:2px;
}

#list td.kind2 {
	background-color:#EEE;
	font-size:12px;
	padding:2px;
}

