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


	01: COMMON
	02: MESSAGE
	03: QUALITY
	04: SATISFACTION
	05: COMPLIANCE
	06: EMPLOYEE
	07: REPORT
	08: TOP
	09¡§QUALITY_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%;
}

div.csrmsgbox dl.child_sp {
	width:500px;
	margin:0 auto;
	text-align:center;
	padding:10px;
	border:1px #CCCCCC dotted;
	height:120px;
	}

div.csrmsgbox dl.child_sp dt {
	float:right;
	vertical-align:middle;
	}

div.csrmsgbox dl.child_sp dd {
	width:340px;
	margin:10px 140px 0 auto;
	}

/*
===== 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;
}



ul.quality-flow{
	width:736px;
	}

ul.quality-flow li.f-left{
	width:320px;
	float:left;
	}
ul.quality-flow li.f-center{
	width:96px;
	float:left;
	}
ul.quality-flow li.f-right{
	width:320px;
	float:right;
	margin-top:50px;
	}

ul.quality-flow div.charge-box{
	width:308px;
	border:1px solid #FFC57D;
	padding:5px;
	margin-bottom:15px;
	}
	
ul.quality-flow div.charge-box h3{
	margin-bottom:10px;
	width:300px;
	padding-left:5px;
	}
ul.quality-flow div.charge-box p.comment{
	width:175px;
	float:left;
	}

ul.quality-flow div.charge-box ul.staffinfo{
	width:120px;
	float:right;
	}
ul.quality-flow div.charge-box ul.staffinfo li.section{
	font-size:85%;
	line-height:1.2em;
	}
ul.quality-flow div.charge-box ul.staffinfo li.name{
	font-weight:bold;
	}
ul.quality-flow div.charge-box ul.p.btn{
	clear:both;
	width:210px;
	margin:5px 0;
	}
/*
===== 04: SATISFACTION ====================================
*/

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

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

div.csrmsgbox p.improve{
width:420px;
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;
}

div.csrmsgbox div.staffbox p.comment,
div.csrmsgbox div.staffbox-left p.comment{
	clear:both;
	}

.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;
}

dl.caseBox dd.satisfaction{
	background-color:#DEE4F3;
	padding:10px;
	}

/*
===== 05: risk ====================================
*/

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;

}

dl.caseBox{
	width:680px;
	margin:20px auto;
	}
dl.caseBox dd.risk{
	background-color:#FFE6ED;
	padding:10px;
	position:relative;
	}
dl.caseBox dd.risk span{
	position:absolute;
	right:10px;
	bottom:0px;
}
div.csrmsgbox dl.risk{
width:445px;
float:left;
}
div.csrmsgbox dl.risk dt{
	color:#E0053A;
	font-weight:bold;
	}

/*
===== 05: compliance ====================================
*/
div.education{
	 padding-right:15px;
	 }
div.education p{
	width:550px;
	margin-bottom:10px;
	float:left;
	}
div.education img{
	float:right;
	}

div.csrmsgbox div.action{
	width:720px;
	margin:10px auto;
	}
dl.caseBox dd.compliance{
	background-color:#DBD9EA;
	padding:10px;
	}

div.bg-beige{
	width:680px;
	padding:10px 20px;
	margin:10px atuo;
	background:#EBE5D1;
	}
div.bg-beige h3{
	font-weight:bold;
	color:#5B518E;
	font-size:1.2em;
	margin-bottom:10px;
	}

div.bg-beige dt{
	font-weight:bold;
	}
div.bg-beige dd{
	padding-left:10px;
	}

p.improve span{
	display:block;
	padding:5px;
	font-size:85%;
	}

p.improve span img{
	float:left;
	margin-right:10px;
	}
/*
===== 06: EMPLOYEE ====================================
*/

div.csrmsgbox div.emp-basepolicy{
width:720px;
margin:auto;
padding:0;
}

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.pa-staffbox h3.secondstage{
	margin-bottom:5px;
	line-height:1.3em;
	}

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

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

div.pa-staffbox dl.workbalance dt {font-weight:bold; line-height:1.2em;}
div.pa-staffbox dl.workbalance dd {
	margin-bottom:10px;
	clear:left;}
div.pa-staffbox dl.workbalance li {
	list-style:circle;
	margin-left:22px;
	width:330px;}
div.pa-staffbox dl.workbalance li li {
	list-style:disc;
	margin-left:20px;}
div.pa-staffbox dl.workbalance img {
	float:left;
	}
div.pa-staffbox dl.workbalance p {
	margin-left:137px;
	}
	
ul.photo{
	margin:0 20px;
	_margin:0 10px;
	font-size:85%;
	width:350px;
	float:right;
	
	}
ul.photo li{
	width:150px;
	}	
ul.photo li img{
	margin-bottom:5px;
	}	
ul.photo li.left{
	float:left;
	width:150px;
	}
ul.photo li.right{
	float:right;
	width:150px;
	}	


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 span{
	font-size:80%;
	}
div.csrmsgbox p.pa-txt span.blue{
	font-weight:bold;
	color:#0099CC;
	padding-right:5px;
	}
	
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:5px;
}

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

dl.training {
	margin-bottom:10px;
	}

dl.training dt{
	font-weight:bold;
	color:#FF6666;
	}
dl.training dd{
	padding:0 5px 10px;
	line-height:1.3em;
	}

dl.training dd.explain{
	font-size:80%;
	}

dl.training dd.explain span{
	color:#0099CC;
	display:inline;
	font-weight:bold;
	padding-right:5px;
	}


/*
===== 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¡§QUALITY_DAISEN ====================================
*/

div.president{
width:736px;
background-color:#E78B01;
overflow: hidden;
margin-bottom:15px;
}

div.president div.outline{
width:410px;
float:left;
color:white;
padding:15px 10px 0px 15px;
}

div.president h3{
margin-bottom:5px;
}

div.president p.photo{
	float:right;
	}	

dl.products-effort dt{
	font-weight:bold;
	color:#E78B01;
	font-size:1.2em;
	}
	
h3.kore4{
	margin:15px auto 5px;
	text-align:center;
	}

div.daisenbox{
clear:both;
width:714px;
border:1px solid #E78B01;
padding:10px;
overflow: hidden;
}

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

}


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





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{
width:340px;
padding:5px;
margin-right:10px;
margin-bottom:10px;
float:left;
}

div.daisenbox div.end{
	margin-right:0;
	}


div.daisenbox div.highquality-staff h4{
	background:#E78B01;
	text-align:center;
	color:white;
	padding:3px;
	margin-bottom:5px;
	}

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

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

div.daisenbox div.highquality-staff ul.highquality-staffcomm li.comment{
font-weight:bold;
color:#E78B01;
}

div.daisenbox div.highquality-staff ul.staffinfo{
width:145px;
float:right;
}
div.daisenbox div.highquality-staff ul.staffinfo li.section{
font-size:85%;
line-height:1.2em;
}
div.daisenbox div.highquality-staff ul.staffinfo li.name{
font-weight:bold;
}

div.korebox{
	width:716px;
	background:#EBE5D1;
	padding:10px;
	margin-top:10px;
}
div.korebox dl.about-kore{
	width:220px;
	padding-right:15px;
	border-right:1px solid #E78B01;
	float:left;
	}
div.korebox dl.message{
	width:250px;
	float:left;
	padding-left:15px;
	}

div.korebox dl.message dt{
	font-weight:bold;
	color:#E78B01;
	}
div.korebox dl.staff{
	width:200px;
	float:right;
	}	

div.korebox dl.staff dd.section{
	font-size:85%;
	}
div.korebox dl.staff dd.name{
	font-weight:bold;
	}
/*
===== 10¡§CSR6 ====================================
*/
dl#csr6{
	width:700px;
	margin:0 auto;
	}
dl#csr6 dt{
	 font-size:135%;
	 font-weight:bold;
	 }
dl#csr6 dd{
	 font-size:120%;
	 font-weight:bold;
	 color:#CC0000;
	 }

ul#csr6Box{
	width:700px;
	margin:5px auto 10px;
	}
ul#csr6Box li{
	float:left;
	}

p.csr6Text{
	padding:10px 20px 30px;
	}

h3.csr6Appearance{
	width:600px;
	font-size:120%;
	margin:0 auto;
	}

dl.csr6Explain{
	width:600px;
	margin:10px auto 0;
	}
dl.csr6Explain dt{
	 float:left;
	 width:65px;
	 margin-right:5px;
	 }
dl.csr6Explain dd{
	 float:right;
	 width:520px;
	 padding:10px 0;
	 }