@charset "UTF-8";

/* CSS Document */
.f-tel a:link,
.f-tel a:visited,
.f-tel a:hover,
.main a:link,
.main a:visited,
.main a:hover {
  color:#e62fbb;
  color:#3864af;
  /* color:#2f8ee6;
  color:#46af38; */
  text-decoration:underline;
}

.main a:hover { text-decoration:none; }

.footer-navi li a:link,
.footer-navi a:visited,
.footer-navi a:hover { color:#999999;
	text-decoration:none;
}
.footer-navi a:hover{
	text-decoration:underline;
}

.footer-navi li.parent a:link,
.footer-navi li.parent a:visited,
.footer-navi li.parent a:hover { color:#FFF; }

.footer-navi ul li.parent li a:link,
.footer-navi ul li.parent li a:visited,
.footer-navi ul li.parent li a:hover { color:#999999; }

.footer-navi li.parent li.parent a:link,
.footer-navi li.parent li.parent a:visited,
.footer-navi li.parent li.parent a:hover { color:#FFF; }

.sitemap ul li a:link,
.sitemap ul li a:visited,
.sitemap ul li a:hover { color:#797979; }

.sitemap ul li.parent a:link,
.sitemap ul li.parent a:visited,
.sitemap ul li.parent a:hover { color:#46af38; }

.sitemap ul li.parent li a:link,
.sitemap ul li.parent li a:visited,
.sitemap ul li.parent li a:hover { color:#797979; }

img {
  vertical-align:bottom;
  border:none;
}

.img-r {
  float:right;
  margin:0 0 0 5px;
}

.img-l {
  float:left;
  margin:0 10px 0 0;
}

.a-link { text-align:right; }

body {
  margin:0;
  padding:0;
  /*font-size:12px;*/
  line-height:1.66;
  /*background:url(../images/body_bg.png) repeat-x top left;*/
  /*font-family:sans-serif;*/
}
body {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, sans-serif;
}

/* Opera6 */
html>body, tr>th, tr>td {
	font-size: 13px;
}

/* latest browzer */
head:first-child+body, head:first-child+body th, head:first-child+body td {
	font-size: 13px;
}


h1 {
  margin:0 0 20px;
  padding:0;
}

h2 {
  font-size:14px;
  background:url(../images/h2.png) no-repeat top left;
  margin:40px 0 16px 5px;
  padding:2px 0 10px 24px;
  line-height:1.1;
}

h2.f-child { margin-top:20px; }

h3 {
  font-size:14px;
  background:url(../images/h3.png) no-repeat top left;
  margin:40px 0 16px 5px;
  padding:0 0 10px 24px;
  line-height:1.1;
}
h4 {
  font-size:14px;
  background:url(../images/h3.png) no-repeat top left;
  margin:10px 0 16px 5px;
  padding:0 0 10px 24px;
  line-height:1.1;
}
h3.h3-arrow{

background:url(../images/h3_arrow.png) no-repeat left bottom;
padding-bottom:5px;
font-size:13px;
}

p { }
ol {
	margin:0;
}

dl {
  margin:0 0 1em 28px;
  padding:0;
}

dt {
  margin:0;
  padding:0;
}

dd {
  margin:0 0 1em 0;
  padding:0;
}

dd dl { margin:0; }

dd ul {
  padding-left: 18px;
  margin: 0;
}

table {
  border:1px solid #929292;
  border-collapse:collapse
}

table th {
  background:#dddddd;
  padding:4px 8px 4px 12px;
  border:1px solid #929292;
  text-align:left;
  font-weight:normal;
}

table td {
  border:1px solid #929292;
  padding:4px 8px 4px 12px;
}

strong {
  /* color:#3d8fea; */
  color:#ea3dba;
  font-weight:bold;
}

.head {
  width:950px;
  margin:0 auto;
}

.logo {
  float:left;
  display:inline;
  margin:0;
  padding:0;
}

.global-navi {
  margin:0;
  padding:0;
}

.global-navi li {
  margin:0;
  padding:0;
  float:left;
  display:inline;
  position:relative;
}

.h_tel { float:right; }

/*.category {
  text-align:center;
  margin:15px 0 0;
  background:url(../images/category_bg.png) no-repeat right top;
}*/

.label {
  width:950px;
  margin:33px auto 25px;
  background:url(../images/path_bg.png);
}
.label ul{
  	margin:0;
    padding:0;
    height:29px;
}

.label ul li{
  margin:0;
  padding:0;
  display:inline;
  float:left;
  height:29px;
  line-height:29px;
  font-size:14px;
  color:#3565b0;
  /* color:#46b035; */
}
.label ul li strong{
  	color:#3565b0;
  	/* color:#46b035; */
  	font-weight:bold;
    padding:0 0 0 20px;
    background:url(../images/path_arrow.png) no-repeat 10px center;
}
/*
	footer
*/
.footer {
  background:url(../images/footer_bg.png) repeat top left;
  margin:20px 0 0;
}

.sub-footer {
  background:url(../images/sub_footer_bg.png) repeat top left;
  padding:1px 0 1px;
}

.sub-footer ul {
  display:block;
  width:735px;
  padding:24px 0 0;
  margin:0 auto 0;
}

.sub-footer ul li {
  display:inline;
  float:left;
  margin:0 0 5px -1px;
  padding:0 3px;
  font-size:11px;
  border-left:1px solid #FFF;
  line-height:1.2;
  color:#FFF;
}

.copyright {
  text-align:center;
  font-size:11px;
  color:#FFF;
  font-weight:bold;
  margin:15px 0 19px;
}

.main-footer {
  width:950px;
  margin:0 auto;
  padding:50px 0 0
}

.f-logo {
  float:left;
  display:inline;
  margin:0;
  padding:0;
}

.f-lead {
  margin:0 0 0 60px;
  padding:0 0 0 205px;
  color:#99AC9B;
  line-height:1.3;
  font-size:11px;
  position:relative;
  zoom:1;
}

.f-lead img {
  position:absolute;
  top:0;
  left:0;
}

.f-tel {
  text-align:right;
  color:#99AC9B;
  font-size:11px;
  margin:-15px 100px 15px 205px;
  position:relative;
  z-index:2;
}

.footer-navi {
  border-top:1px solid #CEE0D2;
  padding:16px 0 15px 32px;
  font-size: 11px;
}

.footer-navi ul {
  margin:0 18px 0 0;
  padding:0;
  float:left;
}

.footer-navi ul li {
  margin:0 0 0;
  padding:0 0 0 12px;
  list-style-type:none;
	text-indent:0;
  font-size:11px;
  line-height:1.3;
  color:#999999;
  text-align:left;
  background:url(../images/arrow.gif) no-repeat 0 2px;
	height:1px;
	min-height:1px;
	white-space:nowrap;
}
.footer-navi > ul li{
	height:auto;
}
.footer-navi ul li a{
padding:0;
margin:0;
}

.footer-navi ul li.parent {
  background:url(../images/parent_arrow.gif) no-repeat 0 2px;
  color:#FFF;
}

.footer-navi ul li ul {
  float:none;
  margin:0 0 0 14px;
}


.contents {
  width:950px;
  margin:0 auto;
  position:relative;
  font-size:12px;
}

/*
	menu
*/

.menu {
  width:202px;
  float:right;
  display:inline;
}

.menu dl {
  margin:0 0 10px;
  padding:0;
}

.menu dl dd {
  margin:0;
  padding:0;
}

.menu dl dt {
  margin:0;
  padding:0;
}

.menu dl ul {
  margin:0;
  padding:0;
}

.menu dl li {
  margin:0;
  padding:0;
  list-style-type:none;
  position:relative;
}

.menu .bn { margin:0 0 4px; }

/*
	main
*/
.main {
  width:713px;
  float:left;
  display:inline;
  font-size: 12px;
}

.main p { margin:0 0 1em 28px; }

.main ol {
  margin:0 0 0 28px;
  padding:0;
}

.main li {
  margin:0 0 1em 20px;
  padding:0;
}
.main .h2-iso{
	margin:20px 0 16px 5px;
}

/* pic box*/
.pic-box { text-align:center; }

.pic2 {
  float:right;
  margin-left:10px;
  display:inline;
}

.pic2 img {
  display:block;
  margin:0 0 10px;
}

.pic2 p { text-align:right; }

.pic2 strong {
  background:url(../images/arrow_green.png) no-repeat 0 4px;
  padding:0 0 0 10px;
  font-weight:normal;
  color:#333;
}

/* img-box */

.img-box {
  background:url(../images/img_bg.png) repeat top left;
  margin:0 0px 1em 28px;
  padding:1px;
  position:relative;
  zoom:1;
}

.img-box ul {
  margin:4px;
  padding:5px 1px 5px 4px;
  background:#FFF;
  text-align:justify;
  font-size:0;
}

.img-box li {
  list-style-type:none;
  display:inline;
  margin:0 4px 0 0;
  padding:0;
  font-size:12px;
  float:left;
}

.img-box li div { margin:10px 0 0 17px; }

.img-box li div p {
  margin:0 auto;
  padding:5px 0 5px 12px;
  background:url(../images/arrow_green.png) no-repeat 0 8px;
  line-height:1.2;
  text-align:left;
  display:block;
}

.img-navi {
  margin:0 -7px 0 0;
  padding:0;
  width:720px;
  position:relative;
}
.img-navi li{
  margin:0 10px 10px 0;
  padding:0;
  width:230px;
  position:relative;
  float:left;
  display:inline;
  list-style-type:none;
}

.img-list {
  margin:0 -12px 0 0;
  padding:0;
  width:723px;
  position:relative;
}

.img-list2 {
  width:736px;
  margin:0 -26px 0 0;
}

.img-list li {
  width:218px;
  float:left;
  display:inline;
  background:url(../images/img_bg.png) repeat top left;
  padding:5px;
  margin:0 12px 12px 0;
}

.img-list p {
  margin:0 auto;
  padding:0 0 5px 12px;
  background:url(../images/arrow_green.png) no-repeat 0 4px;
  width:186px;
  line-height:1.2;
  text-align:left;
}

.img-list div {
  background:#FFF;
  text-align:center;
}

.img-list div img { padding:5px; }

.img-list2 li {
  width:322px;
  padding:10px;
  margin:0 26px 12px 0;
}

.img-list2 p {
  margin:0 0 0 10px;
  width:auto;
}

.img-list-large li {
  width:320px;
  padding:10px;
  margin:0 10px;
}

.img-list-large li img { padding-top:8px; }

.img-list-large li p { width:289px; }

/* databox */
.data-box {
  width:713px;
  padding:10px 0 0;
  clear:both;
}

.data-box .colmn1 {
  background:url(../images/img_bg.png) repeat top left;
  width:290px;
  display:inline;
  float:left;
  margin:32px 0 0;
  padding:5px;
}

.colmn1 dl {
  margin:0 0 2px;
  padding:0;
  background:#FFF;
}

.colmn1 dl dd {
  padding:10px 5px 10px 5px;
  margin:0;
  width:152px;
  display:inline;
  float:right;
  font-size:12px;
  line-height:1.66;
}

.colmn1 dl dt {
  width:115px;
  float:left;
  margin:10px 0 10px 3px;
  display:inline;
}

.colmn2 {
  width:396px;
  display:inline;
  float:right;
}

.colmn2 h3 {
  background:url(../images/h3_arrow.png) no-repeat left bottom;
  padding-bottom:5px;
  font-size:13px;
  margin:32px 0 8px;
}

.feature p { margin-bottom:0; }

.colmn2 dl {
  margin:0 0 0 28px;
  padding:0;
}

.colmn2 dl dt {
  margin:0;
  padding:0;
  font-weight:normal;
  color:#ff9000;
}

.colmn2 dl dd {
  margin:0;
  padding:0;
}

/*bn-box*/
.bn-box { margin:25px 0 0; }

.bn-box .bn-l {
  width:311px;
  margin:0;
  padding:0;
  float:left;
  display:inline;
}

.bn-box .bn-r {
  width:360px;
  margin:0;
  padding:0;
  float:right;
  display:inline;
}

.bn-box p { margin-left:0; }

.bn-box img { margin-bottom:30px; }

/* item-box */
.item-box { position:relative; }

.item-box .pic {
  width:306px;
  float:right;
  display:inline;
}

.item-box .con {
  width:373px;
  float:left;
  display:inline;
}

.item-box .con table {
  width:345px;
  margin:5px 0 10px 28px;
}

.item-box h3 {
  margin:0 0 0 28px;
  padding:0;
  background:none;
  border:none;
  font-size:12px;
  font-weight:bold;
  color:#44b132;
}

/* character box	 */
.character-list { }

.character-box {
  background:url(../images/img_bg.png) repeat top left;
  width:335px;
  padding:5px;
  margin:40px 10px 0 0;
  float:left;
}

.character-box h2 {
  background:url(../images/h3_character.png) no-repeat left bottom;
  margin:10px 0 0 10px;
}

.character-box .item {
  background:#FFF;
  padding:1px 0 15px;
}

/* lead-box */

.lead-box {
  position:relative;
  z-index:1;
}

.lead-box .con {
  width:368px;
  display:inline;
  float:left;
}

.lead-box .pic {
  width:345px;
  float:right;
  display:inline;
}

.lead-box .i-list {
  margin:0 0 0 20px;
  padding:0;
}

.lead-box .i-list li {
  list-style-type:none;
  display:inline;
  float:left;
  margin:0 5px 0 0;
  padding:0;
}

/*--- system index---*/
ul.link-navi { text-align:right; }

ul.link-navi li {
  display:inline;
  margin:0 0 0 5px;
  list-style-type:none;
  line-height:1;
  padding:0 0 0 5px;
}

ul.link-product li { border-left:solid 1px #DDD; }

ul li.first {
  background:url(../images/back_link_navi.gif) no-repeat left top;
  border:none;
  padding-left:8px;
}

ul.link-navi li a {
  color:#48b238;
  font-weight:bold;
}

/*--- greeting ---*/
.greeting { }

.greeting div {
  float:left;
  width:470px;
}

.greeting p { font-size:110%; }

.greeting p.photo {
  float:right;
  width:184px;
}

.greeting strong {
  color:#48b238;
  font-size:115%;
}

/*--- plastic ---*/
div.plastics {
  background:url(../system/images/plastics01.jpg) no-repeat right 10px;
  padding:0 260px 0 0;
}

div.plastics dl {
  margin-left:30px;
  padding:0;
}

div.plastics dt {
  margin:0;
  color: #3d8fea;
  font-weight: bold;
}

div.plastics dd { margin:0; }

div.plastics dd ul {
  margin:0;
  padding-left:15px;
}

div.plastics dd li { margin:0; }

/* iso-box */

.iso-box {
  background:url(../images/img_bg.png) repeat top left;
  width:693px;
  margin:20px 0 20px;
  padding:10px;
}

.iso-box .con {
  background:#FFF;
  padding:20px 20px 20px 45px;
}

.iso-box .con h2 {
  background:none;
  padding:0;
  margin:10px 0 5px;
}

.iso-box .con .section {
  width:288px;
  float:left;
  margin-right:25px;
  display:inline;
}

/* sitemap */
.sitemap {
  background:url(../images/img_bg.png) repeat top left;
  padding:1px;
  width:711px;
}

.sitemap .con {
  margin:16px;
  background:#FFF;
}

.sitemap ul {
  float:left;
  margin:0;
  padding:0;
  width:194px;
}

.sitemap ul ul { float:none; }

.sitemap ul li.parent { background:url(../images/sitemap_link.png) no-repeat 5px 5px; }

.sitemap ul li {
  background:url(../images/sitemap_link2.png) no-repeat 5px 5px;
  margin:0;
  padding:0 0 0 20px;
  list-style-type:none;
}

.sitemap2,
.sitemap1 {
  width:583px;
  margin:0 auto;
  padding:25px 0;
  background:url(../images/sitemap_hr.png) no-repeat left bottom;
}

.sitemap2 { background:none; }

/* t-company */
.t-company {
  border:none;
  width:650px;
  margin:20px 0 10px 55px;
}

.t-company th {
  background:transparent url(../images/t-company_bg.png) repeat-x left bottom;
  vertical-align:top;
  border:none;
  font-weight:bold;
}

.t-company td {
  background:transparent url(../images/t-company_bg.png) repeat-x left bottom;
  border:none;
  vertical-align:top;
}

.t-company td strong {
  font-weight:bold;
  color:#333;
}

.t-company .t-bottom td,
.t-company .t-bottom th { background:none; }

.t-history {
  width:680px;
  margin:20px 0 10px 25px;
}
.t-history th{
  	white-space:nowrap;
}
.t-bace {
  width:653px;
  margin:0 0 20px;
  border:none;
}

div.t-base {
  margin:0 0 0 55px;
  padding:7px 0 0;
  background:url(../images/t-company_bg.png) repeat-x top left;
}

.t-bace th {
  background:url(../images/bace_bg.jpg) repeat-y bottom left;
  border:none;
  vertical-align:top;
  font-weight:bold;
}

.t-bace td {
  background:url(../images/bace_bg.jpg) repeat-y bottom right;
  border:none;
  vertical-align:top;
}
.date{
  	text-align:right;
}

/* clear fix */

.bn-box,
.img-list,
.sitemap2,
.sitemap1,
.iso-box .con,
.character-list,
.greeting,
.clearfix,
.item-box,
.lead-box,
.colmn1 dl,
.data-box,
.img-box ul,
.sub-footer ul,
.footer-navi,
.contents,
.head {
  height:1px;
  min-height:1px;
}

* > .bn-box,
* > .img-list,
* >.sitemap2,
* >.sitemap1,
* > .iso-box .con,
* > .character-list,
* > .greeting,
* > .clearfix,
* > .item-box,
* > .lead-box,
* > .data-box,
* > .colmn1 dl,
* > .img-box ul,
* > .sub-footer ul,
* > .footer-navi,
* > .contents,
* > .head { height:auto; }


.bn-box:after,
.img-list:after,
.sitemap2:after,
.sitemap1:after,
.iso-box .con:after,
.character-list:after,
.greeting:after,
.clearfix:after,
.item-box:after,
.lead-box:after,
.data-box:after,
.colmn1 dl:after,
.img-box ul:after,
.sub-footer ul:after,
.footer-navi:after,
.contents:after,
.head:after {
  content:".";
  display:block;
  visibility:hidden;
  margin:0;
  padding:0;
  height:0;
  font-size:0;
  clear:both;
}

.flash-area{
	text-align:center;
}

/***20110228追加***/
.green{ color: #46B035; font-weight: bold;}
.mr10{ margin-right: 10px;}
.ml5{ margin-left: 5px;}
body#Pop{
    background-color: #fff;
    background-image: none;
}
body#Pop .contents{ width: 500px; font-size: 9px;}
body#Pop .contents h2{
    background: none;
    margin: 20px 0 20px;
    padding: 0;
    text-align: left;
}
body#Pop .contents ul{
    margin: 0;
    padding: 0;
}
body#Pop .contents ul li{ 
    float: left;
    list-style: none;
    text-align: center;
    margin-right: 10px;
    width: 112px;
}
body#Pop .contents ul li.last{ width: 130px; margin: 0;}
body#Pop .contents ul li span{
    text-align: left; 
    display: block;
}
body#Pop .contents ul li img{ margin-bottom: 5px;}
body#Pop .contents p{ text-align: center;}
body#Pop .contents p input{ margin-top: 30px;}