/* Updated 2014/12/25.T */
/* Updated 2014/01/28,T */
/* Updated 2012/09/04,D */

@import "/common_css_e/default_wide.css";
@import "/common_css_e/component_wide.css";

/*--------------------------------------
  clearfix
---------------------------------------*/

*:after {	display:block;	clear:both;	height:0;	visibility:hidden; }
.clearfix { zoom:1;}
.clearfix:after {	content:".";} 

/*--------------------------------------
  Responsibility_Top
---------------------------------------*/

#title-responsibility-top {
	color:#030;
}

#contents p.csrLead {
	line-height:1;
	margin-bottom:20px;
}

#contents div.csrLeadBox {
	width:546px;
}

#contents div.mainlink {
	width:566px;
	margin:0 -20px 10px 0;
	background:url(/responsibility/image_uniq/bg_index_01.gif) no-repeat left bottom;
}

#contents div.mainlink dl {
	padding-bottom:10px;
	position:relative;
	width:268px;
	border-top:1px solid #D0E09D;
	float:left;
	margin-right:10px;
}

#contents div.mainlink dl dt {
	background:url(/common_images/arrow_small3.gif) 0 0.3em no-repeat;
	float:none !important;
	margin:110px 5px 10px 15px;
	padding:0 0 0 8px;
}

#contents div.mainlink dl dd.csrTopTxt {
	line-height:1.5;
	padding:0 15px 0 15px;
}

#contents div.mainlink dl dd.csrTopImg {
	height:100px;
	left:10px;
	position:absolute;
	top:9px;
	z-index:2;
}

#contents div.csrLeadBox ul {
	height:100px;
	width:546px;
}
#contents div.csrLeadBox ul:after {	content:".";}

#contents div.csrLeadBox ul li {
	float:left;
	line-height:1;
	margin-right:9px;
	width:176px;
}

#contents div.csrLeadBox ul li.csrLast {
	margin-right:0;
}

#contents p.csrSpecial {
	clear:both;
	padding:14px 0;
	width:546px;
}
#contents p.csrSpecial:after {	content:".";}

#contents p.csrSpecial a {
	background:url(/common_images/arrow_small3.gif) 0 0.3em no-repeat;
	float:right;
	padding-left:8px;
}

#contents div.csrRecommend {
	background:#EFF3E2;
	border:1px solid #C9DC9C;
	margin:20px 0 38px;
	padding:10px;
}
#contents div.csrRecommend p {	width:524px;}
#contents div.csrRecommend p:after {	content:".";}

#contents div.csrRecommend span {
	float:left;
	text-align:center;
	width:350px;
}

#contents div.csrRecommend a {
	background:url(/common_images/arrow_small3.gif) 0 0.3em no-repeat;
	float:right;
	padding-left:8px;
	width:140px;
}

#contents div.csrBlockArea {
	margin-bottom:23px;
}

#contents div.csrBlocks {
	clear:both;
	margin-bottom:13px;
	width:544px;
	border:1px solid #C5DA95;
	padding:0 0 15px 0;
}

#contents div.csrBlocks:after {	content:".";}

#contents div.csrBlocks h2 {
	background:url(/responsibility/image_uniq/bg_title_01.gif) repeat-x left bottom;
	margin:0 0 15px 0;
	padding:10px 0;
}

#contents div.csrBlocks h2 a {
	background:url(/common_images/icon_arwright_box.gif) 12px 0.2em no-repeat;
	display:block;
	line-height:1.6;
	padding-left:31px;
}


#contents div.csrBlocksImg {
	float:left;
	text-align:right;
	width:145px;
}

#contents div.csrPack {
	float:right;
	width:390px;
}


#contents div.csrPack p {
	margin-left:17px;
	padding-bottom:10px;
	width:360px;
}

#contents div.csrPack p a {
	background:url(/common_images/arrow_small3.gif) 0 0.3em no-repeat;
	padding-left:8px;
}

#contents div.csrPack ul {
	margin-left:17px;
	width:360px;
}

#contents div.csrPack ul li {
	background:url(/common_images/arrow_small3.gif) 0 0.3em no-repeat;
 display: inline-block;
 /display: inline;
 /zoom: 1;
	margin-right:3px;
	padding:0 0 5px 8px;
	vertical-align:top;
	width:165px;
}

#contents div.csrPack ul li.w130 {
	width:130px;
}
#contents div.csrPack ul li.w200 {
	width:200px;
}


/* Updated▼ 2014/01/28.T */
#linkJapan {
	clear: both;
	background-color: #F3F3F3;
	padding: 10px;
}
/* Updated▲ 2014/01/28.T */



/* supplenav readSpeaker */
.csrHome #supplenav{
	width:580px;
	_width:567px;
	float:left;
}

.csrHome .readSpeaker{
	float:left;
	padding:2px 0 0 10px;
}

.csrHome #headNav{
	margin:5px 0 8px;
	zoom:1;
}

.csrHome #headNav:after {content:".";}


.csrHome #headNav .readSpeaker {
	position: relative;
	float: right;
	padding-right: 15px;
}


/* categoryclm2 */
#contents div.categoryclm2 {
	width:546px;
	background:url(/responsibility/image_uniq/bg_categorybox.gif) no-repeat left bottom;
	margin-bottom:30px;
}

#contents div.categoryclm2:after {
	content:".";
}

#contents div.categoryclm2 div.categorybox {
	width:267px;
	padding:0 1px 1px;
	border:none;
	border-top:solid 1px #C6DA95;
	float:left;
	display:inline;
	margin:0 8px 0 0;
}

#contents div.categoryclm2 div.categorybox div.detail {
	padding:13px 5px 5px 15px;
}

#contents div.categoryclm2 div.categorybox.r {
	margin:0;
}

/* employee */
#contents div.employee div.categorybox div.detail ul.link {
	float:none;
	padding-right:0;
	width:auto;
}

#contents div.employee div.categorybox div.detail ul.link li {
	float:left;
	width:234px;
	padding-right:10px;
}

/* steak, others */
#contents div.steak div.leadimage div.image {	width:222px;}
#contents div.steak div.leadimage p {	width:305px; padding-top:10px;}
#contents div.others div.leadimage div.image {	width:104px;}
#contents div.others div.leadimage p {	width:420px;}

/* news */
#contents div.news {
	clear:both;
	margin-bottom:40px;
}

#contents div.news div.topAreaMain {
	zoom:1;
}

#contents div.news div.topAreaMain:after {
	content:".";
}

#contents div.news div.topAreaMain h2 {
	font-size: 130%;
	line-height: 120%;
	float:left;
}
#contents div.news div.topAreaMain h2 img {
	vertical-align: top;
	margin-right: 5px;
}
#contents div.news div.topAreaMain p.list {
	float:right;
	background:url(/common_images/arrow_small3.gif) no-repeat 1px .2em;
	padding-left:13px;
}

#contents div.news dt {
	float:left;
	clear:both;
	width:9em;
}

#contents div.news dd {
	padding-left:9em;
	margin-bottom:5px;
}

/* 2column */
#contents .column2block01 {
	margin: 20px 0 30px;
}
#contents .column2block01 .boxL {
	float: left;
	width: 263px;
}
#contents .column2block01 .boxR {
	float: right;
	width: 263px;
}
#contents .column2block01 .bold {
	font-weight: bold;
}

/* 3column */
#contents .column3block01 {
	margin-bottom: 25px;
}
#contents .column3block01 .box {
	float: left;
	width: 176px;
	margin-right: 9px;
}
#contents .column3block01 .box p.paragraph {
	margin: 5px 5px 0;
}
#contents .column3block01 .end {
	margin-right: 0;
}


/* Updated▼ 2014/01/28.T */
/* mainvisual */
#contents .visualSwitch {
	overflow: hidden;
	position: relative;
	width: 546px;
	height: 240px;
	margin-bottom: 20px;
}
#contents .visualSwitch .mainvisual {
	height: auto;
}
#contents .visualSwitch .mainvisual li {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 546px;
	height: 240px;
	margin: 0;
	padding: 0;
}
#contents .visualSwitch .mainvisual li.active {
	z-index: 100;
	display: block;
}
#contents .visualSwitch .thumb {
	z-index: 101;
	zoom: 1;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 546px;
	background:#000;
/*	background:url(/responsibility/image_uniq/bg_visual_01.png) repeat 0 0;*/
}
#contents .visualSwitch .thumb ul {
	height: 66px;
	margin-left: 11px;
}
#contents .visualSwitch .thumb li {
	float: left;
	width: 125px;
	height: auto;
	margin: 2px 8px 0 0;
	padding: 6px 0 0;
}
#contents .visualSwitch .thumb li.active {
	background:url(/responsibility/image_uniq/bg_visual_02.gif) no-repeat 50% 0;
}
/* Updated▲ 2014/01/28.T */


/* Updated▼ 2014/12/25.T */
#contents .topBnner{
	background:#efefef;
	margin-bottom:20px;
	padding:7px 0 0 0;
	height:230px;
}
#contents .topBnner li{
	float:left;
	margin: 0 0 5px 7px !important;
	width:263px !important;
	padding: 0 !important;
	height:110px;
	_display: inline;
	/zoom:1;
}
/* Updated▲ 2014/12/25.T */