@charset "utf-8";

/*---------------------------------------------------------*/
/*    default                                              */
/*---------------------------------------------------------*/
body{
	margin:0;
	padding:0;
	text-align:center;
	font-family: "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	font-size:12px;
	background-color:#10559B;
}

img {border:none;}
li {list-style:none;}

ul,li,p,h1,h2,h3,h4,h5,h6{
margin:0;
padding:0;
}
/*---------------------------------------------------------*/
/*    link anchor                                          */
/*---------------------------------------------------------*/
a:link,a:visited,a:active {color:#2C7CA3; text-decoration:none;}
a:hover {color:#2C7CA3;text-decoration:underline;}

/*---------------------------------------------------------*/
/*    wrap                                                 */
/*---------------------------------------------------------*/
#wrap{ width:977px; background-color:#10559B; margin:0 auto; }

#wrap_l{ width:774px; background-color:#10559B; }
#wrap_r{ width:203px; background-color:#10559B; }

/*---------------------------------------------------------*/
/*    head                                                 */
/*---------------------------------------------------------*/
#head{
background-image:url(../img/head_bg.jpg);
background-repeat:no-repeat;
padding:76px 0 15px 0;
}

#head_l{ width:380px; padding:0 0 0 15px; }
#head_l p{
	font-size:11px;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#head_contact{
background-image:url(../img/head_contact.gif);
background-repeat:no-repeat;
height:43px;
width:376px;
display:block;
text-indent:-9999px;
padding:0 0 10px 0;
}

#head_r ul{ margin:0 0 0 40px; }
#head_r ul li{ float:left; display:inline; }

#link_company a{
background-image:url(../img/link_company.gif);
background-repeat:no-repeat;
height:12px;
width:55px;
display:block;
text-indent:-9999px;
}
#link_staff a{
background-image:url(../img/link_staff.gif);
background-repeat:no-repeat;
height:12px;
width:76px;
display:block;
text-indent:-9999px;
}
#link_material a{
background-image:url(../img/link_material.gif);
background-repeat:no-repeat;
height:12px;
width:53px;
display:block;
text-indent:-9999px;
}
#link_contact a{
background-image:url(../img/link_contact.gif);
background-repeat:no-repeat;
height:12px;
width:75px;
display:block;
text-indent:-9999px;
}

/*---------------------------------------------------------*/
/*    logo                                                 */
/*---------------------------------------------------------*/
#logo_txt{
background-image:url(../img/logo_img.jpg);
background-repeat:no-repeat;
height:56px;
width:101px;
display:block;
text-indent:-9999px;
}
/*---------------------------------------------------------*/
/*    gloval_navi                                          */
/*---------------------------------------------------------*/
#global_navi{
height:51px;
background-image:url(../img/global_navi_bg.jpg);
background-repeat:no-repeat;
padding:0 0 0 6px;
}
#global_navi ul{
background-image:url(../img/navi_global.jpg);
background-repeat:no-repeat;
width:766px;
height:45px;
}

#global_navi ul li{ float:left; }
#global_navi a { height: 45px; display: block; text-indent: -9999px;}

/* off */
#n_top a { width: 112px; background: url(../img/navi_global.jpg) no-repeat -0px -0px; }
#n_skillup a { width: 181px; background: url(../img/navi_global.jpg) no-repeat -112px -0px; }
#n_sgs a { width: 113px; background: url(../img/navi_global.jpg) no-repeat -293px -0px; }
#n_order a { width: 137px; background: url(../img/navi_global.jpg) no-repeat -406px -0px; }
#n_material a { width: 104px; background: url(../img/navi_global.jpg) no-repeat -543px -0px; }
#n_contact a { width: 119px; background: url(../img/navi_global.jpg) no-repeat -647px -0px; }

/* hover */
#n_top a:hover { width: 112px; background: url(../img/navi_global.jpg) no-repeat -0px -45px; }
#n_skillup a:hover { width: 181px; background: url(../img/navi_global.jpg) no-repeat -112px -45px; }
#n_sgs a:hover { width: 113px; background: url(../img/navi_global.jpg) no-repeat -293px -45px; }
#n_order a:hover { width: 137px; background: url(../img/navi_global.jpg) no-repeat -406px -45px; }
#n_material a:hover { width: 104px; background: url(../img/navi_global.jpg) no-repeat -543px -45px; }
#n_contact a:hover { width: 119px; background: url(../img/navi_global.jpg) no-repeat -647px -45px; }

/*---------------------------------------------------------*/
/*    content                                              */
/*---------------------------------------------------------*/
#content{
	width:750px;
	background-color:#FFFFFF;
	text-align:left;
	margin-top: 0;
	margin-right: 0;
	margin-left: 4px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 50px;
	padding-left: 10px;
}
#content_head{
height:7px;
background-image: url(../img/content_head.jpg);
background-repeat: no-repeat;
background-position:top;
}
/*---------------------------------------------------------*/
/*    pankuzu                                              */
/*---------------------------------------------------------*/
#pankuzu {margin:0px 0px 20px 0px; padding:10px 0px 0px 0px;}
#pankuzu ul{text-align:left;}
#pankuzu ul li {display:inline;}
#pankuzu ul li a{
	font-size: 10px;
	margin-left:12px;
	padding-right:12px;
	background-image: url(../img/list_mark_water.gif);
	background-repeat: no-repeat;
	background-position:right;
}


/*---------------------------------------------------------*/
/*    contets_contact                                      */
/*---------------------------------------------------------*/
#contets_contact{
background-image:url(../img/contets_contact_bg.jpg);
background-repeat:no-repeat;
width:750px;
height:182px;
}


#contets_contact_l{
width:271px;
padding:140px 0 0 40px;
}

#contets_contact_r{
padding:0 20px 0 0;
width:370px;
}

#contets_contact_r_up{
padding:55px 0 0 20px;
}

#contets_contact_r_down{
padding:20px 0 0 20px;
}

#contents_contact_mail{
background-image:url(../img/contents_contact_mail.jpg);
background-repeat:no-repeat;
width:271px;
height:31px;
display:block;
text-indent:-9999px;
}
#contents_contact_mail:hover{ background-image:url(../img/contents_contact_mail_on.jpg); }

#contents_contact_order{
background-image:url(../img/contents_contact_order.jpg);
background-repeat:no-repeat;
width:350px;
height:50px;
display:block;
text-indent:-9999px;
}
#contents_contact_order:hover{ background-image:url(../img/contents_contact_order_on.jpg); } 

#contents_contact_material{
background-image:url(../img/contents_contact_material.jpg);
background-repeat:no-repeat;
width:350px;
height:50px;
display:block;
text-indent:-9999px;
}
#contents_contact_material:hover{ background-image:url(../img/contents_contact_material_on.jpg); }

/*---------------------------------------------------------*/
/*    foot                                                 */
/*--------------------------------------------------------*/
#footer{ width:770px; margin:0 0 0 4px; background-color:#FFFFFF; text-align:left; }

/*---------------------------------------------------------*/
/*    footer_navi                                          */
/*---------------------------------------------------------*/
#navi_footer{
	background-color:#EFE1B4;
	width:770px;
	margin:0 0 20px 0;
}
#navi_footer ul {
	text-align:center;
	list-style-type: none;
	height:13px;
	padding:4px 0 6px 0;
}

#navi_footer li {
	display:inline;
}
#navi_footer a{
margin-left:10px;
display:inherit;
background-image: url(../img/arrow_black.gif);
background-repeat: no-repeat;
padding:0 0 0 10px;
background-position:0% 50%;
color:#663300;
}

/*---------------------------------------------------------*/
/*    footer_area                                          */
/*---------------------------------------------------------*/
#footer_area{ width:756px; margin:0 auto 0 14px; padding:0 0 20px 0; }
#foot_l{ float:left; }
#foot_r{
	float:right;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
}

/* footer_left */
#foot_l ul{}
#foot_l li{ float:left; margin:0 0 0 10px; }
#foot_l a{ display:block; text-indent: -9999px; height:12px;}

#link_privacy a{
background-image:url(../img/link_privacy.gif);
background-repeat:no-repeat;
width:102px;
display:block;
text-indent:-9999px;
}
#link_sitemap a{
background-image:url(../img/link_sitemap.gif);
background-repeat:no-repeat;
width:67px;
display:block;
text-indent:-9999px;
}

/* footer_right */
#foot_r a{
	background:url(../img/company_name.gif) no-repeat;
	width:192px;
	display:block;
	text-indent: -9999px;
	height:32px;
}


/*---------------------------------------------------------*/
/*    sgs_group                                            */
/*---------------------------------------------------------*/
#sgs_group{
background-color:#FFFFFF;
margin:0 0 10px 0;
width:710px;
}

#sgs_group li {
display:inline;
margin:0 0 0 10px;
font-size:10px;
line-height:160%;
color:#999999;
}
#sgs_group2{
text-align:left;
background-color:#FFFFFF;
margin:0px 60px 0px 0px;
width:710px;
}

#sgs_group2 li {
display:inline;
margin:0 0 0 10px;
font-size:10px;
line-height:160%;
color:#999999;
}

/*---------------------------------------------------------*/
/*    footer_img                                            */
/*---------------------------------------------------------*/
#footer_img{
background-image:url(../img/footer_img.jpg);
background-repeat:no-repeat;
height:111px;
width:770px;
}
#copyright{
line-height:120%;
margin:10px 0 0 0;
padding:0 0 30px 0;
font-size:10px;
color:#663300;
}



/*---------------------------------------------------------*/
/*    wrap _r                                              */
/*---------------------------------------------------------*/
#s_contact{
background-image:url(../img/head_order.jpg);
background-repeat:no-repeat;
height:193px;
display:block;
text-indent:-9999px;
margin:0 0 0 12px;
padding:0 0 30px 0;
}

#s_contact:hover{
background-image:url(../img/head_order_on.jpg);
}

#side_head{
height:8px;
background-image:url(../img/side_up.jpg);
background-repeat:no-repeat;
}

#side_bg{
background:url(../img/side_box.jpg);
background-repeat: repeat-y;
}

#side_in{
width:180px;
padding:0 12px 0 10px;
}

#side_foot{
height:14px;
background-image:url(../img/side_foot.jpg);
background-repeat:no-repeat;
}

.kiji_all{
margin-left:65px;
background-image: url(../img/list_mark_green.gif);
background-repeat: no-repeat;
font-size:10px;
line-height:120%;
padding-left:20px;
background-position:0% 50%;
text-decoration:underline;
display:inline;
}

/* sgs column */
#sgs_title a{
height:78px;
background-image: url(../img/sgs_title.jpg);
background-repeat: no-repeat;
display:block;
text-indent:-9999px;
}

#sgs_head{
height:13px;
background-image: url(../img/sgs_head.gif);
background-repeat: no-repeat;
}

#sgs_box{
background-image: url(../img/sgs_box.gif);
background-repeat:repeat-y;
}

#sgs_foot{
height:27px;
background-image: url(../img/sgs_foot.gif);
background-repeat:repeat-y;
}

#sgs_box ul{ padding:8px 10px 5px 10px; text-align:left; }
#sgs_box span{ margin-right:6px;}
#sgs_box ul a{
color:#2C7CA3;
font-size:10px;
line-height:100%;
text-decoration:underline;
display:inline;
}

/* president rss */
#sari_title a{
height:68px;
background-image: url(../img/sari_title.jpg);
background-repeat: no-repeat;
display:block;
text-indent:-9999px;
}

#sari_head{
height:12px;
background-image: url(../img/sari_head.gif);
background-repeat: no-repeat;
}

#sari_box{
background-image: url(../img/sari_box.gif);
background-repeat:repeat-y;
}

#sari_foot{
height:39px;
background-image: url(../img/sari_foot.gif);
background-repeat:repeat-y;
}

#sari_box ul{ padding:8px 10px 5px 10px; text-align:left; }

#sari_box span{ margin-right:6px;}
#sari_box ul a{
color:#2C7CA3;
font-size:10px;
line-height:100%;
text-decoration:underline;
display:inline;
}

/* qr */
#s_portable{ height:14px; background:url(../img/s_portable.gif) no-repeat; text-indent: -9999px; }
#s_portable_area{ width:163px; margin:0px auto 0px auto; text-align:left;}
#s_portable_url{ height:25px; background:url(../img/s_portable_url.gif) no-repeat; text-indent: -9999px; }

/* collect */
#collect_title a{
height:68px;
background-image: url(../img/collect_title.gif);
background-repeat: no-repeat;
display:block;
text-indent:-9999px;
}

#collect_box{
background-image: url(../img/collect_box.gif);
background-repeat:repeat-y;
}

#collect_foot{
height:39px;
background-image: url(../img/collect_foot.gif);
background-repeat:repeat-y;
}

#collect_box ul{ padding:8px 10px 5px 10px; text-align:left; }
#collect_box span{ padding-right:6px;}
#collect_box ul a{
color:#2C7CA3;
font-size:10px;
line-height:100%;
text-decoration:underline;
display:inline;
}

/*---------------------------------------------------------*/
/*    footer_skill                                         */
/*---------------------------------------------------------*/
#footer_skill_title{
	margin:0px auto;
	width:700px;
	height:30px;
	text-indent: -9999px;
	background-image: url(../../kenkou_cycle/img/footer_skill_title.gif);
	background-repeat: no-repeat;
}
#footer_skill_area{
margin:0px auto;
width:700px;
background:url(../../skill_up/img/footer_skill_line.gif) repeat-y;
}
#footer_skill_area ul{ text-align:center; padding:14px 0px 10px 0px;}
#footer_skill_area li{ display:inline;}
#footer_skill_area p{ text-align:center; padding-bottom:12px; }
#footer_skill_underline{
margin:0px auto;
padding-bottom:40px;
width:700px;
height:3px;
background:url(../../skill_up/img/footer_skill_underline.gif) no-repeat;
}
#footer_skill_area a{ text-decoration:underline; }

/*---------------------------------------------------------*/
/*    下部調整　　                                         */
/*---------------------------------------------------------*/
#wrap_content{ margin:0 auto; background:url(../img/wrap_contents.jpg) repeat-y; }
#footer_end{
width:770px;
background-color:#FFFFFF;
margin:0 0 0 4px;
}
#wrap #wrap_content #wrap_l #content #skill_up_contents #apply_txt .karada {
	font-size: 12px;
	color: #06C;
}
#wrap #wrap_content #wrap_l #content #skill_up_contents #apply_txt .karada0 {
	font-size: 13px;
}
#wrap #wrap_content #wrap_l #content #skill_up_contents #apply_txt .kokoro {
	color: #F66;
}
#wrap #wrap_content #wrap_l #content #staff_title {
	background-image: url(../../staff/img/staff_title.gif);
	height: 77px;
	width: 690px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}