@charset "utf-8";


/* default settings */
body{
background:#F0F4F3;
margin:0;
padding:0;
text-align:center;
font-size:75%;
font-family:verdana;
color:#333;
line-height:1.6;
}
form{margin:0;}
p{margin:0 0 20px 0;}
a{color:#4186BE;}
a:hover{color:#000;}
ul,ol{margin-top:0;}



/*layout*/
#layout{
margin:auto;
padding:auto;
text-align:left;
width:814px;
background:url(../img/bg_layout.jpg) repeat-y #fff;
}
#header{
position:relative;
height:90px;
background:url(../img/bg_header.jpg) no-repeat;
}
#contents{
/*width:770px*/
margin:0 22px 0 22px;
}
#main{
width:570px;
float:right;
}
#side{
width:180px;
float:left;
}
#pagetop{
clear:both;
text-align:right;
margin:30px 0 0 0;
}
#footer{
text-align:center;
font-size:0.8em;
background:url(../img/bg_footer.jpg) no-repeat bottom;
color:#fff;
padding:15px 0 20px 0;
}

/*header*/
#header h1{
font-size:0.8em;
font-weight:normal;
margin:20px 0 0 22px;
color:#999;
}
#logo{
width:250px;
height:25px;
background:url(../img/logo.gif) no-repeat;
position:absolute;
bottom:10px;
left:22px;
}
#logo a{
width:250px;
height:25px;
display:block;
text-indent:-10000px;
overflow:hidden;
}
#search{
position:absolute;
bottom:10px;
right:22px;
}

/*topimage*/
#topimage{
margin:0 0 0 22px;
width:770px;
height:220px;
background:url(../img/topimage.jpg) no-repeat;
text-indent:-10000px;
}


/*side*/
#side_banner{
margin:0 0 20px 0;
padding:15px 0 0 0;
background:url(../img/bg_side_banner.gif) no-repeat;
}
#side_banner img{
margin:0 0 3px 0;
border:none;
}
#tel{
padding:60px 0 0 0;
margin:20px 0 0 0;
font-size:0.8em; 
color:#666;
background:url(../img/bg_tel.gif) no-repeat;
}


/*pagenavi*/
#pagenavi{
margin:0 0 10px 0;
font-size:0.8em;
color:#666;
}




/*text*/
.small{font-size:0.8em;}
.link{
padding:0 0 0 12px;
background:url(../img/icon_link.gif) no-repeat left center;
}
.link2{
padding:0 0 0 12px;
background:url(../img/icon_mark.gif) no-repeat left center;
}
.link3{
padding:0 0 0 12px;
background:url(../img/icon_link.gif) no-repeat left center;
}
.price{
font-weight:bold;
color:#FF3300;
}





/*img*/
.img_left{
float:left;
margin:0 20px 20px 0;
}
.img_right{
float:right;
margin:0 0 20px 20px;
}
.banner{
margin:0 0 3px 0;
border:none;
}
.topcn_img{
border:3px solid #D8D8D8;
}


/*table*/
.table_default{
margin:0 0 20px 0;
}
.table_default th{
width:20%;
padding:2px 0 2px 16px;
border-bottom:1px solid #ddd;
text-align:left;
font-weight:normal;
vertical-align:top;
}
.table_default td{
padding:2px 0;
border-bottom:1px solid #ddd;
vertical-align:top;
}

.table_topnews{
margin:0 0 20px 0;
}
.table_topnews th{
width:20%;
padding:2px 0 2px 16px;
border-bottom:1px solid #ddd;
text-align:left;
font-size:0.8em;
}
.table_topnews td{
padding:2px 0;
border-bottom:1px solid #ddd;
}

.table_itemlist{
margin:0 0 30px 0;
}
.table_itemlist td{
vertical-align:top;
padding:5px 0;
border-bottom:1px solid #ddd;
}
.table_itemlist td p{
margin:0;
font-size:0.8em;
}
.itemlist_img{
width:70px;
}
.itemlist_btn{
width:100px;
text-align:right;
}
.itemlist_img img{
border:1px solid #ccc;
}

.table_item{
margin:0 0 20px 0;
}
.table_item td{
vertical-align:top;
}
.item_left{
width:200px;
padding:0 20px 0 0;
}
.item_right{

}
.item_img{
border:1px solid #ccc;
margin:0 0 20px 0;
}


.table_itemdetail{
margin:0 0 20px 0;
background:#89C2AF;
}
.table_itemdetail th{
text-align:left;
font-weight:normal;
padding:2px 5px;
background:#F2F8E0;
width:30%;
vertical-align:top;
}
.table_itemdetail td{
padding:2px 5px;
background:#fff;
vertical-align:top;
}



/*heading*/
h3{
margin:0 0 10px 0;
font-size:1em;
border-top:2px solid #A4D5C6;
background:url(../img/bg_h3.gif) no-repeat left center #EAF4F1;
padding:3px 0 3px 16px;
clear:both;
}
h3.h3img{
margin:0 0 10px 0;
border:none;
background:none;
padding:0;
clear:both;
width:300px;
}
h4{
margin:0 0 5px 0;
font-size:1em;
clear:both;
color:#326D58;
}
h2{
height:40px;
margin:0 0 10px 0;
padding:45px 0 0 12px;
color:#fff;
font-size:1.2em;
}
h2#company{
background:url(../img/pt_company.jpg) no-repeat;
}
h2#material{
background:url(../img/pt_material.jpg) no-repeat;
}
h2#info{
background:url(../img/pt_info.jpg) no-repeat;
}
h2#products{
background:url(../img/pt_products.jpg) no-repeat;
}
h2#concept{
background:url(../img/pt_concept.jpg) no-repeat;
}
h2#factory{
background:url(../img/pt_factory.jpg) no-repeat;
}
h2#inquiry{
background:url(../img/pt_inquiry.jpg) no-repeat;
}
h2#column{
background:url(../img/pt_column.jpg) no-repeat;
}
h2#sitemap{
background:url(../img/pt_info.jpg) no-repeat;
}

/*global navi*/
#g_navi{
margin:0 0 10px 19px;
height:53px;
background:url(../img/bg_g_navi.jpg) no-repeat;
}
#g_navi ul{
margin:0 0 0 11px;
padding:0;
list-style:none;
}
#g_navi li{
margin:0;
padding:0;
float:left;
}
#g_navi li a{
display:block;
height:53px;
background:url(../img/g_navi.jpg) no-repeat;
text-indent:-10000px;
overflow:hidden;
}

#g_navi .g01 a{
width:99px;
background-position:0px 0px;
}
#g_navi .g01 a:hover{
background-position:0px -53px;
}
#g_navi .g02 a{
width:133px;
background-position:-99px 0px;
}
#g_navi .g02 a:hover{
background-position:-99px -53px;
}
#g_navi .g03 a{
width:95px;
background-position:-232px 0px;
}
#g_navi .g03 a:hover{
background-position:-232px -53px;
}
#g_navi .g04 a{
width:74px;
background-position:-327px 0px;
}
#g_navi .g04 a:hover{
background-position:-327px -53px;
}
#g_navi .g05 a{
width:70px;
background-position:-401px 0px;
}
#g_navi .g05 a:hover{
background-position:-401px -53px;
}
#g_navi .g06 a{
width:100px;
background-position:-471px 0px;
}
#g_navi .g06 a:hover{
background-position:-471px -53px;
}
#g_navi .g07 a{
width:110px;
background-position:-571px 0px;
}
#g_navi .g07 a:hover{
background-position:-571px -53px;
}
#g_navi .g08 a{
width:73px;
background-position:-681px 0px;
}
#g_navi .g08 a:hover{
background-position:-681px -53px;
}


/*local navi*/
#l_navi{
margin:0 0 20px 0;
padding:15px 0 0 0;
background:url(../img/bg_l_navi.gif) no-repeat;
}
#l_navi ul{
margin:0;
padding:0;
list-style:none;
}
#l_navi li{
margin:0 0 2px 0;
padding:0;
height:22px;
}
#l_navi li a{
display:block;
line-height:22px;
height:22px;
padding:0 0 0 20px;
background:url(../img/l_navi.gif) no-repeat;
text-decoration:none;
}
#l_navi li a:hover{
background-position:0 -22px;
}





/*box*/
#box_material{
padding:0 250px 0 0;
background:url(../img/japan.gif) no-repeat right center;
}



/*privacy*/
.pr_list{
margin-bottom:30px;
}
.pr_list li{
margin-bottom:10px;
}


/* ADD yt 20090609 */
.cr   {
width:45px;
   font-size:   30px;
   font-family:   san-serif;
   padding:   5px;
   border-style:   solid;
   border-width:   2px 2px 2px 1px;
   color: #000000;
background-color:#ffffff;
}
.cm   {
width:45px;
   font-size:   30px;
   font-family:   san-serif;
   padding:   5px;
   border-style:   solid;
   border-width:   2px 1px 2px 1px;
   color: #000000;
background-color:#ffffff;
}
.cl   {
width:45px;
   font-size:   30px;
   font-family:   san-serif;
   padding:   5px;
   border-style:   solid;
   border-width:   2px 1px 2px 2px;
   color: #000000;
background-color:#ffffff;
}

.cr1   {
width:45px;
   font-size:   30px;
   font-family:   san-serif;
   padding:   5px;
   border:   solid #000000;
   border-width:   2px 2px 2px 1px;
   color: #ffffff;
background-color:#000000;
}
.cm1   {
width:45px;
   font-size:   30px;
   font-family:   san-serif;
   padding:   5px;
   border:   solid #000000;
   border-width:   2px 1px 2px 1px;
   color: #ffffff;
background-color:#000000;
}
.cl1   {
width:45px;
   font-size:   30px;
   font-family:   san-serif;
   padding:   5px;
   border:   solid #000000;
   border-width:   2px 1px 2px 2px;
   color: #ffffff;
background-color:#000000;
}

.waku   {
   border:      1px #808080 solid;
}