@charset 'utf-8';

/*---------------------------------------
			common
--------------------------------------*/

#leftArea .topSpacer,
#mainArea .topSpacer{
	padding: 0px;
	margin: 0px;
}

#mainArea #topMainArea{
	padding:19px 0px 0px  0px;
	margin:0px;
}

#mainArea .fontBold{
	font-weight:bold;
}

#mainArea .alignR{
	text-align:right;
}

#mainArea h2.releaseMainTitle{
	background:transparent url("/company/release/images/hl_bg.gif") repeat-x left top;
	font-size:110%;
	padding:15px 10px 0 10px;
	margin:0 0 20px 0;
	width: 691px;
	clear:both;
}

br.clear{
	font-size:1px;
	clear:both;
}

/*---------------------------------------
			leftnavi
--------------------------------------*/

#leftArea .navigationBox .headingTopEnvironment {
	width:169px;
	height:63px;
	background:url("/environment/images/sidenavi_environment_on.gif") 0px 0px no-repeat;
	display: block;
}

#leftArea .navigationBox .headingTopEnvironment a {
	display:block;
}

#leftArea .navigationBox .headingTopEnvironment a:hover img {
	width:169px;
	height:63px;
	visibility:hidden;
}

#leftArea .navigationBox .headingTopEnvironment a:hover {
	width:169px;
	height:63px;
	background-color:transparent;
}


/*---------------------------------------
			index style
--------------------------------------*/


/*-- block --*/

#mainArea .indexList,
#mainArea dl.indexList03{
	margin:0 0 15px 0;
	*clear:both;
}

/*-- list --*/

#mainArea .indexList dl.indexList01,
#mainArea dl.indexList03 dd.listLeft{
	float:left;
	width:349px;
}

#mainArea .indexList dl.indexList02,
#mainArea dl.indexList03 dd.listRight{
	float:right;
	width:349px;
}

#mainArea .indexList dl.indexList01 dt,
#mainArea .indexList dl.indexList02 dt,
#mainArea dl.indexList03 dt{
	font-weight: bold;
	background:transparent url("/shared/images/headline003_bg_arrow.gif") no-repeat 0 0.15em;
	padding:0 0 3px 20px;
	margin:0 0 10px 0;
	border-bottom:1px solid #0d82ae;
}

#mainArea dl.indexList03 dl dt{
	font-weight:normal;
	background:none;
	padding:0;
	margin:0;
	border-bottom:none;
}

#mainArea dd.indexMiniList ul.link.leftlist{
	float:left;
	width:170px;
	margin:10px 0 0 0;
}

#mainArea dd.indexMiniList ul.link.rightlist{
	float:right;
	width:170px;
	margin:10px 0 0 0;
}


#mainArea #releaseBox ul.link{
	background:transparent url("/shared/images/hr_dotted.gif") repeat-x left bottom;
	padding:10px 0;
}

#mainArea #releaseBox ul.link{
	background:transparent url("/shared/images/hr_dotted.gif") repeat-x left bottom;
	padding:10px 0;
}

#mainArea div#importantBlock{
	background:transparent url("/shared/images/important_dotted02.gif") repeat-x left top;
	font-weight:bold;
	padding:1px 0 0 0;
	margin:0 0 25px 0;
	width:711px;
}

#mainArea div#importantList{
	background:transparent url("/shared/images/important_dotted.gif") repeat-y;
	width:711px;
}

#mainArea div#importantBlock ul.link{
	background:transparent url("/shared/images/important_dotted02.gif") repeat-x left bottom;
	padding:8px 0 0 20px;
	margin:0;
	width:691px;
}

#mainArea div#importantBlock ul.link li{
	margin:0;
	padding:0 0 8px 0;
}

#rightArea .navigationBox{
	background:none;
}

#rightArea ul#recuruitBox li,
#rightArea div#campaignBox ul.banner li{
	background:none;
	padding:0;
}

#rightArea div.navigationBox ul.banner li{
	margin:0 0 6px 0;
}

#rightArea ul#recuruitBox{
	margin:0 0 10px 0;
}

#rightArea .navigationBox{
	background:none;
}

#rightArea div#newsBox{
	font-size:80%;
	background:transparent url("/company/images/sn_corporate_bg.gif") no-repeat bottom;	
	padding:0 0 5px 0;
	margin:0 0 10px 0;
	*width:169px;
}

#rightArea div#newsBox dt.newsBoxHeading{
	background:transparent url("/company/images/sn_corporate_topbg02.gif") no-repeat;
	width:169px;
	height:27px;
}

#rightArea div#newsBox dt.newsBoxHeading span{
	text-indent:-10000px;
	overflow:hidden;
}

/*\*/
#rightArea div#newsBox dt.newsBoxHeading span{
	width:0;
	height:0;
	overflow:hidden;
	position:absolute;
}/**/

#rightArea div#newsBox dt.newsBoxHeading a{
	background:transparent url("/environment/images/all_list_btn.gif") no-repeat 0 12px;
	width:31px;
	height:27px;
	display:block;
	margin:0 0 0 128px;
}

#rightArea div#newsBox dt.newsBoxHeading a:hover{
	background:transparent url("/environment/images/all_list_btn_o.gif") no-repeat 0 12px;
}


#rightArea div#newsBox dl dl dt{
	font-weight:bold;
	margin:0 0 5px 0;
}

#rightArea div#newsBox dl dl{
	background:transparent url("/shared/images/hr_dotted.gif") repeat-x left bottom;
	margin:10px;
	padding:0 0 5px 0;
}

#rightArea div#campaignBox{
	*width:169px;
	padding:5px 0 0 0;
	background:transparent url("/company/images/sn_box_topbg.gif") no-repeat left top;
}

#rightArea div#campaignBox ul.banner{
	*width:159px;
	padding:0 5px 2px 5px;
	background:transparent url("/company/images/sn_box_bottombg.gif") no-repeat left bottom;
}

/* table Element
-------------------------------------------------- */

#mainArea div.generalTable.freesize {
	width:100%;
	margin:0 0px 13px;
}

#mainArea div.generalTable.freesize .layout_001 {
	width:100%;
}

#mainArea div.generalTable.freesize .layout_002 {
	width:100%;
}

/* twoColumnsType5
-------------------------------------------------- */

#mainArea .twoColumnsType5 {
	width: 711px;
	padding: 0px;
	margin: 0px;
}

#mainArea .twoColumnsType5 div.leftColumn {
	width: 90px;
	margin: 0px;
	float: left;
}

#mainArea .twoColumnsType5 div.rightColumn {
	width: 598px;
	margin: 0px;
	float: right;
}



/* image Element
-------------------------------------------------- */

#mainArea div.twoColumnsType1.float div.image{
	float:left;
	margin:0 20px 10px 0;
}

#mainArea div.twoColumnsType2.float div.image{
	float:right;
	margin:0 0 10px 20px;
}

#mainArea .twoColumnsType2.float h3 {
	width: 711px;
}


/*---------------------------------------
			underpage style
--------------------------------------*/

#mainArea .topList{
	border:none;
	margin:0 0 10px 0;
}

#mainArea .topList ul.link{
	margin:10px 0 10px 0;
}

#mainArea .topList dl.topList01{
	float:left;
	width:349px;
}

#mainArea .topList dl.topList02{
	float:right;
	width:349px;
}

#mainArea .topList dl.topList01 dt,
#mainArea .topList dl.topList02 dt{
	font-weight: bold;
	background:transparent url("/shared/images/hr_dotted.gif") repeat-x left bottom;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
}

#mainArea .topList dl.topList01 dt a,
#mainArea .topList dl.topList02 dt a{
	font-weight: bold;
	background:transparent url("/shared/images/arrow_blue_right.gif") no-repeat 0 0.15em;
	padding:0 0 0 10px;
}

#mainArea .topList dl.topList01 dt.pdfLink a,
#mainArea .topList dl.topList02 dt.pdfLink a{
	font-weight: bold;
	background:transparent url("/shared/images/icon_pdf.gif") no-repeat 0 0.15em;
	padding:0 0 4px 20px;
}

#mainArea .topList dl.topList01 dl dt a,
#mainArea .topList dl.topList02 dl dt a{
	font-weight: bold;
	background:none;
	padding:0;
}

#mainArea .topList dl.topList01 dt.outlink a,
#mainArea .topList dl.topList02 dt.outlink a{
	background:transparent url("/shared/images/icon_outside.gif") no-repeat left;
	padding:0 0 0 15px;
}


#mainArea .topList dl.topList01 dl dt,
#mainArea .topList dl.topList02 dl dt{
	font-weight:normal;
	background:none;
	float:left;
	width:90px;
}

#mainArea .topList dl.topList01 dl dd,
#mainArea .topList dl.topList02 dl dd{
	float:left;
	width:259px;
}


/* blueBox
-------------------------------------------------- */

#mainArea .blueBox{
	width: 709px;
	border:1px solid #7c96ca;
}

#mainArea .blueBox .twoColumnsType1 {
	width: 683px;
	padding:13px 13px 0 13px;
	margin: 0px;
}

#mainArea .blueBox .twoColumnsType1 div.leftColumn {
	float: left;
	width: 169px;

}

#mainArea .blueBox .twoColumnsType1 div.rightColumn {
	width: 500px;
	float: right;
}

#mainArea .blueBox dl dt{
	font-weight:bold;
}

#mainArea .blueBox dl dd{
	margin:0 0 10px 0;
}

/* colum box
-------------------------------------------------- */

#mainArea div.columBox{
	background:#f7f7f7;
	border:1px solid #466ab6;
	margin:0 0 30px 0;
	padding:0;
}

#mainArea div.columBox .columHeading{
	background:#466ab6;
	color:#fff;
	margin:0!important;
	padding:5px 20px;
}

#mainArea div.columBoxContent{
	padding:5px 20px;
}

#mainArea div.columBoxContent p{
	margin:0;
	padding:0;
}

.fontRed{
	color:#F00;
}


/* threeColumnsImages
-------------------------------------------------- */

#mainArea .threeColumnsImages {
	width: 711px;
	padding: 0px;
	margin: 0px;
}

#mainArea .threeColumnsImages div.leftColumn,
#mainArea .threeColumnsImages div.middleColumn,
#mainArea .threeColumnsImages div.rightColumn{
	width: 229px;
	float: left;
	margin:0 12px 0 0;
}

#mainArea .threeColumnsImages div.rightColumn {
	margin:0;
}

#mainArea .threeColumnsImages .caption {
	margin:5px 0 0 0;
}

/* factory page
-------------------------------------------------- */

#mainArea dl.productsList{
	margin:0 0 10px 0;
}

#mainArea div.factoryProfileBlock01,
#mainArea div.factoryProfileBlock02{
	background:#ededed url("/shared/images/hr_dotted.gif") repeat-x left bottom;
	margin:0 0 15px 0;
}

#mainArea div.factoryProfileBlock01 div.factoryProfileBlockIn,
#mainArea div.factoryProfileBlock02 div.factoryProfileBlockIn{
	padding:10px;
	background:transparent url("/shared/images/hr_dotted.gif") repeat-x left top;
}

#mainArea div.factoryProfileBlock01 div.factoryProfileBlockIn dl{
	float:left;
	width:580px;
}

#mainArea div.factoryProfileBlock02 div.factoryProfileBlockIn dl{
	float:left;
	width:501px;
}

#mainArea div.factoryProfileBlockIn dl dt{
	margin:0 0 10px 0;
}


#mainArea div.factoryProfileBlock01 div.factoryProfileBlockIn p.factoryImg{
	float:right;
	width:90px;
	margin:20px 0 0 0;
}

#mainArea div.factoryProfileBlock02 div.factoryProfileBlockIn p.factoryImg{
	float:right;
	width:169px;
	margin:20px 0 0 0;
}

/* under link style
-------------------------------------------------- */

#mainArea ul.contentsLink{
	padding: 18px 0px;
	margin: 0px;
	border-top: 1px solid #d8d8d8;
	color: #000000;
}

#mainArea ul.contentsLink li{
	background:none;
	border-right:1px solid #333;
	float:left;
	margin:0 10px 5px 0;
	padding:0 10px 0 0;
	white-space:nowrap;
}

#mainArea ul.contentsLink li.last{
	border:none;
	margin:0;
	padding:0;
}

#mainArea ul.contentsLink li a{
	padding-left:15px;
	background:transparent url("/shared/images/arrow_middle_right.gif") no-repeat scroll left;

}

#mainArea ul.contentsLink li em {
	font-style: normal;
	font-weight: bold;
	color: #555555;
}


/*-- clearfix --*/

#mainArea .indexList:after,
#mainArea .topList:after,
#mainArea .topList dl.topList01:after,
#mainArea .topList dl.topList02:after,
#mainArea div.factoryProfileBlockIn:after,
#mainArea ul.contentsLink:after,
#mainArea dd.indexMiniList:after,
#mainArea dl.indexList03:after,
#mainArea div.twoColumnsType1:after,
#mainArea div.twoColumnsType2:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#mainArea .indexList,
#mainArea .topList,
#mainArea .topList dl.topList01,
#mainArea .topList dl.topList02,
#mainArea div.factoryProfileBlockIn,
#mainArea ul.contentsLink,
#mainArea dd.indexMiniList,
#mainArea dl.indexList03,
#mainArea div.twoColumnsType1,
#mainArea div.twoColumnsType2{
	display:inline-table;
	min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/

*html #mainArea .indexList,
*html #mainArea .topList,
*html #mainArea .topList dl.topList01,
*html #mainArea .topList dl.topList02,
*html #mainArea div.factoryProfileBlockIn,
*html #mainArea ul.contentsLink,
*html #mainArea dd.indexMiniList,
*html #mainArea dl.indexList03,
*html #mainArea div.twoColumnsType1,
*html #mainArea div.twoColumnsType2{
	height: 1%;
}

#mainArea .indexList,
#mainArea .topList,
#mainArea .topList dl.topList01,
#mainArea .topList dl.topList02,
#mainArea div.factoryProfileBlockIn,
#mainArea ul.contentsLink,
#mainArea dd.indexMiniList,
#mainArea dl.indexList03,
#mainArea div.twoColumnsType1,
#mainArea div.twoColumnsType2{
	display: block;
}

/* End hide from IE-mac */

.attention, h2, h3,h4,factoryProfileBlock01,twoColumnsType2,twoColumnsType1 {clear: both}


