@charset "utf-8";

/* -- リセット -- */
body,div,dl,dt,dd,ul,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,address{
margin:0;
padding:0;
letter-spacing:0;
}
html{
height: 100%;
overflow: auto;
}
img{
margin:0;
padding:0;
border:0;
}
table{   
border-collapse: collapse;
border-spacing: 0;   
}
li{
list-style-type:none;
}

/* リンク */
a:link{
color:#0a82aa; /* 色 */
text-decoration:none;
}
a:visited{
color:#0a82aa; /* 色 */
text-decoration:none;
}
a:hover {
color:#0a82aa; /* 色 */
text-decoration:underline;
}
a:active {
color:#0a82aa; /* 色 */
text-decoration:underline;
}


/* -- font size -- */
body{
font-size:80%; /* 14px相当 */
}



h1,h3,h4,h5,h6{
font-size:100%;
}

h2 {
font-size:13pt;
line-height:1.3em;
}


/* -- 基本設定 -- */
body {
/*background:url(../img/bg_slash.gif) 0 0;*/
font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',Arial,sans-serif;
color:#333333;
margin: 0px;
padding: 0px;
line-height:1.6em;
}


/* clear */
.clearfix:after{
content:".";
clear:both;
display:block;
line-height:0;
height:0;
visibility:hidden;
}
.clearfix{
zoom:1;
}


/* ---------------------------------------------- 枠 -- */
#wrapper{
width:100%;
}



/* ---------------------------------------------- ヘッダー -- */
#headerarea{
background:#FFFFFF;
width:100%;
}
#headerbody{
position:relative;
width:950px;
height:60px;
margin:0 auto;
}

#mainlogo{
padding-top:20px;
width:143px;
}

#outsidelinks{
position:absolute;
top:0;
right:0;
}
#outsidelinks ul li{
float:left;
margin-left:5px;
line-height:0;
font-size:0px;
}

#subnavi{
position:absolute;
bottom:13px;
right:0;
}
#subnavi ul li{
float:left;
background:url(../img/ic_arrow_blue.gif) 0 8px no-repeat;
padding-left:15px;
margin-left:20px;
font-size:110%;
}
#subnavi a:link,#subnavi a:visited{
text-decoration:none;
color:#000000;
}
#subnavi a:hover,#subnavi a:active{
text-decoration:underline;
}



/* ---------------------------------------------- グローバルナビ -- */
#gnaviarea{
/* --- background:url(../img/bg_gnavi.gif) 0 0 repeat-x; -- */
border-top: solid 2px #888888;
width:100%;
height:60px;
}
#gnavi{
width:954px;
margin:0 auto;
}
#gnavi ul li{
line-height:0;
font-size:0px;
float:left;
}


/* ---------------------------------------------- flash -- */
#flasharea{
background:url(../img/bg_slash.gif) 0 0;
width:100%;
text-align:center;
}
#flashbody{
margin:0 auto;
width:950px;
height:253px;
color:#FFFFFF;
text-align:center;
}

/* ---------------------------------------------- 上部タイトル等 -- */
#mttlarea{
background:url(../img/bg_slash.gif) 0 0;
width:100%;
}
#mttlspace{
position:relative;
margin:0 auto;
width:950px;
height:45px;
}
#mttlspace h1{
position:absolute;
right:0;
padding-top:12px;
padding-right:12px;
color:#FFFFFF;
font-size:18px;
}
#mttlspace p#pankuzu{
padding-top:12px;
padding-left:12px;
font-size:16px;
color:#FFFFFF;
}
#pankuzu a{
color:#FFFFFF;
text-decoration:underline;
}

/* ---------------------------------------------- トップページメインバナー -- */
#top_bn_area{
background:url(http://matsui-mfg.co.jp/img/bg_slash.gif) 0 0;
width:100%;
height: 244px;
padding: 5px 0;
}
#top_bn_body{
margin:0 auto;
width:950px;
}
#banner{
float:right;
margin-right:720px;
}
#link_btn{
float:left;
margin-right:3px;
}
.btn{
margin-bottom:1px;
}

/* ---------------------------------------------- 内容 -- */
#contentsarea{
background:#f4f4f4;
background: white;
width:100%;
}
#contentsbody{
width:950px;
margin:0 auto;
padding-top:35px;
}

#maincontents{
float:right;
width:700px;
margin-right:10px;
}
#side{
float:left;
width:220px;
}
#side-banner{
margin-top:19px;
}
#side-banner li{
margin-top:5px;
}
#f4box{
height:211px;
}

#lowerside{
float:left;
width:220px;
}
#lowercontents{
float:right;
width:700px;
font-size: 120%;
}
#lower-side-banner{
margin-top:30px;
}
#lower-side-banner li{
margin-top:5px;
}

/* ---------------------------------------------- 成形課題別に探す -- */
p.list { margin: 12px 0px; }
span.n-label {
    padding: 5px 0px 3px 5px;
    margin-top: 10px;
    color: white;
    font-weight: bold;
    font-size: 110%;
}
a.s-title {
    color: black;
    font-weight: bold;
    font-size: 110%;
}


/* ---------------------------------------------- フッター -- */
#footerarea{
padding-top:20px;
background:#f4f4f4;
background: white;
width:100%;
}
#pagetop{
font-size:110%;
margin:0 auto;
width:950px;
text-align:right;
}
#pagetop a{
color:#333333;
}
#footer{
margin:20px auto 0 auto;
border-top:4px solid #00a0e9;
background:#000000;
width:100%;
font-size:120%;
}
#footer-navi{
margin:0 auto;
width:950px;
}
#footer-navi a:link,#footer-navi a:visited{
text-decoration:none;
color:#FFFFFF;
}
#footer-navi a:hover,#footer-navi a:active{
text-decoration:underline;
}
#footer-navi p{
margin-top:15px;
color:#FFFFFF;



}
#footer-navi ul{
margin-top:13px;
}
#footer-navi ul li{
float:left;
background:url(../img/ic_arrow_gray.gif) 0 8px no-repeat;
color:#FFFFFF;
padding-left:15px;
margin-right:20px;
font-size:91%;
}
#copyright{
background:url(../img/bg_slash.gif) 0 0;
margin:15px auto 0 auto;
width:100%;
}
#copyright p{
color:#FFFFFF;
font-size:100%;
margin:0 auto;
padding-top:10px;
width:980px;
}

/* -----------------------------------------------------contact-parts */
#contact-wrapper{
width:100%;
background:#f4f4f4;
}
#contact-header{
width:100%;
margin:0 auto;
padding-bottom:15px;
padding-top:20px;
background:url(../img/bg_contact_header.gif) left bottom repeat-x;
}
#contact-header-body{
width:760px;
margin:0 auto;
}
#contact-content{
width:700px;
margin:0 auto;
padding-top:35px;
}
#contact-footer{
background:url(../img/bg_slash.gif) 0 0;
margin-top:15px;
width:100%;
}
#contact-footer-body{
margin:0 auto;
width:760px;
}
#contact-footer-body p{
color:#FFFFFF;
font-size:83%;
margin:0 auto;
padding-top:5px;
}
.bt-close{
margin-top:40px;
text-align:right;
}








/* -----------------------------------------------------parts */
.heading{
margin-top:15px;
}


/* -----追加20101214 */
.ttl-topic{
border-bottom:2px solid #00bee0;
padding-bottom:6px;
margin-top:0px;
position:relative;
}
.ttl-topic h3{
font-size:116%;
}
.ttl-topic p{
position:absolute;
top:3px;
right:0;
}
.pagettl-top{
background:url(../img/bg_bottom_line.gif) left bottom repeat-x;
padding-bottom:10px;
font-size:100%;
color:#0a82aa;
}
.pagettl{
background:url(../img/bg_bottom_line.gif) left bottom repeat-x;
padding-bottom:10px;
font-size:100%;
color:#0a82aa;
margin-top:30px;
}

.dot-title-blue{
background:url(../img/line_dot_blue.gif) left bottom repeat-x;
padding-bottom:10px;
font-size:133%;
margin-top:20px;
}
.dot-title-blue span{
font-size:75%;
}

.dot-title-blue-m40{
background:url(../img/line_dot_blue.gif) left bottom repeat-x;
padding-bottom:10px;
font-size:133%;
margin-top:40px;
}
.txt-nomal{
margin-top:13px;
}
.txt-m20{
margin-top:20px;
}
.txt-m40{
margin-top:40px;
}
.bold-txt{
font-weight:bold;
font-size:16px;
}
.bottomline{
padding-bottom:20px;
background:url(../img/bg_bottom_line.gif) left bottom repeat-x;
}
.bottomline2{
margin-top:20px;
padding-bottom:30px;
margin-bottom:30px;
background:url(../img/bg_bottom_line.gif) left bottom repeat-x;
}
.bottomline3{
margin-top:20px;
padding-bottom:15px;
background:url(../img/bg_bottom_line.gif) left bottom repeat-x;
}
.bottomline3 sup{
color:#fd3131;
}
.ttl-m-top{
background:url(../img/bg_h2_index.gif) 0 0 no-repeat;
font-size:16px;
font-weight:bold;
margin-top:20px;
padding:5px 10px 5px 10px;
color:#FFFFFF;
}
.ttl-m-head{
background:url(../img/bg_h2_index.gif) 0 0 no-repeat;
font-size:15px;
padding:5px 10px 5px 10px;
color:#FFFFFF;
}
.ttl-m{
background:url(../img/bg_h2_index.gif) 0 0 no-repeat;
font-size:15px;
margin-top:30px;
padding:5px 10px 0 10px;
color:#FFFFFF;
height:25px;
}
.catettl{
font-size:166%;
color:#0a82aa;
background:url(../img/bg_catettl.gif) left bottom no-repeat;
padding-bottom:10px;
}

.dotlist li{
background:url(../img/ic_dot.gif) 0 5px no-repeat;
padding-left:10px;
font-size:13px;
line-height:1.4em;
}
.page-dotlist li{
background:url(../img/ic_dot_b.gif) 0 10px no-repeat;
padding-left:10px;
}


.catelist{
margin-top:10px;
letter-spacing:-.40em;
}
.catelist li{
letter-spacing:normal;
margin-top:10px;
margin-right:12px;
width:160px;
vertical-align:top;
display:inline-block;
}
p.imgbase{
background:url(../img/bg_img.gif) 0 0;
padding:5px;
}
p.imgbase img{
-ms-interpolation-mode: bicubic;
}


* html .catelist li { /* IE 6 */
display:inline;
zoom:1;
}
*:first-child+html .catelist li{ /* IE 7 */
display:inline;
zoom:1;
}

.catelist dt{
margin-top:10px;
line-height:1.2em;
}
.catelist dd{
line-height:1.2em;
font-weight:bold;
font-size:15pt;
}
.catelist dd span{
font-size:12pt;
}

.index-mainlist li{
margin-top:30px;
margin-right:20px;
width:340px;
float:left;
}
.index-mainlist li.turn{
margin-top:30px;
margin-right:0px;
width:340px;
float:left;
}
.index-mainlist li .thumbimg{
width:150px;
float:left;
background:url(../img/bg_img.gif) 0 0;
padding:5px;
}
.index-mainlist li .detailtxt{
width:165px;
float:right;
}
.index-mainlist li .detailtxt h3{
font-size:116%;
}
.index-mainlist li .detailtxt h3 a{
background:url(../img/ic_c_arrow_on.gif) left center no-repeat;
padding-left:15px;
display:block;
}
.index-mainlist li .detailtxt p{
margin-top:5px;
}
.ic-pdf{
background:url(../img/ic_pdf.gif) 0px 3px no-repeat;
padding:5px 0 5px 22px;
}
.ic-window{
background:url(../img/ic_window.gif) 0px 7px no-repeat;
padding:5px 0 5px 22px;
}

.pdflist{
margin-top:30px;
}
.txt-right{
text-align:right;
margin-top:40px;
}
.txt-accent{
font-size:116%;
font-weight:bold;
margin-top:10px;
}
.circlelist{
margin-top:30px;
}
.circlelist li{
background:url(../img/ic_circle.gif) 0 5px no-repeat;
padding-left:15px;
}
.numlist {
margin-top:10px;
}
.numlist li{
text-indent:-1.2em;
padding-left:1.2em;
}

.pagemove{
background:url(../img/bg_bottom_line.gif) left top repeat-x;
margin-top:30px;
padding-top:5px;
}
.pagemove div{
background:url(../img/bg_bottom_line.gif) left bottom repeat-x;
padding-bottom:6px;
}
.pagemove div a{
text-align:center;
text-decoration:none;
padding:2px 10px 2px 10px;
display:block;
color:#FFFFFF;
}
.pagemove div a.bt-back{
background:#00b0e4;
float:left;
}
.pagemove div a.bt-back span{
background:url(../img/ic_arrow_back.gif) left center no-repeat;
display:block;
padding-left:15px;
}
.pagemove div a.bt-next{
background:#00b0e4;
float:right;
}
.pagemove div a.bt-next span{
background:url(../img/ic_arrow_next.gif) right center no-repeat;
display:block;
padding-right:15px;
}



/* -----------------------------------------------------top */
#plastic-list li,
#ensaving-list li,
#solution-list1 li,
#solution-list2 li,
#kind-list li{
float:left;
margin-top:10px;
margin-right:20px;
line-height:0;
font-size:0px;
}
#plastic-list li.turn,
#ensaving-list li.turn,
#solution-list1 li.turn,
#solution-list2 li.turn,
#kind-list li.turn{
float:left;
margin-right:0px;
}

.leftblock{
float:left;
width:340px;
}
.subleftblock{
float:left;
width:160px;
}
.rightblock{
float:right;
width:340px;
}
.subrightblock{
float:right;
width:160px;
}

dl.topics{
color:#666666;
position: relative;
line-height:1.2;
}
dl.topics dt{
position:absolute;
padding-top:9px;
padding-bottom:7px;
font-weight:bold;
left:0;
width:6em;
}
dl.topics dd{
padding-left:6.5em;
padding-top:7px;
padding-bottom:7px;
border-bottom:1px dotted #CCCCCC;
}

dl.events{
color:#666666;
position: relative;
line-height:1.2;
}
dl.events dt{
position:absolute;
padding-top:9px;
padding-bottom:7px;
font-weight:bold;
left:0;
width:6em;
}
dl.events dd{
padding-left:0.5em;
padding-top:7px;
padding-bottom:7px;
border-bottom:1px dotted #CCCCCC;
}




/* -----------------------------------------------------product */
ul.listmenu{
background:url(../img/line_list.gif) left bottom repeat-x;
}
ul.listmenu li,ul.listmenutop li{
background:url(../img/line_list.gif) 0 0 repeat-x;
padding-top:10px;
padding-left:6px;
font-weight:bold;
}
ul.listmenu li span,ul.listmenutop li span{
border-bottom:1px dotted #b7b7b7;
display:block;
padding-bottom:10px;
margin-bottom:5px;
font-size:13pt;
}
ul.listmenu ul,ul.listmenutop ul{
background:none;
padding-bottom:5px;
}
ul.listmenu ul li,ul.listmenutop ul li{
background:url(../img/ic_s_arrow.gif) 0 10px no-repeat;
padding:2px 0 2px 15px;
font-weight:normal;
font-size:12pt;
}
body:first-of-type ul.listmenu ul li,body:first-of-type ul.listmenutop ul li{
background:url(../img/ic_s_arrow.gif) 0 8px no-repeat;
padding:2px 0 2px 15px;
font-weight:normal;
}
ul.listmenu ul li span,ul.listmenutop ul li span{
border-bottom:none;
display:inline;
}

.listmenu a:link,
.listmenu a:visited,
.listmenutop a:link,
.listmenutop a:visited{
text-decoration:none;
color:#000000;
}
.listmenu a:hover,
.listmenu a:active,
.listmenutop a:hover,
.listmenutop a:active{
color:#0a82aa;
text-decoration:none;
}
.pd-block-top{
margin-top:25px;
padding-bottom:20px;
background:url(../img/bg_bottom_line.gif) left bottom repeat-x;
}
.pd-block{
margin-top:20px;
padding-bottom:20px;
background:url(../img/bg_bottom_line.gif) left bottom repeat-x;
}
.pd-catttl{
border-left:5px solid #00b0e4;
padding-left:7px;
}
.pd-catttl h3{
color:#0a82aa;
font-size:14pt;
}
.pd-catttl p{
line-height:1.5em;
margin-top:5px;
}
.pd-img{
margin-top:10px;
background:url(../img/bg_img.gif) 0 0;
padding:5px;
}
.bt-pdlist{
margin-top:10px;
}



.briefblock{
margin-top:20px;
padding-bottom:20px;
background:url(../img/bg_bottom_line.gif) left bottom repeat-x;
}
.blockttltop{
background:url(../img/ic_block.gif) 0 6px no-repeat;
padding-left:15px;
color:#0a82aa;
}
.blockttl{
background:url(../img/ic_block.gif) 0 6px no-repeat;
padding-left:15px;
color:#0a82aa;
margin-top:70px;
}
.expimg{
text-align:right;
}


.detailttl{
position:relative;
margin-top:10px;
}
.detailttl h2{
font-size:166%;
color:#0a82aa;
background:url(../img/bg_catettl.gif) left bottom no-repeat;
padding-bottom:10px;
}
.detailttl ul{
position:absolute;
right:0;
bottom:12px;
}
.detailttl ul li{
float:left;
width:67px;
height:29px;
text-indent:-9999px;
margin-left:5px;
}
.detailttl ul li.ic-plusaid{
background:url(../product/img/ic_plusaid.gif) 0 0 no-repeat;
}
.detailttl ul li.ic-eco{
background:url(../product/img/ic_eco.gif) 0 0 no-repeat;
}
.detailttl ul li.ic-patent{
background:url(../product/img/ic_patent.gif) 0 0 no-repeat;
}
.detailttl ul li.ic-intelli{
background:url(../product/img/ic_intelligent.gif) 0 0 no-repeat;
}


.pd-detail-block{
margin-top:20px;
width:700px;
}
.pd-detail-txt{
float:left;
width:340px;
}
.pd-detail-txt dt{
font-weight:bold;
font-size:13pt;
}
.pd-detail-txt dd{
margin:0.5em 0 0 1em;;
margin-bottom:20px;
font-size:13pt;
}
.pd-detail-img{
float:left;
width:340px;
margin-left:20px;
}

.bt-pd-pdf{
margin-top:20px;
margin-bottom:10px;
}
/* ------------------plueaid */
.plusaid-exp dt{
font-size:108%;
font-weight:bold;
margin-top:20px;
}
.plusaid-fig{
margin-top:20px;
}
/* ------------------case */
.caseblock{
margin-top:30px;
}
.case-brief{
float:right;
width:520px;
}
.case-brief-ttl{
background:url(../img/bg_bottom_line.gif) 0 0 repeat-x;
padding-top:6px;
}
.case-brief-ttl div{
background:url(../img/bg_bottom_line.gif) left bottom repeat-x;
padding-bottom:6px;
}
.case-brief-ttl div div{
background:none;
border-left:5px solid #00b0e4;
padding-left:5px;
padding-bottom:0px;
}
.case-brief-ttl p{
font-size:13px;
font-weight:bold;
}
.case-brief-ttl h3{
font-size:13px;
}
.case-brief-txt{
margin-top:10px;
}
.case-brief-btpdf{
margin-top:20px;
}
.case-img{
float:left;
width:150px;
background:url(../img/bg_img.gif) 0 0;
padding:5px;
}



/* -----------------------------------------------------global */

#map-list-title{
margin: 3px 0px 0px 3px;
font-size: 110%;
font-weight: bold;
white-space: nowrap;
}

#map-listmenu{
background:url(../img/line_list.gif) left bottom repeat-x;
margin: 0px 0px 2px 0px;
}
#map-listmenu li{
padding: 0px 0px 3px 10px;
}
#map-listmenu li a{
background:url(../img/ic_c_arrow.gif) left center no-repeat;
padding-left:15px;
}

#map-listmenu a:link,
#map-listmenu a:visited{
text-decoration:none;
color:#000000;
}
#map-listmenu a:hover,
#map-listmenu a:active{
color:#0a82aa;
text-decoration:none;
}
#txt-map{
margin-top:43px;
}

ul#ic-list{
background:url(../img/bg_bottom_line.gif) left bottom repeat-x;
margin-top:8px;
padding-bottom:10px;
}
ul#ic-list li{
padding-left:25px;
float:left;
margin-right:12px;
height:20px;
}
.ic-sale{
background:url(../global/img/ic_sale.gif) 0 0 no-repeat;
}
.ic-make{
background:url(../global/img/ic_make.gif) 0 0 no-repeat;
}
.ic-develop{
background:url(../global/img/ic_develop.gif) 0 0 no-repeat;
}
.ic-architect{
background:url(../global/img/ic_architect.gif) 0 0 no-repeat;
}
.ic-service{
background:url(../global/img/ic_service.gif) 0 0 no-repeat;
}

.map-blog-ttl{
background:url(../img/bg_bottom_line.gif) left top repeat-x;
position:relative;
margin-top:15px;
padding-top:6px;
}
.map-blog-ttl div{
background:url(../img/bg_bottom_line.gif) left bottom repeat-x;
padding-bottom:8px;
}
.map-blog-ttl h4{
border-left:5px solid #00b0e4;
padding-left:5px;
font-size:108%;
}
.map-blog-ttl p{
position:absolute;
top:6px;
right:0;
}
body:first-of-type .map-blog-ttl p{
position:absolute;
top:5px;
right:0;
}
.map-detail-block{
padding-bottom:15px;
}
.map-detail-left{
float:left;
width:540px;
}
.map-detail-right{
float:right;
width:150px;
position:relative;
}
.map-detail-left li{
float:left;
margin-right:20px;
}
.map-detail-left a{
text-decoration:underline;
}

.map-detail-ic{
position:absolute;
top:20px;
right:0px;
}
.map-detail-ic li{
float:left;
display:block;
width:20px;
height:20px;
text-indent:-9999px;
margin-left:5px;
}

.map-detailttl{
position:relative;
}
.map-detailttl h2{
font-size:166%;
color:#0a82aa;
background:url(../img/bg_catettl.gif) left bottom no-repeat;
padding-bottom:10px;
}
.map-detailttl ul{
position:absolute;
right:0;
bottom:8px;
}
.map-detailttl ul li{
float:left;
width:20px;
height:20px;
text-indent:-9999px;
margin-left:5px;
}
.map-detail-img{
margin-top:15px;
margin-bottom:10px;
}
#map-block{
margin-top:10px;
}



/* -----------------------------------------------------news info */
#news-listmenu,#info-listmenu,#company-listmenu{
background:url(../img/line_list.gif) left bottom repeat-x;
}
#news-listmenu li,#info-listmenu li,#company-listmenu li{
background:url(../img/line_list.gif) left top repeat-x;
padding-top:10px;
padding-bottom:10px;
padding-left:2em;
font-weight:bold;
font-size:16px;
}
#news-listmenu li a,#info-listmenu li a,#company-listmenu li a{
background:url(../img/ic_c_arrow.gif) left center no-repeat;
padding-left:15px;
}

#news-listmenu a:link,
#news-listmenu a:visited,
#info-listmenu a:link,
#info-listmenu a:visited,
#company-listmenu a:link,
#company-listmenu a:visited{
text-decoration:none;
color:#000000;
}
#news-listmenu a:hover,
#news-listmenu a:active,
#info-listmenu a:hover,
#info-listmenu a:active,
#company-listmenu a:hover,
#company-listmenu a:active{
color:#0a82aa;
text-decoration:none;
}

dl.news-topic,dl.info-topic{
color:#666666;
position: relative;
line-height:1.2;
}
dl.news-topic dt,dl.info-topic dt{
color:#0a82aa;
position:absolute;
margin-left:0.5em;
padding-top:9px;
padding-bottom:6px;
font-weight:bold;
font-size:13pt;
left:0;
width:9em;
}
dl.news-topic dd,dl.info-topic dd{
background:url(../img/bg_bottom_line.gif) left bottom repeat-x;
padding-left:9em;
padding-top:7px;
padding-bottom:7px;
font-size:13pt;
}
dl.info-topic dt{ width:12em; }
dl.info-topic dd{ padding-left:12em; }

/* -----追加20101214 */
.news-contents{
margin-top:20px;
}
.news-contents img{
margin-top:20px;
}
.days{
color:#0a82aa;
font-weight:bold;
background:url(../img/bg_bottom_line.gif) left bottom repeat-x;
padding-bottom:10px;
}
.daysttl{
font-weight:bold;
font-size:116%;
background:url(../img/bg_bottom_line.gif) left bottom repeat-x;
padding-top:8px;
padding-bottom:10px;
}


/* -----------------------------------------------------company */
dl.campanylist{
color:#666666;
position: relative;
margin-top:20px;
margin-bottom:50px;
}
dl.campanylist dt{
position:absolute;
padding-top:10px;
padding-bottom:10px;
left:0;
width:10em;
}
dl.campanylist dd{
background:url(../img/bg_bottom_line.gif) left bottom repeat-x;
padding-left:10em;
padding-top:10px;
padding-bottom:10px;
}


/* -----------------------------------------------------eco */
#eco-listmenu{
background:url(../img/line_list.gif) left bottom repeat-x;
margin-bottom:25px;
}
#eco-listmenu li{
background:url(../img/line_list.gif) left top repeat-x;
padding-top:10px;
padding-bottom:10px;
font-weight:bold;
font-size:17px;
}
#eco-listmenu li a{
background:url(../img/ic_c_arrow.gif) left center no-repeat;
padding-left:15px;
}
#eco-listmenu li ul{
background:none;
border-top:1px dotted #b7b7b7;
margin-top:10px;
font-size:15px;
}
#eco-listmenu li ul li{
background:none;
padding-top:5px;
padding-bottom:0px;
font-weight:normal;
}
#eco-listmenu li ul li a{
background:url(../img/ic_s_arrow.gif) left center no-repeat;
display:block;
}

#eco-listmenu a:link,
#eco-listmenu a:visited{
text-decoration:none;
color:#000000;
}
#eco-listmenu a:hover,
#eco-listmenu a:active{
color:#0a82aa;
text-decoration:none;
}


ol#env-list{
margin-top:20px;
}
ol#env-list li{
text-indent:-3.0em;
padding-left:3.0em;
}
ol#env-list li ul{
padding:0;
margin:0;
}
/* --------------column */
.column-list{
background:url(../img/bg_bottom_line.gif) 0 0 repeat-x;
margin-top:30px;
margin-bottom:20px;
}
.column-list li{
background:url(../img/bg_bottom_line.gif) left bottom repeat-x;
padding-top:10px;
padding-bottom:10px;
}
.column-list li a{
background:url(../img/ic_c_arrow_on.gif) 0 4px no-repeat;
font-size:116%;
font-weight:bold;
padding-left:20px;
}
.column-list li a:link,.column-list li a:visited{
text-decoration:none;
color:#000000;
}
.column-list li a:hover,.column-list li a:active{
text-decoration:none;
color:#0a82aa;
}
.column-body{
}
.column-body strong{
}
.column-body em{
font-style:normal;
}
.column-body h4{
background:url(../img/bg_bottom_line.gif) left bottom repeat-x;
font-size:116%;
margin-top:40px;
padding-bottom:5px;
}
.column-body h4.noline{
background:none;
font-size:116%;
margin-top:25px;
padding:0;
}
.column-body p.big-txt{
font-size:116%;
margin-top:20px;
font-weight:bold;
}
.point{
text-align:center;
font-size:116%;
}
.column-body ul{
margin-top:20px;
}
.column-body ul li{
font-weight:bold;
}
.columnfig-m20{
margin-top:20px;
text-align:center;
}
.column-bluebox{
margin-top:20px;
background:#e3e9ea;
padding:20px 20px 20px 20px;
}
.column-bluebox ul{
margin:0;
}
.column-body .txt-red{
color:#cd3232;
}
.column-body .txt-blue{
color:#0a82aa;
}
.column-body .txt-green{
color:#248c37;
}
.column-body ul.column-dot{
margin-top:0;
}
.column-body ul.column-dot li{
background:url(../img/ic_dot.gif) 0 6px no-repeat;
font-weight:normal;
padding-left:13px;
}
.column-body ul.column-num{
margin-top:20px;
}
.column-body ul.column-num li{
text-indent:-1.5em;
padding-left:1.5em;
font-weight:normal;
}
.selectmenu{
text-align:right;
margin-top:20px;
}
.column-reference{
background:url(../img/bg_bottom_line.gif) 0 0 repeat-x;
margin-top:30px;
padding-top:20px;
}
.column-reference h3{
font-size:116%;
}
.column-reference h4{
background:url(../img/ic_block_b.gif) 0 6px no-repeat;
padding-left:15px;
margin-top:15px;
}
.column-reference p{
}
/* --------------factor4 */
#fac4-txt{
width:330px;
float:left;
margin-top:20px;
}
#fac4-txt strong{
font-size:133%;
}
#fac4-movie{
width:350px;
float:right;
margin-top:20px;
}
.fac4-pagelink{
background:#e3e9ea;
margin-top:30px;
padding:10px 20px 10px 20px;
}
.fac4-pagelink a{
text-decoration:none;
}
.fac4-pagelink dl dt{
background:url(../img/ic_c_arrow_on.gif) left center no-repeat;
margin-top:10px;
padding-left:20px;
font-weight:bold;
}
.fac4-pagelink dl dd{
background:url(../img/bg_bottom_line_blue.gif) left bottom repeat-x;
padding-bottom:10px;
padding-left:20px;
}
.fac4-pagelink dl dd.end{
background:none;
}
.fac4-note{
font-size:83%;
margin-top:15px;
}
dl.fac4-list{
margin-top:20px;
background:url(../img/bg_bottom_line.gif) left top repeat-x;
position: relative;
}
dl.fac4-list dt{
position:absolute;
left:0;
width:16em;
padding-bottom:10px;
padding-top:10px;
}
dl.fac4-list dt span{
margin-left:3em;
font-weight:bold;
}
dl.fac4-list dd{
padding-left:16em;
background:url(../img/bg_bottom_line.gif) left bottom repeat-x;
padding-bottom:10px;
padding-top:10px;
}

/* --------------mottainai */
.mt-accent{
font-size:133%;
}
.mt-txt{
float:left;
margin-top:15px;
width:395px;
}
.mt-img{
float:right;
margin-top:15px;
width:258px;
}
.mt-banner{
margin-top:40px;
}


/* -----------------------------------------------------contact */
.aform-header{
font-size:166%;
color:#0a82aa;
background:url(../img/bg_catettl.gif) left bottom no-repeat;
padding-bottom:10px;
font-weight:bold;
margin-bottom:15px;
margin-top:0px;
}
span.required{
color:#fd3131;
}
.aform-content{
margin-top:30px;
}
.aform-content dl{
position: relative;
background:url(../img/bg_bottom_line.gif) left bottom repeat-x;
}
.aform-content dl dt{
position:absolute;
font-weight:bold;
left:0;
width:16em;
}
.aform-content dl dd{
padding-left:16em;
}
.submit{
text-align:center;
margin-top:20px;
}
#complete{
margin-top:150px;
margin-bottom:350px;
}
#complete strong{
font-size:133%
}
/* -----------------------------------------------------link */
.link-list li{
margin-right:10px;
margin-bottom:30px;
width:223px;
vertical-align:top;
display:inline-block;
}
.link-list li dd a{
font-size:83%;
}
* html .link-list li { /* IE 6 */
display:inline;
zoom:1;
}
*:first-child+html .link-list li{ /* IE 7 */
display:inline;
zoom:1;
}
/* -----------------------------------------------------recruit */
dl.recruitlist{
position: relative;
}
dl.recruitlist dt{
position:absolute;
padding-top:10px;
padding-bottom:10px;
left:0;
width:10em;
}
dl.recruitlist dd{
background:url(../img/bg_bottom_line.gif) left bottom repeat-x;
padding-left:10em;
padding-top:10px;
padding-bottom:10px;
}
p.title{
font-weight: bold;
font-size: 115%;
margin-top: 10px;
margin-left: 1em;
}

/* -----------------------------------------------------sitemap */
.bottom-column{
margin-top:30px;
}
.left-column{
float:left;
width:622px;
}
.right-column{
float:right;
width:298px;
}
.subleft-column{
float:left;
width:296px;
margin-right:30px;
}
.subcenter-column{
float:left;
width:296px;
}
.subright-column{
float:right;
width:298px;
}
.sm-brock{
float:left;
width:170px;
margin: 0px 10px;
}
.ssub-left-brock{
float:left;
width:180px;
}
.ssub-right-brock{
float:right;
width:400px;
margin-right:30px;
}
    .sssub-left-brock{
    float:left;
    width:180px;
    }
    .sssub-right-brock{
    float:right;
    width:180px;
    }
.sitemap-ttl1{
background:url(../img/bg_sitemap_h2_index1.gif) 0 0 no-repeat;
margin-bottom:20px;
padding:6px 12px 0 12px;
color:#FFFFFF;
font-size:125%;
width:597px;
height:24px;
}
.sitemap-ttl2{
background:url(../img/bg_sitemap_h2_index2.gif) 0 0 no-repeat;
margin-bottom:20px;
padding:6px 12px 0 12px;
color:#FFFFFF;
font-size:125%;
width:274px;
height:24px;
}
.sitemap-ttl3{
background:url(../img/bg_sitemap_h2_index3.gif) 0 0 no-repeat;
margin-bottom:20px;
padding:6px 12px 0 12px;
color:#FFFFFF;
font-size:125%;
width:272px;
height:24px;
}
ul.sitemap-list{
margin-bottom:30px;
}
ul.sitemap-list2{
margin-bottom:10px;
}
ul.sitemap-list3{
margin-bottom:15px;
}
ul.sitemap-list li,ul.sitemap-list2 li{
font-size:106%;
font-weight:bold;
margin: 0px 10px;
}
ul.sitemap-list3{
background:url(../img/bg_bottom_line.gif) left top repeat-x;
padding-top:15px;
margin: 0 0 20 10px;
}
ul.sitemap-list3 li{
font-size:106%;
font-weight:bold;
float:left;
margin-right:30px;
}
ul.sitemap-list li span,ul.sitemap-list li a,ul.sitemap-list2 li a,ul.sitemap-list3 li a{
background:url(../img/ic_c_arrow.gif) left center no-repeat;
padding-left:15px;
}

ul.sitemap-list li ul{
background:url(../img/bg_bottom_line.gif) left top repeat-x;
margin-bottom:0px;
margin-top:5px;
padding-top:8px;
}
ul.sitemap-list li ul li{
background:url(../img/ic_s_arrow.gif) left center no-repeat;
padding-left:15px;
margin: 3px 0px;
font-weight:normal;
}
ul.sitemap-list li ul li a{
background:none;
padding-left:0px;
}


.sitemap-list li a:link,
.sitemap-list li a:visited,
.sitemap-list2 li a:link,
.sitemap-list2 li a:visited,
.sitemap-list3 li a:link,
.sitemap-list3 li a:visited{
text-decoration:none;
color:#000000;
}
.sitemap-list li a:hover,
.sitemap-list li a:active,
.sitemap-list2 li a:hover,
.sitemap-list2 li a:active,
.sitemap-list3 li a:hover,
.sitemap-list3 li a:active{
color:#0a82aa;
text-decoration:none;
}

div#search_form{
width: 80%;
margin: 0 auto;
position: absolute; top: 6px;
}

.sitemap-list3 li a:hover,
.sitemap-list3 li a:active{
color:#0a82aa;
text-decoration:none;
}

div#search_form{
width: 80%;
margin: 0 auto;
position: absolute; top: 6px;
}