@charset "UTF-8";
/*
-----------------------------------------------
BOstudio templete style
version: 2007-04
----------------------------------------------- */


/* INDEX
-------------------------------------------
1. main layout
2. navigation
3. link style
4. common parts
-------------------------------------------*/

/*  christmas layout
-------------------------------------------*/
/*#event_image{
background:url(../imgs/bg_event.jpg) 50% 0 no-repeat;
}
*/

/* 1. main layout
-------------------------------------------*/

/*
#top{
margin:0 auto;
padding:11px 0px 0px;
width:820px;
}
*/

#wrapper{
padding:0px;
width:820px;
background:url(../imgs/bg_body.gif) 0 0 repeat-y;
}

#grade_wrapper{
float:left;
margin:0px;
padding:0px;
width:820px;
background:url(../imgs/bg_body2nd.gif) 0 0 no-repeat;
}

/*
#header{
margin:0px auto 0px;
padding:7px 7px 12px 18px;
width:789px;
background:url(../imgs/bg_header.gif) 0 0 no-repeat;
}

#contents{
clear:both;
margin:0px;
padding:0px 10px 0px;
width:800px;
}
*/

/*
#home #main #cnts{
float:left;
margin:0px;
padding:0px 10px 0px 0px;
width:590px;
}

#second #main #cnts{
float:right;
margin:0px;
padding:0px 0px 0px 0px;
width:600px;
}


#home #subcol{
float:left;
width:200px;
}

#second #subcol{
float:left;
width:200px;
}

#footer{
margin:0px;
padding:19px 0px 0px;
width:820px;
height:50px;
clear:both;
background:#fff url(../imgs/bg_foot.gif) 0 0 no-repeat;
}
*/

/* 2. navigation
-------------------------------------------*/

#globalnavi{
margin:0px auto;
padding:0px;
width:814px;
height:54px;
line-height:0;
font-size:0px;
vertical-align:bottom;
}

#gn_company,
#gn_service,
#gn_works,
#gn_voice,
#gn_mail_blog,
#gn_csr,
#gn_company_stay,
#gn_service_stay,
#gn_works_stay,
#gn_voice_stay,
#gn_mail_blog_stay,
#gn_csr_stay,
#gn_partner_stay{
display:block;
float:left;
}
#globalnavi a{
display:block;
float:left;
height:54px;
text-indent:-9999px;
}
#globalnavi li{
height:54px;
}
#globalnavi #gn_company,
#globalnavi #gn_company_stay{
width:141px;
background:url(../imgs/gn_company_on.jpg) 0 0 no-repeat;
}
#gn_company a,
#gn_company a:link,
#gn_company a:visited{
width:141px;
background:url(../imgs/gn_company.jpg) 0 0 no-repeat;
}
#gn_company a:hover,
#gn_company a:active,
#gn_company_stay a,
#gn_company_stay a:link,
#gn_company_stay a:visited,
#gn_company_stay a:hover,
#gn_company_stay a:active{
width:141px;
background:none;
}

#globalnavi #gn_service,
#globalnavi #gn_service_stay{
width:133px;
background:url(../imgs/gn_service_on.jpg) 0 0 no-repeat;
}
#gn_service a,
#gn_service a:link,
#gn_service a:visited{
width:133px;
background:url(../imgs/gn_service.jpg) 0 0 no-repeat;
}
#gn_service a:hover,
#gn_service a:active,
#gn_service_stay a,
#gn_service_stay a:link,
#gn_service_stay a:visited,
#gn_service_stay a:hover,
#gn_service_stay a:active{
width:133px;
background:none;
}

#globalnavi #gn_works,
#globalnavi #gn_works_stay{
width:133px;
background:url(../imgs/gn_works_on.jpg) 0 0 no-repeat;
}
#gn_works a,
#gn_works a:link,
#gn_works a:visited{
width:133px;
background:url(../imgs/gn_works.jpg) 0 0 no-repeat;
}
#gn_works a:hover,
#gn_works a:active,
#gn_works_stay a,
#gn_works_stay a:link,
#gn_works_stay a:visited,
#gn_works_stay a:hover,
#gn_works_stay a:active{
width:133px;
background:none;
}

#globalnavi #gn_voice,
#globalnavi #gn_voice_stay{
width:133px;
background:url(../imgs/gn_voice_on.jpg) 0 0 no-repeat;
}
#gn_voice a,
#gn_voice a:link,
#gn_voice a:visited{
width:133px;
background:url(../imgs/gn_voice.jpg) 0 0 no-repeat;
}
#gn_voice a:hover,
#gn_voice a:active,
#gn_voice_stay a,
#gn_voice_stay a:link,
#gn_voice_stay a:visited,
#gn_voice_stay a:hover,
#gn_voice_stay a:active{
width:133px;
background:none;
}

#globalnavi #gn_mail_blog,
#globalnavi #gn_mail_blog_stay{
width:135px;
background:url(../imgs/gn_mail_blog_on.jpg) 0 0 no-repeat;
}
#gn_mail_blog a,
#gn_mail_blog a:link,
#gn_mail_blog a:visited{
width:135px;
background:url(../imgs/gn_mail_blog.jpg) 0 0 no-repeat;
}
#gn_mail_blog a:hover,
#gn_mail_blog a:active,
#gn_mail_blog_stay a,
#gn_mail_blog_stay a:link,
#gn_mail_blog_stay a:visited,
#gn_mail_blog_stay a:hover,
#gn_mail_blog_stay a:active{
width:135px;
background:none;
}

#globalnavi #gn_csr,
#globalnavi #gn_csr_stay{
width:139px;
background:url(../imgs/gn_csr_on.jpg) 0 0 no-repeat;
}
#gn_csr a,
#gn_csr a:link,
#gn_csr a:visited{
width:139px;
background:url(../imgs/gn_csr.jpg) 0 0 no-repeat;
}
#gn_csr a:hover,
#gn_csr a:active,
#gn_csr_stay a,
#gn_csr_stay a:link,
#gn_csr_stay a:visited,
#gn_csr_stay a:hover,
#gn_csr_stay a:active{
width:139px;
background:none;
}

#sidemenu{
width:200px;
}

#sm_companytop,
#sm_policy,
#sm_history,
#sm_article,
#sm_access,
#sm_culture{
display:block;
margin:0px 0px 2px;
padding:14px 10px 15px 18px;
width:166px;
border-left:6px solid #a5d8ff;
background:#eee;
/* font-size:80%; */
line-height:1.0;
}

#sm_companytop_stay,
#sm_policy_stay,
#sm_history_stay,
#sm_article_stay,
#sm_access_stay,
#sm_culture_stay{
display:block;
margin:0px 0px 2px;
padding:14px 10px 15px 24px;
width:166px;
background:url(../imgs/bg_side_company_stay.gif) 0 50% no-repeat;
/* font-size:80%; */
line-height:1.0;
}

#sm_servicetop,
#sm_consult,
#sm_construct,
#sm_support,
#sm_yabunaka,
#sm_sugawara,
#sm_kagata,
#sm_kirio{
display:block;
margin:0px 0px 2px;
padding:14px 10px 15px 18px;
width:166px;
border-left:6px solid #f27a98;
background:#eee;
/* font-size:80%; */
line-height:1.0;
}

#sm_servicetop_stay,
#sm_consult_stay,
#sm_construct_stay,
#sm_support_stay,
#sm_yabunaka_stay,
#sm_sugawara_stay,
#sm_kagata_stay,
#sm_kirio_stay{
display:block;
margin:0px 0px 2px;
padding:14px 10px 15px 24px;
width:166px;
background:url(../imgs/bg_side_service_stay.gif) 0 50% no-repeat;
/* font-size:80%; */
line-height:1.0;
}

#sm_recruittop,
#sm_coder,
#sm_nte,
#sm_se,
#sm_pd,
#sm_nemlog{
display:block;
margin:0px 0px 2px;
padding:14px 10px 15px 18px;
width:166px;
border-left:6px solid #ccc;
background:#eee;
/* font-size:80%; */
line-height:1.0;
}

#sm_recruittop_stay,
#sm_coder_stay,
#sm_nte_stay,
#sm_se_stay,
#sm_pd_stay,
#sm_nemlog_stay,
#sm_seminar_stay{
display:block;
margin:0px 0px 2px;
padding:14px 10px 15px 24px;
width:166px;
background:url(../imgs/bg_side_recruit_stay.gif) 0 50% no-repeat;
/* font-size:80%; */
line-height:1.0;
}

#sm_partner_stay{
display:block;
margin:0px 0px 2px;
padding:14px 10px 15px 24px;
width:166px;
background:url(../imgs/bg_side_recruit_stay.gif) 0 50% no-repeat;
/* font-size:80%; */
line-height:1.0;
}

#sm_questiontop,
#sm_questionlist_plan,
#sm_questionlist_cost,
#sm_question_pointlist_process,
#sm_question_pointlist_operation{
display:block;
margin:0px 0px 2px;
padding:14px 10px 15px 18px;
width:166px;
border-left:6px solid #ccc;
background:#eee;
/* font-size:80%; */
line-height:1.0;
}

#sm_questiontop_stay,
#sm_questionlist_plan_stay,
#sm_questionlist_cost_stay,
#sm_question_pointlist_process_stay,
#sm_question_pointlist_operation_stay{
display:block;
margin:0px 0px 2px;
padding:14px 10px 15px 24px;
width:166px;
background:url(../imgs/bg_side_recruit_stay.gif) 0 50% no-repeat;
/* font-size:80%; */
line-height:1.0;
}

#sm_nemlog_wk_top,
#sm_nemlog_wk_prom,
#sm_nemlog_wk_marke{
display:block;
margin:0px 0px 2px;
padding:14px 10px 15px 18px;
width:166px;
border-left:6px solid #ccc;
background:#eee;
/* font-size:80%; */
line-height:1.0;
}

#sm_nemlog_wk_top_stay,
#sm_nemlog_wk_prom_stay,
#sm_nemlog_wk_marke_stay{
display:block;
margin:0px 0px 2px;
padding:14px 10px 15px 24px;
width:166px;
background:url(../imgs/bg_side_recruit_stay.gif) 0 50% no-repeat;
/* font-size:80%; */
line-height:1.0;
}

#subcol .que_info{
margin:12px 0px 0px;
background:url(../question/imgs/bg_queinfo.jpg) 0 0% no-repeat;
padding:95px 18px 5px;
color:#930;
line-height:1.3;
}
#subcol .que_pri{
display:block;
padding:7px 0px 0px;
line-height:1.0;
color:#360;
/* font-size:80%; */
}
#subcol .b_que_info{
background:url(../question/imgs/bgf_queinfo.jpg) no-repeat;
padding:0px 0px 16px 22px;
}

#subcol .backnumber{
margin:15px 0px 0px 9px;
/* font-size:80%; */
}
#subcol .backnumber a{
padding:2px 0px 2px 21px;
background:url(../imgs/m_backnumber.gif) 0 2px no-repeat;
}

#subcol .sp_bnr{
margin:12px 0px 0px;
/* font-size:80%; */
}
#subcol .sp_bnr dt{
line-height:1.0;
font-size:0px;
vertical-align:bottom;
}
#subcol .sp_bnr dd{
padding:3px 13px 10px 11px;
width:176px;
background:url(../imgs/bg_foot_spbnr.jpg) 0 100% no-repeat;
line-height:1.3;
}
#subcol .sp_bnr dd a span{
color:#f00;
}
#subcol .sp_bnr a{
color:#333;
}
/*FOOTNAVI*/
#footnavi{
clear:both;
margin:0px 0px 10px;
text-align:center;
}
#footnavi ul{
padding:10px 0px 0px;
/* font-size:80%; */
}
#footnavi ul li{
display:inline;
padding:0px 13px;
border-left:1px solid #333;
}
#footnavi ul.fnavi_recruit li{
display:block;
float:left;
padding:0px 13px;
width:85px;
height:3em;
border-left:1px solid #333;
}
#footnavi ul.fnavi_recruit li.tuning1{
width:105px;
}
#footnavi ul.fnavi_recruit li.tuning2{
width:125px;
}
#footnavi ul.fnavi_recruit li.tuning3{
width:120px;
}
#footnavi ul.fnavi_recruit li.tuning4{
width:110px;
}
#footnavi ul.fnavi_recruit li.tuning5{
width:90px;
}
#footnavi ul.fnavi_question li{
display:block;
float:left;
padding:0px 13px;
width:132px;
height:3em;
border-left:1px solid #333;
}
#footnavi ul.blog_mail li{
display:block;
float:left;
padding:0px 5px;
width:135px;
height:3em;
border-left:1px solid #333;
}
#footnavi ul.blog_mail li.tuning1{
width:135px;
}
#footnavi ul.blog_mail li.tuning2{
width:175px;
}
#footnavi ul.blog_mail li.tuning3{
width:95px;
}
#footnavi ul.blog_mail li.tuning4{
width:103px;
}
#footnavi ul li.lastchild{
border-right:1px solid #333;
}
#footnavi ul.blog_mail li.lastchild{
width:90px;
border-right:1px solid #333;
}

/* 3. link style
-------------------------------------------*/
/*
a{
overflow:hidden;
}

a:link{
text-decoration:none;
color:#00e;
}

a:visited{
text-decoration:none;
color:#551a8b;
}

a:hover{
text-decoration:underline;
}

a:active{
text-decoration:underline;
}
*/

/* 4. common parts
-------------------------------------------*/
/*
body{
background:url(../imgs/bg_main.gif) 0 0 repeat-x;
color:#333;
}
p{
color:#000;
/* font-size:80%; */
line-height:1.6;
}
*/

.mainstage{
padding:0px 0px 0px 21px;
width:579px;
}
.go_next{
padding:10px 0px 34px;
/* font-size:90%; */
text-align:right;
}
.go_pagetop{
padding:0px 0px 4px;
text-align:right;
/* font-size:80%; */
}
.mainstage2nd{
width:556px;
}
.txtunder{
text-decoration:underline;
}
.txtspace01{
padding:0px 0px 0px 4px;
}
.clr_both{
clear:both;
}
.fonts_normal{
font-size:100%;
}
.m_popup{
padding:0px 0px 0px 19px;
background:url(/imgs/m_popup.gif) 0 50% no-repeat;
}
.m_popup_pdf{
padding:3px 0px 3px 19px;
background:url(/imgs/m_popup_pdf.gif) 0 50% no-repeat;
}
.fontss{
/* font-size:70%; */
}
h2.cont,
h3.cont{
margin-left:23px;
padding:5px 20px 5px 6px;
background:url(../imgs/bg_h2.gif) 0 50% no-repeat;
border:1px solid #e2e2e2;
/* font-size:90%; */
}
body#voice h3.cont {
width:547px;
}
body#works h3.cont {
width:547px;
}
.d_red{
color:#c03;
}
.txtb{
font-weight:bold;
}
/*20080218yamaguchi*/
.pagenavi{
padding-top:30px;
}

.go_next{
float:right;
padding:10px 0px 34px;
/* font-size:90%; */
text-align:right;
}
ul.list02 li{
margin:5px 0px 10px 20px;
list-style-type:disc;
font-size:100%;
}
/*.go_pagetop{
clear:both;
float:right;
padding:0px 0px 4px;
text-align:right;
/* font-size:80%; */
}
*/
.go_top{
float:left;
padding:10px 0px 34px;
/* font-size:90%; */
}

.go_next li{
display:inline;
padding-left:17px;
background:url(../imgs/m_next.gif) 0 1px no-repeat;
}
.go_next li.back{
background:url(../imgs/m_back.gif) 0 1px no-repeat;}
.go_top li{
padding-left:17px;
background:url(../imgs/m_back.gif) 0 5px no-repeat;
}
/*.go_pagetop li{
padding-left:17px;
background:url(../imgs/m_pagetop.gif) 0 5px no-repeat;
}
*/
.b_contact{
padding:35px 0px 0px;
text-align:center;
}
.b_contact2{
margin:-7px 0px 0px;
text-align:center;
}
.red{
color:#f00;
}
.m_arrow{
display:block;
padding:2px 0px 2px 18px;
background:url(../company/imgs/m_ln.gif) 0 4px no-repeat;
}

.fontw-n{
font-weight:normal;
}

.gsl_area{
padding:20px 0px 0px;
}
.gsl_area .fleft{
padding:0px 5px 0px 0px;
}
/* 4.1 of header
-------------------------------------------*/

.copy_bo{
padding:0px 0px 5px;
color:#333;
font-weight:bold;
}

#header_right{
float:right;
width:345px;
}

.contact_area{
float:left;
padding:0px 0px 0px 17px;
width:157px;
}
.contact_area li{
height:39px;
background:url(../imgs/b_contact_on.jpg) 0 0 no-repeat;
}
.contact_area a,
.contact_area a:link,
.contact_area a:visited{
display:block;
float:left;
width:157px;
height:39px;
background:url(../imgs/b_contact.jpg) 0 0 no-repeat;
text-indent:-9999px;
}
.contact_area a:hover,
.contact_area a:active{
background:none;
}

.font_bold{
font-weight:bold;
}


/* 4.2 of content
-------------------------------------------*/

#navi{
float:left;
padding:12px 5px 12px 16px;
width:640px;
}

#font_change{
float:right;
padding:12px 14px 0px 0px;
width:134px;
}

#font_change dt{
float:left;
padding:8px 5px 0px 0px;
width:50px;
height:10px;
line-height:0;
font-size:0;
}

#font_change dd{
float:left;
width:25px;
height:25px;
line-height:0;
vertical-align:bottom;
font-size:0;
}

#font_change dd#fontc_normal{
padding:0px 2px;
}

/* 4.3 of footer
-------------------------------------------*/

#footermenu{
text-align:center;
}

#footermenu li{
display:inline;
padding:0px 14px;
border-right:1px solid #333;
color:#333;
/* font-size:80%; */
}

#footermenu li.noborder{
border:none;
}

.address{
margin:7px 0px 12px;
color:#333;
text-align:center;
}

.copy{
color:#666;
text-align:center;
}



#blog #main #cnts{
float:left;
margin:0px;
padding:24px 5px 0px 0px;
width:602px;
}

#blog #subcol{
float:right;
margin-top:24px;
padding:0px 0px 0px 0px;
width:190px;
background:url(../blog_masax/imgs/bg_blog_side.gif) 0 0 repeat-y;
}

#sm_workstop,
#sm_sanseido,
#sm_rsystem,
#sm_nsas,
#sm_rsystem2008{
display:block;
margin:0px 0px 2px;
padding:14px 10px 15px 18px;
width:166px;
border-left:6px solid #ddcbe7;
background:#eee;
/* font-size:80%; */
line-height:1.0;
}

#sm_workstop_stay,
#sm_sanseido_stay,
#sm_rsystem_stay,
#sm_nsas_stay,
#sm_rsystem2008_stay{
display:block;
margin:0px 0px 2px;
padding:14px 10px 15px 24px;
width:166px;
background:url(../imgs/bg_side_works_stay.gif) 0 50% no-repeat;
/* font-size:80%; */
line-height:1.0;
}

#sm_voicetop,
#sm_v_nano,
#sm_v_rsystem,
#sm_v_nsas,
#sm_v_sanseido{
display:block;
margin:0px 0px 2px;
padding:14px 10px 15px 18px;
width:166px;
border-left:6px solid #ffceaa;
background:#eee;
/* font-size:80%; */
line-height:1.0;
}

#sm_voicetop_stay,
#sm_v_nano_stay,
#sm_v_rsystem_stay,
#sm_v_nsas_stay,
#sm_v_sanseido_stay{
display:block;
margin:0px 0px 2px;
padding:14px 10px 15px 24px;
width:166px;
background:url(../imgs/bg_side_voice_stay.gif) 0 50% no-repeat;
/* font-size:80%; */
line-height:1.0;
}


#sm_blogmailtop,
#sm_mailmag,
#sm_newsmail,
#sm_masax,
#sm_bost,
#sm_bonews,
#sm_csrblog{
display:block;
margin:0px 0px 2px;
padding:14px 10px 15px 18px;
width:166px;
border-left:6px solid #eddb5f;
background:#eee;
/* font-size:80%; */
line-height:1.0;
}

#sm_blogmailtop_stay,
#sm_mailmag_stay,
#sm_newsmail_stay,
#sm_masax_stay,
#sm_bost_stay,
#sm_bonews_stay,
#sm_csrblog_stay{
display:block;
margin:0px 0px 2px;
padding:14px 10px 15px 24px;
width:166px;
background:url(../imgs/bg_side_blogmail_stay.gif) 0 50% no-repeat;
/* font-size:80%; */
line-height:1.0;
}

.sm_ttl{
display:block;
margin:0px 0px 2px;
padding:10px 10px 6px 24px;
width:166px;
background:url(../blog_mail/imgs/bg_sidettl_blogmail.gif) 0 bottom no-repeat;
/* font-size:80%; */
font-weight:bold;
color:#fff;
line-height:1.0;
}

#sm_csrtop,
#sm_csrworks,
#sm_csrpr{
display:block;
margin:0px 0px 2px;
padding:14px 10px 15px 18px;
width:166px;
border-left:6px solid #86bd51;
background:#eee;
/* font-size:80%; */
line-height:1.0;
}

#sm_csrtop_stay,
#sm_csrworks_stay,
#sm_csrpr_stay{
display:block;
margin:0px 0px 2px;
padding:14px 10px 15px 24px;
width:166px;
background:url(../imgs/bg_side_csr_stay.gif) 0 50% no-repeat;
/* font-size:80%; */
line-height:1.0;
}

.pagenavi{
padding-top:30px;
}

.go_next{
float:left;
padding:10px 0px 20px;
/* font-size:90%; */
}

.go_pagetop{
clear:both;
margin:0px;
padding:0px 0px 4px;
text-align:right;
/* font-size:80%; */
}

.go_top{
float:left;
margin:0px;
padding:10px 0px 34px;
/* font-size:90%; */
}

.go_next li{
display:inline;
padding-left:17px;
background:url(../imgs/m_next.gif) 0 3px no-repeat;
}
.go_next li.back{
background:url(../imgs/m_back.gif) 0 3px no-repeat;}
.go_top li{
padding-left:17px;
background:url(../imgs/m_back.gif) 0 50% no-repeat;
}
.go_pagetop li a{
padding-left:17px;
background:url(../imgs/m_pagetop.gif) 0 50% no-repeat;
}

h2.cont,
h3.cont,
h4.cont{
margin-left:23px !important;
padding:5px 20px 5px 6px !important;
background:url(../imgs/bg_h2.gif) 0 50% no-repeat !important;
border:1px solid #e2e2e2 !important;
font-size:90% !important;
}
h4.cont_m0{
padding:5px 20px 5px 6px;
background:url(../imgs/bg_h2.gif) 0 50% no-repeat !important;
border:1px solid #e2e2e2;
/* font-size:90%; */
}

body#works h4.cont {
width:547px;
}