@charset "Shift_JIS";

/*--------------------------------------------------------------------
/- file   : csr.css
/- admin  : moag Inc. SHIGETA Makoto
/- update : 20100420
/- desc   : css for modern browser
/--------------------------------------------------------------------*/

@media screen, print { /* MacIE除外用 */

/************** common styles ***************/

/* Start of "Micro clearfix" */
.clearfix, div, .section { zoom: 1; }
.clearfix:before, div:before, .section:before, 
.clearfix:after, div:after, .section:after { content: ""; display: table; }
.clearfix:after, div:after, .section:after { clear: both; }
/* End of "Micro clearfix" */


/* CSR HOMEスタイル
**********************************************/
#csr div.index div#sidebar div#navigation {
	margin: 0 0 20px;
	padding: 0;
}
#csr div.index div#sidebar div#navigation h3 {
	margin: 0;
	padding: 12px 0;
	border-top: 3px solid #78BA1D;
}

#csr div.index div#sidebar div#navigation dl {
	overflow: hidden;
	width: 208px;
	background: #E0F5CA;
	border: none;
	box-shadow: none; /*CSS3*/
	-moz-box-shadow: none; /* Firefox用*/
	-webkit-box-shadow: none; /* Google Chrome, Safari用*/
}
#csr div.index div#sidebar div#navigation dl dt {
	background: #ffffff;
}
#csr div.index div#sidebar div#navigation dl dt a {
	display: inline;
	padding: 0;
	background: none;
	border-bottom: none;
}
#csr div.index div#sidebar div#navigation dl.guideline dt {
	overflow: hidden;
	width: 208px;
	height: 45px;
}
#csr div.index div#sidebar div#navigation dl.theme dt {
	overflow: hidden;
	width: 208px;
	height: 44px;
}
#csr div.index div#sidebar div#navigation dl.report dt {
	overflow: hidden;
	width: 208px;
	height: 44px;
}

#csr div.index div#sidebar div#navigation dl dd {
	background: #E0F5CA;
}
#csr div.index div#sidebar div#navigation dl dd ul {
	background: #E0F5CA;
}
#csr div.index div#sidebar div#navigation dl dd ul li {
	overflow: hidden;
	width: 208px;
	height: 43px;
	background: #E0F5CA;
}
#csr div.index div#sidebar div#navigation dl dd ul li.firstChild {
	height: 42px;
}

#csr div.index div#sidebar div#navigation dl a:link {
}
#csr div.index div#sidebar div#navigation dl a:visited {
}
#csr div.index div#sidebar div#navigation dl dt a:hover {
	background: #ffffff;
}
#csr div.index div#sidebar div#navigation dl dd a:hover {
	background: #E0F5CA;
}

#csr div.index div#sidebar div.bgcBox {
	margin: 0;
	padding: 5px;
	background: #E0F5CA;
	border: 1px solid #CBE4B1;
}

#csr div.index div#sidebar div#pickup {
	margin: 0 0 20px;
	padding: 0;
}
#csr div.index div#sidebar div#pickup h3 {
	margin: 0;
	padding: 12px 0;
	border-top: 3px solid #78BA1D;
}
#csr div.index div#sidebar div#pickup ul {
	margin: 0;
	padding: 10px 10px 0;
	background: #ffffff;
	border: 1px solid #CBE4B1;
}
#csr div.index div#sidebar div#pickup ul li {
	padding-bottom: 10px;
}


#csr div.index div#main div#home-spl {
}
#csr div.index div#main div#home-spl h2 {
	margin: 0 0 20px;
	padding: 0;
}
#csr div.index div#main div#home-spl div#home-spl-list {
}
#csr div.index div#main div#home-spl div#home-spl-list ul {
}
#csr div.index div#main div#home-spl div#home-spl-list ul { zoom: 1; }
#csr div.index div#main div#home-spl div#home-spl-list ul:before, 
#csr div.index div#main div#home-spl div#home-spl-list ul:after { content: ""; display: table; }
#csr div.index div#main div#home-spl div#home-spl-list ul:after { clear: both; }
#csr div.index div#main div#home-spl div#home-spl-list ul li {
	float: left;
	display: inline;
}
#csr div.index div#main div#home-spl div#home-spl-list ul li.lastChild {
	float: right;
	display: inline;
}


#csr div.index div#main div#home-theme {
}
#csr div.index div#main div#home-theme h2 {
	margin: 0 0 25px;
	padding: 0;
}
#csr div.index div#main div#home-theme p {
}

#csr div.index div#main div#home-theme div#theme-visual {
	position: relative;
	width: 620px;
	height: 644px;
	margin: -7em 20px 0;
	padding: 0;
	background: url(../../images/img_bnrlink_bg.png) no-repeat center top;
}
#csr div.index div#main div#home-theme div#theme-visual ul {
}
#csr div.index div#main div#home-theme div#theme-visual ul li {
	position: absolute;
	width: 202px;
	height: 202px;
}
#csr div.index div#main div#home-theme div#theme-visual ul li.governance {
	top: 222px;
	left: 210px;
}
#csr div.index div#main div#home-theme div#theme-visual ul li.environment {
	top: 136px;
	left: 0px;
}
#csr div.index div#main div#home-theme div#theme-visual ul li.social {
	top: 0px;
	left: 208px;
}
#csr div.index div#main div#home-theme div#theme-visual ul li.customer {
	top: 137px;
	left: 419px;
}
#csr div.index div#main div#home-theme div#theme-visual ul li.fair {
	top: 356px;
	left: 415px;
}
#csr div.index div#main div#home-theme div#theme-visual ul li.labor {
	top: 440px;
	left: 209px;
}
#csr div.index div#main div#home-theme div#theme-visual ul li.human_rights {
	top: 355px;
	left: 3px;
}


#csr div.index div#main div#home-info {
}

#csr div.index div#main div#home-info div#home-info-title {
	position: relative;
	width: 660px;
	height: 40px;
	margin: 0;
	padding: 0;
}
#csr div.index div#main div#home-info div#home-info-title h2 {
	position: relative;
	width: 660px;
	height: 40px;
	margin: 0;
	padding: 0;
}
#csr div.index div#main div#home-info div#home-info-title p.link-btn {
	position: absolute;
	top: 7px;
	right: 5px;
	width: 184px;
	height: 28px;
	margin: 0;
	padding: 0;
}

#csr div.index div#main div#home-info div.newsList {
	margin: 0;
	padding: 15px 10px;
	border-bottom: 1px solid #E4E4DA;
}
#csr div.index div#main div#home-info div.newsList dl.newsList {
	margin: 0;
	padding: 0;
}
#csr div.index div#main div#home-info div.newsList dl.newsList { zoom: 1; }
#csr div.index div#main div#home-info div.newsList dl.newsList:before, 
#csr div.index div#main div#home-info div.newsList dl.newsList:after { content: ""; display: table; }
#csr div.index div#main div#home-info div.newsList dl.newsList:after { clear: both; }

#csr div.index div#main div#home-info div.newsList dl.newsList dt {
	float: left;
	display: inline;
	width: 10em;
	margin: 0;
	padding: 0;
	font-weight: normal;
}
#csr div.index div#main div#home-info div.newsList dl.newsList dd {
	margin: 0;
	padding: 0;
}
#csr div.index div#main div#home-info div.newsList dl.newsList dd p {
	margin: 0;
	padding: 0;
}
#csr div.index div#main div#home-info div.newsList dl.newsList dd p.imgIcon {
	display: none;
	margin: 0;
	padding: 0;
}
#csr div.index div#main div#home-info div.newsList dl.newsList dd p.linkmark {
	margin: 0 0 0 10em;
	padding: 0;
}
#csr div.index div#main div#home-info div.newsList dl.newsList dd p.linkmark a {
	display: block;
	padding-left: 2.5em;
	background: url(../images/sideber_icon_linkmark.gif) no-repeat left 0.2em;
}




/* CSR基本方針スタイル
**********************************************/
#csr dl.guideline {
	margin: 5px;
	padding: 20px;
	background: #ffffff;
	border: 1px solid #efefef;

	box-shadow: 0 0 8px #efefef; /*CSS3*/
	-moz-box-shadow: 0 0 8px #efefef; /* Firefox用*/
	-webkit-box-shadow: 0 0 8px #efefef; /* Google Chrome, Safari用*/
}
#csr dl.guideline dt {
	margin: 30px 0;
}
#csr dl.guideline dd {
	margin: 0;
}
#csr dl.guideline dd p {
	margin: 30px 0;
}
#csr dl.guideline dd ol {
	margin: 50px 0;
	padding: 0 40px;
}
#csr dl.guideline dd ol li {
	margin: 30px 0;
	padding: 0 0 0 30px;
	font-size: 125%;
}
#csr dl.guideline dd ol li.no-01 {
	background: url(../../guideline/images/icon_mark_01.gif) no-repeat left top;
}
#csr dl.guideline dd ol li.no-02 {
	background: url(../../guideline/images/icon_mark_02.gif) no-repeat left top;
}
#csr dl.guideline dd ol li.no-03 {
	background: url(../../guideline/images/icon_mark_03.gif) no-repeat left top;
}
#csr dl.guideline dd ol li.no-04 {
	background: url(../../guideline/images/icon_mark_04.gif) no-repeat left top;
}
#csr dl.guideline dd ol li.no-05 {
	background: url(../../guideline/images/icon_mark_05.gif) no-repeat left top;
}


/* ディノスのものさし 3段組みリスト
**********************************************/
#csr .customer-3column {
	padding-left: 10px;
}
#csr .customer-3column dl {
	float: left;
	display: inline;
	width: 208px;
	margin-right: 15px;
	border-right: 1px solid #E4E4DA;
}
#csr .customer-3column dl.standard {
}
#csr .customer-3column dl.hc {
}
#csr .customer-3column dl.dlc {
	overflow: hidden;
	width: 193px;
	margin-right: 0;
	border-right: none;
}
#csr .customer-3column dl dt {
	margin-bottom: 10px;
	padding-right: 15px;
}
#csr .customer-3column dl dd {
	margin-bottom: 15px;
	padding-right: 15px;
}
#csr .customer-3column dl.dlc dt {
	padding-right: 0;
}
#csr .customer-3column dl.dlc dd {
	padding-right: 0;
}
#csr .customer-3column dl dd.link-mark {
	margin-bottom: 5px;
}



/* ディノスの商品採用ポリシー リスト
**********************************************/
#csr ol.policy-list {
	border-top: 1px dashed #C2C2C2;
}
#csr ol.policy-list li {
	padding: 10px 0;
	border-bottom: 1px dashed #C2C2C2;
}
#csr ol.policy-list li strong {
	float: left;
	display: inline;
	width: 16em;
	margin-right: 2em;
	font-size: 125%;
	font-weight: bold;
	color: #6C5032;
}
#csr ol.policy-list li strong img {
	margin-right: 1em;
	vertical-align: middle;
}
#csr ol.policy-list li span.txt {
	display: block;
	margin: 0.25em 0 0.25em 23em;
}



/* ハートコールセンター ラインボックス
**********************************************/
#csr .hc-line-box {
	margin-left: 10px;
	margin-right: 10px;
}
#csr .hc-line-box-inner {
	margin: 0;
	padding: 20px;
	background: #EDF9DF;
	border: 2px solid #7BBB1F;
}
#csr .hc-line-box-inner dl {
	float: left;
	display: inline;
	width: 289px;
}
#csr .hc-line-box-inner dl.lastChild {
	float: right;
	display: inline;
	width: 289px;
}
#csr .hc-line-box-inner dl dt {
	margin: 0 0 5px;
	padding: 0;
}
#csr .hc-line-box-inner dl dd {
	margin: 0;
	padding: 0;
}



/* CSRレポート
**********************************************/
#csr .report-under-line {
	margin-bottom: 25px;
	border-bottom: 1px solid #E4E4DA;
}


#csr .report .bg-line-box-gray {
	padding: 15px;
	background: #F9F9F9;
	border: 1px solid #EFEFEF;
}
#csr .report .bg-line-box-gray p.link-adobe {
	margin: 0;
	padding: 0;
}
#csr .report .bg-line-box-gray p.link-adobe img {
	margin-right: 15px;
	vertical-align: middle;
}



/* CSRレポート　寄付実績
**********************************************/
#csr .report .donation-line-box-right {
	float: right;
	display: inline;
	width: 235px;
	margin: 0 10px 0 0;
	padding: 0;
	background: #FCFAEA;
	border: 1px solid #EFEBC0;
}
#csr .report .donation-line-box-right p {
	margin: 0;
	padding: 15px;
	color: #C53200;
}
#csr .report .donation-line-box-right p strong {
	font-size: 125%;
	font-weight: bold;
}
#csr .report .donation-line-box-right p span {
	color: #6C4624;
}
#csr .report .donation-line-box-right p span.sub {
	display: block;
	margin-top: 15px;
}
#csr .report .donation-txt-box-left {
	float: left;
	display: inline;
	width: 400px;
	margin: 0;
	padding: 0;
}
#csr .report .donation-txt-box-left h4.title-headLine-txt_brown {
	margin: 0;
	margin: 0 0 3px 10px;
}
#csr .report .donation-txt-box-left p {
	margin: 0;
	margin: 0 0 5px 10px;
}


#csr .report .link-mark-donation a {
	display: block;
	padding-left: 45px;
	background: url(../../report/images/donation/icon_mark_donation.gif) no-repeat left 0.2em;
}
#csr .link-mark-txt-donation {
	padding-left: 45px !important;
}



/* CSR 特集スタイル
**********************************************/
#csr .section .title-txt-catch {
	margin: 0;
	padding: 0;
}
#csr .section .title-txt-catch-dama {
	background: #f6f6f6 url(../../spl/images/dama_main_visual_bg.png) no-repeat center top;
}
#csr .section .title-txt-catch-domestic {
	background: #000000 url(../../spl/images/domestic_main_visual_bg.png) no-repeat center top;
}
#csr .section .title-txt-catch p {
	*height: 10px;
	margin: 0;
	padding: 20px;
	background-color: #000000;
	filter: alpha(opacity=75); /* for IE */
	-moz-opacity: 0.75; /* for old Firefox */
	opacity: 0.75;

}
#csr .section .title-txt-catch p strong {
	display: block;
	*height: 10px;
	margin: 0;
	padding: 2px 0 2px 12px;
	filter: alpha(opacity=100); /* for IE */
	-moz-opacity: 1.0; /* for old Firefox */
	opacity: 1.0;
	border-left: 3px solid #5F9217;
	line-height: 2.0;
	font-weight: bold;
	color: #ffffff;
}

#csr .section .txt-box-name {
	margin-right: 1em;
	font-weight: bold;
	color: #5F9217;
}

#csr .section dl.photo-box-spl-profile {
	margin: 0;
	padding: 0;
}
#csr .section dl.photo-box-spl-profile dt {
	overflow: hidden;
	height: 38px;
	margin: 0;
	padding: 0;
}
#csr .section dl.photo-box-spl-profile dd {
	overflow: hidden;
	height: 70px;
	margin: 0;
	padding: 0;
}

#csr .section .photo-box-spl p {
	margin: 0 0 10px;
	padding: 0;
}

#csr .section .photo-box-spl-mainasu {
	position: relative;
	margin: -6em 0 0;
	padding: 0;
	zoom: 1;
	z-index: 1;
}

#csr .bg-spl-box {
	padding: 0 20px 20px;
	background: #F3F1EC;
	color: #000000;
}
#csr .bg-spl-box h4 {
	margin: 0 0 15px;
	padding: 10px 0 0 10px ;
	border-left: 5px solid #5F9217;
	font-size: 120%;
	font-weight: bold;
}
#csr .bg-spl-box-include {
	background: url(../../spl/images/dama_box_line.png) repeat-y center top;
}
#csr .bg-spl-box-include dl {
	float: left;
	display: inline;
	width: 180px;
	margin: 0;
	padding: 0 40px 0 0;
}
#csr .bg-spl-box-include dl.lastChild {
	padding: 0;
}
#csr .bg-spl-box-include dl dt {
	margin: 0 0 5px;
	padding: 0;
}
#csr .bg-spl-box-include dl dt img {
	margin: 0 0 5px;
	padding: 0;
}
#csr .bg-spl-box-include dl dd {
	margin: 0;
	padding: 0;
	font-size: 85%;
}

#csr .photo-box-spl-dama {
	margin: 0;
	padding: 0;
	font-size: 85%;
}
#csr .photo-box-spl-dama img {
	margin: 0 0 5px;
	padding: 0;
}
#csr .photo-box-spl-dama p.left {
	float: left;
	display: inline;
	width: 420px;
	margin: 0;
	padding: 0;
	text-align: left;
}
#csr .photo-box-spl-dama p.right {
	float: right;
	display: inline;
	width: 220px;
	margin: 0;
	padding: 0;
	text-align: left !important;
}

#csr .photo-box-spl-domestic {
	margin: 0;
	padding: 0;
	font-size: 85%;
}
#csr .photo-box-spl-domestic img {
	margin: 0 0 5px;
	padding: 0;
}
#csr .photo-box-spl-domestic p.left {
	float: left;
	display: inline;
	width: 320px;
	margin: 0;
	padding: 0;
	text-align: left;
}
#csr .photo-box-spl-domestic p.right {
	float: right;
	display: inline;
	width: 320px;
	margin: 0;
	padding: 0;
	text-align: left !important;
}






/* ↓↓↓↓↓↓　この記述は絶対に削除しないでください　↓↓↓↓↓ */
} /* MacIE除外用 */