@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) left top 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;

}

.side_result dt,

.side_result dd{

font-weight:bold;

}