@charset "utf-8";
/* CSS Document */

*html body {  　　　　　/*IE6だけに適用*/
   overflow-y:auto;
}

*+html body {　　　　　/*IE7だけに適用*/
   overflow-y:auto;
}

body {
 overflow-y:scroll;font-family: Arial;
 }

/*共通ヘッダー*/
#header { position: relative; width: 830px; height:85px; margin-left: auto; margin-right: auto; border-bottom: solid #666666 1px; border-color: #B3B3B3;}
.top_logo { position: absolute; top: 25px; left: 10px; }
.top_b1 { position: absolute; top: 40px; left:  230px; }
.top_b2 { position: absolute; top: 40px; left:  314px; }
.top_b3 { position: absolute; top: 40px; left:  404px;}
.top_b4 { position: absolute; top: 40px; left:  500px;}
.top_b5 { position: absolute; top: 40px; left:  625px;}
#header a:hover img { filter: alpha(opacity=70); opacity: 0.70;}

/*HOMEページ*/
#home_box { position: relative; width: 810px;  margin-left: auto; margin-right: auto;margin-bottom: 50px;border-style: none;}
#home_topic {margin-top:50px }

#home_menu {position: relative; height: 130px;margin-top:50px; width: 810px; }
.home_menu {position: absolute; top: 5px; left:  0px; }
.menu1 {position: absolute; top: 40px; left: 0px;}
.menu2 {position: absolute; top: 40px; left: 216px;}
.menu3 {position: absolute; top: 40px; left: 472px;}
.menu4 {position: absolute; top: 75px; left: 0px;}
.menu5 {position: absolute; top: 75px; left: 235px;}
.menu6 {position: absolute; top: 75px; left: 493px;}
#home_menu a:hover img { filter: alpha(opacity=70); opacity: 0.70;}

#home_voice {position: relative; height: 160px;margin-top:30px; width: 810px; }
.home_voice {position: absolute; top: 5px; left:  0px; }
.voice1 {position: absolute; top: 40px; left: 0px;}
.voice2 {position: absolute; top: 40px; left: 209px;}
.voice3 {position: absolute; top: 40px; left: 495px;}
.voice4 {position: absolute; top: 75px; left: 0px;}
.voice5 {position: absolute; top: 75px; left: 286px;}
.voice6 {position: absolute; top: 75px; left: 562px;}
.voice7 {position: absolute; top: 110px; left: 0px;}
#home_voice a:hover img { filter: alpha(opacity=70); opacity: 0.70;}

#home_other {position: relative; height: 100px;margin-top:30px; width: 810px; }
.home_other {position: absolute; top: 5px; left:  0px; }
.other1 {position: absolute; top: 40px; left: 0px;}
#home_other a:hover img { filter: alpha(opacity=70); opacity: 0.70;}

#home_about {position: relative; height: 600px;margin-top:30px; width: 810px;  border: dotted #666666 2px; border-color: #B3B3B3;}
.home_about {position: absolute; top: 50px; left:  50px; }
.about_name {position: absolute; top: 105px; left: 50px; font-size: 12px; line-height: 30px;}
.about_expl {position: absolute; width: 390px; top: 30px; right: 50px; font-size: 12px; line-height: 21px;}
.about_line {position: absolute;  top: 240px; right: 50px;}
.about_media {position: absolute;  top: 260px;left: 50px; font-size: 12px; line-height: 21px; }
#home_other a:hover img { filter: alpha(opacity=70); opacity: 0.70;font-size: 12px;}



/*共通フッター*/
#footer { width: 800px; height: 40px; margin-left: auto; margin-right: auto;background-color: #B5B5B5; clear: both;}
#copy_footer { padding: 14px 0px 0px 0px; text-align: center; font-size: 10px; color: #000000;}
#text_footer a:link { text-decoration: none; color: #ffffff;}
#text_footer a:visited { text-decoration: none; color: #ffffff;}
#text_footer a:hover { text-decoration: underline; color: #ff9900;}
#text_footer a:active { text-decoration: none; color: #ff9900;}

/*NEWS*/
#news {width: 810px;  margin-left: auto; margin-right: auto;margin-bottom: 50px;border-style: none;}
#side_zone { position: relative; width: 260px; height: 600px; float: right; margin-top: 50px; margin-bottom: 50px;}
.side_menu0 {position: absolute; top: 0px; left: 0px;}
.side_menu1 {position: absolute; top: 45px; left: 0px;}
.side_menu2 {position: absolute; top: 79px; left: 0px;}
.side_menu3 {position: absolute; top: 113px; left: 0px;}
.side_menu4 {position: absolute; top: 147px; left: 0px;}
.side_menu5 {position: absolute; top: 181px; left: 0x;}
.side_menu6 {position: absolute; top: 215px; left: 0px;}

.side_voice0 {position: absolute; top: 259px; left: 0px;}
.side_voice1 {position: absolute; top: 304px; left: 0px;}
.side_voice2 {position: absolute; top: 338px; left: 0px;}
.side_voice3 {position: absolute; top: 372px; left: 0px;}
.side_voice4 {position: absolute; top: 406px; left: 0px;}
.side_voice5 {position: absolute; top: 440px; left: 0px;}
.side_voice6 {position: absolute; top: 474px; left: 0px;}
.side_voice7 {position: absolute; top: 508px; left: 0px;}
#side_zone a:hover img { filter: alpha(opacity=70); opacity: 0.70;font-size: 12px;}

#news_topic { position: relative; width: 500px; float: left; margin-top: 50px; margin-bottom: 50px;}
#news_zone { position: relative; width: 480px; float: left; margin-top: 0px; margin-bottom: 50px;}
.news_title{font-size: 18px;font-weight: bold;margin-bottom: 20px;}
.news_image{margin-bottom: 10px;}
.news_expl{font-size: 12px; margin-bottom: 60px; line-height: 19px;}


/*BUSINESS*/
#business {width: 810px;  margin-left: auto; margin-right: auto;margin-bottom: 50px;border-style: none;}
#business_topic { position: relative; width: 500px; float: left; margin-top: 50px; }
#business_zone { position: relative; width: 480px; height: 740px;float: left; margin-top: 30px; margin-bottom: 50px; border: dotted #666666 1px; border-color: #B3B3B3;}
.nuts_logo{ position: absolute; top: 20px; left: 20px; }
.nuts_web{ position: absolute; top: 30px; right: 90px; font-size: 12px; line-height: 27px;}
.nuts_line{ position: absolute; top: 186px; right:10px; }
.nuts_expl{ position: absolute; width: 440px; top: 196px; right: 20px; font-size: 12px; line-height: 21px;}
.business_image{ position: absolute; top: 450px; left: 18px; }

/*WORKS*/
#works {width: 810px;  margin-left: auto; margin-right: auto;margin-bottom: 50px;border-style: none;}
#works_topic { position: relative; width: 500px; float: left; margin-top: 50px; margin-bottom: 50px;}
#works_zone { position: relative; width: 500px; float: left; margin-top: 0px; margin-bottom: 50px;}
.work_content { margin-bottom: 40px;}
#works_zone a:hover img { filter: alpha(opacity=70); opacity: 0.70;font-size: 12px;}

/*WORKS詳細*/
#works_expl_topic{ position: relative; width: 500px; float: left; margin-top: 50px; margin-bottom: 10px;}
#works_expl{ position: relative; width: 500px; float: left; margin-bottom: 50px; }
.works_expl_text{  width: 480px; margin-bottom: 20px; font-size: 12px; line-height: 21px; }
.works_expl1{  width: 235px; height: 175px; border: solid #666666 1px; border-color: #B3B3B3;}
.works_expl2{  width: 235px; height: 175px; margin-left:10px; border: solid #666666 1px; border-color: #B3B3B3; }
.works_expl3{  width: 235px; height: 175px; margin-top:10px; border: solid #666666 1px; border-color: #B3B3B3; }
.works_expl4{  width: 235px; height: 175px; margin-top:10px; margin-left:10px ;border: solid #666666 1px; border-color: #B3B3B3;}
.works_expl5{  width: 235px; height: 175px; margin-top:10px; border: solid #666666 1px; border-color: #B3B3B3; }
.works_expl6{  width: 235px; height: 175px; margin-top:10px; margin-left:10px ;border: solid #666666 1px; border-color: #B3B3B3;}
.b_back{ margin-top: 30px;}
#works_expl a:hover img { filter: alpha(opacity=70); opacity: 0.70;font-size: 12px;}

/*order_web*/
#order {width: 810px;  margin-left: auto; margin-right: auto;margin-bottom: 50px;border-style: none;}
#order_image { position: relative; width: 480px; height: 310px; float: left; margin-top: 50px; margin-bottom: 30px;  border: solid #666666 1px; border-color: #B3B3B3;}
.order_web_image { position: absolute; top: 21px; left: 18px;}
#order_topic { margin-bottom: 20px; }
#order_zone  { position: relative; width: 480px;  margin-bottom: 50px; font-size: 12px;line-height: 21px;}
.order_about { margin-bottom: 20px; }
.order_fee { margin-bottom: 20px; }
.order_expl { margin-bottom: 20px; }
.b_info { margin-left:283px; }
#order_zone a:hover img { filter: alpha(opacity=70); opacity: 0.70;font-size: 12px;}

/*order_webshop*/
.order_webshop_image { position: absolute; top: 21px; left: 18px;}

/*order_ad*/
.order_ad_image { position: absolute; top: 21px; left: 145px; border: solid #666666 1px; border-color: #B3B3B3;}

/*order_brand*/
.order_brand_image { position: absolute; top: 21px; left: 18px; }

/*order_shoptool*/
.order_shoptool_image { position: absolute; top: 21px; left: 18px; }

/*order_all*/
.order_all_image { position: absolute; top: 21px; left: 18px; }


/*CONTACT*/
#contact {width: 810px;  margin-left: auto; margin-right: auto;margin-bottom: 50px;border-style: none;}
#contact_topic { position: relative; width: 500px; float: left; margin-top: 50px; margin-bottom: 50px;}
#contact_zone { position: relative; width: 500px; float: left; margin-top: 0px; margin-bottom: 50px;}
.contact1{margin-top: 10px;}
.contact2{margin-top: 10px;}
.contact3{margin-top: 20px;}
#contact_zone a:hover img { filter: alpha(opacity=70); opacity: 0.70;font-size: 12px;}

#home_about2 {position: relative; height: 680px;margin-top:50px; width: 500px;  border: dotted #666666 2px; border-color: #B3B3B3;}
.home_about2{position: absolute; top: 40px; left:  20px; }
.about_name2 {position: absolute; top: 75px; left: 20px; font-size: 12px; line-height: 30px;}
.about_expl2 {position: absolute; width: 460px; top: 200px; left: 20px; font-size: 12px; line-height: 21px;}
.about_line2 {position: absolute;  top: 190px; left: 20px;}
.about_media2 {position: absolute;  top: 370px;left: 20px; font-size: 12px; line-height: 21px; }
#home_other a:hover img { filter: alpha(opacity=70); opacity: 0.70;font-size: 12px;}


a:link{
color:gray;
}

a:visited{
color:gray;
}

.adress{
margin-top:10px;
font-family: sans-serif;
font-size: 10pt;
color:gray;
}