@charset "utf-8";
/*
===== CSR ===============================================


	01: COMMON
	02: MESSAGE
	03: QUALITY
	04: SATISFACTION
	05: COMPLIANCE
	06: EMPLOYEE
	07: REPORT
	08: TOP
	09FQUALITY_DAISEN


==========================================================
*/

/*
===== 01: COMMON ====================================
*/

div.csrtitlebox{
padding-bottom:23px;
clear:left;
font-weight:bold;
font-size:1.2em;
}

div.csrmsgbox{
text-align:left;
text-indent:0px;
padding-bottom:23px;
clear:left;
}

div.csrmsgbox em{
display:block;
padding:8px 0px 0px 0px;
font-style: normal;
font-size:0.85em;
}

div.csrmsgbox strong{
display:block;
padding:8px 0px 0px 0px;
}

img.csrimgright{
float:right;
padding-left:15px;
}

img.csrimgright_2nd{
float:right;
padding:15px 0px 0px 15px;
}

img.csrimgcenter{
display:block;
margin:15px auto 0px auto;
clear:both;
}

img.csrimgcenter_2nd{
display:block;
margin:15px auto 0px auto;
clear:both;
text-align:center;
}

div.csrmsgbox p.csrimgright{
display:block;
float:right;
width:135px;
padding:5px 0px 0px 15px;
font-size:0.8em;
}

div.comBox dl dt.csrminititle,div.comBox-end dl dt.csrminititle {
font-size:1em;
}

div#main p.title-txt{
	margin-bottom:10px;
}

span.staffname{
	font-size:1.2em;
	font-weight:bold;
}

.note{
font-size:0.85em;
line-height:150%;
}

.note-s{
font-size:0.8em;
line-height:150%;
}

/*
===== 02: MESSAGE ====================================
*/
	
div.csrtmsgbox{
	width:580px;
text-indent:0px;
padding-bottom:23px;
float:left;
}

h2.csrmsg_sub_title{
	width:580px;
	clear:both;
	margin:0px 0px 15px 0px;
	}

div.csrtmsgbox p{
padding-bottom:20px;
}

p#csrmsgtxt{
display:block;
width:590px;
float:left;
padding:0px 20px 0px 0px;
overflow:hidden;
}

p#csrmsgtxt img{
padding-bottom:20px;}

img.ceo5{ margin-left:5px;}
img.ceo15{ margin-top:200px; margin-left:15px;}

/*
===== 03: QUALITY ====================================
*/


div.csrmsgbox p.quality-txt {
margin-bottom:15px;
}


h3.quality-h3 {
clear:both;
background-image:url(../img/csr/quality/img_bgh3.jpg);
background-repeat:repeat-x;
color:#44BCCC;
font-size:1.2em;
height:28px;
margin-bottom:10px;
padding:8px 0 0 10px;
width:726px;
}

div.csrmsgbox h4.quality-h4{
margin-bottom:10px;
}

div.csrmsgbox div.quality-person1{
	width:595px;
	float:left;
}


div.csrmsgbox div.quality-person1 p.quality-person1-txt{
background-image:url(../img/csr/quality/img_person1_mid.jpg);
background-repeat:repeat-y;
padding:0 260px 50px 30px;
margin:0;
}

div.csrmsgbox div.quality-person2{
	width:360px;
	float:left;
	margin-left:3px;
}
div.csrmsgbox div.quality-person2 h4{
	width:360px;
margin-bottom:10px;
}

div.csrmsgbox div.quality-person2-comm{
width:215px;
float:left;
}


div.csrmsgbox div.quality-person2 p.quality-person2-txt{
background-image:url(../img/csr/quality/img_person2_mid.gif);
background-repeat:repeat-y;
padding:0 10px 10px 10px;
margin:0;
width:184px;
}

div.csrmsgbox ul.quality-staff{
	width:135px;
	float:left;
	margin-bottom:10px;
}

div.csrmsgbox p.btn-daisen{
clear:both;
margin:10px 10px;

}

div.csrmsgbox img.imgtop
{
vertical-align:middle;

}

div.csrmsgbox img.imgbottom{
display:block;

}

div.csrmsgbox div.quality-person2-comm img.photo{
vertical-align:top;
float:left;
margin:10px 5px 5px 0;

}


div.csrmsgbox div.quality-person1{
	width:595px;
	float:left;
}


div.csrmsgbox div.quality-person1 p.quality-person1-txt{
background-image:url(../img/csr/quality/img_person1_mid.jpg);
background-repeat:repeat-y;
padding:0 260px 50px 30px;
margin:0;
}

div.csrmsgbox div.quality-person3-kiya,
div.csrmsgbox div.quality-person3-nakahara{
	width:595px;
	float:left;
}


div.csrmsgbox div.quality-person3-kiya p.quality-person3kiya-txt{
background-image:url(../img/csr/quality/img_person3kiya_mid.jpg);
background-repeat:repeat-y;
padding:0 30px 45px 300px;
margin:0;
}

div.csrmsgbox div.quality-person3-nakahara p.quality-person3-nakahara-txt{
background-image:url(../img/csr/quality/img_person3nakahara_mid.jpg);
background-repeat:repeat-y;
padding:0 300px 60px 30px;
margin:0;
}

/*
===== 04: SATISFACTION ====================================
*/

div.csrmsgbox p.satis-base{
margin-bottom:20px;
}

div.csrmsgbox p.satis-comment{
margin-bottom:10px;
}

div.csrmsgbox p.improve{
width:445px;
margin-bottom:10px;
float:left;
}

div.csrmsgbox ul.basicpolicy{
width:538px;
margin-bottom:10px;
float:left;
}

div.csrmsgbox span.imorove-note{
font-size:0.85em;
}

div.csrmsgbox img.satisimgleft-nomargin{
float:left;
}

div.csrmsgbox img.satisimgleft{
float:left;
margin-left:10px;
}

div.csrmsgbox img.satisimgright-nomargin{
float:right;
}
div.csrmsgbox img.satisimgright-10margin{
float:right;
margin-left:10px;
}

div.csrmsgbox div.staffbox{
width:342px;
margin-top:20px;
margin-left:30px;
float:left;
}

div.csrmsgbox div.staffbox-left{
width:342px;
margin-top:20px;
margin-left:7px;
float:left;
}

div.csrmsgbox div.staffbox h3,
div.csrmsgbox div.staffbox-left h3{
	background-image:url(../img/csr/satisfaction/img_bgh3.jpg);
	background-repeat: no-repeat;
	width:332px;
	height:28px;
	font-size:1.2em;
	padding:8px 0 0 10px;
	margin-bottom:10px;
	color:#44BCCC;
}

div.csrmsgbox div.staffbox ul,
div.csrmsgbox div.staffbox-left ul{
	width:210px;
	float:left;
}
div.csrmsgbox div.staffbox li,
div.csrmsgbox div.staffbox-left li{
	margin-bottom:15px;
}


.csrimg3columncenter{
margin:5px 21px 0px 21px;
}

.csrimg3column{
margin:5px 0px 0px 0px;
}


div.csrmsgbox p.approachright{
	display:block;
	float:right;
	width:221px;
	padding-left:15px;
	font-size:0.8em;
	clear:right;
}

/*
===== 05: COMPLIANCE ====================================
*/

div.csrmsgbox em.csremright{
text-align:right;
padding:5px 0px 0px 0px;
}

div.csrmsgbox p.csr-risk{
width:390px;
float:left;
margin-right:10px;

}

div.csrmsgbox dt.subtit-risk{
font-weight:bold;

}

/*
===== 06: EMPLOYEE ====================================
*/

div.csrmsgbox ul.emp-basepolicy{
width:567px;
background-image:url(../img/csr/employee/img_bgpolicy.jpg);
background-repeat:no-repeat;
margin:auto;
padding:0;
}

div.csrmsgbox ul.emp-basepolicy li{
margin-bottom:15px;
}

div.csrmsgbox p.workslid-txt{
width:305px;
float:left;
}

div.csrmsgbox p.office-txt{
margin-bottom:15px;
}

div.csrmsgbox div#csrworkstaff{
background-image:url(../img/csr/employee/img_positive_middle.gif);
width:351px;
float:right;
margin:0px 0px 0px 34px;
}

* html div.csrmsgbox div#csrworkstaff{
margin:0px 0px 0px 30px;
}

div.csrmsgbox div#csrworkstaff ul{
background-image:url(../img/csr/employee/img_positive_bottom.gif);
background-position:0px 100%;
background-repeat:no-repeat;
display:block;
margin:0;
padding:0;
vertical-align:bottom;
}

div.csrmsgbox div#csrworkstaff li{
background-image:url(../img/csr/employee/img_positive_top.gif);
background-repeat:no-repeat;
padding:15px;
display:block;
margin:0;
}

div.csrmsgbox div#csrworkstaff li dl{
border-top:1px solid #e60012;
border-left:1px solid #e60012;
display:block;
margin-bottom:10px;
padding:0;
vertical-align:bottom;
}

div.csrmsgbox div#csrworkstaff li dl dt{
padding:5px 8px;
font-size:1.1em;
font-weight:bold;
color:#e60012;
}

div.csrmsgbox div#csrworkstaff li dl dd{
padding:0px 8px 5px 8px;
}

div.csrmsgbox dl.workbalance {
width:716px;
height:207px;
padding:50px 0px 0px 20px;
margin-top:15px;
clear:both;
background-image:url(../img/csr/employee/bg_balance.jpg);
background-repeat:no-repeat;
background-position:left top;
}

div.csrmsgbox dl.workbalance dt {font-weight:bold; border-left:3px solid #3399CC; padding-left:5px; line-height:1.2em; margin-bottom:10px;}
div.csrmsgbox dl.workbalance dd {margin-bottom:20px;}
div.csrmsgbox dl.workbalance li {list-style:decimal; margin-left:22px;}
div.csrmsgbox dl.workbalance li li {list-style:disc; margin-left:20px;}


div.csrmsgbox div.training-box{
width:315px;
margin-right:15px;
float:left;
}

* html div.csrmsgbox div.training-box{
width:315px;
margin-right:5px;
float:left;
}

div.csrmsgbox div.training-box p.training-txt{
margin-bottom:10px;
}

div.csrmsgbox div.training-box ul.training-list{
border:1px solid #0FA0D0;
margin-bottom:10px;
padding:10px 0px;
}

div.csrmsgbox div.training-box ul.training-list li{
background-image:url(../img/csr/employee/ico_list.gif);
background-repeat:no-repeat;
background-position:left 3px;
padding:0px 10px 0 20px;
}

div.csrmsgbox div.training-box img.training{
float:left;
}

div.csrmsgbox p.pa-txt{
width:345px;
margin-bottom:10px;
float:left;
}
div.csrmsgbox p.pa-txt img{
float:right;
}

div.csrmsgbox div.pa-staffbox{
border:solid 1px #E80000;
width:350px;
margin-left:15px;
padding:10px;
float:left;
}

div.csrmsgbox div.pa-staffbox ul,{
	width:217px;
	float:left;
}

div.csrmsgbox div.pa-staffbox li{
	margin-bottom:10px;
}

div.csrmsgbox div.pa-staffbox p{
	margin-bottom:10px;
}


/*
===== 07: REPORT ====================================
*/

div#csrreportleft{
float:left;
width:206px;
text-align:center;
}

div#csrreportright{
float:left;
width:450px;
margin-left:35px;
}

div#csrreportright strong{
display:block;
margin-left:-15px;
padding:0px 0px 5px 15px;
font-size:1.2em;
background-image:url(../img/csr/report/img_circle.gif);
background-repeat:no-repeat;
background-position:0px 36%;
}

div#csrreportright cite{
font-style:normal;
position:absolute;
margin:5px 0px 0px 85px;
font-size:12px;
}

div#csrreportright dl{
padding:10px 0px 15px 0px;
}

div#csrreportright dt{
padding:0px 0px 10px 0px;
clear:both;
}

dl.csrholding{
border-bottom:1px solid #dadadb;
}
dl.csrholding dd{
padding:5px 0px 10px 47px;
}

dl.csrjapan{
width:350px;
float:left;
padding:10px 0px;
margin-right:25px;
}

dl.csrbottling{
width:350px;
float:left;
padding:10px 0px;
}

dl.csrjapan dd{
padding-left:30px;
}

dl.csrbottling dd{
padding-left:36px;
}

div.allpage{
	float:left;
	padding-right:10px;
}

div.catalog{
	float:left;
}


div#csrreportright dl dd.ico_pdf{
background:transparent url(/common_img/ico_pdf.gif) no-repeat scroll left 0.3em;
margin:0px;
padding:0px 0px 0px 13px;}

div#csr-impression{
clear:both;
margin:0px 10px 30px 10px;
padding:10px;
border:solid 1px #cccccc;
    display: -moz-inline-box; /*for Firefox 2*/
    display: inline-block; /*for modern*/
    /display: inline; /*for ie5`7*/
    /zoom: 1; /*for ie5`7*/

}

div#csr-impression p.impress-txt{
width:440px;
float:left;
}

div#csr-impression p.btn-impress{
width:248px;
float:left;

}


/*
===== 08: TOP ====================================
*/


div#csrnews {
	width: 736px;
	background: url(../img/csr/bg_csrnews_side.gif) repeat-y;
	clear: both;
	margin-top: 2.5em;
	line-height:1;
	padding-bottom:0 !important;
	margin-bottom:20px;
	}
	
div#csrnews .csrnews-tit {
	padding-bottom:10px;
}

div#csrnews ul {
	clear:both;
	padding:0px 0px 0px 19px;
	width:712px;
	}
	
div#csrnews li {
	float:left;
	padding-bottom:5px;
	}

div#csrnews li.blue {
	background: url(../img/csr/local/bg_local_blue.jpg) no-repeat left 0.5em;
	padding-left: 15px;
	}
	
div#csrnews li.csr {
	width:580px;
	padding-left:7px;
	}

div#csrnews li.csr  img {
	vertical-align:middle;
	padding-bottom:0px;
	}

.foot {
	clear:both;
	font-size:0.1em;
	}


div.box-C ul li {
	background-image:url(../img/company/arw.gif);
	background-repeat:no-repeat;
	background-position:0% 50%;
	padding-left:15px;
	float:left;
	margin:0px 10px 5px 0px;
	font-size:0.8em;
	}

div.comBox a:link,
div.comBox-end a:link {
	color:#0099FF;
	text-decoration:none;
	}

div.comBox a:hover,
div.comBox-end a:hover {
	color:#0099FF;
	text-decoration:none;
	}

div.comBox a:visited,
div.comBox-end a:visited {
	color:#0099FF;
	text-decoration:none;
	}

div.comBox a:active,
div.comBox-end a:active {
	color:#0099FF;
	text-decoration:none;
	}

div.frame {
	width:736px;
	clear:both;
	}
	
div.comBox {
	width:230px;
	background-image:url(../img/company/combox_bg.jpg);
	background-repeat:repeat-y;
	margin:0px 23px 15px 0px;
	line-height:1;
	padding-bottom:0 !important;
	}
	
div.comBox-end {
	width:230px;
	background-image:url(../img/company/combox_bg.jpg);
	background-repeat:repeat-y;
	margin-bottom:15px;
	line-height:1;
	padding-bottom:0 !important;
	}
	
div.comBox dl,
div.comBox-end dl {
	margin:0px 5px;
	}

div.comBox dl dt,
div.comBox-end dl dt {
	float:right;
	width:142px;
	padding-left:4px;
	font-size:1.1em;
	color:#FF0000;
	font-weight:bold;
	line-height:1.2em;
	margin:2px 0px 3px 0px;
	}

div.comBox dl dd.thumb,
div.comBox-end dl dd.thumb {
	float:left;
	width:74px;
	padding:0px;
	}

div.comBox dl dd,
div.comBox-end dl dd {
	float:right;
	width:142px;
	padding-left:4px;
	font-size:0.8em;
	}
	
div.comBox p,
div.comBox-end p {
	clear:both;
	font-size:0.1em;
	}
	
/*
===== 09FQUALITY_DAISEN ====================================
*/	

div.daisenbox{
clear:both;
width:706px;
background-color:#FFF5DF;
padding:15px;
overflow: hidden;
}

div.daisenbox:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;

}


/*\*/
* html div.daisenbox {
    height: 1em;
    overflow: visible;
}
/**/



div.daisenbox div.outline{
width:375px;
float:left;
margin-right:5px;
}

div.daisenbox h3{
margin-bottom:10px;
}

div.daisenbox div.plantmanager{
background-image:url(../img/csr/quality/img_plantmanager_mid.gif);
background-repeat:repeat-y;
width:697px;
margin:10px 0;
padding:0;
}

div.daisenbox div.plantmanager ul{
width:506px;
margin:10px 10px 0 10px;
float:left;
}

div.daisenbox div.plantmanager ul li.tit-surakawa{
margin:5px 0; 
font-size:1.2em;
color:#E78B01;
}

div.daisenbox img.imgtop{
display:block;
}

div.daisenbox img.imgbottom{
vertical-align:middle;
}
div.daisenbox p.plantmanager-photo{
margin:10px 0;
}

div.daisenbox p.highquality-txt{
width:335px;
margin-right:5px;
float:left;
}
div.daisenbox div.highquality-txt p{
margin-bottom:15px;
}

div.daisenbox div.highquality-staff{
background-color:#FFFFFF;
width:330px;
border:solid 1px #E78B01;
padding:10px;
float:left;
}

div.daisenbox div.highquality-staff ul.highquality-staffcomm{
width:170px;
float:left;
margin-right:5px;
}

div.daisenbox div.highquality-staff ul.highquality-staffcomm li{
margin-bottom:5px;
}

div.daisenbox div.highquality-staff ul.staffinfo{
width:145px;
margin:5px;
float:left;
}