@charset "UTF-8";


/*---------------------------------------------
 Global reset
---------------------------------------------*/
* { margin: 0; padding: 0; }

/*---------------------------------------------
 body,
---------------------------------------------*/
body { color: #666666; font-size: 80%; line-height: 1.5; text-align: center; font-family: "ＭＳ Ｐゴシック", Osaka,sans-serif; background: #FFFFFF; }
img { border: none; vertical-align: bottom; }

a:link, a:visited { color: #596284; text-decoration: none; }
a:hover, a:active { color: #6f7cae; text-decoration: underline; }

/*---------------------------------------------
 top_contents, header, top_navi, page_title
---------------------------------------------*/

#top_contents { text-align: left; }
.header { width: 782px; margin: 0 auto; padding: 10px 0 0 0; background: #ffffff; }
.header h1 { float: left; width: 248px; height: 50px; background: url("../img/logo.gif") no-repeat; text-indent: -999999px; }
.header_link { float: right; width: 509px; }
.header_link ul { list-style:none; margin: 15px 5px 0 0; }
.header_link li { font-weight: bold; background: url(../img/header_arrow.gif) no-repeat; padding: 0 20px 0 15px; float: right; }
.top_back { clear: both; background: url("../img/top_back_inpage.gif") repeat-x; }
.top_back_top { clear: both; background: url("../img/top/top_back.gif") repeat-x; }
.top_navi { clear: both; width: 782px; margin: 0 auto; padding: 15px 0 0 0; }
.top_page_title { width: 807px; margin: 0 auto; }
.com_page_title { width: 807px; margin: 0 auto; }
.flow_page_title { width: 807px; margin: 0 auto; }
.access_page_title { width: 807px; margin: 0 auto; }
.equip_page_title { width: 807px; margin: 0 auto; }
.pro_page_title { width: 807px; margin: 0 auto; }
.sitemap_page_title { width: 807px; margin: 0 auto; }
.rec_page_title { width: 807px; margin: 0 auto; }
.privacy_page_title { width: 807px; margin: 0 auto; }
.contact_page_title { width: 807px; margin: 0 auto; }
.top_page_title h2 { height: 250px; background: url("../img/top/top_title.jpg") no-repeat; }
.com_page_title h2 { height: 72px; background: url("../company/img/com_title.gif") no-repeat; text-indent: -999999px; }
.flow_page_title h2 { height: 72px; background: url("../flow/img/flow_title.gif") no-repeat; text-indent: -999999px; }
.access_page_title h2 { height: 72px; background: url("../access/img/access_title.gif") no-repeat; text-indent: -999999px; }
.equip_page_title h2 { height: 72px; background: url("../equip/img/equip_title.gif") no-repeat; text-indent: -999999px; }
.pro_page_title h2 { height: 72px; background: url("../products/img/pro_title.gif") no-repeat; text-indent: -999999px; }
.sitemap_page_title h2 { height: 72px; background: url("../sitemap/img/sitemap_title.gif") no-repeat; text-indent: -999999px; }
.rec_page_title h2 { height: 72px; background: url("../recruit/img/rec_title.gif") no-repeat; text-indent: -999999px; }
.privacy_page_title h2 { height: 72px; background: url("../privacy/img/privacy_title.gif") no-repeat; text-indent: -999999px; }
.contact_page_title h2 { height: 72px; background: url("../contact/img/contact_title.gif") no-repeat; text-indent: -999999px; }


/*---------------------------------------------
 under-contents, 
---------------------------------------------*/
#under-contents { clear: both; height: 99px; text-align: left; background: url("../img/footer_back.gif") repeat-x; }
.footer { width: 782px; margin: 0 auto; }
.footer p { width: 160px; padding: 15px 0 0 0; float: left; }
.add { width: 595px; float: right; text-align: right; padding: 15px 0px 0 0; }

.footer_link { clear: both; width: 782px; margin: 0 auto; text-align: right; color: #378b79; padding: 23px 0px 0 0; }
.footer_link a:link, .footer_link a:visited { color: #67c2ff; text-decoration: none; }
.footer_link a:hover, .footer_link a:active { color: #ffffff; text-decoration: underline; }
.footer_link ul { list-style: none; }
.footer_link li { float: right; }
.copyright { clear: both; color: #FFFFFF; }

/*---------------------------------------------
 middle-contents, 
---------------------------------------------*/
#middle_contents { width: 782px; margin: 0 auto; text-align: left; }
#middle_contents_top { width: 782px; margin: 13px auto 0 auto; text-align: left; }

.pankuzu { padding: 13px 0 0 10px; }
.pankuzu  a:link, .pankuzu  a:visited { color: #0f9fff; text-decoration: none; }
.pankuzu  a:hover, .pankuzu  a:active { color: #3db1ff; text-decoration: underline; }

.main_contents { width: 782px; margin: 13px 0 0 0; }
.main_right { float: right; width: 573px; margin: 0 0 0 9px; }
.main_left { float: left; width: 200px; height: 502px; background: url("../img/side_back.jpg") no-repeat; }
.side_nav { padding: 0 0 1px 0; }

.flow_main_left { float: left; width: 200px; height: 489px; background: url("../flow/img/flow_side_back.jpg") no-repeat; }
.pro_main_left { float: left; width: 200px; height: 198px;  background: url("../products/img/pro_side_back.gif") no-repeat; }
.contact_main_left { float: left; width: 200px; height: 489px; }

.pagetop { clear: both; text-align: right; margin: 40px 0px 25px 0; }
.pagetop a:link, .pagetop a:visited { color: #0f9fff; text-decoration: underline; }
.pagetop a:hover, .pagetop a:active { color: #3db1ff; text-decoration: underline; }


/*---------------------------------------------
 top
---------------------------------------------*/
.top_flash { padding: 0 0 0 12px; }
.top_left { float: left; width: 567px; }
.top_right { float: right; width: 202px; }
.topics_title { height: 27px; text-indent: -999999px; background: url("../img/top/topics_title.gif") no-repeat; }
.topics_box { width: 567px; margin: 7px 0 0 0; }
.topics_left { float: left; width: 269px; }
.topics_right { float: right; width: 298px; }
.topics_right h4 { height: 142px; text-indent: -999999px; background: url("../img/top/topics_txt.gif") no-repeat; }
.topics_btn { float: right; }
.topics_bnr { clear: both; padding: 5px 0 0 0; }
.flow_title { height: 27px; text-indent: -999999px; background: url("../img/top/flow_title.gif") no-repeat; margin: 15px 0 7px 0; }
.rec_title { height: 27px; text-indent: -999999px; background: url("../img/top/rec_title.gif") no-repeat; margin: 0 0 7px 0; }
.right_btn { padding: 8px 0 0 0; }
.right_btn2 { padding: 5px 0 0 0; }
.top_space { clear: both; height: 13px; }

/*---------------------------------------------
 company 
---------------------------------------------*/
.com_stitle1 { height: 29px; text-indent: -999999px; background: url("../company/img/com_stitle_1.gif") no-repeat; }
.com_stitle2 { height: 29px; text-indent: -999999px; background: url("../company/img/com_stitle_2.gif") no-repeat; margin: 24px 0 0 0; }
.com_stitle3 { height: 29px; text-indent: -999999px; background: url("../company/img/com_stitle_3.gif") no-repeat; margin: 24px 0 0 0; }

.com_box { width: 567px; color: #333333; margin: 13px 0 0 0; padding: 0 0 22px 0; border-bottom: 2px dotted #C4C4C4; }
.com_box2 { width: 567px; color: #333333; margin: 13px 0 0 0; }
.com_left { float: left; width: 214px; }
.com_right { float: left; width: 337px; background: url("../company/img/com_txt_back.gif") no-repeat; margin: 0 0 0 16px; }
.com_right2 { float: left; width: 214px; margin: 0 0 0 16px; }
.com_left2 { float: left; width: 337px; background: url("../company/img/com_txt_back.gif") no-repeat; }
.com_box p { width: 310px; padding: 10px 5px 0 17px; }
.com_box2 p { width: 310px; padding: 10px 5px 0 17px; }
.com_txt_title { font-size: 140% }

.com_outline { width: 567px; clear: both; border-bottom: 2px dotted #C4C4C4; padding: 10px 0 0 0; }
.com_outline_last { width: 567px; clear: both; padding: 10px 0 0 0; }
.out-left { padding: 0 0 0 20px; float: left; width: 113px; }
.out-right { color: #333333; float: left; width: 434px; }

/*---------------------------------------------
 flow
---------------------------------------------*/
.flow_stitle1 { height: 29px; text-indent: -999999px; background: url("../flow/img/flow_stitle_1.gif") no-repeat; }

.flow_img { padding: 20px 0 0 10px; }
.flow_btn { padding: 20px 0 0 10px; }
.flow_arrow { padding: 0 0 15px 0; text-align: center; }
.flow_txt { padding: 10px 0 0 25px; color: #333333; }
.flow_txt2 { padding: 5px 0 0 0; text-align:center; }
.flow_txt3 { clear: both; padding: 10px 0 0 0; }

.flow_box { width: 530px; margin: 15px 0 0 20px; }
.flow_left { float:left; width: 260px; }
.flow_right { float:right; width: 260px; margin: 0 0 0 10px; }
.flow_cat { color: #333333; clear:both; width: 567px; padding: 20px 0 0 0; }
.flow_intitle_1 { clear: both; height: 41px; text-indent: -999999px; background: url("../flow/img/flow_intitle_1.gif") no-repeat; margin: 0 0 0 7px; }
.flow_intitle_2 { clear: both; height: 41px; text-indent: -999999px; background: url("../flow/img/flow_intitle_2.gif") no-repeat; margin: 0 0 0 7px; }
.flow_intitle_3 { clear: both; height: 41px; text-indent: -999999px; background: url("../flow/img/flow_intitle_3.gif") no-repeat; margin: 0 0 0 7px; }
.flow_intitle_4 { clear: both; height: 41px; text-indent: -999999px; background: url("../flow/img/flow_intitle_4.gif") no-repeat; margin: 0 0 0 7px; }
.flow_intitle_5 { clear: both; height: 41px; text-indent: -999999px; background: url("../flow/img/flow_intitle_5.gif") no-repeat; margin: 0 0 0 7px; }
.flow_intitle_6 { clear: both; height: 41px; text-indent: -999999px; background: url("../flow/img/flow_intitle_6.gif") no-repeat; margin: 0 0 0 7px; }
.flow_intitle_7 { clear: both; height: 41px; text-indent: -999999px; background: url("../flow/img/flow_intitle_7.gif") no-repeat; margin: 0 0 0 7px; }
.flow_intitle_8 { clear: both; height: 41px; text-indent: -999999px; background: url("../flow/img/flow_intitle_8.gif") no-repeat; margin: 0 0 0 7px; }
.flow_intitle_9 { clear: both; height: 41px; text-indent: -999999px; background: url("../flow/img/flow_intitle_9.gif") no-repeat; margin: 0 0 0 7px; }
.flow_intitle_10 { clear: both; height: 41px; text-indent: -999999px; background: url("../flow/img/flow_intitle_10.gif") no-repeat; margin: 0 0 0 7px; }



/*---------------------------------------------
 access
---------------------------------------------*/
.access_stitle1 { height: 29px; text-indent: -999999px; background: url("../access/img/acc_stitle_1.gif") no-repeat; }
.access_stitle2 { height: 29px; text-indent: -999999px; background: url("../access/img/acc_stitle_2.gif") no-repeat; margin: 20px 0 0 0; }

.acc_txt_back { color: #000000; margin: 15px 0 0 0; width: 565px; height: 178px; background: url("../access/img/acc_txt_back.gif") no-repeat; }
.acc_txt_1 { font-weight: bold; padding: 10px 0 0 10px; }
.acc_txt_2 { padding: 0 0 0 10px; }
.acc_txt_3 { margin: 15px 0 0 0; padding: 10px 0 0 10px; }
.acc_txt_4 { color: #000000; margin: 15px 0 0 10px; }
.acc_map { padding: 0 0 25px 25px; margin: 10px 0 0 0px; width: 517px; border-bottom: 2px dotted #C4C4C4; }
.acc_gmap { width: 517px; margin: 10px 0 0 25px; border: 1px solid #787878; }

/*---------------------------------------------
 equip
---------------------------------------------*/
.grinder_stitle1 { height: 29px; text-indent: -999999px; background: url("../equip/img/grinder/equip_stitle_1.gif") no-repeat; }
.others_stitle1 { height: 29px; text-indent: -999999px; background: url("../equip/img/others/equip_stitle_1.gif") no-repeat; }
.list_stitle1 { height: 29px; text-indent: -999999px; background: url("../equip/img/list/equip_stitle_1.gif") no-repeat; }


.equip_txt { color: #000000; padding: 15px 0 0 10px; }
.equip_txt2 { color: #000000; padding: 15px 0 0 0; }
.equip_txt3 { color: #000000; background: #cccccc; width: 200px; padding: 5px 5px 5px 10px; margin: 15px 0 0 0; }
.equip_intitle { clear: both; padding: 25px 0 0 0; }
.equip_box { width: 567px; margin: 20px 0 0 0; }
.equip_box2 { width: 567px; margin: 20px 0 0 0; }
.equip_box2_left { float: left; width: 221px; }
.equip_box2_right { float: left; width: 336px; padding: 0 0 0 10px; }
.equip_left { color: #000000; float: left; width: 266px; }
.equip_left p  { width: 250px; padding: 0 0 0 7px; }
.equip_right { float: right; }
.equip_tbl { margin: 10px 0 0 0; background: #CCCCCC; }
.equip_tbl2 { margin: 0 0 0 0; background: #CCCCCC; }
.equip_tbl3 { margin: 20px 0 0 0; background: #e6e6e6; }
.equip_td { border-bottom: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; padding: 4px 0 4px 10px; }
.equip_td2 { border-bottom: 15px solid #FFFFFF; border-right: 2px solid #FFFFFF; padding: 4px 0 4px 10px; }

/*---------------------------------------------
 products
---------------------------------------------*/
.pro_stitle1 { height: 29px; text-indent: -999999px; background: url("../products/img/pro_stitle_1.gif") no-repeat; }

.pro_txt { margin: 15px 0 0 0; color: #333333; }
.pro_box { clear: both; width: 567px; padding: 20px 0 0 0; }
.pro_left { float: left; width: 278px; }
.pro_right { float: right; width: 278px; margin: 0 0 0 5px; }
.pro_name { color: #333333; margin: 5px 0 0 0; }
.pro_main_left ul { list-style: none; text-indent: -999999px; }
.pro_main_left h3 { text-indent: -999999px; }
.pro_main_left h4 { text-indent: -999999px; }

/*---------------------------------------------
 sitemap
---------------------------------------------*/
.sitemap_stitle1 { height: 29px; text-indent: -999999px; background: url("../sitemap/img/sitemap_stitle_1.gif") no-repeat; }

.sitemap_list { width: 567px; }
.sitemap_list dl { margin: 15px 0 0 0; clear: both; }
.sitemap_list dt { background: #d1dff1; padding: 5px 0 5px 10px; font-weight: bold; }
.sitemap_list ul { list-style: none; padding: 10px 0 15px 10px; font-weight: bold; }
.sitemap_list li { background: url(../sitemap/img/sitemap_arrow.gif) no-repeat; float: left; padding: 0 20px 0 19px; } 

.sitemap_list a:link, .sitemap_list a:visited { color: #3d3e3e; text-decoration: underline; }
.sitemap_list a:hover, .sitemap_list a:active { color: #717171; text-decoration: underline; }

/*---------------------------------------------
 recruit
---------------------------------------------*/
.outline_stitle1 { height: 29px; text-indent: -999999px; background: url("../recruit/img/outline/rec_stitle_1.gif") no-repeat; }
.voice_stitle1 { height: 29px; text-indent: -999999px; background: url("../recruit/img/voice/rec_stitle_1.gif") no-repeat; }

.rec_txt { color: #333333; font-size:105%; margin: 15px 0 30px 10px; font-weight: bold; }
.rec_box { width: 567px; clear:both; border-bottom: 2px dotted #cccccc; margin: 10px 0 0 0; }
.rec_left { float: left; width: 110px; padding: 0 0 0 10px; }
.rec_right { float:right; width: 447px; color: #333333; }
.rec_btn { clear: both; padding: 30px 0 0 10px;  }

/*---------------------------------------------
 voice
---------------------------------------------*/
.voice_title { margin: 15px 0 0 0; }
.voice_box { width: 567px; border-bottom: 2px dotted #cccccc; padding: 0 0 15px 0; }
.voice_box2 { clear: both; width: 567px; }
.voice_left { float: left; width: 181px; }
.voice_right { float: right; width: 386px; }
.voice_left2 { float: left; width: 386px; }
.voice_right2 { float: right; width: 181px; }
.voice_txt { color:#333333; padding: 15px 0 0 15px; }
.voice_txt2 { color:#333333; padding: 15px 15px 0 0; }

/*---------------------------------------------
 privacy
---------------------------------------------*/
.privacy_stitle1 { height: 29px; text-indent: -999999px; background: url("../privacy/img/privacy_stitle_1.gif") no-repeat; }

.privacy_box { width: 567px; color: #333333; }
.privacy_box p { padding: 0 0 0 10px; width: 537px; }
.privacy_txt1 { margin: 15px 0 0 10px; }
.privacy_txt2 { margin: 0 0 0 10px; }
.privacy_txt_title { font-weight: bold; margin: 25px 0 0 0; }

/*---------------------------------------------
 contact
---------------------------------------------*/
.contact_stitle1 { height: 29px; text-indent: -999999px; background: url("../contact/img/contact_stitle_1.gif") no-repeat; }

.contact_txt { color: #333333; width: 547px; padding: 15px 0 0 10px; }
.contact_caution { color: #FF3333; padding: 15px 0 0 10px; }

.contact_red { color:#FF3333; }
.contact_tbl { width: 567px; margin: 15px 0 0 0; }
.contact_tbl th { background: #f0f0f0; width: 170px; padding: 0 0 0 10px; border-left: 1px solid #9c9c9c; border-top: 1px solid #9c9c9c; border-right: 1px solid #9c9c9c; }
.contact_tbl td { width: 397px; padding: 10px 0 10px 10px;  border-top: 1px solid #9c9c9c; border-right: 1px solid #9c9c9c; }
.tbl-last { border-bottom: 1px solid #9c9c9c; }
.box210 { width: 210px; border: 1px solid #9c9c9c; padding: 3px; }
.box45 { width: 45px; border: 1px solid #9c9c9c; padding: 3px; }
.box322 { width: 360px; border: 1px solid #9c9c9c; padding: 3px; }
.box93 { width: 93px; border: 1px solid #9c9c9c; padding: 3px; }
.area322 { width: 360px; border: 1px solid #9c9c9c; padding: 3px; font-size: 90%; }
.tblareabtn { width: 565px; text-align: right; float: right; margin: 25px 2px 20px 0; }
.back_btn { float: right; }
.back_btn a:link, .back_btn a:visited { color: #ffffff; text-decoration: none; }
.back_btn a:hover, .back_btn a:active { color: #ffffff; text-decoration: none; }
.send_btn { text-align: right; float: right; }

/*---------------------------------------------
 entry
---------------------------------------------*/
.entry_stitle1 { height: 29px; text-indent: -999999px; background: url("../entry/img/entry_stitle_1.gif") no-repeat; }

.caption { font-weight: bold; font-size: 110%; padding: 0 0 0 7px; }
.recruit-check { font-size: 80%; color: #FF3333; }
.entry_form { width: 567px; margin: 20px 0 0 0; border-bottom: 2px dotted #c4c4c4; padding: 0 0 10px 0; }
.entry_form_first { width: 567px; margin: 20px 0 0 0; border-bottom: 2px dotted #c4c4c4; border-top: 2px dotted #c4c4c4; padding: 10px 0 10px 0; }

.entry_tbl { width: 567px; }
.entry_tbl th { width: 150px; vertical-align: top; padding: 10px 0 10px 0; }
.entry_tbl td {  }

.namebox { width: 100px; border: 1px solid #9c9c9c; padding: 3px; }
.yearbox { width: 50px; border: 1px solid #9c9c9c; padding: 3px; }
.mailbox { width: 300px; border: 1px solid #9c9c9c; padding: 3px; }
.telbox { width: 75px; border: 1px solid #9c9c9c; padding: 3px; }
.addbox { width: 350px; border: 1px solid #9c9c9c; padding: 3px; }
.entry_textarea { width: 350px; border: 1px solid #9c9c9c; padding: 3px; height: 100px; font-size: 90%; }